@media(max-width: 1200px){
    .section-reviews{
        flex-direction: column;
        gap: 1.5em !important;
    }
    .counter-reviews{
        height: auto !important;
        padding-bottom: 1rem;
    }
    .reviews,
    .section-counter{
        width: auto !important;
        padding-left: 0 !important;
    }
    .section-counter p {
        margin-top: 1em;
    }
}

@media(max-width: 992px){
    .advantages{
        height: 30vh;
    }
    .advantages-rounded-end{
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }
    .advantages-rounded-start{
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }
    .hero-section {
        height: 70vh !important;
    }
}

@media(max-width: 991px){
    .booking-section{
        overflow: visible !important;
        height: auto !important;
    }
    .padding-small-screen {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media(max-width: 768px) {
    .section-reviews {
        flex-direction: column;
        gap: 1rem !important;
        text-align: center;
    }

    .counter-reviews {
        height: auto !important;
        padding: 1rem 0;
    }

    .section-counter {
        width: 100% !important;
        padding: 0 !important;
    }

    .section-counter .d-flex {
        flex-direction: column;
        gap: 1rem;
    }

    .section-counter .col {
        width: 100% !important;
    }

    .reviews {
        margin-right: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }

    .reviews-carousel {
        gap: 0 !important;
        width: 100% !important;
    }

    .review-item {
        flex: 0 0 100% !important; 
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
}

@media(max-width: 767px){
    .title-footer:before{
        left: 50%;
        transform: translateX(-50%);
    }
    .hero-section {
        height: 60vh !important;
    }
}
@media(max-width: 500px){
    .title-hero{
        top: 20% !important;
    }
}