.font-500 {font-weight: 500 !important;}
.benefits-area {width: 100%;min-height: 400px;height: 100%;background: url(/themes/custom/batra_uae/images/advance-hair/benefits-treatment-bg.jpg) top center no-repeat;background-size: cover;}
.benefit-main-img {width: 280px;margin: 0 auto;left: 0;right: 0;position: relative;display: block;}
.benefit-text-1,.benefit-text-2,.benefit-text-3,.benefit-text-4,.benefit-text-5,
.benefit-text-6 {position: unset;width: 50%;float: left;max-width: unset;min-height: 125px}
.bg-microscope{background: none; min-height: unset;}
.bg-microscope p{line-height: 28px;}
.sliderItem{background: url(/themes/custom/batra_uae/images/advance-hair/ailment-slider-bg.webp) left top no-repeat;background-size:cover}
.slick-dots{position:absolute;bottom:-30px;list-style:none;display:block;text-align:center;padding:0;width:100%; left: 0;}
.logo-area + .logo-area{border-left: 1px solid #ccc}
.logo-area:nth-child(3){border-left: none}
@media screen and (min-width: 767.98px) {
    .logo-area + .logo-area{border-left: 1px solid #ccc}
    .slick-dots{position:absolute;bottom:50px;list-style:none;display:block;text-align:center;padding:0;width:50%; left: -20px;}
    .sliderItem{background: url(/themes/custom/batra_uae/images/advance-hair/ailment-slider-bg.webp) left top no-repeat;background-size: 865px 381px}
    .benefits-area {width: 100%;min-height: 400px;background: url(/themes/custom/batra_uae/images/advance-hair/benefits-treatment-bg.jpg) top center no-repeat;background-size: cover;}
    .benefit-main-img {width: 280px;margin: 0 auto;left: 0;right: 0;position: relative;display: block;}
    .benefit-text-1,.benefit-text-2,.benefit-text-3,.benefit-text-4,.benefit-text-5,
    .benefit-text-6 {display: block;max-width: 200px;width: 100%;}
    .benefit-text-1 {position: absolute;left: -100px;top: 75px;}
    .benefit-text-2 {position: absolute;left: -75px;top: 175px;}
    .benefit-text-3 {position: absolute;left: -100px;top: 275px;}
    .benefit-text-4 {position: absolute;right: -75px;top: 75px;}
    .benefit-text-5 {position: absolute;right: -125px;top: 175px;}
    .benefit-text-6 {position: absolute;right: -150px;top: 275px;}
    .bg-microscope{background: url(/themes/custom/batra_uae/images/advance-hair/microscopic-bg.webp) left center no-repeat; min-height: 360px; background-size: cover; padding: 30px 0;}
}
.slide-model-area{min-height: 300px;}
.bg-consult{background: #7d7d7d;}
.bg-consult span{font-size: 15px;}
.consult{outline: #7d7d7d solid 10px; position: relative; z-index: 1;}
.bg-light-yellow{background: rgb(185,152,99);
    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);}
/* dots */

.slick-dots li{position:relative;display:inline-block;height:15px;width:15px;margin:0 3px;padding:0;cursor:pointer}
.slick-dots li button{border:0;display:block;height:15px;width:15px;outline:none;font-size:12px;color:transparent;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-size: 50px}
.slick-dots li.slick-active button{background: transparent}
/* dots */
.outer-wrapper {max-width: 100%;overflow-x: scroll;position: relative;scrollbar-color: #fff;scrollbar-width: thin;-ms-overflow-style: none}
.outer-wrapper .card{background: #f5f5f5; border: 4px solid #fff; border-radius: 0; font-size: 14px;}
.inner-wrapper{margin-bottom: 15px;}
.pseduo-track {background-color: #e7e7e7;height: 9px;width: 100%;position: relative;top: -9px;border-radius: 5px;z-index: -10}
.outer-wrapper::-webkit-scrollbar {height: 9px}
.outer-wrapper::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)}
.outer-wrapper::-webkit-scrollbar-thumb {height: 9px;border-radius: 5px;background-color: #cba574}
.outer-wrapper::-webkit-scrollbar-thumb:hover {background-color: #cba574;}
.outer-wrapper::-webkit-scrollbar:vertical {display: none}