@import url("/css/universal.css");
@import url("/css/variable.css");
@import url("/css/font.css");
@import url("/css/header.css");
@import url("/css/hero.css");
@import url("/css/benefits.css");
@import url("/css/product.css");
@import url("/css/our-product.css");
@import url("/css/testimonials.css");
@import url("/css/articles.css");
@import url("/css/product-page.css");
@import url("/css/footer.css");
@import url("/css/product-select-page.css");
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');





body {
    background-color: var(--placeholder-color);
    font-family: DM sans;
}

body {
    overflow-x: hidden; /* Prevent horizontal scroll */
    width: 100%;
}



p {
    line-height: 180%;
}
.last-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: min(180px, 15%) 6.94vw 0 6.94vw;
}
.last-section button {
    width: 170px;
    height: 54px;
    background-color: var(--main-color);
    color: var(--screen-color);
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}



.hidden {
    display: none !important;

}




@media (max-width: 768px) {
    .last-section {
        flex-direction: column;
        align-items: flex-start;
    }
    .last-section button {
        width: 50%;
        margin-top: 15px;
    }
}