/* ==================== 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; }
.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: #003F5A; line-height: 22px; }
.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}

.header { padding: 34px 21px 34px 41px; }
.swiper-container { padding: 5px 0 0; }
.banner-main .banner-content .banner-max-wrap { max-width: 462px; width: 100%; margin: 67px 0 22px auto; }
.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; max-width: 603px; width: 100%;}
.banner-main .banner-content h1 { font-size: 32px; line-height: 43px; color: #fff; font-weight: 600; }
.hair-restoration-sec { background: rgba(236, 236, 236, 40%); padding: 58px 0 27px; }
.hair-restoration-sec .hair-restoration-grid { max-width: 747px; width: 100%; margin: 0 auto; text-align: center; }
.book-btn { padding: 32px 0; }
.services-grid { margin: 79px 0 22px; }
.services-grid .services-grid-wrap { max-width: 948px; width: 100%; margin: 0 auto; }
.services-grid .services-img .services-inner { position: relative; padding-top: 88%; overflow: hidden; height: 100%; }
.services-grid .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-grid .services-img { position: relative; height: 100%; }
.services-grid .services-content h3 { font-size: 22px; font-weight: 600; 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: 67px 67px; }
.services-grid .services-content { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.services-grid-wrap .gx-5 {
--bs-gutter-x: 20px; margin-bottom: 20px; }
.services-grid .book-btn { padding: 60px 0; }
.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 45px 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; color: #003F5A; }
.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; }
.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: 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; 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; }
.free-consultation-form h4 { text-align: left; font-size: 36px; 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; }

/* ==================== 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: 35px; height: 35px; 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);}
.banner-content{
width: 100%;
padding: 81px 0 0 0px;
max-width: 566px;
margin: 0 0 0 auto;
}
 .banner-main img{
    width: 100%;
     object-fit: cover;
} 
/* .swiper-container{
    background: #E6E7E9;
} */
@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: 700px;
    }
    .banner-main .banner-content .banner-max-wrap{
        margin: 0px 0 22px auto;
    }
}

@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} */

}
 @media (max-width: 991px) {
.footer-right-links { width: 33.333%; padding: 0 15px; }
.footer-right-links::after { right: 0; }
.services-grid .services-content { padding: 27px 40px; }
.banner-main .banner-content { max-width: calc(100% - 50%); }
.testimonials-content .inner-testimonials-content{    padding: 0 20px;}
.testimonials .testimonial-card .testimonials-content{padding: 58px 16px 48px 16px;}
.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}
.banner-main img{
    height: 400px;
}  
}
 @media(max-width:767px) {
.header { padding: 16px; }
.banner-main .banner-content .banner-max-wrap { margin: 0 auto; padding: 0 16px; }
.banner-main .banner-content .banner-max-wrap h1 { font-size: 25px; line-height: 35px; }
.services-grid .services-img .services-inner { padding-top: 100%; }
.testimonials-content .inner-testimonials-content { padding: 0 30px; }
.testimonials .testimonial-card .testimonials-content { padding: 58px 20px 48px 20px; }
.banner-main .banner-content { max-width: calc(100% - 40%); }
.banner-main img{
    height: 200px;
}  

}
@media(max-width:575px) {
    .banner-main img{
        height: 200px;
    }    
.services-grid .services-content { padding: 25px; }
.hair-restoration-sec { padding: 20px 16px; }
.services-grid .book-btn { padding: 20px 0; }
.results-section .max-provide-result .provide-content { padding: 16px 16px; }
.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; }
.contact-form { padding: 50px 16px; }
.testimonials .testimonial-card .testimonials-content { padding: 60px 16px 20px 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; }
ul.footer-sociallist li a { width: 40px; height: 40px; }
.services-grid { margin: 30px 0 30px; }
.banner-main .banner-content { max-width: 100%; position: relative; }
.banner-content{padding: 29px 0 70px 0px;}
}
 @media(max-width:469px) {
.grid-nav { display: block !important; }
.header .logo { text-align: center;  }
.header .hri-book-now-btn { text-align: center; }
.hri-book-now-btn{display:none;}
}