/* Custom CSS to center the content both horizontally and vertically */
.enroll-text-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    
    height: 100vh;
    color: blue;
    
}
/* .navbar ul li a{
    color:white!important;
}
.navbar ul li a:hover{
    color:rgb(11, 228, 170)!important;
}
.navbar .dropdown-menu:hover{
    background-color: black;
} */


/* .text-center{
    color: rgb(71, 115, 5);
} */
/* .text-center h1{
    font-weight: bold;
    font-size: 50px;
} */
/* .text-center p{
    font-size: 15px;
    font-weight: bold;
} */

.enroll-btn {
    /* Your regular button styles here */
    background-color: #02b6b6;
    color: rgb(231, 234, 234);
    border: white;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    transition: box-shadow 0.3s, outline 0.3s, font-weight 0.3s;
}

.btn-primary:active {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
    outline: 2px solid #007bff;
    font-weight: bold;
}
.image{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh; 
            
}
body{
    min-height: 100vh;
    
}
/* footer{
    
    color: white;
    font-weight: bold;
    padding: 30px;
    width: 100%;
    text-decoration: none;
    
    bottom: 0;
}

footer ul{
    list-style: none;
}
footer ul li a{
    color: white;
    text-decoration: none;
} */
/* footer ul li a:hover{
    color: rgb(14, 112, 231);
   font-weight: bold;
   
}
footer .social-links a{
    padding: 5px;
} */
/* footer .social-links i{
    font-size: 30px;
    color: white;
}
footer .social-links i:hover{
    font-size: 30px;
    color: rgb(43, 31, 211);
} */

.about .ceo-img img{

    height: 200px;
    width: 200px;
   
}

@media (max-width: 768px) {
    .card {
        width: 100%;
        max-width: 300px; /* Adjust the max-width to your preference */
        margin: 0 auto;
    }
}