.becomingCoach {

    h2 {
        font-size: 40px;
        font-weight: 700;
    }

    .header {
        background-color: rgba(var(--primary-color-rgb), 0.2);
        border-radius: 5px;
        margin-bottom: 140px;
        background-image: url('../img/becoming_coach/freepik_1.jpg');
        background-size: cover;
        color: #fff;
        height: 100vh;

        @media screen and (max-width: 992px) {
            background-image: url('../img/becoming_coach/freepik_1_mobil.jpg');
            background-size: cover;
            background-position: center;
        }

        h1 {
            font-size: 70px;
            margin: 200px 0 100px;
            text-shadow: rgba(0, 0, 0, 1) 0px 5px 15px;

            @media screen and (max-width: 992px) {
                margin: 90px 0 50px;
                font-size: 50px;
            }
        }

        .content {
            font-size: 24px;
            text-shadow: rgba(0, 0, 0, 1) 0px 5px 15px;
        }
    }

    .footer {
        background-color: rgba(var(--primary-color-rgb), 0.2);
        padding: 40px;
        margin-bottom: 140px;
    }

    .desc-line {
        margin-bottom: 140px;

        @media (max-width: 992px) {
            margin-bottom: 70px;
        }

        &.reverse-mobile {
            @media (max-width: 992px) {
                flex-direction: column-reverse;
            }
        }

        .picture {
            @media (max-width: 992px) {
                padding: 0;
            }

            img {
                width: 100%;
                border-radius: 5px;
                object-fit: cover;
                height: 100%;
            }
        }

        .content {
            /*background-color: rgba(var(--primary-color-rgb), 0.2);*/
            border-radius: 5px;
            padding: 30px 90px;

            @media (max-width: 992px) {
                padding: 30px;
            }
        }
    }
}