/* ---HEADER STYLES--- */

header {
    position: relative;
}


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

.main_section {
    padding: 5% 10% 10% 10%;
}

.main_section .main_box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.main_section h1 {
    color: var(--color2);
    font-size: 2vw;
}

.main_section ul {
    list-style-position: inside;
}

.main_section ::marker {
    color: var(--color1);
}

.main_section a {
    color: var(--color2);
}

.main_section a:hover {
    color: var(--color1);
}

@media (max-width: 996px) {
    .main_section {
        padding: 10% 10% 20% 10%;
    }
    .main_section .main_box {
        gap: 3vw;
    }
    .main_section h1 {
        font-size: 4.5vw;
    }
}


/* ---FOOTER STYLES--- */

.app_section,
.form_section,
.faqs_section {
    display: none;
}