/* ==================== Loader content Start ==================== */
.loader { display: table; width: 100%; height: 100%; position: fixed; z-index: 99999999999999999999999; left: 0; top: 0; background: #fff; }
.loaderin { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.loader-circle { width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #01364D #01364D transparent transparent; box-sizing: border-box; animation: rotation 1s linear infinite; }
.loader-circle::after, .loader-circle::before { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent transparent #DEBA53 #DEBA53; width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; animation: rotationBack 0.5s linear infinite; transform-origin: center center; }
.loader-circle::before { width: 32px; height: 32px; border-color: #1F1F1F #1F1F1F transparent transparent; animation: rotation 1.5s linear infinite; }
@keyframes rotation { 0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes rotationBack { 0% {transform: rotate(0deg);}100% {transform: rotate(-360deg);}}
/* ==================== Loader content End ==================== */


html { font-size: 62.5%; scroll-behavior: smooth; }
body { overflow-x: hidden; background: #fff; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.5; }
.dermal-lens-content ul li {
    list-style-type: disc;
    line-height: 33px;
}
.container { max-width: 1280px; width: 100%; margin: 0 auto; }
.title { font-size: 22px; font-weight: 700; line-height: 30px; text-transform: capitalize; color: #003F5A; margin-bottom: 16px; }
.sub-title { font-size: 16px; line-height: 22px; color: #003F5A; text-align: center; font-weight: 400; }
.btn-primary { background: #DEBA53; color: #16353F; font-size: 14px; font-weight: 700; border-color: #DEBA53; padding: 11px 24px; border-radius: 23px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #CEAD4F; color: #16353F; border-color: #DEBA53; box-shadow: none !important; }
.btn-secondary { background: #003F5A; color: #fff; font-size: 14px; font-weight: 700; text-transform: capitalize; padding: 12px 23px; border-radius: 23px; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background: #003F5A; color: #fff; }
.bg-light-theme { background: rgba(236, 236, 236, 40%); }
p { font-size: 16px; color: #1F1F1F; line-height: 24px; }
.form-control { padding: 10px 12px; line-height: 17px; font-size: 13px; color: #8E8E8E; background: #fff; width: 100%; height: 39px; border: 0.45px solid #AFAFAF; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
.form-group { margin-bottom: 10px; }
textarea.form-control { height: 127px; resize: none; padding: 18px 12px; }
select.form-control { background: url(../images/from-arrow.svg) no-repeat right 20px center #fff; }
.form-control:focus { box-shadow: none; border-color: #003F5A; }
ol, ul { list-style: none !important; }
a { text-decoration: none; }
img{max-width: 100%; height: auto;}
.form-control.border-danger {border:2px solid #dc3545!important}

.header { padding: 24px 21px 21px 30px;max-width: 1280px;width: 100%;margin: 0 auto; }
.natureHairCont {        width: 100%;
    padding: 81px 0 0 0px;
    max-width: 578px;
    margin: 0 0 0 auto; }
.natureHairCont h1 { font-size: 28px; font-weight: 700; line-height: 36px; color: #003F5A; padding-bottom: 24px; margin-bottom: 27px; position: relative; }
.natureHairCont h1:after { content: ''; background: #DEBA53; position: absolute; bottom: 0px; left: 0; width: 50px; height: 5px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; }
.natureHairCont h1 span { display: block; font-size: 22px; font-weight: 600; line-height: 36px; padding: 7px 0 0; }
.natureHairCont p { line-height: 24px; color: #1F1F1F; margin-bottom: 21px;}
.natureHairCont p strong { font-size: 18px; font-weight: 700; color: #DEBA53; }
/* .natureHairimg img { width: 100%;     height: 650px; object-fit: cover;} */
.natureHairimg img { width: 100%;     height: 579px; object-fit: cover;}
.whatOfferWrapper { background: rgba(236,236,236,0.40); padding: 54px 0 95px; }
.whatOfferGird { max-width: 1079px; width: 100%; margin: 0 auto; }
.whatOfferGird h2 { font-size: 25px; color: #003F5A; font-weight: 700; line-height: 34px; }
.whatOfferGird .row { padding: 31px 0 0; }
.whatOfferGird p { color: #1F1F1F; line-height: 24px; }
.whatOfferGird h3 { padding: 17px 0 0; color: #003F5A; font-size: 18px; font-weight: 600; line-height: 24px; }
.benefitWrapper { padding: 81px 0 96px; }
.benefitGird { max-width: 1125px; width: 100%; margin: 0 auto; }
.benefitGird .benefitHeadnig { text-align: center; position: relative; padding-bottom: 16px; margin-bottom: 66px; }
.benefitGird .benefitHeadnig:after { content: ''; background: #DEBA53; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); width: 50px; height: 5px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; }
.benefitGird .benefitHeadnig h3 { font-size: 25px; color: #003F5A; line-height: 34px; font-weight: 700; }
.benefitGird .benefitHeadnig p { font-size: 18px; }
.benefitGird .benefitCont { padding: 0 0 0 23px; max-width: 500px; width: 100%; margin: 0; }
.benefitGird .benefitCont ul { padding: 0; }
.benefitGird .benefitCont ul li { display: flex; padding-bottom: 30px; }
.benefitGird .benefitCont ul li:last-child { padding-bottom: 0px; }
.benefitGird .benefitCont ul li .benefitImg { width: 58px; min-width: 58px; }
.benefitGird .benefitCont ul li .benefitParagh { width: 100%; padding-left: 16px; }
.benefitGird .benefitCont ul li .benefitParagh h3 { font-size: 18px; color: #003F5A; line-height: 24px; font-weight: 600; margin: 0; }
.benefitGird .benefitCont ul li .benefitParagh p { line-height: 22px; }
.benefitGird .row {  align-items: center; }
.benefitRightImg { max-width: 548px; width: 100%; margin: 0 auto; }
.benefitRightImg img { width: 100%; }
.row.flex-md-row-reverse .benefitRightImg { margin: 0 0 0 auto; }
.row.flex-md-row-reverse .benefitCont { margin: 0 0 0 43px; }
.hairTodayWrapper { background: rgba(236,236,236,0.40); padding: 71px 0; }
.hairTodayGird { max-width: 1090px; width: 100%; margin: 0 auto; }
.hairTodayGird .row { align-items: center; }
.hairTodayimg { max-width: 488px; width: 100%; margin: 0 0 0 auto; }
.hairTodayimg img { width: 100%; border-radius: 25px; }
.hairTodayCont { padding: 0px 0 0; }
.hairTodayCont h3 { color: #003F5A; font-size: 20px; line-height: 27px; font-weight: 700; padding-bottom: 10px; }
.hairTodayCont p { line-height: 26px; }
.hairTodayCont h6{font-size: 17px;color: #003F5A;font-weight: 600;line-height: 24px;margin-bottom: 20px;}

.contact-form form {
    max-width: 321px;
    width: 100%;
    margin: 0 auto;
}

.faq-main{    padding: 91px 0;}
.hri-head-info{    padding-bottom: 83px;}
.faq-accordion{ max-width: 948px; width: 100%; margin: 0 auto 70px;}
.faq-accordion h3{    font-size: 25px;
    color: #003F5A;
    font-weight: 700;
    position: relative;
    line-height: 34px;
    padding-bottom: 7px;}
    .faq-accordion h3:after{content: ''; background: #DEBA53; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); width: 50px; height: 5px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px;}
.faq-accordion .accordion-item{border: 0; margin-bottom: 25px;}
.faq-accordion .accordion-header{padding: 0 0 10px;}
.faq-accordion .accordion-button{ background: #F7F7F7; font-size: 18px; line-height: 24px; font-weight: 600; color: #202020;
 -webkit-box-shadow: none;box-shadow: none; border-radius: 10px !important; padding: 30px 34px;}
.faq-accordion .accordion-body{ background: #F7F7F7; border-radius: 10px; padding: 30px 34px; margin-bottom: 10px;}
.faq-accordion .accordion-body p{ color: #202020; line-height: 25px; font-weight: 400;}
.faq-accordion .accordion-button::after{width: 16.86px; height: 16.86px; background: url(../images/plus.svg) no-repeat center;}
.faq-accordion .accordion-button:not(.collapsed)::after{ background: url(../images/minus.svg) no-repeat center;     -webkit-transform: none; -ms-transform: none; transform: none;}
.faq-accordion ul{padding: 10px 0 0; max-width: 500px; width: 100%;}
.faq-accordion ul li{display: flex;}
.faq-accordion ul li sup{top: 0;}
.faq-accordion ul li span{padding: 0 10px 0 0;width: 50%;}
.faq-accordion ul li span, .faq-accordion ul li em{font-style: italic;}
.faq-accordion ul li em{width: 50%;}



/* .dermal-lens{padding: 37px 0;margin-bottom: 50px;} */
.dermal-lens .max-dermal-lens{max-width: 1090px;width: 100%;margin: 0 auto;}
.dermal-lens-content h2{position: relative;margin-bottom: 30px;}
.dermal-lens-content h2::after {
    content: '';
    background: #DEBA53;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 5px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}

.lens-process .benefitHeadnig{margin-bottom: 81px;}
.lens-process .benefitGird .row.first {    margin-bottom: 103px;}
.benefitRightImg img {border-radius: 20px;}

.dermal-lens-content {
    padding: 42px 16px 25px 22px;
}
.dermal-lens-content h2 {font-size: 25px;font-weight: 700;line-height: 34px;color: #003F5A;     margin-top: 32px;
    margin-bottom: 38px;}
.dermal-lens-content  p {font-size: 16px;line-height: 24px;color: #1F1F1F;}

.dermal-lens-content p strong {font-weight: 600;color: #1F1F1F;}

.hairTodayGird .grid-cont  {margin: 0;}


.testimonials .testimonials-content h4 { font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; color: #DEBA53; font-weight: 400; }
.testimonials .testimonials-content h5 { font-size: 25px; text-transform: capitalize; line-height: 34px; color: #003F5A; font-weight: 700; }
.testimonials .testimonials-content p { font-size: 16px; line-height: 24px; color: #003F5A; }
.testimonials .testimonial-icon { display: flex; align-items: center; justify-content: center; width: 59px; height: 61px; background: #003F5A; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.testimonials .testimonial-icon span { height: 100%;     display: flex;align-items: center;justify-content: center;}
.testimonials .testimonial-icon span svg{width:25px; height:auto;}
.testimonials { padding:50px 0; }
.testimonials .testimonial-slider .testimonials-slider-img { position: relative; padding-top: 55.3%; overflow: hidden; }
.testimonials .testimonial-slider .testimonials-slider-img > img { border-top-right-radius: 25px; border-top-left-radius: 25px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.testimonials .testimonial-card .testimonials-content h5 { font-size: 18px; font-weight: 700; color: #1F1F1F; line-height: 24px; }
.testimonials .testimonial-card .testimonials-content p { color: #1F1F1F; line-height: 24px; }
.testimonials .testimonial-card .testimonials-content { padding: 58px 36px 48px 47px; position: relative; height: 100%; }
.testimonials-content .inner-testimonials-content { height: 100%; display: flex; align-items: baseline; justify-content: center; flex-direction: column; padding: 0 73px; }
.testimonials .testimonial-slider .testimonial-icon { background: #DEBA53; margin: -93px -6px; }
.testimonials .swiper-button-next, .testimonials .swiper-button-prev { width: 35px; height: 35px; background: #DEBA53; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.swiper-button-next:after, .swiper-button-prev:after { bottom: 0 !important; font-size: 16px; color: #fff; }
.swiper-button-next:after { width: 10px; height: 18px; background: url(../images/right-arrow.svg) no-repeat; font-size: 0; }
.swiper-button-prev:after { transform: rotate(180deg) scaleX(-1); -webkit-transform: rotate(180deg) scaleX(-1); -moz-transform: rotate(180deg) scaleX(-1); -ms-transform: rotate(180deg) scaleX(-1); -o-transform: rotate(180deg) scaleX(-1); }
.swiper-button-next, .swiper-button-prev { bottom: 0; top: auto; }
.swiper-button-prev { left: calc(100% - 120px); }
.swiper-button-next { right: var(--swiper-navigation-sides-offset, 40px); }
.contact-form { padding: 112px 0 117px; }
.contact-form form { max-width: 321px; width: 100%; margin: 0 auto; }
.free-consultation-form h5 { text-align: center; font-size: 25px; text-transform: capitalize; font-weight: 700; color: #003F5A; margin-bottom: 20px; }
.form-btn .btn { padding: 8px 28px; border-radius: 5px; font-size: 15px; font-weight: 700; }


.faq-main{    padding: 91px 0;}
.hri-head-info{    padding-bottom: 83px;}
.faq-accordion{ max-width: 948px; width: 100%; margin: 0 auto 70px;}
.faq-accordion h3{    font-size: 25px;
    color: #003F5A;
    font-weight: 700;
    position: relative;
    line-height: 34px;
    padding-bottom: 7px;}
    .faq-accordion h3:after{content: ''; background: #DEBA53; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); width: 50px; height: 5px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px;}
.faq-accordion .accordion-item{border: 0; margin-bottom: 25px;}
.faq-accordion .accordion-header{padding: 0 0 10px;}
.faq-accordion .accordion-button{ background: #F7F7F7; font-size: 18px; line-height: 24px; font-weight: 600; color: #202020;
 -webkit-box-shadow: none;box-shadow: none; border-radius: 10px !important; padding: 30px 34px;}
.faq-accordion .accordion-body{ background: #F7F7F7; border-radius: 10px; padding: 30px 34px; margin-bottom: 10px;}
.faq-accordion .accordion-body p{ color: #202020; line-height: 25px; font-weight: 400;}
.faq-accordion .accordion-button::after{width: 16.86px; height: 16.86px; background: url(../images/plus.svg) no-repeat center;}
.faq-accordion .accordion-button:not(.collapsed)::after{ background: url(../images/minus.svg) no-repeat center;     -webkit-transform: none; -ms-transform: none; transform: none;}
.faq-accordion ul{padding: 10px 0 0; max-width: 500px; width: 100%;}
.faq-accordion ul li{display: flex;}
.faq-accordion ul li sup{top: 0;}
.faq-accordion ul li span{padding: 0 10px 0 0;width: 50%;}
.faq-accordion ul li span, .faq-accordion ul li em{font-style: italic;}
.faq-accordion ul li em{width: 50%;}


/* ==================== Footer Start ==================== */
footer { background: #003F5A; padding: 0; }
footer .container { max-width: 1137px; }
.footer-grid-cont {     padding: 44px 0 14px;
    max-width: 1082px;
    width: 100%;
    margin: 0 auto;}
.footer-heading { font-size: 14px; line-height: 19px; color: #fff; font-weight: 700; padding: 0; }
ul.footer-sociallist { text-align: center; padding: 13px 0 15px; display: inline-flex; }
ul.footer-sociallist li { padding: 0; margin: 4px 5px 4px 0; }
ul.footer-sociallist li a { display: flex; justify-content: center; width: 26px; height: 26px; background: #01364D; border-radius: 5px; }
ul.footer-sociallist li a img { max-width: 100%; height: auto; }
.footer-left-link-img img { max-width: 100%; height: auto; }
.footer-left-inner p { font-size: 10px; line-height: 14px; color: #fff; font-weight: 600; }
.footer-left-inner p a { color: #fff; }
.footer-quicklinks { padding: 5px 0 0; }
.footer-quicklinks li { margin: 0; }
.footer-quicklinks li a { color: #fff; font-size: 14px; line-height: 16px; font-weight: 400; }
.footer-right-links { position: relative; width: 25%; padding: 0 10px; }
.footer-right-links::after { content: ''; position: absolute; width: 1px; height: 91px; background: rgba(255, 255, 255, 0.5); right: -10px; top: 0; }
.footer-right-links:last-child:after { display: none; }
.footer-right-inner { max-width: 530px; width: 100%; margin: 0 0 0 auto; display: flex; padding: 15px 0 0; flex-wrap: wrap; justify-content: flex-end; }
.copyright { background: #E6E6E6; }
.copyright p { font-size: 12px; line-height: 15px; font-weight: 400; color: #003F5A; padding: 8px 0;margin-bottom: 0; }
.copyright p a { color: #003F5A; }
.phn  a{text-decoration: none;color: #fff;}



.contact-form {
    padding: 112px 0 117px;
}

.contact-form form {
    max-width: 321px;
    width: 100%;
    margin: 0 auto;
}

.free-consultation-form h5 {
    text-align: center;
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 700;
    color: #003F5A;
    margin-bottom: 20px;
}

.form-btn .btn {
    padding: 8px 28px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
}

.choose-lens{background: rgba(236,236,236,40%);padding: 69px 16px;}

.dermal-lens-content p{margin-bottom: 36px;}
.lens-pe-5{padding-right: 57px !important;}





.gallery-top-info-grid p{padding: 10px 0 5px;}
.result-gallery-top-section .container{max-width: 1080px;}
.gallery-blue-slider-grid{max-width: 929px; width: 100%; padding: 0 20px; background: #01202E; border-radius: 15px;}
.gallery-slider-cont .owl-yellow-theme.owl-theme .owl-nav{padding: 0;}
.gallery-slider-cont .owl-yellow-theme .owl-nav button{width: 36px; height: 46px;}
.gallery-slider-cont .owl-carousel{max-width: 847px; width: 100%; margin: 0 auto; padding: 0 70px;}
.mensgallery-slider-cont.gallery-slider-cont .owl-carousel{max-width: 740px; padding: 0 70px;} 
.gallery-slider-cont .owl-carousel .owl-nav button.owl-prev{left: 0 !important;}
.gallery-slider-cont .owl-carousel .owl-nav button.owl-next{right: 0 !important;}
.gallery-carousel-item figure{position: relative;}
.gallery-carousel-item figure img{width: 100% !important; height: 500px !important; -o-object-fit: cover; object-fit: cover; display: block;}
.result-gallery-section{background: rgba(236, 236, 236, 0.4);padding-bottom: 150px !important;}
.result-gallery-section .container{max-width: 1150px;}
.result-gallery-section .btn-default.btn-outline{width: 168px; max-width: 100%;}
.gallery-inner-img figure{position: relative; padding-bottom: 60%;}
.gallery-inner-img figure img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; -o-object-fit: cover; object-fit: cover; display: block;border-radius: 25px;}
.fancybox-gallery img.fancybox-image{border-radius: 25px;}
.result-gal-left-col h3{font-size: 16px; line-height: 23px; font-weight: 400; letter-spacing: 1.6px; color: #DEBA53; padding: 0; text-transform: uppercase;}
.result-gal-left-col .heading1{padding: 0;}
.result-gal-right-col .custompicker{max-width: 250px;width: 100%;margin: 0 0 0 auto;}
.mens-gallery-section.result-gallery-section .container{max-width: 1079px;}
.mensgallery-inner-img.gallery-inner-img figure{padding-bottom: 84%;}
.mensgallery-inner-img.gallery-inner-img figure img{border-radius: 10px;}
.womens-gallery-btm-reviews .container{max-width: 1077px;}
.womens-gal-review-grid-cont{background: rgba(245, 245, 245, 0.57); border-radius: 25px; padding: 20px 80px; text-align: center; margin: 80px 0 80px;}
.womens-gal-review-grid-cont .badge-quote{outline: solid 5px #fff; margin: -55px auto 10px;}
.womens-gal-review-grid-cont h3{font-size: 20px; line-height: 24px; color: #DEBA53;}
.womens-gal-review-grid-cont p{font-size: 18px; line-height: 24px;}
.womens-gal-review-grid-cont h5{font-size: 16px; line-height: 24px; font-weight: 400; font-style: italic; color: #1F1F1F;}
.hair-transplant-options-main{background: rgba(236, 236, 236, 0.4);padding: 50px 0 80px;}
.hair-transplant-options-inner{max-width: 972px; width: 100%;}
.hair-transplant-options-inner > p{font-size: 16px; line-height: 24px; color: #0B0B0B; padding: 10px 0 15px;}
.hair-transplant-options-inner .btn-default{width: 131px; max-width: 100%;}

.custompicker .selectpicker{font-family: 'Open Sans', sans-serif;}
.custompicker .dropdown-menu{border: none; }
.custompicker .bootstrap-select.show-tick .dropdown-menu li a span.text{ font-size: 14px;  color: #003F5A;font-weight: 400;     word-break: break-word; white-space: normal;}
.custompicker .bootstrap-select .dropdown-menu{margin: 10px 0 0 0 !important;padding: 0 0 0; border: solid 1.5px #003F5A !important;border-radius: 4px; min-width: 100% !important; width: 100%;background: #F5F5F5;}
.custompicker .bootstrap-select .dropdown-menu.inner{border: none !important;}
.custompicker .bootstrap-select .dropdown-menu li{margin: 10px 0;}
.custompicker .bootstrap-select .dropdown-menu li a span.text{font-size: 16px; font-weight: 400; line-height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center;  -webkit-justify-content: space-between;}
.custompicker .bootstrap-select .dropdown-menu li small{  font-weight: 400;  text-align: right; position: static; right: 0;  font-size: 13px; top: 10px; color: #003F5A !important; padding: 0 0 0 15px; /*width: 30%;*/word-break: break-word;white-space: normal;}
.custompicker .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{display: block;}
.custompicker .dropdown-item.active, .custompicker .dropdown-item:active{background-color: transparent;}
.custompicker .dropdown-item.active span.text, .custompicker .dropdown-item:active  span.text{color: #003F5A !important; font-weight: 700 !important; } 
.custompicker .bootstrap-select .dropdown-menu li.active small{color: #003F5A !important;font-weight: 600; }
.custompicker .dropdown-toggle::after{ background-image: url(../images/bs-arrow-down.svg); background-repeat: no-repeat; background-position: 98% !important; width: 20px !important; height: 20px !important; background-size: 17px 9px !important; border: none !important; margin: 0 !important; }
.custompicker .dropdown-toggle[aria-expanded="true"]::after{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} 
.custompicker .bootstrap-select .dropdown-menu li a{padding: 7px  15px;color: #003F5A;}
.custompicker .bootstrap-select .dropdown-menu li:first-child span.text , .bootstrap-select .dropdown-menu li:first-child small{font-weight: 400; }
.custompicker .bootstrap-select .bs-ok-default:after{color: #003F5A;}
.custompicker .bootstrap-select>.dropdown-toggle{border: solid 1.5px #003F5A !important;background-color: #F5F5F5 !important; border-radius: 4px; color: #003F5A !important; font-weight: 600; font-size: 18px; line-height: 35px; height: 56px; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;padding: 10px 15px;}
.custompicker .dropdown-menu[x-placement^="top"] {  border-top: solid 1.5px #003F5A !important;  border-radius: 4px 4px 0px 0px !important;
margin: 0px 0 0;}
.custompicker .bs-actionsbox{display: none;}

.heading1 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #003F5A;
    padding: 0 0 5px;
    text-transform: capitalize;
}
/* .grid-item.dermal-lens{padding:0px;} */




/*===submenu styles===*/
.submenudrop-parent.droplist-parent {
    display: none;
    left: 162px;
    top: -20px;
    height: 100%;
}

.submenudrop-parent.droplist-parent .droplist .nav-items-list ul {
    padding: 20px 10px !important;
}

.submenudrop-parent.droplist-parent .droplist .nav-items-list ul::before {
    display: none;
}

.submenudrop-parent.droplist-parent .droplist li {
    padding: 0;
}
.dermal-lens-main{padding: 37px 0;margin-bottom: 50px;}

.submenudrop-parent.droplist-parent .droplist {
    position: absolute;
    min-width: 500px !important;
    left: 0;
    z-index: 1;
    background: #fff !important;
    display: flex !important;
    top: 0 !important;
    padding: 0 !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 20px 0 rgb(46 53 67 / 15%) !important;
}

/*===submenu styles===*/
/*===multiple select picker===*/
.custompicker .bootstrap-select .dropdown-menu {
    min-width: 525px !important;
    margin: 10px 0 10px 0 !important;
}

.custompicker .bootstrap-select .dropdown-menu.inner {
    column-count: 2;
    column-gap: 10px;
    break-inside: avoid;
}

.custompicker .bootstrap-select .dropdown-menu li.dropdown-header {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600 !important;
    color: #003F5A !important;
}

.custompicker .bootstrap-select .dropdown-menu li.dropdown-header span.text {
    font-weight: 600 !important;
    border-bottom: solid 0.5px #003F5A;
}

.custompicker .bootstrap-select .dropdown-menu li {
    margin: 10px 15px 10px 0;
}

.custompicker .bootstrap-select .dropdown-menu li a {
    padding: 7px 15px;
    color: #003F5A;
    outline: none !important;
    display: flex;
    align-items: center;
}

.custompicker .bootstrap-select.show-tick .dropdown-menu li a span.text {
    font-size: 18px;
    color: #003F5A;
    line-height: 24px;
    font-weight: 400;
    margin-right: 4px;
    white-space: nowrap;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: block;
    min-width: 18px;
    width: 18px;
    height: 18px;
    border: solid 1px #003F5A;
    margin-right: 10px;
}

.bootstrap-select .bs-ok-default:after {
    border: none;
    width: 100%;
    height: 100%;
    background: #003F5A;
    transform: none;
    display: none;
}

.bootstrap-select.show-tick .dropdown-menu .selected .bs-ok-default:after {
    display: block;
}

.custompicker .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    display: flex;
    position: static;
}

.custompicker .dropdown-divider {
    border: none;
}

.bootstrap-select .dropdown-menu li.disabled a span.check-mark {
    opacity: 0 !important;
    pointer-events: none;
}

.airbyhair-cities-main .hair-city-col h4 > a {
    color: #deba53;
    text-decoration: underline !important;
}

.custompicker .bootstrap-select>.dropdown-toggle {
    border: solid 1.5px #003F5A !important;
    background-color: #F5F5F5 !important;
    border-radius: 4px;
    color: #003F5A !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 35px;
    height: 56px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 10px 15px;  
}

.custompicker .dropdown-toggle::after {
    background-image: url('../images/bs-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 98% !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 17px 9px !important;
    border: none !important;
    margin: 0 !important;
}

/*===multiple select picker===*/


.fancybox__image {
    border-radius: 20px !important;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #DEBA53 !important;
}

.custom-nav {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    bottom: 0;
    display: none;
}

.with-fancybox .custom-nav {
    display: block;
}

.custom-nav button {
    z-index: 9999999;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 20px;
    margin: 0 10px;
    font-size: 16px;
    cursor: pointer;
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease;
}

.fancybox__nav {
    display: none;
}

#next-group {
    right: 8px;
}

#prev-group {
    left: 8px;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.carousel__button.fancybox__button--thumbs {
    display: none;
}

.bs-searchbox {
    display: none !important;
}


.btn-default {
    display: inline-block;
    background: #003F5A;
    color: #FFFFFF !important;
    border-radius: 23px;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 12px;
    margin: 0;
    border: none;
    font-weight: 700;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn.btn-default:focus, .btn.btn-default:hover {
    background: #003248;
    -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 50, 72, 0.2) !important;
    box-shadow: 0 0 0 0.1rem rgba(0, 50, 72, 0.2) !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hri-head-info.faq-accordion.mb-0 {
    margin: 0 auto 10px !important;
}

.hri-head-info {
    padding: 40px 0;
}

.iframe-grid{position: relative;padding-top: 70%;overflow: hidden;border-radius: 20px;}

.youtube-shorts-frame {
    position: relative;
    padding-top: 110%;
    overflow: hidden;
    border-radius: 20px;
    max-width: 402px;
    width: 100%;
    margin: 0 auto;
}
.youtube-shorts-frame-hg{position: relative;
    padding-top: 160%;
    overflow: hidden;
    border-radius: 20px;
    max-width: 402px;
    width: 100%;
    margin: 0 auto;}

.iframe-grid iframe , .youtube-shorts-frame iframe, .youtube-shorts-frame-hg iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}



/* ==================== Footer content End ==================== */ 
@media(max-width:1100px){
    .header{padding-left: 0px;}
    .row.flex-md-row-reverse .benefitCont{margin: 0;}
    .benefitGird, .hairTodayGird{padding: 0 16px;}
}
@media(max-width:1100px) and (min-width:575px){
    .natureHairCont{padding: 15px 12px 25px;}
   .natureHairWrapper .col-md-7{position: relative;}
   .natureHairimg img{    height: 100%; 
    position: absolute;}
}
@media(min-width:1080px){
    .pl-20{padding-left: 20px;}
    .natureHairWrapper .row .col-md-5{    width: 49%;}
    .natureHairWrapper .row .col-md-7{    width: 51%;}
}

@media(min-width:992px) {
.footer-right-links.company-links { width: 25%; padding: 0 10px 0 30px; }
.footer-right-links.legal-links { width: 25%; padding: 0 0 0 40px; }
}
 @media (max-width: 991px) {
    .faq-accordion .accordion-body{padding: 20px;}
.faq-accordion .accordion-button{font-size: 16px; padding: 20px;}
.hairTodayCont {padding: 20px 0 0;}
.benefitGird .benefitCont{padding-left: 0;}


.natureHairCont br{display: none;}
.natureHairCont h1 span{line-height: 25px;     font-size: 18px;}
.natureHairCont h1{    font-size: 24px;     line-height: 31px;}
.footer-right-links { width: 33.333%; padding: 0 15px; }
.footer-right-links::after { right: 0; } 
.testimonials .testimonial-card .testimonials-content{padding: 58px 36px 48px 15px;}
.testimonials-content .inner-testimonials-content{    padding: 0 32px;}
.lens-pe-5 {
    padding-right: 16px !important;
}

}
 @media(max-width:767px) {
    .hairTodayimg{max-width: 100%;}
    .benefitRightImg{margin: 0 !important; max-width: 100%;}
.header { padding: 16px; } 

.contact-form {
    padding: 50px 16px;
}
.dermal-lens-content {
    padding: 10px 16px;
}
.dermal-lens-main {
    padding: 37px 0;
    margin-bottom: 0;
}
.choose-lens{
    padding: 30px 16px;
}
.lens-pe-5 {
    padding-right: 0 !important;
}
.dermal-lens-youtube img {width: 100%;}
.benefitWrapper {
    padding: 45px 16px;
}
.lens-process .benefitHeadnig {
    margin-bottom: 40px;
}

.hairTodayWrapper{    padding: 71px 16px;}
.hairTodayCont{margin-bottom: 20px;}
.testimonials {
    padding: 30px 0;
}
.testimonials-content .inner-testimonials-content, .testimonial-slider{padding: 0 16px;}
.testimonials .testimonial-card .testimonials-content{    padding: 60px 10px;}

.benefitCont{margin-bottom: 25px !important;}

}
@media(max-width:575px) {
    .natureHairCont{padding: 15px 12px 25px;}
    .natureHairimg img{height: auto;}
.footer-right-links { width: 100%; margin: 0 0 20px; }
.footer-right-inner { padding: 0; }
.footer-right-links::after { display: none; }
.footer-quicklinks { justify-content: space-around; padding: 5px 0 20px; }
.footer-quicklinks.legal-links li { margin: 0 5px; }
ul.footer-sociallist { flex-wrap: wrap; }
ul.footer-sociallist li a { width: 40px; height: 40px; }
.services-grid { margin: 30px 0 30px; }
.banner-main .banner-content { max-width: 100%; }
.benefitGird, .hairTodayGird {
    padding: 0;
}
.testimonials-content{margin-bottom: 15px;}
}
 @media(max-width:469px) {
.grid-nav { display: block !important; }
.header .logo { text-align: center; margin-bottom: 20px; }
.header .hri-book-now-btn { text-align: center; }
}


/* .wrapper, body {max-width: 1280px;width: 100%;margin: 0 auto;} */