section {
    &.head {
        h1 {
            margin-top: -60px;
            text-align: center;
            color: white;
            font-size: 2rem;

            @media (max-width: 768px) {
                font-size: 1.5rem;
                margin-top: -70px;
            }
        }

        div.brands {
            display: flex;
            margin-top: 22px;
            overflow: hidden;
            width: 100%;
            height: fit-content;

            div[data-brand-scroller] {
                width: 100%;
                height: fit-content;

                div.swiper-wrapper {
                    width: 100%;
                    transition-timing-function: linear !important; /* critical for no easing */
                    height: fit-content;

                    div.swiper-slide {
                        width: fit-content;
                    }
                }
            }
        }

        div.buttons {
            display: flex;
            justify-content: center;
            gap: 44px;
            margin-top: 22px;
            margin-bottom: -100px;

            @media (max-width: 768px) {
                a.secondary {
                    display: none;
                }
            }
        }
    }
}

p.subtitle {
    text-align: center;
    max-width: 800px;
    width: 100%;
    font-size: 1.4rem;
    margin: 0 auto;

    @media (max-width: 768px) {
        font-size: 1.2rem;
        margin-bottom: 22px;
    }
}

section.where-will-you-go {
    h2 {
        color: white;
        font-size: 1.6rem;
    }

    a.button {
        width: 300px;
        margin: 0 auto;
        margin-top: 44px;
    }
}

section.middle-break {
    margin-top: 100px;
    color: white;
    text-align: center;

    p.title {
        font-size: 1.8rem;
        font-weight: bold;
    }

    a.button {
        width: 300px;
        margin: 0 auto;
        margin-top: 22px;
    }
}

section.reviews {
    h2 {
        color: white;
    }

    div.reviews {
        display: flex;
        flex-direction: column;
        gap: 22px;

        max-width: 800px;
        margin: 0 auto;

        article {
            text-align: center;
            display:  flex;
            flex-direction: column;
            gap: 22px;

            div.stars {
                display: flex;
                gap: 5px;
                justify-content: center;

                img {
                    width: 30px;
                }
            }

            p.body {
                font-size: 1rem;
            }

            div.author {
                p.name {
                    font-weight: bold;
                }

                p.date {
                    font-size: 0.8rem;
                }
            }
        }
    }
}