.hero h3 {
    color: #1A2A66;
}

.hero {
    background-color: #f9e6d2;
}

.header-logo {
    height: 120px;
    width: 120px;
}

.enroll-btn {
    background-color: #0A1F5D;
}

.enroll-btn:hover {
    color: #8C1C21;
}

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

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

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

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

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

.about-title {
    color: black;
}

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

.membership-sections h3 {
    color: #0A1F5D;

}

.student-bar {
    background-color: #0A1F5D;
}

.individual-bar {
    background-color: #0A1F5D;
}

.institutional-nav {
    background-color: #0A1F5D;
}

.button {
    background-color: #0A1F5D;
}

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

/* .padai-membership-benefits-container::before {
    top: 345px;
    bottom: -710px;
} */
.padai-hover-content {
    background-color: #0A1F5D;
}

.padai-icon {
    color: #0A1F5D;
}

.button-submit {
    background-color: #0A1F5D;
}

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

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

.info-img {
    background-color: #0A1F5D;
}

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

.contact-btn {
    background-color: #0A1F5D;
}

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

}

.benefits h4 {
    color: #0A1F5D;
}

.benefits h2 {
    color: #54595F;
}

.icon-circle {
    color: #0A1F5D;
}

.section-subtitle {
    color: #0A1F5D;
}

.close-modal {
    background-color: #0A1F5D;
}

.model-submit {
    background-color: #0A1F5D;
}

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

.main-nav {
    margin-left: 184px;
}

.overlay_link {
    background-color: #0A1F5D;
}

.overlay_link a {
    color: #ffff;
}

.future-img .logo {
    height: auto;
    width: 14vh;
}

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

.icon-circle img {
    color: #0A1F5D;
    filter: brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(3396%) hue-rotate(212deg) brightness(90%) contrast(103%);

}

.scroll-toggle {
    color: #0A1F5D;
    border-color: #0A1F5D;
}

.contact-img {
    height: 40px;
    color: #0A1F5D;
    filter: brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(3396%) hue-rotate(212deg) brightness(90%) contrast(103%);
    margin-top: 15px;
}

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

.padai-icon img {
    height: 100px;
    color: #0A1F5D;
    filter: brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(3396%) hue-rotate(212deg) brightness(90%) contrast(103%);
}

.about-img {
    height: 60px;
    color: #0A1F5D;
    filter: brightness(0) saturate(100%) invert(14%) sepia(22%) saturate(3396%) hue-rotate(212deg) brightness(90%) contrast(103%);
}

.student-img {
    height: 40px;
    filter: brightness(0) saturate(100%) invert(11%) sepia(50%) saturate(3263%) hue-rotate(229deg) brightness(91%) contrast(95%);
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .logo img {
        width: 19vh;
    }
}

@media (max-width: 768px) {
    .feature ul li::before {
        left: -23px;
    }
}

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

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

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

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