.logo img {
    height: auto;

}

.header-logo {
    /* height: auto; */
    width: 200px;

}

.hero h3 {
    color: #E63946;
}

.hero {
    background-color: #f8eadc;
}

.enroll-btn {
    background-color: #E63946;
}

.enroll-btn:hover {
    color: #F4C430;
}

.main-nav a.active {
    color: #E63946;
}

.main-nav a:hover {
    color: #E63946;
}

.tagline {
    color: #E63946;
    border-bottom: 2px solid #E63946;
}

.dropdown .dropdown-menu a:hover {
    color: #E63946;
}

.about-icon {
    color: #E63946;
}

.footer-section a:hover {
    color: #E63946;
}

.footer-section h3::after {
    background-color: #E63946;
}

.about-banner .overlay {
    background-color: rgb(40, 47, 59, 0.9);
}

.about-title {
    color: black;
}

.membership-sections {
    background-color: #f5d9c0;
}

.membership-sections h3 {
    color: #E63946;

}

.student-bar {
    background-color: #E63946;
}

.individual-bar {
    background-color: #E63946;
}

.institutional-nav {
    background-color: #E63946;
}

.button {
    background-color: #E63946;
}

.add-member-btn {
    background-color: #E63946;
}

/* .padai-membership-benefits-container::before {
    top: 370px;
    bottom: -860px;
} */
.padai-hover-content {
    background-color: #E63946;
}

.padai-icon {
    color: #E63946;
}

.padai-icon img {
    height: 100px;
    color: #E63946;
    filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(2522%) hue-rotate(336deg) brightness(95%) contrast(97%);
}

.button-submit {
    background-color: #E63946;
}

.button-submit:hover {
    background-color: #E63946;
}

.contact-subtitle {
    color: #E63946;
    border-bottom: 2px solid #E63946;
}

.info-img {
    background-color: #E63946;
}

.input-group .contact-icon {
    color: #E63946;
}

.contact-btn {
    background-color: #E63946;
}

.contact-img {
    height: 40px;
    color: #E63946;
    filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(2522%) hue-rotate(336deg) brightness(95%) contrast(97%);
    margin-top: 20px;
}

.info-images {
    height: 40px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    color: #ffff;
}

.about-img {
    height: 60px;
    color: #E63946;
    filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(2522%) hue-rotate(336deg) brightness(95%) contrast(97%);
}

.student-img {
    height: 40px;
}

.lines-img {
    height: 40px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    color: #ffff;
    margin-top: 3px;
}

.benefits h4 {
    color: #E63946;
}

.benefits h2 {
    color: #54595F;
}

.icon-circle {
    color: #E63946;
}

.icon-circle img {
    color: #E63946;
    filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(2522%) hue-rotate(336deg) brightness(95%) contrast(97%);

}

.section-subtitle {
    color: #E63946;
}

.arrow-btn {
    background-color: #F4C430;
}

.close-modal {
    background-color: #E63946;
}

.model-submit {
    background-color: #E63946;
}

.model-submit:hover {
    background-color: #E63946;
}

.feature ul li::before {
    background-color: #F4C430;
}

.overlay_link {
    background-color: #F4C430;
}

.overlay_link a {
    color: #ffff;
}

.overlay_link a {
    color: #ffff;
}

.individual-bar ul {
    gap: 0;
}

.future-img .logo {
    height: auto;
    width: 188px;
}

.scroll-toggle {
    color: #E63946;
    border-color: #E63946;
}

@media (max-width: 768px) {
    .logo img {
        height: auto;
        width: 22vh;
    }

    .header-logo {
        height: auto;
        width: 165px;
    }

    .feature ul li::before {
        left: -25px;
    }

}

@media (min-width: 320px) and (max-width: 480px) {
    .form-container h2 {
        font-size: 19px;
    }
}

@media (max-width: 768px) {
    .institutional-nav li {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .info-images {
        height: auto;
        width: 32px;
    }

}

.sticky-header-logo {
    width: 160px;
}