/* ==================== 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; }
.container { max-width: 1280px; width: 100%; margin: 0 auto; padding-left: 12px; padding-right: 12px; }
.container-fluid { padding-left: 12px; padding-right: 12px; }
.wrapper{padding-top: 128px;}
.title { font-size: 22px; font-weight: 700; line-height: 30px; text-transform: capitalize; color: #003F5A; margin-bottom: 16px; }
.title-txtborder::after{content: ''; display: block; background: #DEBA53; width: 50px; height: 5px; border-radius: 13px; margin: 8px auto 0 auto; }
.title-txtborder-start::after{margin: 5px auto 0 0;}
.sub-title { font-size: 16px; line-height: 24px; 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: 43px; }
.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: 11.2px 23px; border-radius: 23px; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background: #003F5A; color: #fff; }
.btn-link { font-size: 16px; line-height: 24px; font-weight: 600; text-transform: capitalize; color: #003F5A !important; text-decoration: none; padding: 0; box-shadow: none !important;}
.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; }
.form-control.border-danger {border:2px solid #dc3545!important}
.text-dark-theme {color: #003F5A !important;}
.text-dark{color: #1F1F1F !important;}

.header{background-color:rgba(255, 255, 255, 1); height: auto; position: fixed;top: 0; left: 0; right: 0; width: 100%; z-index:99;padding: 38px 0 38px 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: auto;}
.header .container{max-width: 1217px;}

.swiper-container { padding: 5px 0 0; }
.banner-main .container{max-width: 1217px;}
.banner-main .banner-content { position: absolute; right: auto; top: 0; height: 100%; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%;}
.banner-main .banner-content h1 { font-size: 32px; line-height: 43px; color: #fff; font-weight: 600; }
.banner-main .banner-content .banner-max-wrap { max-width: 540px; width: 100%; margin: 0; }
.banner-main img{width: 100%; object-fit: cover;} 

.hair-restoration-sec { background: rgba(236, 236, 236, 40%); padding: 58px 0 55px; }
.hair-restoration-sec .hair-restoration-grid { max-width: 836px; width: 100%; margin: 0 auto; text-align: center; }
.book-btn { padding: 10px 0 0; }
.services-grid { margin: 79px 0 72px; }
.services-grid .services-grid-wrap { max-width: 1034px; width: 100%; margin: 0 auto; }
.services-img .services-inner { position: relative; padding-top: 88%; overflow: hidden; height: 100%; }
.services-img .services-inner > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.services-grid .services-content, .services-img { position: relative; height: 100%; }
.services-content h3 { font-size: 22px; font-weight: 700; line-height: 30px; text-transform: capitalize; color: #003F5A; margin-bottom: 11px; }
.services-grid .services-content { height: 100%; display: flex; align-items: baseline; justify-content: center; flex-direction: column; padding: 44px 40px; border-radius: 25px;position: relative;}

.services-grid-wrap .gx-5 {
--bs-gutter-x: 20px; margin-bottom: 20px; }
.results-section { padding: 59px 0; }
.results-section .max-provide-result { max-width: 947px; width: 100%; margin: 0 auto; }
.results-section .max-provide-result .provide-content { padding: 0 100px 46px; }
.results-section .hri-card { position: relative; height: 100%; background: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.results-section .hri-card .hri-card-body { padding: 20px 35px 20px 30px; }
.results-section .hri-card .hri-card-body h4 { font-size: 16px; font-weight: 600; line-height: 22px; color: #003F5A; }
.results-section .hri-card .hri-card-body p { font-size: 14px; line-height: 19px; }
.results-section .hri-card .hri-card-body .icon { width: 50px; position: relative; margin-bottom: 37px; display: inline-block; }
.results-section .hri-card .hri-card-body .icon::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; }
.results-section .hri-card .hri-card-body .icon > img { margin: 0 9px; }
.inner-testimonials-content h4 { font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; color: #DEBA53; font-weight: 400; margin-bottom: 12px; }
.inner-testimonials-content h5 { font-size: 24px; line-height: normal; text-transform: capitalize; font-weight: 700; color: #003F5A; margin-bottom: 0; }
.testimonials .testimonial-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; 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: 114px 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;text-transform: capitalize; color: #003F5A; line-height: 24px; }
.testimonials .testimonial-card .testimonials-content p { color: #1F1F1F;font-size: 16px; line-height: 24px; margin-bottom: 16px;}
.testimonials .testimonial-card .testimonials-content p.author-name{margin-bottom: 0;}
.testimonials .testimonial-card .testimonials-content { background: rgba(236, 236, 236, 0.40); padding: 58px 36px 48px 25px; position: relative; height: 100%; border-radius: 0 0 25px 25px;}
.bg-light-theme.testimonials .testimonial-card .testimonials-content{background: #fff;}
.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 0; }
.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: 70px 0 70px; background: #DEBA53;}
.free-consultation-form-bottom{max-width: 510px; width: 100%; margin: 0 auto;}
.contact-form form { max-width: 510px; width: 100%; margin: 0 auto; }
.free-consultation-form-bottom h2 {font-size: 28px; line-height: normal; text-transform: capitalize; font-weight: 700; color: #003F5A;}
.free-consultation-form-bottom h3 { font-size: 18px; text-transform: capitalize; font-weight: 600; color: #003F5A; margin-bottom: 20px; }

.free-consultation-form-top form{max-width: 510px;width: 100%;}
.free-consultation-form-top h2 { font-size: 26px; line-height: 36px; text-transform: capitalize; font-weight: 700; color: #003F5A; margin-bottom: 12px; }
.free-consultation-form-top h3 { text-align: left; font-size: 18px; line-height: 24px; text-transform: capitalize; font-weight: 700; color: #DEBA53; margin-bottom: 20px; }

.women-hair-restoration-main{padding: 84px 0;}
.women-hair-restoration-main .container{max-width: 1124px;}
.women-hair-restoration-img{max-width: 491px;width: 100%; height: auto;}
.women-hair-restoration-cont ul li{list-style-type: disc;}
.types-of-hair-restoration-main{padding: 20px 0 84px;}
.types-of-hair-restoration-main .container{max-width: 1171px;}
.types-hair-right-col{max-width: 630px; width: 100%;}
.type-hair-card{padding: 20px 24px; border-radius: 15px; background: rgba(236, 236, 236, 0.40); position: relative;}
.type-hair-card .sub-title{font-size: 18px; line-height: normal; font-weight: 600; text-align: left;}
.type-hair-card p{font-size: 14px; line-height: normal; color: #0B0B0B;}
.type-hair-card p:last-child{margin: 0;}
.type-hair-card .service-info-badge{top: 10px; right: 8px;}

/* ==================== Footer Start ==================== */
footer { background: #003F5A; padding: 0; }
footer .container { max-width: 1208px; }
.footer-grid-cont { padding: 25px 0 5px; }
.footer-heading { font-size: 16px; 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;}
/* ==================== Footer content End ==================== */


.thank-you-main{padding: 55px 0;}
.thank-you-message h1{text-align: center;font-size: 3rem;text-shadow: 0px 3px 6px rgba(0,63,90,0);}

/* .swiper-container{background: #E6E7E9;} */

.result-white-box-card{max-width: 948px; width: 100%; margin: 15px auto 25px;}
.result-inner-box{padding: 24px 30px; background: rgba(222, 186, 83, 0.10); border-radius: 15px; display: flex; flex-flow: column; height: 100%;}
.result-icon{width: 40px; margin: 0 0 10px;}
.result-icon img{max-width: 100%; width: auto; height: auto; display: block; margin: 0;}
.result-inner-box h3{font-size: 16px; line-height: 22px; font-weight: 600; padding: 10px 0 0; color: #003F5A;}
.result-inner-box p{font-size: 14px; line-height: 19px; color: #003F5A; padding: 5px 0 0; margin: 0;}
.service-info-badge{position: absolute; top: 15px; right: 15px;}
.service-info-badge .badge{background-color: rgba(0, 63, 90, 0.12); font-size: 12px; line-height: 16px; font-weight: 400; color: #003F5A; text-transform: uppercase; padding: 4px 14px; border-radius: 16px; letter-spacing: 10%;}

.faq-main{ padding: 95px 0 80px;}
.hri-head-info{ padding-bottom: 15px;}
.hri-head-info .title{font-size: 24px;}
.faq-accordion{ max-width: 948px; width: 100%; margin: 0 auto;}
.faq-accordion .accordion-item{border: 0; margin-bottom: 14px;border-radius: 12px !important; background: transparent;}
.faq-accordion .accordion-header{padding: 0 0 10px;}
.faq-accordion .accordion-button{ background: #fff; font-size: 18px; line-height: 24px; font-weight: 400; color: #1F1F1F;
 -webkit-box-shadow: none;box-shadow: none; border-radius: 12px !important; padding: 30px 34px;}
.faq-accordion .accordion-body{ background: #fff; border-radius: 12px; padding: 30px 34px; margin-bottom: 10px;}
.faq-accordion .accordion-body p{ color: #1F1F1F; 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;}

.bg-white-theme.faq-accordion .accordion-button{background: #F7F7F7;}
.bg-white-theme.faq-accordion .accordion-body{background: #F7F7F7;}

.related-services-section{background: rgba(222, 186, 83, 0.10); padding: 95px 0;}
.related-services-section .container{max-width: 1168px;}
.related-services-col figure{position: relative; padding-bottom: 64.7%;}
.related-services-col figure img{width: 100% !important; height: 100% !important; position: absolute; inset: 0; object-fit: cover; display: block;border-radius: 24px;}
.related-services-col .title{font-size: 20px; line-height: normal; font-weight: 600; margin-bottom: 8px;}

/* ==================== Media queries Start ==================== */
@media (min-width: 1080px) {
    .swiper-slide .row .col-md-5{width: 48%;}
    .swiper-slide .row .col-md-7{width: 52%;}
}

@media (max-width: 1600px){
    .banner-main img {width: 100%;object-fit: cover;object-position:83% 46%;height: 696px;}
}

@media(min-width:992px) {
    .custom-slider-rft { width: 62.5%; }
    .custom-slider-lft { width: 37.5%; }
    .footer-right-links.company-links { width: 25%; padding: 0 10px 0 30px; }
    .footer-right-links.legal-links { width: 25%; padding: 0 0 0 40px; }
    /* .banner-main .banner-content { max-width: 100%; position: relative;}
    .banner-content{padding: 29px 0 70px 0px;}
    .banner-main .banner-content .banner-max-wrap{margin:0px} */
    .result-white-box-card .gx-md-5{--bs-gutter-x: 2.5rem;}


}
 @media (max-width: 991px) {
    .wrapper{padding-top: 92px;}
    .footer-right-links { width: 33.333%; padding: 0 15px; }
    .footer-right-links::after { right: 0; }
    .services-grid .services-content { padding: 30px 25px; }
    /* .banner-main .banner-content { max-width: calc(100% - 50%); } */
    .testimonials-content .inner-testimonials-content{    padding: 0 20px;}
    .testimonials .testimonial-card .testimonials-content{padding: 58px 10px 48px 10px;}
    .banner-main .banner-content { max-width: 100%; position: relative;}
    .banner-content{padding: 29px 0 70px 0px;}
    .banner-main img{height: 400px;}  
    .header { padding: 20px 0; }
    .faq-main{ padding: 50px 0 40px;}
    .contact-form{padding: 40px 0 40px;}
    .related-services-section{ padding: 45px 0;}
    .faq-accordion .accordion-button, .faq-accordion .accordion-body{padding: 25px 20px;}
    .women-hair-restoration-main{padding: 45px 0;}
    .types-of-hair-restoration-main{padding: 20px 0 45px;}
}
 @media(max-width:767px) {
    .banner-main .banner-content .banner-max-wrap { margin: 0 auto;}
    .banner-main .banner-content .banner-max-wrap h1 { font-size: 25px; line-height: 35px; }
    .services-img .services-inner { padding-top: 100%; }
    .testimonials-content .inner-testimonials-content { padding: 0 30px; }
    
    .banner-main .banner-content { max-width: calc(100% - 40%); }
    .banner-main img{height: 200px;} 
    .service-info-badge{top: 5px; right: 10px;} 
    .faq-accordion .accordion-button{font-size: 16px; line-height: 22px;}

}
@media(max-width:575px) {
    .header { padding: 10px 0; }
    .wrapper{padding-top: 64px;}

    .hair-restoration-sec { padding: 30px 0; }
    .results-section .max-provide-result .provide-content { padding: 16px 0; }
    .results-section { padding: 30px 16px; }
    .results-section .hri-card .hri-card-body { padding: 25px; }
    .results-section .hri-card { margin-bottom: 20px; height: auto; }
    .testimonials { padding: 30px 0; }
    .testimonials-content .inner-testimonials-content, .testimonial-slider { padding: 16px 16px; }
    .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; }
    .services-grid { margin: 30px 0 30px; }
    .banner-main .banner-content { max-width: 100%; position: relative; }
    .banner-content{padding: 29px 0 70px 0px;}
    .btn-primary{padding: 10px 8px;}
    .logo img{width: 180px; height: auto;}
    .hri-book-now-btn .btn-primary{font-size: 12px;}
}
 @media(max-width:469px) {
    .header .logo { text-align: center;  }

}

/* ==================== Media queries End ==================== */