body{
background:#0b1120!Important;
color:#fff!Important;
font-family:'Inter',sans-serif;
overflow-x:hidden;
}

section{
padding:50px 0;
position:relative;
}

h2{
font-weight:800;
font-size:40px;
}

.gradient-text{
background:linear-gradient(90deg,#00f5ff,#9b5cff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* ================= NAVBAR ================= */

.navbar{
background:rgba(10,15,30,0.9);
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,0.05);
}

.navbar-brand{
font-weight:800;
font-size:22px;
}

.nav-link{
color:#fff !important;
margin-left:20px;
}

.nav-link:hover{
color:#00f5ff !important;
}

/* ================= HERO ================= */

.hero{
min-height:100vh;
display:flex;
align-items:center;
overflow:hidden;
}
.hero img {height: 600px;
    width: 100%;
    object-fit: contain;}
.circle{
position:absolute;
border-radius:50%;
filter:blur(120px);
opacity:0.4;
}

.circle1{
width:400px;
height:400px;
background:#00f5ff;
top:-100px;
left:-100px;
}

.circle2{
width:500px;
height:500px;
background:#9b5cff;
bottom:-150px;
right:-150px;
}

.hero h1{
font-size:55px;
font-weight:800;
}

.hero-btn{
padding:14px 35px;
border-radius:50px;
background:linear-gradient(90deg,#00f5ff,#9b5cff);
border:none;
color:#000;
font-weight:600;
}

.hero-btn:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,255,255,0.4);
}

/* ================= GLASS CARD ================= */

.glass{
background:rgba(255,255,255,0.05);
border:1px solid rgba(0,255,255,0.2);
border-radius:20px;
padding:35px;
transition:.4s;
}

.glass:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,255,255,0.3);
}

/* ================= HORIZONTAL TIMELINE ================= */

.timeline{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
position:relative;
margin-top:50px;
}

.timeline::before{
content:"";
position:absolute;
top:20px;
left:0;
width:100%;
height:3px;
background:linear-gradient(90deg,#00f5ff,#9b5cff);
}

.timeline-item{
width:24%;
text-align:center;
}
.timeline-item p{margin-top: 30px;}
.timeline-dot{
width:18px;
height:18px;
border-radius:50%;
background:#00f5ff;
margin:0 auto 15px;    position: relative;
    top: 12px;
}
 .timeline-item h5   {margin-top: 30px;
    background: linear-gradient(90deg, #00f5ff, #9b5cff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
/* Responsive Timeline */
@media(max-width:992px){
.timeline-item{
width:48%;
}
}

@media(max-width:576px){
.timeline-item{
width:100%;
}
.timeline::before{
display:none;
}
}

/* ================= SERVICES ================= */

.service-card img{
border-radius:15px;
margin-bottom:20px;
}

.service-card{
transition:.4s;
}

.service-card:hover{
transform:translateY(-8px);
}

/* ================= CONTACT ================= */

.form-control{
background:rgba(255,255,255,0.05);
border:none;
color:#fff;
}

.form-control::placeholder{
color:#bbb;
}

.form-control:focus{
background:rgba(255,255,255,0.08);
box-shadow:none;
}

/* ================= FOOTER ================= */

footer{
    background: #070d1a;
    padding: 50px 0 25px
}

.footer-link{
display:block;
color:#aaa;
text-decoration:none;
margin-bottom:10px;
}

.footer-link:hover{
color:#00f5ff;
}

.social-icons i{
font-size:20px;
margin-right:15px;
cursor:pointer;
}

.social-icons i:hover{
color:#00f5ff;
}

.scroll-top{
position:fixed;
bottom:25px;
right:25px;
width:45px;
height:45px;
background:linear-gradient(90deg,#00f5ff,#9b5cff);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
display:none;
}
/* Background Circles */

.circle{
position:absolute;
border-radius:50%;
filter:blur(120px);
opacity:0.4;
}

.circle1{
width:400px;
height:400px;
background:#00f5ff;
top:-100px;
left:-100px;
}

.circle2{
width:500px;
height:500px;
background:#9b5cff;
bottom:-150px;
right:-150px;
}

/* Dotted Background */

.hero::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
background-size:40px 40px;
z-index:0;
}

/* Medical SVG Icons Background */

.medical-icon{
position:absolute;
font-size:120px;
color:rgba(0,255,255,0.05);
}

.icon1{top:15%; right:10%;}
.icon2{bottom:20%; left:8%;}
.icon3{top:60%; right:25%;}

.hero-content{
position:relative;
z-index:2;
}

.hero h1{
font-size:60px;
font-weight:800;
}

.hero-btn{
padding:14px 35px;
border-radius:50px;
background:linear-gradient(90deg,#00f5ff,#9b5cff);
border:none;
font-weight:600;
color:#000;
transition:.3s;
}

.hero-btn:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,255,255,0.4);
}