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

@media (max-width: 1120px) {

    .slider_section .carousel-control-prev,
    .slider_section .carousel-control-next {
        margin: 0;
        transform: none;
    }
}

@media (max-width: 991px) {
    .hero_area {
        min-height: auto;
    }

    .user_option {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .slider_section {
        padding: 40px 0 145px 0;
    }

    .slider_section .detail-box {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
    }

    .slider_section .img-box {
        margin-top: 30px;
    }


    .about_section .detail-box,
    .why_section .box,
    .app_section .img-box {
        margin-top: 45px;
    }
}

@media (max-width: 768px) {
    .client_section .testimonial-carousel {
        padding: 0 48px;
    }

    .client_section .testimonial-card {
        padding: 32px 24px;
    }

    .client_section .testimonial-avatar {
        width: 84px;
        height: 84px;
    }
}

@media (max-width: 576px) {
    .hero-points li {
        gap: 3px;
    }

    .client_section .testimonial-carousel {
        padding: 0 40px;
    }

    .client_section .carousel-control-prev,
    .client_section .carousel-control-next {
        width: 34px;
        height: 34px;
    }

    .client_section .testimonial-card {
        padding: 28px 18px;
    }

    .client_section .testimonial-text {
        font-size: 14px;
    }

    .client_section .testimonial-avatar {
        width: 76px;
        height: 76px;
    }
}


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

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

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

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

}