.elementor-2652 .elementor-element.elementor-element-731fce7{--display:flex;}.elementor-2652 .elementor-element.elementor-element-0b82673{--display:flex;}.elementor-2652 .elementor-element.elementor-element-f1308c4{--display:flex;}.elementor-2652 .elementor-element.elementor-element-013a496{--display:flex;}.elementor-2652 .elementor-element.elementor-element-e65ca96{width:100%;max-width:100%;}@media(max-width:767px){.elementor-2652 .elementor-element.elementor-element-ab5bec6 > .elementor-widget-container{padding:15px 15px 15px 15px;}}/* Start custom CSS for html, class: .elementor-element-ab5bec6 */.hero{

padding:170px 0 100px;

background:#f8fafc;

}

.hero-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

gap:80px;

}

.hero-content{

flex:1;

}

.hero-tag{

display:inline-block;

padding:10px 18px;

background:#fff7e6;

color:#b8860b;

border-radius:30px;

font-weight:600;

margin-bottom:25px;

}

.hero h1{

font-size:58px;

line-height:1.15;

color:#1e293b;

margin-bottom:25px;

font-weight:700;

}

.hero p{

font-size:18px;

line-height:32px;

color:#64748b;

margin-bottom:35px;

max-width:560px;

}

.hero-buttons{

display:flex;

gap:18px;

margin-bottom:35px;

}

.primary-btn{

background:#c89b3c;

padding:16px 34px;

border-radius:50px;

color:#fff;

text-decoration:none;

font-weight:600;

}

.secondary-btn{

border:2px solid #c89b3c;

padding:16px 34px;

border-radius:50px;

text-decoration:none;

color:#c89b3c;

font-weight:600;

}

.hero-features{

display:flex;

gap:25px;

flex-wrap:wrap;

font-weight:500;

color:#475467;

}

.hero-image{

flex:1;

position:relative;

text-align:right;

}

.hero-image img{

max-width:100%;

border-radius:25px;

}

.floating-card{

position:absolute;

bottom:40px;

left:-40px;

background:#fff;

padding:20px 30px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.floating-card h3{

font-size:36px;

color:#c89b3c;

margin-bottom:5px;

}

.floating-card p{

margin:0;

color:#667085;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-062c39b */.featured-treatments{

padding:100px 0;

background:#fff;

}

.section-title{

text-align:center;

max-width:700px;

margin:auto;

margin-bottom:60px;

}

.section-title span{

color:#C89B3C;

font-weight:600;

letter-spacing:2px;

font-size:14px;

text-transform:uppercase;

}

.section-title h2{

font-size:42px;

margin:18px 0;

color:#1E293B;

}

.section-title p{

color:#667085;

line-height:30px;

font-size:17px;

}

.treatment-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.treatment-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.4s;

}

.treatment-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.treatment-card img{

width:100%;

height:280px;

object-fit:cover;

transition:.5s;

}

.treatment-card:hover img{

transform:scale(1.08);

}

.card-content{

padding:30px;

}

.card-content h3{

font-size:24px;

margin-bottom:15px;

color:#1E293B;

}

.card-content p{

line-height:28px;

color:#667085;

margin-bottom:25px;

}

.card-content a{

text-decoration:none;

font-weight:600;

color:#C89B3C;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7f2920 */.why-choose{

padding:100px 0;

background:#F8FAFC;

}

.choose-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.choose-box{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

transition:.4s;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.choose-box:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:25px;

background:#FFF7E8;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

}

.choose-box h3{

font-size:22px;

margin-bottom:15px;

color:#1E293B;

}

.choose-box p{

line-height:28px;

color:#667085;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67cc3e4 */.doctor-section{

padding:110px 0;

background:#fff;

}

.doctor-wrapper{

display:flex;

align-items:center;

gap:70px;

}

.doctor-image{

flex:1;

}

.doctor-image img{

width:100%;

border-radius:25px;

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.doctor-content{

flex:1;

}

.doctor-content span{

color:#C89B3C;

font-weight:600;

letter-spacing:2px;

}

.doctor-content h2{

font-size:46px;

margin:15px 0;

color:#1E293B;

}

.doctor-content h4{

font-size:22px;

margin-bottom:20px;

color:#475467;

font-weight:500;

}

.doctor-content p{

line-height:32px;

color:#667085;

margin-bottom:30px;

}

.doctor-content ul{

list-style:none;

margin-bottom:35px;

}

.doctor-content ul li{

margin-bottom:15px;

font-size:17px;

color:#344054;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be40cf9 */.stats-section{

padding:70px 0;

background:#C89B3C;

}

.stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

text-align:center;

}

.stat-box h2{

font-size:48px;

color:#fff;

margin-bottom:10px;

}

.stat-box p{

color:#fff;

font-size:18px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79d05e2 */.blog-section{

padding:110px 0;

background:#F8FAFC;

}

.blog-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.blog-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

}

.blog-card:hover{

transform:translateY(-8px);

}

.blog-card img{

width:100%;

height:250px;

object-fit:cover;

}

.blog-content{

padding:25px;

}

.blog-content span{

color:#C89B3C;

font-size:14px;

}

.blog-content h3{

margin:15px 0;

font-size:24px;

}

.blog-content a{

color:#C89B3C;

text-decoration:none;

font-weight:600;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fff6523 */.before-after{

padding:110px 0;

background:#F8FAFC;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.gallery-card{

overflow:hidden;

border-radius:22px;

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

cursor:pointer;

}

.gallery-card img{

width:100%;

display:block;

transition:.5s;

}

.gallery-card:hover img{

transform:scale(1.08);

}

.gallery-btn{

text-align:center;

margin-top:50px;

}

.gallery-btn a{

display:inline-block;

padding:16px 34px;

background:#C89B3C;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:600;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e4b860 */.testimonials{

padding:110px 0;

background:#fff;

}

.testimonial-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.testimonial-card{

background:#fff;

padding:35px;

border-radius:20px;

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

transition:.4s;

}

.testimonial-card:hover{

transform:translateY(-8px);

}

.stars{

color:#FDBA12;

font-size:20px;

margin-bottom:20px;

}

.testimonial-card p{

line-height:30px;

color:#667085;

margin-bottom:30px;

}

.patient{

display:flex;

align-items:center;

gap:15px;

}

.patient img{

width:60px;

height:60px;

border-radius:50%;

object-fit:cover;

}

.patient h4{

margin:0;

color:#1E293B;

}

.patient span{

font-size:14px;

color:#667085;

}/* End custom CSS */
/* Start custom CSS */*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:#fff;
}

.container{
width:90%;
max-width:1280px;
margin:auto;
}

.header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

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

backdrop-filter:blur(12px);

box-shadow:0 8px 25px rgba(0,0,0,.06);

}

.header .container{

display:flex;

justify-content:space-between;

align-items:center;

height:90px;

}

.logo img{

height:60px;

}

.navbar ul{

display:flex;

list-style:none;

gap:32px;

}

.navbar a{

text-decoration:none;

color:#1d2939;

font-size:15px;

font-weight:500;

transition:.3s;

}

.navbar a:hover{

color:#C89B3C;

}

.header-right{

display:flex;

align-items:center;

gap:15px;

}

.call-btn{

padding:12px 22px;

border:1px solid #C89B3C;

border-radius:50px;

color:#C89B3C;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.call-btn:hover{

background:#C89B3C;

color:#fff;

}

.appointment-btn{

padding:13px 26px;

background:#C89B3C;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.appointment-btn:hover{

background:#a97d25;

}/* End custom CSS */