@media (max-width: 991px) {
    .card-section {
        background: none !important; /* Remove the background image */
        /* Add any additional styles you want for screens 991px and below here */
    }
    .content-text h3 {
        font-size: 32px;
      }
}
@media (max-width: 420px) {
    .banner-section.inner-banner .overlay .banner-content {
        padding: 145px 0 50px;
    }
}
@media (max-width: 575px) {
    .content-text h3 {
        font-size: 24px;
      }
}
@media (max-width: 500px) {
    .header-section .navbar-nav li>  .dropdown-menu.main-menu li:hover ul {
        visibility: visible !important;
        position: absolute;
        opacity: 1 !important;
        left: 92%;
        top: 0;
        background-color: var(--body-color);
    }
    .header-section .navbar-nav li > .dropdown-menu {
        position: absolute;
        top: 0px;
        left: 179px;
        transform: translateX(-50%);
        min-width: 180px;
        background: #1F2340;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 999;
        display: none;
    }
    @media (max-width: 500px) {
        .banner-section .overlay {
            background-image: none !important; /* Remove the background image */
            /* Add any additional styles you want for screens 500px and below here */
        }
    }
}