body{
  margin:0;
  font-family:'Poppins',sans-serif;
  background:#061a2b;
  color:#ffffff; /* ✅ FIX */
}

.mouse-light{position:fixed;width:50px;height:50px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,198,255,0.25),transparent 70%);transform:translate(-50%,-50%);z-index:1}

/* HERO */

.hero {
  position: relative;
   background-size: 100%; /* instead of cover */
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 60px;
  color: #fff;
  padding-top: 40px;
    background-repeat: no-repeat;
}

/* Assessment page */
.page-assessment .hero {
  background:
              url('../images/lab/clinical-assessment-lab.png');
               background-size: 110%; /* instead of cover */
   background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}


.hero-text{
  flex:1;
}

.hero-text h1{
  font-size:38px;
  line-height:1.2;
  font-weight:500;
}

.hero-text span{
  color:#1fc8db;
}

.hero-text p{
     font-size:15px;
  margin:20px 0;
  color:#b8c4d4;
  width: 50%;
  line-height:1.6;
}

.hero-btns a{
  display:inline-block;
  margin-right:15px;
  padding:12px 20px;
  border-radius:6px;
  text-decoration:none;
}

.btn-primary{
  background:#1fc8db;
  color:#fff;
}

.btn-outline{
  border:1px solid #1fc8db;
  color:#1fc8db;
}

.hero-img{
  flex:1;
}

.hero-img img{
  width:100%;
  border-radius:10px;
}









/* OFFER */
.offer-section{
  margin:50px 60px;
  padding:40px;
  background:#0b2c4a;
  border-radius:14px;
}

.offer-title{
  margin-bottom:25px;
  color:#1fc8db;
  font-size:14px;
  letter-spacing:1px;
}

.offer-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}

.offer-item{
  text-align:center;
  padding:10px;
  border-right:1px solid rgba(255,255,255,0.1);
}

.offer-item:last-child{
  border:none;
}

.offer-item i{
  font-size:28px;
  color:#1fc8db;
  margin-bottom:10px;
}

.offer-item h4{
  font-size:15px;
  margin-bottom:10px;
}

.offer-item p{
  font-size:12px;
  color:#9fb3c8;
}

/* BOTTOM PANEL */
.bottom-panel{
  margin:50px 60px;
  background:#0b2c4a;
  padding:30px;
  border-radius:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.bottom-left{
  display:flex;
  align-items:center;
  gap:20px;
}

.bottom-left i{
  font-size:40px;
  color:#1fc8db;
}

.bottom-left h3{
  font-weight:400;
  color:#1fc8db;
}

.bottom-mid{
  max-width:500px;
  color:#9fb3c8;
  font-size:14px;
}

.bottom-right{
  display:flex;
  gap:40px;
}

.badge{
  text-align:center;
}

.badge i{
  font-size:26px;
  color:#1fc8db;
}

.badge p{
  font-size:12px;
  margin-top:8px;
  color:#9fb3c8;
}




/* SECTION TITLES */

.section-title{
  text-align:center;
  margin-top:60px;
  font-weight:500;
   color:#ffffff; /* ✅ ADD */
}


.section-sub{
  text-align:center;
  color:#9fb3c8;
  margin-bottom:40px;
  
}



.domain-card h3,
.section-title,
.bottom-left h3{
  color:#ffffff !important;
}

/* DOMAIN GRID */
.domain-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  padding:0 60px;
}

.domain-card{
  background:#0b2c4a;
  padding:25px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.08);
  transition:0.3s;
}

.domain-card:hover{
  transform:translateY(-6px);
}

.domain-card i{
  color:#1fc8db;
  font-size:24px;
  margin-bottom:10px;
}

.domain-card h3{
  margin-bottom:10px;
   color:#fff;
}

.domain-card p{
  font-size:13px;
  color:#9fb3c8;
}

.domain-card a{
  color:#1fc8db;
  font-size:13px;
  text-decoration:none;
}

/* SERVE */
.serve-section{
  margin:60px;
  padding:40px;
  background:#0b2c4a;
  border-radius:12px;
}

.serve-grid{
  display:flex;
  justify-content:space-between;
  text-align:center;
}

.serve-item i{
  color:#1fc8db;
  font-size:26px;
  margin-bottom:10px;
}

.serve-item p{
  font-size:13px;
  color:#9fb3c8;
}

/* CTA */
.cta-section{
  margin:60px;
}

.cta-box{
  background:#0b2c4a;
  padding:30px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.cta-left{
  display:flex;
  align-items:center;
  gap:15px;
}

.cta-left i{
  font-size:35px;
  color:#1fc8db;
}

.cta-text{
  max-width:300px;
  color:#9fb3c8;
}

.cta-btn a{
  background:#1fc8db;
  padding:12px 20px;
  border-radius:6px;
  color:#fff;
  text-decoration:none;
}



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

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

.offer-grid{
  grid-template-columns:1fr 1fr;
}

.bottom-panel{
  flex-direction:column;
  gap:20px;
  text-align:center;
}

.bottom-right{
  flex-wrap:wrap;
  justify-content:center;
}

.domain-grid{
  grid-template-columns:1fr;
}

.serve-grid{
  flex-direction:column;
  gap:20px;
}

.cta-box{
  flex-direction:column;
  gap:20px;
  text-align:center;
}



}

/* ========================= */
/* 📱 MOBILE RESPONSIVE */
/* ========================= */



@media (max-width: 600px) {

.hero {
  position: relative;
  background: url('images/lab/clinical-assessment-lab.png') no-repeat center center/cover;
  background-size:100% 100%;
  height: 95vh;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #fff;
   background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

 
 .hero-text h1{
  font-size:38px;
  line-height:1.2;
  font-weight:300;
}

    
 .hero-text span{
 
  color:#1fc8db;
}

.hero-text p{
    display: none;
}   
    

.hero-btns a {
    margin: 8px 0; /* vertical gap only */
  }

.offer-section{
  margin:30px 30px;
  padding:20px;
  background:#0b2c4a;
  border-radius:10px;
}    

.cta-text{
  max-width:200px;
  color:#9fb3c8;
}

.cta-btn a{
  background:#1fc8db;
  padding:5px 10px;
  border-radius:6px;
  color:#fff;
  text-decoration:none;
}    
    
 

}