.hero h3 {
    color: #3B63AB;
}
.hero {
    background-color: #f5f7fb;
}
.enroll-btn {
    background-color: #3B63AB;
}
.enroll-btn:hover {
    color: #D71F7E;
}
 .main-nav a.active {
     color: #3B63AB;
 }
  .main-nav a:hover {
    color: #3B63AB;
  }
  .icon-circle {
     color: #3B63AB;
  }
    .icon-circle img {
     filter: brightness(0) saturate(100%) invert(38%) sepia(67%) 
        saturate(624%) hue-rotate(184deg) brightness(87%) contrast(92%);
      color: #3B63AB;  
    }
  .footer-section h3::after {
     background-color: #3B63AB;
  }
  .footer-section a:hover {
    color: #3B63AB;
  }
  .model-submit {
     background-color: #3B63AB;
  }
    .model-submit:hover {
         background-color: #3B63AB;
    }
    .close-modal {
         background-color: #3B63AB;
    }
   
    .about-icon {
        color: #3B63AB;
    }
    .about-title {
        color: #111;
    }
    .about-banner .overlay {
        background-color: rgb(59, 99, 171), 0.9;
    }
    .membership-sections h3 {
         color: #3B63AB;
    }
    .student-bar{
        background-color: #3B63AB;
    }

    .individual-bar {
        background-color: #3B63AB;
    }

    .institutional-nav {
           background-color: #3B63AB;
    }
    .button {
          background-color: #3B63AB;
    }
    .logo img {
         height: auto;
         width: 35vh;
    }
    .add-member-btn {
         background-color: #3B63AB;
    }
    .icon-btn {
         background-color: #3B63AB;
         color: #fff;
    }
    .icon-btn:hover {
         background-color: #08054c26;
         color: black;
    }
    .padai-icon {
         color: #3B63AB;
    }
    .padai-hover-content {
         background-color: #3B63AB;
    }
    .padai-membership-benefits-container::before {
         bottom: -1007px;
    }
    .padai-icon img {
    height: 100px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(67%) 
        saturate(624%) hue-rotate(184deg) brightness(87%) contrast(92%);
    color: #3B63AB;  
 }

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

}
.individual-bar ul {
    gap: 0;
}
.student-img {
    height: 40px;
    filter: brightness(0) saturate(100%) invert(11%) sepia(50%) saturate(3263%) hue-rotate(229deg) brightness(91%) contrast(95%);
}
 .about-img {
    height: 50px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(67%) 
        saturate(624%) hue-rotate(184deg) brightness(87%) contrast(92%);
    color: #3B63AB;  

}
    .button-submit {
         background-color: #3B63AB;
    }

     .button-submit:hover {
         background-color: #3B63AB;
     }
     .input-group .contact-icon {
         color: #3B63AB;
     }
     .info-img {
         background-color: #3B63AB;
     }
     .contact-subtitle {
         color: #3B63AB;
         border-bottom: 2px solid #3B63AB;
     }
     .contact-btn {
        background-color: #3B63AB;
     }
     .contact-img {
        height: 40px;
        filter: brightness(0) saturate(100%) invert(38%) sepia(67%) 
        saturate(624%) hue-rotate(184deg) brightness(87%) contrast(92%);
        color: #3B63AB;  
        margin-top:15px;
     }
     .info-images {
        height: 40px;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
        color: #ffff;
     }
     .feature ul li::before {
          background-color: #D71F7E;
     }
     .overlay_link {
         background-color: #3B63AB;
     } 
      .overlay_link a {
        color: #ffff;
     }
     .sticky-header-logo {
        width: 140px;
    }
    .dropdown .dropdown-menu a:hover {
        color: #3B63AB;
    }
    .scroll-toggle {
        color: #3B63AB;
        border-color: #3B63AB;
    }
    .future-img .logo {
        height: auto;
        width: 180px;
    }
     @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) {
    .header-logo {
        height: auto;
        width: 22vh;
    }
    .logo img {
        height: auto;
        width: 22vh;
    }
    .feature ul li::before {
         left: -25px;
     }
}
@media (max-width: 768px) {
    .info-images {
     height: auto;
        width: 32px;
}
}