@media (min-width: 576px) {}


@media (min-width: 768px) {
    .mySwiperHero .swiper-slide img {
        object-fit: contain;
        aspect-ratio: auto;
    }

    .hero-heading span:first-of-type {
        font-size: 24px;
    }

    .hero-heading span:last-of-type {
        font-size: 64px;
    }

    .footer {
        padding: 10px 0;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .about-section .fa-quote-left {
        top: 0;
        left: 0;
        transform: translate(-100%, -75%);
    }

    .about-section .fa-quote-right {
        bottom: 0;
        right: 0;
        transform: translate(100%, 75%);
    }
}


@media (min-width: 1400px) {
    .header img {
        width: 150px;
    }

    .hero-heading span:first-of-type {
        font-size: 48px;
    }

    .hero-heading span:last-of-type {
        font-size: 96px;
    }
}