.top-bar{

background:#06111d;

padding:10px 0;

font-size:14px;

color:#d7dde5;

}


.top-info{

display:flex;

justify-content:space-between;

}



.main-header{

background:#0b1623;

padding:20px 0;

border-bottom:1px solid rgba(255,255,255,.08);

}



.header-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

gap:30px;

}



.logo a{

font-size:24px;

font-weight:800;

color:white;

}



.menu{

display:flex;

list-style:none;

gap:30px;

}



.menu li a{

color:#ffffff;

font-size:16px;

}



.header-actions{

display:flex;

align-items:center;

gap:15px;

}



.phone-btn{

padding:12px 20px;

border:1px solid #2D8CFF;

border-radius:10px;

}



.appointment-btn{

background:#2D8CFF;

padding:12px 25px;

border-radius:12px;

font-weight:bold;

}



.mobile-menu-btn{

display:none;

background:none;

border:0;

color:white;

font-size:28px;

}



@media(max-width:900px){


.main-menu,
.header-actions{

display:none;

}


.mobile-menu-btn{

display:block;

}


.top-info{

flex-direction:column;

gap:5px;

}

}
.hero-section{

padding:100px 0;

background:

radial-gradient(circle at top right,#16324a,#07131f);

}



.hero-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

gap:50px;

}



.hero-content{

width:50%;

}



.hero-badge{

display:inline-block;

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

color:#2D8CFF;

padding:8px 18px;

border-radius:30px;

margin-bottom:20px;

}



.hero-content h1{

font-size:52px;

margin-bottom:15px;

}



.hero-content h2{

font-size:25px;

color:#d8a85b;

margin-bottom:20px;

}



.hero-content p{

font-size:18px;

line-height:2;

color:#d7dde5;

}



.hero-buttons{

display:flex;

gap:15px;

margin-top:35px;

}



.hero-image{

width:40%;

}



.doctor-card{

background:#122233;

border-radius:30px;

padding:20px;

box-shadow:0 20px 50px rgba(0,0,0,.3);

}



.doctor-card img{

border-radius:25px;

}



@media(max-width:900px){


.hero-wrapper{

flex-direction:column-reverse;

}


.hero-content,
.hero-image{

width:100%;

}


.hero-content h1{

font-size:38px;

}

}
.single-service{

padding:80px 0;

background:#f8fafc;

color:#1e293b;

}


.service-image{

margin-bottom:40px;

border-radius:20px;

overflow:hidden;

}


.single-service h1{

font-size:42px;

margin-bottom:25px;

}


.service-content{

font-size:18px;

line-height:2;

}