.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;
}
}