@font-face {
    font-family: "nunito-regular";
    src: url("../fonts/Nunito-VariableFont_wght.ttf");
}
@font-face {
    font-family: "nunito-black";
    src: url("../fonts/Nunito-Black.ttf");
}

@media (min-width: 992px) {
    body {
        background-color: #51bdf1 !important;
    }
    .whitebox__message--home .title {
        max-width: 340px;
    }
    .whitebox__message--home .description {
        font-weight: 500;
        max-width: 300px;
    }
    .whitebox__message--morethan .title {
        max-width: 460px;
    }
    .whitebox__message--morethan .description {
        font-weight: 500;
        max-width: 420px;
        text-align: justify;
    }
    .whitebox__message--purchase .title {
        max-width: 440px;
    }
    .whitebox__message--purchase .description {
        font-weight: 500;
        max-width: 240px;
        text-align: justify;
    }
    .whitebox__message--story .title {
        max-width: 480px;
    }
    .whitebox__message--story .description {
        font-weight: 500;
        max-width: 400px;
    }
    .box--standard {
        border-radius: 100px;
    }
    .box--secondary {
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }
    .layout__container {
        max-width: 1240px;
    }
    .cover1 {
        height: 248px;
    }
}

@media (min-width: 768px) {
    .heading1--desktop {
        font-size: 46px !important;
        line-height: 50px !important;
    }
    .heading2--desktop {
        font-size: 36px !important;
        line-height: 40px !important;
    }
    .body1--desktop {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .body2--desktop {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .body3--desktop {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .body3--desktop {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .body4--desktop {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}

@media (max-width: 991px) {
    body {
        background-color: white;
        overflow-x: hidden !important;
    }
    .cover1 {
        height: 80px;
    }
    .layout__container {
        z-index: 2 !important;
    }
    .w-mobile-100 {
        width: 100%;
    }
}

@media (max-width: 761px) {
    .heading1--mobile {
        font-size: 28px !important;
        line-height: 28px !important;
    }
    .heading2--mobile {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    .body1--mobile {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .body2--mobile {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .body3--mobile {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .body3--mobile2 {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .body4--mobile {
        font-size: 10px !important;
        line-height: 12px !important;
    }
    .cover1 {
        height: 80px;
    }
}

@media (max-width: 300px) {
    .d-flex {
        flex-wrap: wrap;
    }
}

#backToTop {
    display: inline-block;
    background-color: #4bba5a;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#backToTop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#backToTop.show {
    opacity: 1;
    visibility: visible;
}
.whitebox--image,
.checklist--container,
.whitebox--message,
img,
.description,
.collapse.show,
.button--primary {
    z-index: 2 !important;
}