/* ---MAIN STYLES--- */

.main_section {
    position: relative;
    height: 40vw;
    background: black;
}

.main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #1a1e1c10 70%, var(--black));
    z-index: 1;
}

.main_section video {
    opacity: .4;
}

.main_section .main_box {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

@media (max-width: 996px) {
    .main_section {
        margin-top: 18vw;
        height: 70vw;
    }
}


/* ---ABOUT STYLES--- */

.about_section {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    padding: 5vw;
    overflow: hidden;
}

.about_section .title_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_section .title_box img:nth-child(1) {
    position: absolute;
    width: 50%;
    left: -5%;
    top: 50%;
    transform: translateY(-65%);
}

.about_section .title_box img:nth-child(2) {
    position: absolute;
    width: 70%;
    right: -22%;
    top: 50%;
    transform: translateY(-60%);
}

.about_section .title_box img:nth-child(3) {
    position: relative;
    width: 40%;
    z-index: 1;
}

.about_section h1 {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    z-index: 1;
}

.about_section .info_box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    padding: 0 10vw;
}

.about_section .info_box p {
    text-align: center;
}

@media (max-width: 996px) {
    .about_section {
        gap: 5vw;
        padding: 10vw 0;
    }
    .about_section .title_box img:nth-child(1) {
        width: 100%;
        left: -40%;
    }
    .about_section .title_box img:nth-child(2) {
        width: 100%;
        right: -40%;
    }
    .about_section .title_box img:nth-child(3) {
        width: 90%;
    }
    .about_section h1 {
        white-space: nowrap;
    }
    .about_section .info_box {
        display: flex;
        flex-direction: column;
        gap: 5vw;
        padding: 0 10vw;
    }
    .about_section .info_box p {
        text-align: justify;
    }
}


/* ---GOALS STYLES--- */

.goals_section {
    padding: 5vw 10vw;
}

.goals_section .goals_box {
    display: flex;
    flex-direction: column;
}

.goals_section .goal_item {
    display: grid;
    gap: 5vw;
}

.goals_section .goal_item:nth-child(odd) {
    grid-template-columns: 1fr 2fr;
}

.goals_section .goal_item:nth-child(even) {
    grid-template-columns: 2fr 1fr;
}

.goals_section .media_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.goals_section .media_box img {
    width: 90%;
}

.goals_section .goal_item:nth-child(even) .media_box {
    order: 2;
}

.goals_section .info_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1vw;
}

@media (max-width: 996px) {
    .goals_section {
        padding: 20vw 10vw;
    }
    .goals_section .goals_box {
        gap: 20vw;
    }
    .goals_section .goal_item {
        grid-template-columns: 1fr !important;
    }
    .goals_section .goal_item:nth-child(even) .media_box {
        order: initial;
    }
    .goals_section .media_box img {
        width: 60%;
    }
    .goals_section .info_box {
        align-items: center;
        gap: 5vw;
    }
    .goals_section .info_box h2 {
        text-align: center;
    }
}