@media (max-width: 992px) {
    div[style*="display: flex"][style*="justify-content: center"][style*="margin-top: 40px"] {
        width: 100% !important;
        padding: 0 15px !important;
    }

    div[style*="display: flex"][style*="justify-content: space-between"][style*="gap: 30px"] {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        gap: 20px !important;
    }

    div[style*="background: white"][style*="border-radius: 30px"][style*="min-width: 300px"] {
        min-width: 280px !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    div[style*="background: white"][style*="border-radius: 30px"][style*="min-width: 300px"] {
        min-width: 250px !important;
        padding: 30px 20px !important;
    }

    div[style*="background: white"][style*="border-radius: 30px"] h4 {
        font-size: 20px !important;
    }

    div[style*="background: white"][style*="border-radius: 30px"] p {
        font-size: 2rem !important;
        line-height: 24px !important;
    }
}

@media (max-width: 576px) {
    div[style*="background: white"][style*="border-radius: 30px"][style*="min-width: 300px"] {
        min-width: 200px !important;
        padding: 25px 15px !important;
    }
}

.ecn-feature p {
    font-size: 1.2rem !important;
}

.ecn-feature h3 {
    font-size: 1.4rem !important;
}

.banner-content [style*="width: 738px"] {
    width: 90% !important;
    max-width: 738px !important;
    gap: 40px !important;
}

.banner-content [style*="width: 738px"] svg {
    width: 50px !important;
    height: 50px !important;
}

.banner-content h1[style*="font-size: 8rem"] {
    font-size: 6rem !important;
}

.banner-content p[style*="font-size: 3rem"] {
    font-size: 2.5rem !important;
}


@media (max-width: 768px) {
    .ecn-feature p {
        font-size: 1.2rem !important;
    }

    .ecn-feature h3 {
        font-size: 1.4rem !important;
    }

    .banner-content [style*="width: 738px"] {
        width: 95% !important;
        gap: 20px !important;
    }

    .banner-content [style*="width: 738px"] svg {
        width: 40px !important;
        height: 40px !important;
    }

    .banner-content [style*="font-size: 2rem"] {
        font-size: 1.8rem !important;
    }

    .banner-content h1[style*="font-size: 8rem"] {
        font-size: 4rem !important;
    }

    .banner-content p[style*="font-size: 3rem"] {
        font-size: 1.8rem !important;
        letter-spacing: 0.2em !important;
    }
}

@media (max-width: 576px) {
    .banner-content [style*="width: 738px"] {
        gap: 10px !important;
    }

    .banner-content [style*="width: 738px"] svg {
        width: 30px !important;
        height: 30px !important;
    }

    .banner-content h1[style*="font-size: 8rem"] {
        font-size: 4rem !important;
    }

    .banner-content p[style*="font-size: 3rem"] {
        font-size: 1.5rem !important;
        letter-spacing: 0.15em !important;
    }
}