/* BELOW 1264px */

@media (max-width: 79em) {
    .header__heading-primary {
        font-size: 8.6rem;
    }

    .header__info-number {
        font-size: 6.2rem;
    }

    .header__info-text {
        font-size: 1.8rem;
    }

    .slider__btn {
        top: 40%;
    }
}

/* BELOW 1088px */

@media (max-width: 68em) {
    html {
        font-size: 56.25%;
    }

    .heading__secondary {
        font-size: 1.4rem;
    }

    .section__trainings-info {
        font-size: 3.6rem;
    }

    .coaches__heading-text {
        font-size: 5.2rem;
    }
}

/* BELOW 928px */

@media (max-width: 58em) {
    html {
        font-size: 50%;
    }

    .grid--2-cols-wide {
        grid-template-columns: 1fr;
    }

    .coaches__heading-text {
        display: flex;
        align-items: center;
        gap: 1.4rem;
    }

    .coaches__heading-text span {
        font-size: 4.4rem;
    }

    .slider__btn {
        width: 4rem;
        height: 4rem;
        font-size: 3rem;
    }

    .slider__btn--left {
        left: 20.5%;
    }

    .slider__btn--right {
        right: 20.5%;
    }

    .cta {
        max-width: 65%;
    }

    .cta__text-info {
        padding: 1.2rem 0 2.4rem 0;
    }
}

/* BELOW 672 */

@media (max-width: 42em) {
    .section__featured-logos-image {
        height: 7.4rem;
        width: 7.4rem;
    }

    .slider__btn {
        width: 4.8rem;
        height: 4.8rem;
        font-size: 3.5rem;
        top: 65%;
    }

    .slider__btn--left {
        left: 25%;
    }

    .slider__btn--right {
        right: 25%;
    }

    .grid--4-cols {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 2.4rem;
    }

    .feature:last-child{
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .heading__secondary {
        margin-bottom: 3.2rem;
    }

    .grid {
        margin-bottom: 3.2rem;
    }

    .cta {
        max-width: 80%;
    }

    .grid--footer {
        grid-template-columns: repeat(6, 1fr);
    }

    .grid {
        row-gap: 4rem;
    }

    .nav__col {
        grid-row: 1;
        grid-column: span 2;
        align-items: center;
        justify-content: center;
    }

    .logo__col, .address__col {
        grid-column: span 3;
    }

    .section__galery {
        padding: 3.2rem 0 0 0;
    }

    .section__features {
        padding: 0 0 3.2rem 0; 
    }
}

/* BELOW 560 px */

@media (max-width: 35em) {
    html {
        font-size: 43.75%;
    }

    .header__logo-icon {
        height: 9.8rem;
    }

    .header__social {
        top: 5.2rem;
        right: 3.5rem;
    }

    .header__social-link:link {
        font-size: 3.6rem;
    }

    .header__heading-primary {
        font-size: 6.2rem;
    }

    .header__info-number {
        font-size: 5.2rem;
    }

    .header__info-text {
        font-size: 1.6rem;
    }

    .section__featured-logos {
        grid-template-columns: repeat(4, 1fr);
    }

    .section__who {
        padding: 3.2rem 0 0 0;
    }

    .how__img-box:nth-child(2) {
        grid-row: 1;
    }

    .grid--2-cols {
        grid-template-columns: 1fr;
        /* row-gap: 2.4rem; */
    }

    .coaches__heading-text span {
        font-size: 3.6rem;
    }

    .carousel__btn--left {
        left: -4%; /* Adjust to stay within bounds */
    }
    
    .carousel__btn--right {
        right: -4%; /* Adjust to stay within bounds */
    }

    .carousel__img {
        max-width: 50%;
        height: auto;
        margin-bottom: 3rem;
    }

    .carousel__info-text {
        font-size: 1.4rem;
    }

    .slider__btn--left {
        left: 25%;
    }

    .slider__btn--right {
        right: 25%;
    }

    .grid {
        column-gap: 2.4rem;
        row-gap: 2.4rem;
    }

}
/* - Font sizes (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98 */