@media (max-width: 1275px) {


    .champ-seniors {
        gap: 2rem 4rem;
        padding: 0 1rem;
    }

    .services {
        height: auto;
        width: 400px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .carousel {
        width: 760px;
    }

    .links img {
        height: 200px;
        width: 364px;
    }

    .about-sec {
        padding: 2rem;
        width: 100%;
        overflow: hidden;
    }
    .about-text {
        summary:hover {
            color: var(--sunsetTerracotta);
        }
    }

    .why-sec {
        height: auto;
        padding: 2rem 0;
    }
    .slide {
        border-radius: 0;
    }
    .info-wrapper {
        align-items: center;
        gap: 1rem;
    }
    .info-wrapper h1 {
        font-size: 60px;
    }

    .why-info {
        height: 160px;
        padding: 0;
        img {
            height: 100px;
            width: 100px;
        }
    }
    .why-info-text h1 {
        font-size: 30px;
    }

    .loc-info {
        width: auto;
    }
    .loc-text {
        width: 100%;
        h1 {
            word-wrap: break-word;
        }
        p{
            word-wrap: break-word;
        }
    }
    .step .text {
        br {
            display: none;
        }
    }

    .process-sec {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .hero-sec {
        video {
            padding-top: 4rem;
        }
        &::before {
            height: 20%; 
        }
    }
    .about-info {
        img {
            width: 238px;
            height: 300px;
        }
    }
    .info-wrapper {
        flex-direction: column;
        position: absolute;
        top: 21rem;
        left: 0;
        right: 0;
    }
    .info-wrapper h1 {
        text-align: center;
        br {
            display: none;
        }
    }
    .why-info {
        gap: 1rem;
        height: auto;
        padding: 1rem;
    }
    .why-info-text h1 {
        text-align: start;
    }

    .location {
        flex-wrap: wrap;
        padding: 0 1rem;
    }

    .loc-map {
        width: 100%;
    }
    .loc-map iframe{
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
    .loc-text {
        padding: 2rem;
        border-radius: 0 0 20px 20px;
        width: 100%;
        height: auto;
        margin-top: -3.5px;
        margin-left: 1px;

        h1 {
            font-size: 25px;
            text-align: center;
        }
        p {
            font-size: 20px;
        }
    }
}

@media (max-width: 895px) {

    .hero-text {
        display: inherit;
        justify-content: center;
        h1 {
            font-size: 60px;
        }
        p {
            line-height: normal;
            font-size: 25px;
        }
    }


    .about-info {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .about-text {
        padding-left: 0;
        summary {
            text-align: center;
        }
    }

    .carousel {
        width: 566px;
    }
    .links img {
        height: 220px;
        width: 550px;
    }

    .booking-sec {
        width: 100%;
        height: auto;
        padding: 2rem;

        h1 {
            word-wrap: break-word;
            font-size: 30px;
        }
        p {
            word-wrap: break-word;
            font-size: 20px;
        }
        a {
            font-size: 20px;
            word-wrap: break-word;
            width: auto;
            height: auto;
            padding: 1rem;
        }
    }
}

@media (max-width: 700px) {

    .champ-wrapper {
        a {
            text-align: center;
            word-wrap: break-word;
            font-size: 20px;
        }
        h1 {
            font-size: 30px;
            text-align: center;
            word-wrap: break-word;
        }
    }

    .carousel {
        width: 366px;
        padding-left: 1rem;
    }

    .links img {
        height: 200px;
        width: 350px;
    }

    /* .slide img#why-bg {
        margin-bottom: 30%;
    } */

    .info-wrapper h1 {
        font-size: 45px;
    }
    .why-info {
        width: 100%;
    }
    .why-info-text h1 {
        font-size: 25px;
    }
    .process-sec {
        h1 {
            font-size: 30px;
        }
    }
    .testimonial {
        flex: 0 0 330px;
        transition: none;
        transform: none;
        opacity: 1;
        filter: none;
        padding: 2rem;
    }

    .testimonial p {
        font-size: 20px;
        word-wrap: break-word;
        text-align: center;
    }

    .testimonial.active {
        transform: none;
        padding: 2rem;
    }

    .step {
        margin: 1rem 2rem;
        flex-direction: column;
    }

    .step:last-child {
        flex-direction: column-reverse;
    }

    .step:nth-child(2) {
        flex-direction: column-reverse;
    }

    .step-box {
        margin-bottom: 1rem;
    }

    .step .step-box span {
        font-size: 50px;
        line-height: 1;
    }

    .step .text {
        flex: 0;
        font-size: 20px;
        text-align: center;

        br {
            display: block;
        }
    }

    .step .step-box::after {
        display: none;
    }
}

@media (max-width: 550px) {

    .services {
        width: 100%;
    }

    .about-sec {
        h1 {
            font-size: 30px;
        }
    }
    .links img {
        height: 200px;
        width: 350px;
    }

    .slide {
        video {
            margin-bottom: -50%;
        }
    }

    .info-wrapper {
        position: relative;
        top: 0;
    }

    .info-wrapper h1 {
        font-size: 30px;
    }
    .slide {
        img#why-bg {
            height: auto;
        }
    }

    .why-info-text h1 {
        font-size: 25px;
        text-align: center;
    }

    .why-info-text {
        text-align: center;
    }
    
    .certifications {
        padding: 0 1rem;
        img {
            width: 100%;
            height: auto;
        }
    }

}

@media (max-width: 460px) {
    .carousel {
        width: 276px;
        height: auto;
    }
    .links {
        justify-content: start;
    }
    .links p{
        text-align: center;
    }

    .links img {
        width: 260px;
        height: 150px;
    }
    .why-info {
        flex-direction: column;
    }
}