.lp-hero-section {background: var(--darkblue) url(../images/ld-1.jpg); padding: 120px 0 220px 0; position: relative; background-size: 100%; background-position: bottom right; }
.lp-hero-section:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #0a0e19a3; backdrop-filter: blur(8px); }
.lp-hero-content {position: relative; z-index: 9; }
.lp-hero-media{position: relative;z-index: 9}
.lp-hero-media img {width: 100%; box-shadow: 20px 20px 0px var(--green); }

.lp-hero-title {color: var(--green); font-size: 50px; text-transform: uppercase; margin: 0; font-family: "Playfair Display", serif; font-weight: 600; }

.lp-hero-title span {color:var(--white);  text-transform: capitalize;}
.lp-hero-title1 {color: #FFF; font-size: 35px;  margin: 0;  font-weight:600; }

.lp-hero-title1 i {color:var(--white);    font-weight: normal; font-size: 35px; font-style: normal; display: inline-block; -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }


.link-effect{position:relative;overflow:hidden;display:block;height:26px;line-height:1.66}
.link-effect .effect-1{display:block;height:100%;position:relative;top:0%;transition:.3s}
.link-effect:hover .effect-1{top:-100%}
.lp-theme-btn{font-size:16px;position:relative;padding:15px 40px;font-family: "Federo", sans-serif; margin-bottom:0px;color:var(--white);background-color:var(--green);display:inline-flex;justify-content:center;gap:10px;text-decoration:none;border-radius:5px; font-weight: bold;}


.lp-hero-shape-1 {top: 370px; left: -50px; z-index: 1; position: absolute; }
.lp-hero-shape-5 {left: 580px; top: 300px; z-index: 1; position: absolute; }


.featured-logo-section {background: var(--white); padding: 1rem 0; position: relative; z-index: 2; }
.featured-logo-image {background: #f5f5f5; padding: 20px 10px; align-items: center; justify-content: center; display: flex ; border-radius: 5px; }

.featured-logo-image img{height:32px}



.bg-shape-image {position: absolute; bottom: 18%; left: 0; z-index: -1; right: 0; width: 100%; }
 .bg-shape-image img {width: 100%; height: 100%; }

/*----------------------------------------*/
/*  2.6 Offcanvas
/*----------------------------------------*/
.tp-offcanvas {position: fixed; z-index: 999; background: #fff; width: 400px; right: 0; top: 0; padding: 50px 40px; height: 100%; opacity: 0; visibility: hidden; -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; } 
.tp-offcanvas-logo img {width: 168px; } 
@media only screen and (max-width: 400px) {.tp-offcanvas {width: 100%; padding: 35px 30px; } } 
.tp-offcanvas-open {opacity: 1; visibility: visible; -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 
.tp-offcanvas-close-toggle {font-size: 29px; color: var(--tp-heading-color); transition: 0.3s; } 
.tp-offcanvas-close-toggle:hover {transform: rotate(90deg); } 
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tp-offcanvas-header {margin-bottom: 40px; } } 
.tp-offcanvas-title {font-size: 35px; } 
.tp-offcanvas-gallery {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; } 
.tp-offcanvas-info span {color: #222; display: block; margin-bottom: 5px; } 
.tp-offcanvas-info span:hover {color: var(--tp-theme-color); } 
.tp-offcanvas-sm-title {font-size: 25px; margin-bottom: 15px; } 
.tp-offcanvas-social a {display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 39px; border-radius: 40px; color: var(--tp-heading-color); border: 1px solid rgba(2, 11, 24, 0.1); font-size: 14px; } 
.tp-offcanvas-social a:hover {background-color: var(--tp-theme-color); color: #fff; border-color: var(--tp-theme-color); } 
.tp-offcanvas-overlay {position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: 0.45s ease-in-out; background: rgba(24, 24, 24, 0.4); } 
.tp-offcanvas-overlay-open {opacity: 0.7; visibility: visible; }


/*----------------------------------------*/
/* aboutus
/*----------------------------------------*/

.mission-content h3 {font-size: 30px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0; color: var(--green); font-family: "Playfair Display", serif; }


.mission-content p {font-size: 14px; line-height: 24px; color: var(--darkblue); transition: all .4s ease 0s; margin-bottom:0 }


.mission-single-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding:30px;
    border-radius: 10px;
    background: var(--white);
        box-shadow: 0px 20px 50px rgba(164, 177, 198, 0.3);
    margin-bottom: 1rem;
}
.mission-top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.2;
}

/*----------------------------------------*/
/* aboutus
/*----------------------------------------*/
.about-section {padding: 20px 0; background: #fff ; background-size: contain; background-position: right; background-attachment: fixed; background-repeat: no-repeat; }
.about-media img {border-radius: 10px; width: 100%; }
.about-content-box h4 {font-size: 40px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0; color: var(--green); font-family: "Playfair Display", serif; }
.about-content-box h2 {font-size: 30px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0; font-family: "Playfair Display", serif;  color: var(--darkblue); }
.about-content-box p {font-size: 14px; line-height: 24px; color: var(--darkblue); transition: all .4s ease 0s; }

/*----------------------------------------*/
/* who is this for
/*----------------------------------------*/
.whoisthisfor-section{padding: 20px 0; background:url(../images/backgrond-bg.jpg);}
.whoisthisfor-section .heading-aera{margin-bottom: 40px;}
.whoisthisfor-section  .heading-aera h1{padding: 10px 0px;position: relative;color:var(--green);font-size: 40px;font-weight: bold;margin: 0;line-height: 48px;text-align: center;}
.whoisthisfor-section .heading-aera p{color:var(--black);font-size: 16px;text-align: center;line-height: 24px;}



.service-single-box {padding:30px; min-height: 350px; border-radius: 10px; margin-bottom: 1rem; position: relative; z-index: 1; overflow: hidden; background-color: #fff; transition: background-color .4s ease-in-out; box-shadow:0px 1px 1px rgba(164,177,198,0.3); }
.service-single-box .title {font-size: 20px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0;    font-family: "Playfair Display", serif; color: var(--darkblue); }
.service-single-box .text {font-size: 14px; line-height: 24px; color: var(--darkblue); margin-bottom: 30px; transition: all .4s ease 0s;  }
.service-single-box:hover {background-color: var(--darkblue); }
.service-single-box:hover .icon {filter: brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(1224%) hue-rotate(31deg) brightness(104%) contrast(75%);}
.service-single-box .border-line {position: relative; border-bottom: 1px solid #0632321a; margin: 30px 0 30px 0; }
.service-single-box .border-line::before {position: absolute; content: ""; width: 0; height: 1px; background: var(--green); transition: all .4s ease-in-out; left: 50%; }
.service-single-box:hover .border-line::before {left: 0; width: 100%; }
.service-single-box .serial {position: absolute; top: 35px; right: 35px; color: var(--green); font-size: 20px; font-weight: 500; }
.service-single-box .path__shape {opacity: 0; transition: opacity .4s ease-in-out; }
.service-single-box .path__shape::before {position: absolute; content: ""; width: 50px; height: 50px; background: var(--blue); transition: all .4s ease-in-out; right: 0; bottom: 0; }
.service-single-box .path__shape::after {position: absolute; content: ""; width: 40px; height: 40px; background: var(--blue); transition: all .4s ease-in-out; right: 0; bottom: 0; }
.service-single-box:hover .path__shape::after {right: 50px; bottom: 50px; }
.service-single-box:hover .path__shape {opacity: 1; }
.service-single-box:hover .title {color: var(--green); }
.service-single-box:hover .text {color: var(--white); }
.service-single-box .service-btn {transition: all ease .4s; border: 1px solid #0632321a; padding: 8px 14px; background: rgba(0, 0, 0, 0); overflow: hidden; max-width: 45px; gap: 0; display: flex; align-items: center; border-radius: 50px;    color: var(--gray); }
.service-single-box:hover .service-btn {padding: 8px 25px; max-width: 170px; gap: 10px; }
.service-single-box:hover .service-btn {color: var(--green); border-color: var(--green); }
.service-single-box .service-btn .link-text {opacity: 0; visibility: hidden; transition: all 300ms ease; position: relative; display: block; height: 26px; white-space: nowrap; overflow: hidden; width: 0; }
.service-single-box:hover .service-btn .link-text {animation: typing 1s steps(20) forwards; visibility: visible; }
@keyframes typing {
  0% {width: 0; opacity: 0; } 5% {opacity: 1; } 100% {width: 100%; opacity: 1; }
}


.whoisthisfor-slider .item {
    margin: 0 0 0 15px;
}


.whoisthisfor-slider button.slick-arrow {margin: 0; border: 0; background: #00000063; border-radius: 40px; width: 40px; height: 40px; line-height: 44px; font-size: 16px; z-index: 9; color: #fff; }
.whoisthisfor-slider .slick-prev, 
.whoisthisfor-slider .slick-next {font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); } 
.whoisthisfor-slider button.slick-prev {left:-50px; } 
.whoisthisfor-slider button.slick-next {right: -50px; } 


/*----------------------------------------*/
/* Why 
/*----------------------------------------*/
.WhyPhysicians-section {padding: 20px 0; background: #fff; background-size: contain; background-position: right; background-attachment: fixed; background-repeat: no-repeat; }
.WhyPhysicians-media img {border-radius: 10px; width: 100%; }
.WhyPhysicians-content-box h4 {font-size: 40px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0;     font-family: "Playfair Display", serif; color: var(--darkblue); }
.WhyPhysicians-content-box h2 {font-size: 30px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0;     font-family: "Playfair Display", serif; color: var(--darkblue); }
.WhyPhysicians-content-box p {font-size: 14px; line-height: 24px; color: var(--gray); transition: all .4s ease 0s; }


/*----------------------------------------*/
/* testimonial
/*----------------------------------------*/

section.testimonial-section {padding: 2rem 0; position: relative; background:#f9f8fb; }

section.testimonial-section .container{max-width: 92%}
.testimonial-heading-info{text-align: center; width: 50%; margin:0 auto 1rem auto; } 
.testimonial-heading-info h2 {color: var(--green); font-family: "Playfair Display", serif;  padding: 0; margin: 0; font-weight: 400; font-size: 18px; text-transform: uppercase; } 
.testimonial-heading-info h4{position: relative;  font-family: "Playfair Display", serif; font-size: 45px; color: var(--white); padding: 0; margin: 0 0 1rem 0; font-weight: 400; }
.testimonial-heading-info h4 span{    font-size: 60px; color:var(--white); font-weight: 700;}

.testimonial-arrow-card {
    background: #fff url(../images/googlemap.png);
    border-radius: 20px;
    padding:50px 30px 50px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.testimonial-arrow-card h2 {
    font-size: 40px;
    font-weight: 600;
    transition: all .4s ease 0s;
    margin: 0 0 1rem 0;
    padding: 0;
    font-family: "Playfair Display", serif;
    color: var(--darkblue);
}
.testimonial-arrow-card h4 {
    font-size: 14px;
    line-height: 24px;
    color: var(--gray);
    transition: all .4s ease 0s;
}

.testimonial-slider1 .item{margin: 0 0 0 10px}
.testi-single-box {background:#fff; border-radius: 20px; padding: 39px 27px 32px; margin-bottom: 20px; position: relative; }
.testi-icon {text-align: center; margin: auto; display: inline-block; font-size: 60px; color: var(--gray); }

ul.testi-rating {padding:15px 0 5px; border-top: 1px solid #F0F2F4; }
ul.testi-rating li {list-style: none; display: inline-block; }
ul.testi-rating li i {display: inline-block; color: var(--gray); font-size: 15px; margin: 0 4px; }
.testi-author {text-align: center; position: relative; z-index: 1; display: flex ; align-items: center; justify-content: space-between; }

.testi-author img {display: inline-block; border-radius: 50%; max-width: 100%; border:2px solid var(--green); }
.testi-author-text  h3{font-size: 20px; color: var(--blue); font-weight: 600; margin: 0; padding: 0; text-align:left;  }
.testi-author-text h4 {font-size: 14px; color: var(--gray); font-weight: 500; margin: 0; padding: 0; text-align:left; }
p.testi-text {color: var(--gray); position: relative; text-align: left; font-weight: 300; font-size: 20px; line-height: 32px; letter-spacing: .015em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; }
.testimonial-slider1 button.slick-arrow {margin: 0; border: 0; background: #00000063; border-radius: 40px; width: 40px; height: 40px; line-height: 44px; font-size: 16px; z-index: 9; color: #fff; }
.testimonial-slider1 .slick-prev, 
.testimonial-slider1 .slick-next {font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); } 
.testimonial-slider1 button.slick-prev {left: 10px; } 
.testimonial-slider1 button.slick-next {right: 10px; } 

/*----------------------------------------*/
/* how it work
/*----------------------------------------*/
.howitwork-section {
    padding: 40px 0;
    background: #fff;
}.howitwork-section .heading-aera{margin-bottom: 40px;}
.howitwork-section  .heading-aera h1{padding: 10px 0px; font-family: "Playfair Display", serif; position: relative;color:var(--green);font-size: 40px;font-weight: bold;margin: 0;line-height: 48px;text-align: center;}
.howitwork-section .heading-aera p{color:var(--black);font-size: 16px;text-align: center;line-height: 24px;}


.howitwork-card {max-width: 100%;max-height: 932px;position: relative;border-radius: 10px;padding: 30px 20px;box-shadow: 0px 1px 29px 0px rgb(1 1 1 / 10%);background-image: linear-gradient(180deg, #f9f8fb 0%, white 100%);}
.howitwork-card .bg-shape {top: -5px; left: -5px; z-index: -1; width: 95%; height: 95%; position: absolute; border-radius: 10px; transform: rotate(-1deg); background-color: #d2dfa4; }
.howitwork-title-main {z-index: 2; }
.howitwork-tabs {position: sticky; top: 0; }
.howitwork-tabs ul.nav.nav-tabs {border: none; }
.howitwork-tabs {counter-reset: my-sec-counter; margin-top: 0rem; list-style: none; }
.howitwork-tabs ul li:not(:last-child) {margin-bottom: 5px; display: block;width: 100%; }
.howitwork-tabs-link {padding: 15px 20px;    border-left: 3px solid transparent; box-shadow: 0 5px 20px hsl(0deg 0% 0% / 5%); border-radius: 10px; position: relative; background: #fff; background-image: none; display: flex ; align-items: center; cursor: pointer; width: 100%; }
/*.howitwork-tabs-link::before {content: ""; position: absolute; height: 24px; width: 24px; background-image: url("../images/pointer-arrow.svg"); right: 10px; top: 10px; z-index: 11; border-radius: 50%; transition: all .3s; }
.howitwork-tabs-link::after {content: "0" counter(my-sec-counter); counter-increment: my-sec-counter; font-size: 64px; font-weight: 900; position: absolute; background-image: linear-gradient(to bottom,rgba(0,0,0,.14) 0%,rgba(255,255,255,0) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; right: 37px; z-index: 1; line-height: 1; letter-spacing: 0px; }*/


.howitwork-tabs li a.active .howitwork-tabs-link {background-image:linear-gradient(67deg, #f3f9e0 0%, #ffffff 91%);    border-left: 3px solid var(--green); }
.howitwork-tabs li:hover .howitwork-tabs-link {background-image: linear-gradient(67deg, #f3f9e0 0%, #ffffff 91%);     border-left: 3px solid var(--green);}

.howitwork-card h2{
    position: relative;
    font-size: 32px;
    color: var(--green);
    padding: 0;
    margin: 0 0 1rem 0;
    font-weight: 600; font-family: "Playfair Display", serif; 
}


.howitwork-tabs-link .icn {width: 38px; height: 38px; display: flex; margin-right: 15px; }

.howitwork-tabs-link h3 {margin: 0; font-size: 14px; font-weight: 600; color: var(--blue); padding: 0; }

.howitwork-tab-content-box {max-width: 100%;max-height: 932px;position: relative;border-radius: 10px;padding: 50px ;box-shadow: 0px 1px 29px 0px rgb(1 1 1 / 10%);background:#fff;}
.howitwork-tab-content-box .bg-shape {top: -5px;left: -5px;z-index: -1;width: 95%;height: 95%;position: absolute;border-radius: 10px;transform: rotate(-1deg);background-color: #d2dfa4;}

.howitwork-tab-content-box h4 { font-family: "Playfair Display", serif;   margin: 0 0 1rem 0; font-size:20px; font-weight: 600; color: var(--blue); padding: 0; }


.howitwork-tab-content-box p {margin: 0 0 1rem 0; font-size: 14px; font-weight: normal; color: var(--blue); padding: 0; }




.howitwork-tab-content-box{ height: 100%; vertical-align: middle; position: absolute; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; top: 0; color: #fff; }
 .howitwork-inners {position: sticky; top: 12vw; left: 0; height: 60vh; }

.howitwork-item{background: transparent; padding-left:35px; margin-bottom: 35px; animation-duration: 1.25s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); position: relative; width: 100%; }


.howitwork-item::before {transform: perspective(500px) rotateY(-4deg); position: absolute; width: calc(100% + -100px); height: calc(100% + -4px); top: calc(25px + -1px); content: ""; border: 3px solid #000345; z-index: -1; right: calc(25px - -60px); box-shadow: 0 0 1px transparent; opacity: 0; }
.howitwork-item-inner {position: relative; z-index: 2; background: #fff; margin: 0 auto; padding:40px 20px; box-shadow: 0 0 30px #eee; will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg); }
.howitworkicon{position: relative; height: 100px; width: 120px; z-index: 2; margin: 0 auto; -webkit-perspective: 100px; perspective: 100px; margin-bottom: 45px; }
.howitworkicon::before {background: var(--green); position: absolute; content: ""; right: 44%; top: -15%; height: 100%; width: 88px; z-index: -1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: 0 0 1px transparent; transform: rotateY(7deg); }
.howitworkicon-inner {position: relative; width: 72px; height: 72px; text-align: center; line-height: 72px; border-radius: 100%; background: var(--white); left: 30px; box-shadow:0 0 30px hsl(73.69deg 60.32% 51.57% / 25%); }
.howitworkicon-inner > img {position: absolute; top: 13px; right: 12px; width: 44px; }
.howitwork-item:hover::before{ opacity: 1;}
.howitwork-item:hover{will-change: transform; transform: perspective(1000px) rotateX(-2deg) rotateY(6deg) scale3d(1, 1, 1);}


.howitwork-item-content h4{font-size: 16px; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0;font-family: "Federo", sans-serif; color: var(--darkblue); background: radial-gradient(42.24% 2817.5% at 52.45% 54.17%, rgb(172 206 57) 0%, #3C7FFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.howitwork-item-content p {font-size: 14px; line-height: 24px; color: var(--darkblue); margin-bottom: 30px; transition: all .4s ease 0s; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.lp-howitwork-btn {font-size: 14px; position: relative; padding: 10px 30px; margin-bottom: 0px; color: var(--darkblue); display: inline-flex; justify-content: center; gap: 10px; text-decoration: none; border-radius: 5px; font-weight: bold; border: 2px solid var(--darkblue); }

/*----------------------------------------*/
/* get in touch
/*----------------------------------------*/
section.getintouch-section {padding: 1rem 0; position: relative;    background: #fdfdfd; }
.getintouch-content {
    background: #0a0e19 url(../images/getintouch.jpg);
    position: relative;
    padding: 2rem;
    border-radius: 10px;
    background-size: cover;
    background-position: right top;
    overflow: hidden;
}

.getintouch-content:before {
    content: '';
    position: absolute;
    border-radius: 10px 80px 0px 10px;
    left: -65px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0a0e19;
    width: 63%;
    transform: skewX(-22deg);
}

.getintouch-card{width: 55%;}
.getintouch-content h2{font-size: 32px; font-family: "Playfair Display", serif;  position: relative; font-weight: 600; transition: all .4s ease 0s; margin: 0 0 1rem 0; padding: 0; color: var(--white);}
.getintouch-content p {font-size: 16px; position: relative; line-height: 32px; font-weight: 300; color: var(--white); margin-bottom: 30px; transition: all .4s ease 0s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }


.getintouch-action{}
.getintouch-btn {font-size: 14px; position: relative; padding: 10px 30px; margin-bottom: 0px; color: var(--white); display: inline-flex ; justify-content: center; gap: 10px; text-decoration: none; border-radius: 5px; font-weight: bold; background: var(--green); border: 2px solid var(--green); }


.getintouch-outline-btn {font-size: 14px; position: relative; padding: 10px 30px; margin-bottom: 0px; color: var(--green); display: inline-flex ; justify-content: center; gap: 10px; text-decoration: none; border-radius: 5px; font-weight: bold; border: 2px solid var(--green); }