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