.elementor-401 .elementor-element.elementor-element-c04d900{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-401 .elementor-element.elementor-element-b969860{width:100%;max-width:100%;}.elementor-401 .elementor-element.elementor-element-9adcb3b{--display:flex;}.elementor-401 .elementor-element.elementor-element-4a37538{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8d9b886 *//* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Poppins:wght@300;400;500;600&family=Great+Vibes&display=swap');

.contact-hero{
    position:relative;
    height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    background:url("images/doctor-team.jpg") center center/cover no-repeat;
}

/* Light overlay */
.contact-hero::before{
    content:"";
    position:absolute;
    inset:0;
    backdrop-filter:blur(4px);
    background:rgba(255,255,255,.65);
}

/* Soft light gradient */
.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(255,255,255,.25),
        rgba(245,250,255,.35)
    );
}

.hero-content{
    position:relative;
    z-index:2;
    color:#222;
    padding:20px;
}

.hero-subtitle{
    font-family:'Poppins',sans-serif;
    letter-spacing:5px;
    text-transform:uppercase;
    font-size:15px;
    color:#555;
    margin-bottom:10px;
}

.hero-title{
    font-family:'Cinzel',serif;
    font-size:70px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#1d3557;
    text-shadow:0 2px 8px rgba(255,255,255,.4);
}

.hero-title span{
    color:#0f766e;
}

.doctor-name{
    margin-top:25px;
    font-family:'Great Vibes',cursive;
    font-size:52px;
    color:#7a3e00;
    text-shadow:0 2px 8px rgba(255,255,255,.4);
    letter-spacing:1px;
}

/* Responsive */
@media(max-width:768px){

    .contact-hero{
        height:55vh;
    }

    .hero-title{
        font-size:46px;
    }

    .doctor-name{
        font-size:34px;
    }

    .hero-subtitle{
        font-size:13px;
        letter-spacing:3px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b969860 *//* =========================
TREATMENT MARQUEE
========================= */

.treatment-marquee{
    background:linear-gradient(135deg,#0f766e,#14b8a6);
    padding:18px 0;
    overflow:hidden;
    position:relative;
}

/* TRACK */
.marquee-track{
    display:flex;
    width:max-content;
    animation:scroll 45s linear infinite;
}

/* CONTENT */
.marquee-content{
    display:flex;
    align-items:center;
    gap:25px;
    padding-right:50px;
}

/* TEXT */
.marquee-content span{
    color:#fff;
    font-size:15px;
    font-weight:500;
    white-space:nowrap;
    letter-spacing:.5px;
}

/* DOT STYLE */
.marquee-content span:nth-child(even){
    color:#bff7f0;
    font-size:18px;
}

/* ANIMATION */
@keyframes scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

/* HOVER PAUSE */
.treatment-marquee:hover .marquee-track{
    animation-play-state:paused;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15656e1 */body{
    margin:0;
    font-family:'Poppins',sans-serif;
    background:#f4fbfb;
}

/* SECTION BACKGROUND */
.modern-contact{
    padding:30px 0;
    position:relative;
    overflow:hidden;
}

/* SOFT GRADIENT BACKGROUND */
.modern-contact::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle,#14b8a6 0%,transparent 70%);
    top:-200px;
    left:-200px;
    opacity:.2;
}

/* WRAPPER */
.container{
    width:100%;
    max-width:1200px;
    margin:auto;
}

.modern-wrapper{
    display:grid;
    grid-template-columns:45% 55%;
    gap:60px;
    align-items:center;
}

/* LEFT SIDE */
.modern-left .badge{
    display:inline-block;
    padding:10px 20px;
    background:#dffaf7;
    color:#0f766e;
    border-radius:50px;
    font-weight:600;
    margin-bottom:20px;
}

.modern-left h2{
    font-size:46px;
    color:#17394a;
    margin-bottom:20px;
}

.modern-left p{
    color:#64748b;
    font-size:17px;
    line-height:30px;
}

/* HIGHLIGHT BOX */
.highlight-box{
    margin-top:30px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.highlight-box div{
    background:#ffffff;
    padding:15px 20px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    font-size:14px;
    color:#0f766e;
    font-weight:500;
}

/* RIGHT SIDE GRID */
.modern-right{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* CARD */
.card{
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.4);
    padding:30px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(20,184,166,.2);
}

/* ICON */
.icon{
    width:60px;
    height:60px;
    background:linear-gradient(135deg,#14b8a6,#0f766e);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:24px;
    margin-bottom:15px;
}

/* TEXT */
.card h3{
    color:#17394a;
    margin-bottom:8px;
}

.card p{
    color:#64748b;
    margin-bottom:15px;
}

/* BUTTON LINKS */
.card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:30px;
    background:linear-gradient(135deg,#14b8a6,#0f766e);
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.card a:hover{
    transform:scale(1.05);
    background:linear-gradient(135deg,#0f766e,#14b8a6);
}

/* RESPONSIVE */
@media(max-width:991px){
    .modern-wrapper{
        grid-template-columns:1fr;
    }

    .modern-right{
        grid-template-columns:1fr;
    }

    .modern-left h2{
        font-size:34px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64204e2 */.faq-section{

padding:90px 7%;
background:#f7fbff;

}

.faq-wrapper{

max-width:1250px;
margin:auto;

display:grid;
grid-template-columns:420px 1fr;
gap:60px;
align-items:start;

}

.faq-info{

background:linear-gradient(135deg,#009688,#00c6a9);

padding:45px;

border-radius:30px;

color:#fff;

position:sticky;
top:30px;

box-shadow:0 20px 50px rgba(0,150,136,.25);

}

.faq-badge{

display:inline-flex;
align-items:center;
gap:10px;

background:rgba(255,255,255,.15);

padding:10px 18px;

border-radius:50px;

font-size:14px;

margin-bottom:25px;

}

.faq-info h2{

font-size:38px;

margin-bottom:20px;

}

.faq-info p{

line-height:1.8;

opacity:.95;

margin-bottom:35px;

}

.faq-btn{

display:inline-block;

padding:15px 30px;

background:#fff;

color:#009688;

text-decoration:none;

border-radius:50px;

font-weight:600;

transition:.3s;

}

.faq-btn:hover{

transform:translateY(-5px);

}

.faq-item{

background:#fff;

border-radius:18px;

margin-bottom:18px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

overflow:hidden;

transition:.3s;

border:1px solid #eef2f7;

}

.faq-item.active{

border-left:6px solid #00b894;

}

.faq-question{

width:100%;

padding:25px 30px;

display:flex;

justify-content:space-between;

align-items:center;

border:none;

background:none;

font-size:18px;

font-weight:600;

cursor:pointer;

text-align:left;

}

.icon{

width:42px;
height:42px;

background:#eefaf8;

border-radius:50%;

display:flex;

align-items:center;
justify-content:center;

color:#00a884;

transition:.3s;

flex-shrink:0;

}

.faq-item.active .icon{

background:#00b894;

color:#fff;

transform:rotate(180deg);

}

.faq-answer{

max-height:0;

overflow:hidden;

transition:.45s;

}

.faq-answer p{

padding:0 30px 25px;

color:#666;

line-height:1.8;

}

.faq-item.active .faq-answer{

max-height:250px;

}

@media(max-width:992px){

.faq-wrapper{

grid-template-columns:1fr;

}

.faq-info{

position:relative;
top:0;

}

}

@media(max-width:600px){

.faq-info{

padding:30px;

}

.faq-info h2{

font-size:30px;

}

.faq-question{

font-size:16px;

padding:20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54931d4 */.whatsapp-section{
    padding:40px 20px;
    background:#f5fffb;
}

.whatsapp-box{
    max-width:1100px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    background:linear-gradient(135deg,#25D366,#128C7E);
    padding:25px 30px;
    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.15);
    color:#fff;
}

/* ICON */
.wa-icon{
    font-size:40px;
    background:rgba(255,255,255,.2);
    padding:15px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* TEXT */
.wa-text h3{
    margin:0;
    font-size:22px;
    font-weight:600;
}

.wa-text p{
    margin:5px 0 0;
    font-size:14px;
    opacity:.9;
}

/* BUTTON */
.wa-btn{
    background:#fff;
    color:#128C7E;
    padding:12px 22px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;

    display:flex;
    align-items:center;
    gap:8px;

    transition:.3s;
}

.wa-btn:hover{
    transform:scale(1.05);
    background:#eafff3;
}

/* RESPONSIVE */
@media(max-width:768px){

.whatsapp-box{
    flex-direction:column;
    text-align:center;
}

.wa-text h3{
    font-size:18px;
}

}/* End custom CSS */