@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
.eval-main-block *{font-family: 'Roboto', sans-serif;}
/* static step */
   .eval-main-block .blue-text{color: #b89863 !important;}
   .eval-main-block .fd-1, .eval-main-block .fd-2{font-weight: 800; line-height: normal}
   .eval-main-block .fd-1{font-size: 36px;}.eval-main-block .fd-2{font-size: 30px}
   .eval-main-block .fd-3{font-weight: 500 !important; font-size: 20px; line-height: normal}
   .eval-main-block .fd-4{font-size: 18px; line-height: normal; font-weight: 500; text-transform: none;}
   .eval-main-block .border-btm{position: relative;}
   .eval-main-block .border-btm::after{border-bottom: 2px solid #ccc; content: ''; width: 100%; position: absolute; bottom: 0; left: 0;}
   .eval-main-block.eval-banner-area{background:#f9eee3; }
   .eval-main-block .eval-model-area{ background:url(/themes/custom/batra_uae/images/evalimages/eval-banner-model-bg-mob-new.webp) right -50px top no-repeat;}
   .eval-main-block .eval-model-area img{max-width: 250px;margin: 0 auto;}
   .eval-main-block.eval-test-bg{background: url(/themes/custom/batra_uae/images/evalimages/dotted-bg-overlap.png) bottom left repeat-x, url(/themes/custom/batra_uae/images/evalimages/dotted-bg-form.webp) top center no-repeat; background-size: auto, 250%;}

/* form area */
.eval-main-block .form-block{display: none;}
.eval-main-block .radius-round{ border-radius: 50px !important;}
.eval-main-block .text-box{padding: 20px 15px; border: 1px solid #565656 !important; outline: none; margin-bottom: 15px;}
.eval-main-block .text-box:focus, .eval-main-block .form-group-new.btn:focus, .eval-main-block .text-box:focus-visible, .eval-main-block .text-box:focus-within, .eval-main-block .text-box:active, .eval-main-block.eval-test-bg .act-btn, .eval-main-block .act-btn{outline: none!important; box-shadow: none !important; border: none;}
.eval-main-block .circle-box{width: 90px; height: 90px; background: #fff; display: block; color: #656565; line-height: 90px; border: 2px solid #656565}
.eval-main-block .age-radio, .eval-main-block .gender-radio{width: 0; height: 0; display: inline-block;}
.eval-main-block .btn-group-new .btn, .eval-main-block .form-group-new .btn{box-shadow: none !important; font-weight: 500; outline: none !important; font-size: 20px !important;}
.eval-main-block .btn-group-new .btn img{/*filter: grayscale(1); */ -webkit-transform: scale(0.85);transform: scale(0.85);-ms-transform: scale(0.85);-webkit-transform: scale(0.85);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;border: 2px solid #606060; border-radius:50%; }
.eval-main-block .btn-group-new .btn.active img{/*filter: grayscale(0);*/ position: relative; -webkit-transform: scale(1);transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1); background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
  background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1); border-radius: 50% !important; border: 2px solid #b99863;}
.eval-main-block .btn-group-new .btn.active{position: relative; color: #b99863;}
.eval-main-block .btn-group-new .btn.active .gender-icon-area{position: relative; color: #b99863;}
.eval-main-block .btn-group-new .btn.active .circle-box{color: #383838; border-color: #b99863; border: none !important; background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
  background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);}
.eval-main-block .form-group-new .form-control{font-size: 14px;}
.eval-main-block label.btn{background: transparent; color: #000}
.eval-main-block .form-group-new.btn label{font-weight: inherit; background: #fff;}
.eval-main-block #step-1 .form-group-new {display: block;height: auto;width: 100%;overflow: auto;}
.eval-main-block #step-1 .form-group-new .form-control{margin-top: 30px; margin-bottom: unset;}
.eval-main-block .hair-opt{width: 100px;height: 100px;padding: 5px;display: flex; background: #fff; line-height: 100px;}
.eval-main-block .btn-group-new .btn .img-fil{filter: grayscale(0); border: none !important}
.eval-main-block .btn-group-new .btn.active .gender-icon-area:after{content: '✔'; text-align: center; line-height: 40px; position: absolute; background: olivedrab; z-index: 99; border-radius: 40px; height: 40px; width: 40px; right:0; top: 0; color: #fff}
.eval-main-block #evat-test-slider .slick-prev, .eval-main-block #evat-test-slider .slick-next, .eval-main-block .act-btn{height: auto; border: none; width: auto;  min-width: 150px; box-shadow: none;  margin-bottom: 30px;background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);}
  .eval-main-block .arr-area{width: 35px; height: 35px; line-height: 35px; border-radius:35px;  display: inline-block; background: #fff; margin: 8px; font-size: 20px; color: #a6834f}
  .eval-main-block .arr-area.flip{transform: rotate(-180deg) translate(0) scale(1);}
  .eval-main-block .arr{position: relative; display: inline-block;}
  .eval-main-block .arr:after{content:'➜'; background: #fff; display: block; border-radius: 50%;text-align: center; color: #0073ad;}
  .eval-main-block .act-text{font-size: 20px;}
  .comb-img{max-width: 150px;}
 
.eval-main-block #evat-test-slider{margin: 20px 0;}
.eval-main-block #evat-test-slider .hero-slide.slick-slide {min-height: 300px;display: flex; height: auto; justify-content: center}
.eval-main-block #evat-test-slider .hero-slide.slick-slide[data-slick-index="7"] .hero-content{min-height: 330px !important; height: 100%;}
.checkbox-area-skinproblem .form-group-new.btn-check label{height: 54px; display: flex; align-items: center; justify-content: center; padding: 0 15px; font-size: 13px;}

/** Progress Bar */

.eval-main-block .progress {display: none;width: 100%; margin: auto; height: 10px;border-radius: 10px;overflow: hidden;background-color: #f5f5f5;background-image: #b99863 !important;background-image: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
    background-image: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;background-image: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1) !important;background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;}
    .eval-main-block .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
    .eval-main-block .content {margin: auto;max-width: 600px;width: 100%;}
    .eval-main-block .ques-info{display: none !important}
@media screen and (max-width:767px){
  .eval-main-block .ques-info{display: block !important}
  .eval-main-block .slick-dots{display: none !important;}
  /* .eval-main-block #evat-test-slider{margin-top: 0;} */
  .eval-main-block .progress{display: block;}
  .eval-main-block .container{max-width: unset;}
  
}

.eval-main-block .ques-radio{height: 0; width: 0; padding: 0 !important; border: none !important;}
.eval-main-block .opt{padding: 8px; min-width: 120px;}
.eval-main-block .form-group-new.btn {box-shadow: none !important; padding: 0 15px; background: transparent; color: #656565; font-weight: 500; outline: none !important; margin: 7px 0;}
.eval-main-block .btn.active .opt{ background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);color: #383838; position: relative;}
.eval-main-block .btn.active .opt:after{content: ''; width: 14px; height: 20px; filter: grayscale(1); position: absolute; right: 15px; background: url(/themes/custom/batra_uae/images/evalimages/lock-icon.webp) no-repeat; background-size: contain;}
  .eval-main-block .form-group-new.btn-check label{position: relative; background: #fff;}
  .eval-main-block .form-group-new.btn-check label:after{filter:unset;content: '';border-width: 1px;border-color: #656565;border-style: solid;border-radius: 50%;background-color: #fff;width: 15px;height: 15px;top: 50%;right: 15px;position: absolute;transform: translateY(-50%);}
  .eval-main-block .form-group-new.btn-check.active label:after{filter:unset;content: ''; background:none; color:#656565;border-width: 1px;border-color: #656565;border-style: solid;border-radius: 50%;background-color: #fff;width: 15px;height: 15px;top: 50%;right: 15px;position: absolute;transform: translateY(-50%);}
 /*svg animation  */
svg#line-animation{max-width: 520px;width: 100%;display: block;margin: 0 auto;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.textbox-svg {fill:none;stroke:#b89863;stroke-width: 3pt;stroke-miterlimit:3;/* stroke-linecap:round; */stroke-dasharray: 660;stroke-dashoffset: 660;}
.textbox-svg.visible-svg{animation: draw 4s forwards;}
@keyframes draw {
  from {stroke-dashoffset: 660;}
  to {stroke-dashoffset: 0;}
}
/*svg animation  */
@media screen and (max-width:767px){
    .eval-main-block .form-group-new.btn-check label:after{right: 10px !important;}
    .eval-main-block .form-group-new.btn label{font-size: 14px !important; font-weight: 400 !important}
  }
.eval-main-block #evat-test-slider .slick-prev,.eval-main-block #evat-test-slider .slick-next {display: none !important;}
.eval-main-block label.error {font-weight: 500 !important; justify-content: left !important; display: unset; width: 100%;}
@media screen and (min-width:769px){
    .eval-main-block .fd-4{font-size: 24px; line-height: normal; font-weight: 500; text-transform: uppercase}
  .eval-main-block .btn-group-new .btn .circle-box:hover{color: #383838; border-color: transparent;background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);}
  .eval-main-block .eval-model-area img{max-width: 350px; height: auto; width: 100%; margin: unset; margin-left: 50px}
  .eval-main-block .eval-model-area{ background:url(/themes/custom/batra_uae/images/evalimages/eval-banner-model-bg-new.webp) left center no-repeat; background-size: cover}
  .eval-main-block .text-box{margin-bottom: 30px; padding: 25px 15px;}
  .eval-main-block .arr-area{width: 40px; height: 40px; line-height: 40px;}
  .eval-main-block .opt{padding: 15px; min-width: 120px;}  
  .eval-main-block.eval-test-bg{background-size: auto, cover;}
  .eval-main-block.eval-banner-area{background:/* url(/themes/custom/batra_uae/images/evalimages/eval-banner-model-bg.webp) right center no-repeat, */url(/themes/custom/batra_uae/images/evalimages/eval-banner-bg-new.webp) center center no-repeat; }
  .eval-main-block .fd-1,.eval-main-block .fd-2{font-weight: 800}
  .eval-main-block .fd-1{font-size: 66px;}.eval-main-block .fd-2{font-size: 48px}
  .eval-main-block .fd-3{font-weight: 600 !important; font-size: 30px; line-height: normal;}
  .comb-img{max-width: unset;}
  .eval-main-block #evat-test-slider{margin: 70px 0 30px 0;}
    /* Dots */
    .eval-main-block #evat-test-slider .slick-dots{bottom: unset; top: -70px !important; display: flex !important; justify-content: space-around; pointer-events: none}
    .eval-main-block #evat-test-slider .slick-dots li{background: #383838; border-radius: 30px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; color: #fff; width: 30px; height: 30px;text-align: center; line-height: 30px;}
    .eval-main-block #evat-test-slider .slick-dots li.slick-active, .eval-main-block #evat-test-slider .slick-dots li.done, .slick-dots li.done:before{background: #b99863 !important;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
      background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1) !important; color: #383838;}
    .eval-main-block #evat-test-slider .slick-dots li:before{content: '';background: #383838;width: 250%;left: -75%;height: 8px;position: absolute;transform: translateY(-50%);top: 50%;z-index: -1;}
    .eval-main-block #evat-test-slider .slick-dots li.slick-active:before {background: #b99863 !important;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
      background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%) !important;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1) !important;}
    .eval-main-block #evat-test-slider .slick-dots li:first-child:before{border-radius: 15px 0 0 15px}
    .eval-main-block #evat-test-slider .slick-dots li:last-child:before{border-radius: 0 15px 15px 0}
    .eval-main-block .dot{font-family: 'Work Sans', sans-serif !important; font-weight: 700}
    .eval-main-block .btn.active .opt:after{right: 30px;}
}
.back.bg-transparent.btn {color: #a6834f !important;}
#boxes, #kenytChatBubble, #chatbox-container, .home-sticky-form{display: none !important}

@import url("https://fonts.googleapis.com/css?family=Hind+Madurai:300,600|Poppins:300&display=swap");

#sliderContainer {
    width: 100%;
    max-width: 440px;
    padding: 56px 40px;
    border-radius: 40px;
}

.tick-slider-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tick-slider-header>h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #71738b;
}

.tick-slider {
    position: relative;
    width: 100%;
}

.tick-slider-value-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-family: "Hind Madurai", sans-serif;
    font-size: 18px;
    color: #71738b;
}

.tick-slider-value {
    position: absolute;
    top: 0;
    font-weight: bold;
    color: #383838;
    width: 25px;
    text-align: center;
    border-radius: 2px;
    /* background: #00689a;  */
    background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);
}
.tick-slider-value::after{
    width: 0; 
    content: '';
    position: absolute;
  height: 0; 
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #b99863;
}

.tick-slider-value>div {
    animation: bulge 0.3s ease-out;
}

.tick-slider-background,
.tick-slider-progress,
.tick-slider-tick-container {
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 10px;
    pointer-events: none;
    border-radius: 4px;
    z-index: -1;
}

.tick-slider-background {
    width: 100%;
    border-radius: 35px;
    outline: 2px solid #b79660;
    outline-offset: 4px;
    background-image: linear-gradient(to right,#f6f4dd 20%,#ede8aa 20%, #ede8aa 40%,#dfb63e 40%,#dfb63e 60%, #c9a036 60%, #c9a036 80%, #b38628 80%, #b38628 100%);
}

.tick-slider-tick-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 calc(30px / 2);
}

.tick-slider-label {
    opacity: 0.85;
    transition: opacity 0.1s ease;
}

.tick-slider-label.hidden {
    opacity: 1;
    display: block !important;
}

@keyframes bulge {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/*  REMOVE SLIDER STYLE DEFAULTS  */
input[type="range"].tick-slider-input {
    -webkit-appearance: none;    
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    margin: 5px 0;
}

input[type="range"].tick-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
}

input[type="range"].tick-slider-input:focus {
    outline: none;
}

input[type="range"].tick-slider-input::-moz-focus-outer {
    border: 0;
}

/*

    HANDLE

*/
input[type="range"].tick-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 40px;
    /* background: #2494ae; */
    background: #b99863;background: -moz-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    background: -webkit-linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);background: linear-gradient(135deg,rgba(185,152,99,1) 0,rgba(224,205,152,1) 25%,rgba(248,237,184,1) 50%,rgba(215,193,143,1) 75%,rgba(172,138,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b99863",endColorstr="#ac8a5b",GradientType=1);
    border-radius: 35px;
    cursor: pointer;
    margin-top: -15px;
    border: 2px solid #886939;  
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input[type="range"].tick-slider-input:hover::-webkit-slider-thumb,
input[type="range"].tick-slider-input:focus::-webkit-slider-thumb {
    transform: scale(1.2);
}

input[type="range"].tick-slider-input::-moz-range-thumb {
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    /* background: #2494ae; */
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input[type="range"].tick-slider-input:hover::-moz-range-thumb,
input[type="range"].tick-slider-input:focus::-moz-range-thumb {
    transform: scale(1.2);
}

/* TRACK */

input[type="range"].tick-slider-input::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: none;
    border-radius: 4px;
}

input[type="range"].tick-slider-input::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: none;
    border-radius: 4px;
}

input[type="range"].tick-slider-input:focus::-webkit-slider-runnable-track {
    background: none;
}
input[type="range"].tick-slider-input:active::-webkit-slider-runnable-track {
    background: none;
}