/* =========================
   GLOBAL SETTINGS
========================= */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:'Poppins', sans-serif;
    background-color:#c2daf1;
    color:#212529;
    

}
.limo{
    background-color:#e6f2fd;
    color:#212529;
}


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


.navbar{

    padding:15px 0;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);

}


.navbar-brand{

    font-size:1.5rem;

}

.logo{
    width: 45px;
    height: 45px;
    object-fit: contain;
    margin-right: 10px;
}



/* =========================
   LAB CARDS
========================= */


#labs{

    padding-top:80px;

}



.card{


    border:none;

    border-radius:20px;

    overflow:hidden;

    transition:0.35s ease;


}



.card:hover{


    transform:translateY(-12px);

    box-shadow:

    0 20px 40px rgba(0,0,0,0.2)!important;


}




.card img{


    height:230px;

    object-fit:cover;


}




.card-body{

    padding:25px;
    background-color:#e6f0f9d3;

}



.card h4{

    font-weight:600;

}



.card p{

    color:#666;

    line-height:1.7;

}




.card .btn{


    border-radius:25px;

    padding:10px 25px;


}





/* =========================
   ABOUT SECTION
========================= */


.about{


    background:#d2e8fd;


}


.about h2{

    font-weight:700;

    margin-bottom:20px;

}



.about i{


    margin-bottom:20px;


}



.about h5{

    margin-top:15px;

    font-weight:600;

}





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


footer{


    background:#212529;

    color:white;

    text-align:center;

    padding:25px;


}




footer p{


    margin:0;

}





/* =========================
   RESPONSIVE DESIGN
========================= */



@media(max-width:768px){



.hero h1{

    font-size:2.2rem;

}



.hero p{

    font-size:1rem;

}



.card{

    margin-bottom:20px;

}


}