@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, .fd-3.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: 42px;}.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: 24px; line-height: normal; font-weight: 500}
   .eval-main-block .border-btm{border-bottom: 2px solid #ccc;}
   .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 #383838 !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: #383838; line-height: 90px; border: 2px solid #383838}
.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: 10px;  display: flex; background: #fff; line-height: 100px;}
.eval-main-block .btn-group-new .btn .img-fil{filter: grayscale(0); border:none !important;-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;  background: 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; color: #383838}
  .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: 400px !important; height: 100%;}


/** 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  */
.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 .btn-group-new .btn .circle-box:hover{color: #383838; border-color: #b99863;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: unset; margin: unset}
  .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: 80px;}.eval-main-block .fd-2{font-size: 60px}
  .eval-main-block .fd-3{font-weight: 600 !important; font-size: 32px; color: #383838; 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;}
}
#boxes, #kenytChatBubble, #chatbox-container, .home-sticky-form{display: none !important}
.back.bg-transparent.btn{color: #a6834f !important}