/* =============================== */
/* GLOBAL FIX START */
/* =============================== */

.home-page .section-heading{

text-align:center;

margin-bottom:55px;

}

.home-page .section-heading span{

color:#00ff9d;

font-size:13px;

font-weight:600;

letter-spacing:2px;

}

.home-page .section-heading h2{

font-size:36px;

margin:12px 0;

font-weight:700;

}

.home-page .section-heading p{

max-width:620px;

margin:auto;

font-size:15px;

line-height:1.7;

color:#b7c2ce;

}


.home-page .content{

position:absolute;

top:50%;

left:8%;

transform:translateY(-50%);

max-width:700px;

z-index:2;

}

.home-page .content h1{

font-size:58px;

margin-bottom:20px;

}

.home-page .content p{

font-size:18px;

margin-bottom:30px;

}


.home-page .icon{

width:48px;

height:48px;

background:

rgba(0,255,157,.12);

color:#00c47d;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

font-weight:700;

flex-shrink:0;

}


/* MOBILE FIX */

@media(max-width:768px){

.home-page .content{

left:5%;

right:5%;

text-align:center;

max-width:90%;

}

.home-page .content h1{

font-size:34px;

}

}

/* =============================== */
/* GLOBAL FIX END */
/* =============================== */

/* ================================================= */
/* HERO SECTION START */
/* ================================================= */
/* HERO SLIDER START */

.hero-slider{

height:90vh;

overflow:hidden;

position:relative;

}

.slides{

height:100%;

position:relative;

}

.slide{

position:absolute;

width:100%;

height:100%;

opacity:0;

transition:1s;

}

.slide.active{

opacity:1;

}

.slide img{

width:100%;

height:100%;

object-fit:cover;

filter:

brightness(.35);

}

.hero-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
max-width:700px;
z-index:2;
}

.hero-content h1{
font-size:58px;
line-height:1.15;
margin-bottom:18px;
}

.hero-content p{
font-size:18px;
line-height:1.7;
margin-bottom:30px;
}

.buttons{

display:flex;

gap:15px;

}

.primary{

background:#00ff9d;

padding:14px 24px;

border-radius:40px;

color:black;

font-weight:700;

}

.secondary{

border:

1px solid #00ff9d;

padding:14px 24px;

border-radius:40px;

color:white;

font-weight:700;

}

/* MOBILE */

@media(max-width:768px){

.hero-slider{

height:calc(100vh - 90px);

min-height:560px;

max-height:720px;

}

.slide::after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(

180deg,

rgba(8,16,24,.18) 0%,

rgba(8,16,24,.72) 45%,

rgba(8,16,24,.95) 100%

);

z-index:1;

}

.slide img{

object-position:center top;

filter:brightness(.72);

}

.hero-content{

top:auto;

left:0;

right:0;

bottom:42px;

transform:none;

text-align:center;

max-width:none;

width:100%;

padding:0 22px;

}

.hero-content h1{

font-size:clamp(30px, 9vw, 42px);

line-height:1.16;

margin-bottom:14px;

text-wrap:balance;

color:#ffffff;

text-shadow:0 2px 16px rgba(0,0,0,.35);

}

.hero-content p{

font-size:15px;

line-height:1.6;

max-width:320px;

margin:0 auto 24px;

color:#e5edf4;

}

.buttons{

justify-content:center;

display:grid;

grid-template-columns:1fr;

gap:12px;

max-width:320px;

margin:0 auto;

}

.primary,
.secondary{

width:100%;

min-height:48px;

display:flex;

align-items:center;

justify-content:center;

padding:13px 18px;

font-size:14px;

border-radius:14px;

}

}

@media(max-width:420px){

.hero-slider{

min-height:520px;

}

.hero-content{

bottom:34px;

padding:0 18px;

}

.hero-content h1{

font-size:30px;

}

}

/* ================================================= */
/* HERO SECTION END */
/* ================================================= */

/* ====================================== */
/* QUICK TRUST BAR START */
/* ====================================== */

.trust-bar{

padding:80px 0;

background:

linear-gradient(
180deg,
#081018,
#0c141d
);

position:relative;

overflow:hidden;

}

/* PREMIUM GREEN GLOW */

.trust-bar::before{

content:"";

position:absolute;

top:-100px;

right:-120px;

width:280px;

height:280px;

background:

rgba(0,255,157,.10);

filter:blur(120px);

border-radius:50%;

}

.trust-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:22px;

position:relative;

z-index:2;

}

/* CARD */

.trust-card{

background:

linear-gradient(
180deg,
rgba(255,255,255,.04),
rgba(255,255,255,.02)
);

padding:30px 22px;

border-radius:22px;

text-align:center;

border:

1px solid rgba(
255,
255,
255,
0.05
);

backdrop-filter:

blur(12px);

transition:.35s;

box-shadow:

0 10px 30px

rgba(0,0,0,.25);

}

.trust-card:hover{

transform:

translateY(-8px);

border:

1px solid rgba(

0,
255,
157,
.25

);

box-shadow:

0 18px 45px

rgba(

0,
255,
157,
.12

);

}

/* ICON */

.trust-icon{

width:58px;

height:58px;

margin:auto;

margin-bottom:18px;

border-radius:16px;

background:

rgba(

0,
255,
157,
.10

);

display:flex;

justify-content:center;

align-items:center;

color:#00ff9d;

font-size:24px;

font-weight:700;

}

/* TEXT */

.trust-card h3{

font-size:16px;

font-weight:600;

line-height:1.6;

color:#fff;

}

/* TABLET */

@media(max-width:991px){

.trust-grid{

grid-template-columns:

repeat(2,1fr);

}

}

/* MOBILE */

@media(max-width:768px){

.trust-grid{

grid-template-columns:1fr;

gap:18px;

}

.trust-card{

padding:24px 18px;

}

.trust-card h3{

font-size:15px;

}

}

/* ====================================== */
/* QUICK TRUST BAR END */
/* ====================================== */

/* ====================================== */
/* ABOUT CLINIC START */
/* ====================================== */

.about-clinic{

padding:120px 0;

background:

linear-gradient(
180deg,
#ffffff 0%,
#f5faf8 100%
);

position:relative;

overflow:hidden;

}

/* PREMIUM BG EFFECT */

.about-clinic::before{

content:"";

position:absolute;

top:-120px;

right:-80px;

width:350px;

height:350px;

background:

rgba(0,255,157,.08);

filter:blur(90px);

border-radius:50%;

}

.about-clinic::after{

content:"";

position:absolute;

bottom:-120px;

left:-80px;

width:300px;

height:300px;

background:

rgba(0,255,157,.06);

filter:blur(100px);

border-radius:50%;

}

.about-wrapper{

display:grid;

grid-template-columns:

1fr 1fr;

gap:90px;

align-items:center;

position:relative;

z-index:2;

}

/* IMAGE */

.about-image{

position:relative;

}

.about-image img{

width:100%;

border-radius:30px;

box-shadow:

0 25px 60px

rgba(0,0,0,.10);

}

.experience-box{

position:absolute;

bottom:25px;

left:25px;

background:white;

padding:22px;

border-radius:18px;

box-shadow:

0 10px 35px

rgba(0,0,0,.08);

border-left:

4px solid #00ff9d;

}

.experience-box h3{

font-size:34px;

color:#00c47d;

margin-bottom:4px;

}

.experience-box p{

color:#5d6875;

font-size:14px;

}

/* CONTENT */

.section-tag{

font-size:14px;

font-weight:700;

color:#00b877;

letter-spacing:2px;

}

.about-content h2{

font-size:52px;

color:#081018;

margin:20px 0;

line-height:1.2;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#5d6875;

margin-bottom:35px;

max-width:580px;

}

/* FEATURE CARD */

.about-features{

display:flex;

flex-direction:column;

gap:18px;

}

.feature-box{

display:flex;

gap:18px;

padding:22px;

background:white;

border-radius:18px;

box-shadow:

0 10px 30px

rgba(0,0,0,.05);

transition:.3s;

}

.feature-box:hover{

transform:

translateY(-5px);

box-shadow:

0 15px 40px

rgba(0,0,0,.08);

}

.feature-icon{

width:48px;

height:48px;

background:

rgba(0,255,157,.12);

color:#00c47d;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

font-weight:700;

flex-shrink:0;

}

.feature-box h4{

color:#081018;

margin-bottom:5px;

}

.feature-box p{

font-size:14px;

margin:0;

color:#66717e;

}

/* BUTTON */

.about-btn{

display:inline-block;

margin-top:35px;

padding:15px 28px;

background:#00d48a;

color:#081018;

font-weight:700;

border-radius:40px;

transition:.3s;

}

.about-btn:hover{

transform:translateY(-3px);

box-shadow:

0 10px 25px

rgba(0,212,138,.25);

}

/* MOBILE */

@media(max-width:991px){

.about-wrapper{

grid-template-columns:1fr;

gap:60px;

}

.about-content{

text-align:center;

}

.about-content p{

max-width:100%;

}

}

@media(max-width:768px){

.about-clinic{

padding:80px 0;

}

.about-content h2{

font-size:36px;

}

.feature-box{

text-align:left;

}

}

/* ====================================== */
/* ABOUT CLINIC END */
/* ====================================== */

/* ====================================== */
/* TREATMENTS SECTION START */
/* ====================================== */

.treatments-section{

padding:85px 0;

background:

linear-gradient(

180deg,

#081018,

#0c141d

);

}

/* SECTION HEADING */

.section-heading{

text-align:center;

margin-bottom:55px;

}

.section-heading span{

color:#00ff9d;

font-size:13px;

font-weight:600;

letter-spacing:2px;

}

.section-heading h2{

font-size:36px;

margin:12px 0;

font-weight:700;

}

.section-heading p{

max-width:620px;

margin:auto;

font-size:15px;

line-height:1.7;

color:#b7c2ce;

}

/* GRID */

.treatment-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:22px;

}

/* CARD */

.treatment-card{

background:

rgba(255,255,255,.03);

padding:26px 22px;

border-radius:20px;

border:

1px solid rgba(

255,

255,

255,

.05

);

transition:.3s;

backdrop-filter:

blur(10px);

}

.treatment-card:hover{

transform:

translateY(-5px);

border-color:

rgba(

0,

255,

157,

.20

);

box-shadow:

0 12px 30px

rgba(

0,

255,

157,

.06

);

}

/* ICON */

.service-icon{

width:54px;

height:54px;

background:

rgba(

0,

255,

157,

.10

);

display:flex;

align-items:center;

justify-content:center;

border-radius:14px;

font-size:20px;

color:#00ff9d;

margin-bottom:18px;

}

/* TITLE */

.treatment-card h3{

font-size:18px;

line-height:1.4;

margin-bottom:12px;

font-weight:600;

color:#f8fafc;

}

/* DESCRIPTION */

.treatment-card p{

font-size:14px;

line-height:1.7;

color:#b7c2ce;

margin-bottom:18px;

}

/* BUTTON */

.treatment-card a{

color:#00ff9d;

font-size:14px;

font-weight:600;

transition:.3s;

}

.treatment-card a:hover{

padding-left:5px;

}

/* TABLET */

@media(max-width:991px){

.treatment-grid{

grid-template-columns:

1fr 1fr;

gap:18px;

}

}

/* MOBILE */

@media(max-width:768px){

.treatments-section{

padding:65px 0;

}

.section-heading h2{

font-size:30px;

}

.section-heading p{

font-size:14px;

}

.treatment-grid{

grid-template-columns:1fr;

gap:18px;

}

.treatment-card{

padding:22px 18px;

}

.treatment-card h3{

font-size:17px;

}

.service-icon{

width:48px;

height:48px;

font-size:18px;

}

}

/* ====================================== */
/* TREATMENTS SECTION END */
/* ====================================== */

/* ====================================== */
/* WHY CHOOSE US START */
/* ====================================== */

.why-choose-us{

padding:90px 0;

background:

linear-gradient(
180deg,
#f8fcfa,
#eef8f4
);

position:relative;

overflow:hidden;

}

.why-choose-us::before{

content:"";

position:absolute;

top:-120px;

right:-100px;

width:300px;

height:300px;

background:

rgba(0,255,157,.08);

filter:blur(90px);

border-radius:50%;

}

.light-heading span{

color:#00b577;

}

.light-heading h2{

color:#081018;

font-size:38px;

}

.light-heading p{

color:#5e6976;

}

.why-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:22px;

margin-top:50px;

}

.why-card{

background:white;

padding:28px 24px;

border-radius:22px;

box-shadow:

0 10px 30px

rgba(0,0,0,.06);

transition:.3s;

text-align:center;

}

.why-card:hover{

transform:

translateY(-6px);

box-shadow:

0 18px 45px

rgba(0,0,0,.08);

}

.why-icon{

width:58px;

height:58px;

margin:auto;

margin-bottom:18px;

background:

rgba(0,255,157,.10);

border-radius:16px;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

color:#00c47d;

}

.why-card h3{

font-size:18px;

margin-bottom:12px;

color:#081018;

}

.why-card p{

font-size:14px;

line-height:1.7;

color:#66717d;

}

/* TABLET */

@media(max-width:991px){

.why-grid{

grid-template-columns:

1fr 1fr;

}

}

/* MOBILE */

@media(max-width:768px){

.why-choose-us{

padding:70px 0;

}

.why-grid{

grid-template-columns:1fr;

}

.light-heading h2{

font-size:30px;

}

}

/* ====================================== */
/* WHY CHOOSE US END */
/* ====================================== */


/* ====================================== */
/* DOCTOR PROFILE SECTION START */
/* ====================================== */

.doctor-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#f8fcfa,
#eef7f4
);

}

.doctor-wrapper{

display:grid;

grid-template-columns:

1fr 1.1fr;

gap:70px;

align-items:center;

}

.doctor-image{

text-align:center;

}

.doctor-image img{

width:100%;

max-width:420px;

border-radius:28px;

box-shadow:

0 20px 50px

rgba(0,0,0,.08);

}

.doctor-content span{

color:#00b377;

font-size:13px;

font-weight:700;

letter-spacing:2px;

}

.doctor-content h2{

font-size:42px;

margin:14px 0 8px;

color:#081018;

}

.doctor-content h4{

font-size:18px;

font-weight:500;

color:#66727d;

margin-bottom:22px;

}

.doctor-content p{

font-size:15px;

line-height:1.8;

color:#5f6b76;

margin-bottom:28px;

}

.doctor-info{

display:grid;

grid-template-columns:

1fr 1fr;

gap:18px;

margin-bottom:30px;

}

.doctor-info div{

background:white;

padding:18px;

border-radius:18px;

box-shadow:

0 10px 25px

rgba(0,0,0,.05);

}

.doctor-info strong{

display:block;

color:#081018;

margin-bottom:6px;

}

.doctor-btn{

display:inline-block;

padding:14px 26px;

background:#00d48a;

color:#081018;

border-radius:40px;

font-weight:700;

transition:.3s;

}

.doctor-btn:hover{

transform:translateY(-3px);

box-shadow:

0 12px 28px

rgba(0,212,138,.25);

}

/* TABLET */

@media(max-width:991px){

.doctor-wrapper{

grid-template-columns:1fr;

text-align:center;

}

}

/* MOBILE */

@media(max-width:768px){

.doctor-section{

padding:70px 0;

}

.doctor-content h2{

font-size:34px;

}

.doctor-info{

grid-template-columns:1fr;

}

}

/* ====================================== */
/* DOCTOR PROFILE SECTION END */
/* ====================================== */


/* ====================================== */
/* SYMPTOMS SECTION START */
/* ====================================== */

.symptoms-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f7fbf9
);

}

.symptoms-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:22px;

margin-top:55px;

}

.symptom-card{

background:white;

padding:32px 24px;

border-radius:22px;

text-align:center;

box-shadow:

0 12px 30px

rgba(0,0,0,.05);

transition:.3s;

border:

1px solid rgba(

0,
255,
157,
.05

);

}

.symptom-card:hover{

transform:

translateY(-6px);

box-shadow:

0 18px 45px

rgba(0,0,0,.08);

border-color:

rgba(

0,
255,
157,
.20

);

}

.symptom-icon{

width:65px;

height:65px;

margin:auto;

margin-bottom:18px;

background:

rgba(

0,
255,
157,
.10

);

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

font-size:28px;

}

.symptom-card h3{

font-size:17px;

font-weight:600;

color:#081018;

}

/* TABLET */

@media(max-width:991px){

.symptoms-grid{

grid-template-columns:

1fr 1fr;

}

}

/* MOBILE */

@media(max-width:768px){

.symptoms-section{

padding:70px 0;

}

.symptoms-grid{

grid-template-columns:1fr;

gap:18px;

}

.symptom-card{

padding:26px 20px;

}

}

/* ====================================== */
/* SYMPTOMS SECTION END */
/* ====================================== */


/* ====================================== */
/* CONFIDENTIAL CONSULTATION START */
/* ====================================== */

.consult-banner{

padding:90px 0;

background:

linear-gradient(
135deg,
#04101b,
#081018,
#0d1720
);

position:relative;

overflow:hidden;

}

/* PREMIUM GREEN GLOW */

.consult-banner::before{

content:"";

position:absolute;

top:-120px;

right:-100px;

width:300px;

height:300px;

background:

rgba(0,255,157,.12);

filter:blur(120px);

border-radius:50%;

}

.consult-banner::after{

content:"";

position:absolute;

bottom:-100px;

left:-100px;

width:260px;

height:260px;

background:

rgba(0,255,157,.08);

filter:blur(110px);

border-radius:50%;

}

.consult-wrapper{

background:

rgba(255,255,255,.03);

padding:70px;

border-radius:35px;

text-align:center;

border:

1px solid rgba(

255,
255,
255,
.05

);

backdrop-filter:

blur(14px);

position:relative;

z-index:2;

}

.consult-content span{

font-size:13px;

letter-spacing:2px;

font-weight:700;

color:#00ff9d;

}

.consult-content h2{

font-size:44px;

margin:18px 0;

line-height:1.2;

}

.consult-content p{

max-width:650px;

margin:auto;

font-size:15px;

line-height:1.8;

color:#bcc6d1;

margin-bottom:30px;

}

.consult-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:15px 28px;

background:#00ff9d;

color:#081018;

border-radius:40px;

font-weight:700;

font-size:15px;

transition:.3s;

}

.consult-btn:hover{

transform:

translateY(-3px);

box-shadow:

0 12px 30px

rgba(

0,
255,
157,
.25

);

}

/* MOBILE */

@media(max-width:768px){

.consult-banner{

padding:70px 0;

}

.consult-wrapper{

padding:45px 25px;

border-radius:28px;

}

.consult-content h2{

font-size:30px;

}

.consult-content p{

font-size:14px;

}

}

/* ====================================== */
/* CONFIDENTIAL CONSULTATION END */
/* ====================================== */

/* ====================================== */
/* TESTIMONIAL START */
/* ====================================== */

.testimonial-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f4faf7
);

overflow:hidden;

position:relative;

}

.testimonial-section::before{

content:"";

position:absolute;

right:-100px;

top:-100px;

width:250px;

height:250px;

background:

rgba(0,255,157,.08);

filter:blur(90px);

border-radius:50%;

}

.testimonial-slider{

overflow:hidden;

margin-top:50px;

position:relative;

z-index:2;

}

.testimonial-track{

display:flex;

gap:22px;

width:max-content;

animation:

reviewMove 35s linear infinite;

}

.testimonial-card{

min-width:320px;

background:white;

padding:28px;

border-radius:22px;

box-shadow:

0 10px 28px

rgba(0,0,0,.05);

border:

1px solid rgba(

0,
255,
157,
.08

);

transition:.3s;

}

.testimonial-card:hover{

transform:

translateY(-5px);

}

.stars{

font-size:18px;

color:#ffb400;

margin-bottom:15px;

}

.testimonial-card p{

font-size:14px;

line-height:1.8;

color:#5d6875;

margin-bottom:18px;

}

.testimonial-card h4{

font-size:16px;

color:#081018;

margin-bottom:4px;

}

.testimonial-card span{

font-size:13px;

font-weight:600;

color:#00b577;

}

@keyframes reviewMove{

0%{

transform:

translateX(0);

}

100%{

transform:

translateX(-50%);

}

}

@media(max-width:768px){

.testimonial-card{

min-width:270px;

}

}

/* ====================================== */
/* TESTIMONIAL END */
/* ====================================== */


/* ====================================== */
/* PROCESS SECTION START */
/* ====================================== */

.process-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f5faf7
);

}

.process-grid{

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:22px;

margin-top:55px;

}

.process-card{

background:white;

padding:34px 26px;

border-radius:24px;

text-align:center;

box-shadow:

0 10px 28px

rgba(0,0,0,.05);

border:

1px solid rgba(
0,
255,
157,
.08
);

transition:.3s;

position:relative;

overflow:hidden;

}

.process-card:hover{

transform:

translateY(-6px);

box-shadow:

0 18px 45px

rgba(
0,
0,
0,
.08
);

}

.process-number{

width:65px;

height:65px;

margin:auto;

margin-bottom:22px;

display:flex;

align-items:center;

justify-content:center;

background:

rgba(
0,
255,
157,
.12
);

color:#00c47d;

font-size:24px;

font-weight:700;

border-radius:18px;

}

.process-card h3{

font-size:18px;

margin-bottom:14px;

color:#081018;

}

.process-card p{

font-size:14px;

line-height:1.8;

color:#66727d;

}

/* TABLET */

@media(max-width:991px){

.process-grid{

grid-template-columns:

1fr 1fr;

}

}

/* MOBILE */

@media(max-width:768px){

.process-section{

padding:70px 0;

}

.process-grid{

grid-template-columns:1fr;

gap:18px;

}

.process-card{

padding:28px 20px;

}

}

/* ====================================== */
/* PROCESS SECTION END */
/* ====================================== */


/* ====================================== */
/* FAQ SECTION START */
/* ====================================== */

.faq-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f7fbf9
);

}

.faq-wrapper{

max-width:900px;

margin:auto;

margin-top:50px;

}

.faq-item{

background:white;

margin-bottom:18px;

border-radius:18px;

overflow:hidden;

box-shadow:

0 10px 25px

rgba(0,0,0,.05);

}

.faq-question{

display:flex;

justify-content:space-between;

align-items:center;

padding:24px 28px;

cursor:pointer;

}

.faq-question h3{

font-size:17px;

color:#081018;

}

.faq-question span{

font-size:28px;

color:#00c47d;

font-weight:600;

}

.faq-answer{

max-height:0;

overflow:hidden;

transition:.35s;

}

.faq-answer p{

padding:

0 28px 24px;

line-height:1.8;

font-size:14px;

color:#66727d;

}

.faq-item.active .faq-answer{

max-height:250px;

}

.faq-item.active span{

transform:rotate(45deg);

}

/* MOBILE */

@media(max-width:768px){

.faq-question{

padding:20px;

}

.faq-question h3{

font-size:15px;

}

}

/* ====================================== */
/* FAQ SECTION END */
/* ====================================== */

/* ====================================== */
/* BLOG SECTION START */
/* ====================================== */

.blog-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f5faf7
);

}

.blog-grid{

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:24px;

margin-top:55px;

}

.blog-card{

background:white;

border-radius:22px;

overflow:hidden;

box-shadow:

0 10px 30px

rgba(0,0,0,.05);

transition:.3s;

}

.blog-card:hover{

transform:

translateY(-8px);

}

.blog-image{

overflow:hidden;

height:220px;

}

.blog-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.4s;

}

.blog-card:hover img{

transform:scale(1.05);

}

.blog-content{

padding:24px;

}

.blog-content span{

font-size:12px;

font-weight:700;

color:#00b577;

letter-spacing:1px;

}

.blog-content h3{

font-size:18px;

margin:14px 0;

color:#081018;

}

.blog-content p{

font-size:14px;

line-height:1.7;

color:#67727d;

margin-bottom:18px;

}

.blog-content a{

color:#00b577;

font-weight:600;

}

/* TABLET */

@media(max-width:991px){

.blog-grid{

grid-template-columns:

1fr 1fr;

}

}

/* MOBILE */

@media(max-width:768px){

.blog-grid{

grid-template-columns:1fr;

}

.blog-section{

padding:70px 0;

}

}

/* ====================================== */
/* BLOG SECTION END */
/* ====================================== */

/* ====================================== */
/* CONTACT SECTION START */
/* ====================================== */

.contact-section{

padding:90px 0;

background:

linear-gradient(
180deg,
#ffffff,
#f6faf8
);

}

.contact-wrapper{

display:grid;

grid-template-columns:

1fr 1fr;

gap:40px;

margin-top:55px;

}

/* FORM */

.appointment-box{

background:white;

padding:35px;

border-radius:24px;

box-shadow:

0 10px 30px

rgba(0,0,0,.05);

}

.appointment-box h3{

font-size:28px;

margin-bottom:25px;

color:#081018;

}

.form-group{

margin-bottom:18px;

}

.form-group input,

.form-group select{

width:100%;

padding:15px 18px;

border:

1px solid #dfe8e4;

border-radius:14px;

font-size:14px;

outline:none;

}

.appointment-box button{

width:100%;

padding:15px;

border:none;

background:#00d48a;

color:#081018;

font-weight:700;

border-radius:14px;

cursor:pointer;

}

/* CONTACT INFO */

.contact-info{

display:flex;

flex-direction:column;

gap:18px;

}

.info-card{

background:white;

padding:22px;

border-radius:18px;

box-shadow:

0 8px 25px

rgba(0,0,0,.05);

}

.info-card h4{

margin-bottom:10px;

color:#081018;

}

.info-card p{

color:#66727d;

font-size:14px;

line-height:1.7;

}

/* MAP */

.map-box{

overflow:hidden;

border-radius:22px;

height:300px;

box-shadow:

0 10px 30px

rgba(0,0,0,.05);

}

.map-box iframe{

width:100%;

height:100%;

border:none;

}

/* MOBILE */

@media(max-width:991px){

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-section{

padding:70px 0;

}

.appointment-box{

padding:25px;

}

}

/* ====================================== */
/* CONTACT SECTION END */
/* ====================================== */