body{
    font-family: "poppins", sans-serif;
   
}

.top-header {  background:#1f1b18; color:#fff;padding: 20px 0; } 

  

  @media (max-width: 768px) {
p {font-size:12px;}
  }

/* FEATURE BOX */
.feature-box{
    padding:30px;
    border-radius:15px;
    background:#f8f9fa;
    transition:0.3s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-10px);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* ABOUT */
.about-img{
    width:100%;
    border-radius:20px;
}

/* CONTACT */
.contact-section{
    background:#f8f9fa;
}

/* FOOTER */
footer{
    background:#111;
    color:#fff;
    padding:20px 0;
}


 body{
        margin:0;
        background:#f5f7fb;
    }

    .carousel-item img{
        width:100%;
        height:500px;
        object-fit:cover;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon{
        background-color:rgba(0,0,0,0.5);
        border-radius:50%;
        padding:20px;
    }

    .carousel-indicators [data-bs-target]{
        width:12px;
        height:12px;
        border-radius:50%;
    }


    .top-header{
    background:#0d6efd;
    color:#fff;
    padding:10px 0;
    font-size:14px;
}

.top-header .header-box{
    text-align:center;
    margin-bottom:5px;
}

/* MOBILE */
@media(max-width:576px){

    .top-header{
        font-size:12px;
        padding:8px 0;
    }

    .top-header .header-box{
        text-align:center;
        margin-bottom:8px;
    }

}

/* TABLET */
@media(min-width:577px) and (max-width:991px){

    .top-header{
        font-size:13px;
    }

}

/* DESKTOP */
@media(min-width:992px){

    .top-header .header-box{
        text-align:center;
    }

}



.main-logo{
    width: 800px;
    height: auto;
}

/* IMA Logo */
.ima-logo{
    width: 100px;
    height: auto;
}

/* Text */
.association-text{
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* Mobile Responsive */
@media(max-width:768px){

    .navbar-brand{
        width: 75%;
    }

    .main-logo{
        width: 320px;
    }

    .ima-logo{
        width: 60px;
    }

    .association-text{
        font-size: 8px;
    }

    .navbar-toggler{
        padding: 4px 8px;
    }
}