* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Define the fade-in animation */
@keyframes fadeIn {
    0% {
        opacity: 0;
        /* Start fully transparent */
    }

    100% {
        opacity: 1;
        /* End fully opaque */
    }
}

/* Apply the fade-in animation */
.fade-in{
    animation: fadeIn 2s ease-in;
    /* 2 seconds duration, ease-in timing */
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-right {
    animation: slideInRight 0.8s ease forwards;
}

.anshlogo img {
    width: 100% !important;
    height: 80px !important;

}

.navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 18px;
    font-weight: 600;
    color: black;
    margin: 0px 10px;

}

.navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #da251c;
}

.navbar-collapse .navbar-nav .nav-item .nav-link i {
    font-size: 180%;
    font-weight: 600;


}

.navbar-collapse .navbar-nav .nav-item .nav-link .fa-linkedin,
.navbar-collapse .navbar-nav .nav-item .nav-link .fa-square-facebook {
    color: blue !important;
}

.navbar-collapse .navbar-nav .nav-item .nav-link .fa-instagram {
    border-radius: 8px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}

.navbar-collapse .navbar-nav .nav-item .nav-link .fa-square-youtube {
    color: #da251c !important;
}

.navbar-collapse .navbar-nav .nav-item .nav-link i:hover {
    color: #A32A23DD;
}

.navbar-nav {
    margin-left: auto !important;

}

.teamcard {

    border: 1px solid #da251c;
    border-radius: 10px;
    box-shadow: 7px 5px 10px 0px #da251c;
    padding: 10px;
    margin: 15px;
    color: #da251c;

}

.teamcard img {
    width: 100% !important;
    height: 300px !important;
    /* object-fit: cover !important; */

}

/* ==========================banner-home================================= */

.banner-home img {
    width: 97vw;
    height: 100% !important;
    border-radius: 7px;
    padding: 8px;
    box-shadow: 7px 5px 10px 0px #da251c;

}

.banner-content {
    width: 98.2vw;
    text-align: center;
    padding: 9px;
    background-color: #da251c;
    color: #FAF8F8;
}

.card1 {
    padding: 10px;
    background-color: #FAF8F8;
    border-radius: 7px;
    border: 1px solid #da251c;
}

.headingw {

    position: relative;
    display: inline-block;
    color: #da251c;
    width: max-content;
}

.headingw::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: #da251c;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.headingw:hover::after {
    transform: scaleX(1);
}

.headingw h1 {
    text-align: center;
}

.headingd {
    position: relative;
    display: inline-block;
    color: white;
    background-color: #da251c;
    width: max-content;
}

.headingd::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: white;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.headingd:hover::after {
    transform: scaleX(1);
}

/* ======================Program culture============================= */
.prog img {
    position: relative;
    width: 300px;
    height: 33vh;
}

/* =========================donation========================== */
.d-card {
    padding: 5px;

}

.card .ilogo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-card .card .ilogo img {
    width: 100px;
    height: 100px;
}

/* ========================footer start===================== */
footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 90px;
    color: aliceblue;
    background-color: black !important;

}

.footer_area {
    display: flex;
    align-items: center;
    justify-content: center;
}