@media (max-width: 380px) {

    .sarmila-hero-section {
        min-height: 300px;
        padding: 30px 10px;
    }

    .sarmila-hero-subtitle {
        font-size: 0.76rem;
        line-height: 1.45;
    }

    .sarmila-hero-title {
        font-size: 1.45rem;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .sarmila-hero-buttons {
        flex-direction: column;
        width: 100%;
        gap: 9px;
    }

    .sarmila-btn {
        width: 100%;
        max-width: 240px;

        padding: 10px 18px;

        font-size: 0.8rem;
    }

}
@media (max-width: 340px) {

    .sarmila-hero-section {
        min-height: 285px;
        padding: 28px 8px;
    }

    .sarmila-hero-subtitle {
        font-size: 0.72rem;
    }

    .sarmila-hero-title {
        font-size: 1.3rem;
        line-height: 1.3;
        margin-bottom: 18px;
    }

    .sarmila-btn {
        max-width: 220px;
        padding: 9px 16px;
        font-size: 0.76rem;
    }

}