@font-face {
    font-family: Inter;
    src: url('../fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 300 800;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    src: url('../fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 300 800;
    font-style: italic;
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1570px;
    }
}

body {
    font-family: Inter, sans-serif !important;
    font-size: 1.2rem !important;
}

@media screen and (max-width: 1200px) {
    .full-header {
        padding-bottom: 7rem;
        background-image: url("../images/bg_empty.svg");
    }

    .legal-header {
        padding-bottom: 3rem;
        background-image: url("../images/bg_empty.svg");
    }
}

@media screen and (min-width: 1200px) {
    .full-header {
        padding-top: 10rem;
        padding-bottom: 15rem;
        background-image: url("../images/bg.svg");
    }

    .legal-header {
        padding-top: 3rem;
        padding-bottom: 3rem;
        background-image: url("../images/bg.svg");
    }
}

.full-header, .legal-header {
    background-position: center;
    background-size: cover;
    background-origin: padding-box;
    background-repeat: no-repeat;
}

section,
.full-header {
    margin-bottom: 5rem;
}

.full-header .title,
.info .container > div:first-of-type .title,
.faqs .container .title {
    font-size: 3rem;
}

@media screen and (max-width: 522px) {
    .full-header .title {
        font-size: 2rem;
    }
}

.title {
    font-weight: 600;
}

.text {
    color: #5e636e;
}

.full-header .store-btn {
    max-width: 15rem;
}

@media screen and (min-width: 1200px) {
    .explore .row > div:first-child,
    .info .row > div:first-child {
        margin-right: 7rem;
    }
}

.explore ul li {
    list-style-image: url(../images/list_arrow.svg);
}

.info {
    background-image: url("../images/shape.svg");
    background-position: top;
    background-origin: content-box;
    background-repeat: no-repeat;
}

.info .container > div,
.faqs .container > div,
.faqs .container .header > div {
    margin-bottom: 5rem;
}

.faqs {
    background-image: url("../images/circles_background.svg");
    background-position: -270px 20px;
    background-size: initial;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-attachment: initial;
}

.faqs .accordion-header .accordion-button {
    color: #77caba !important;

}

.faqs .accordion-button:not(.collapsed) {
    background-color: #f4f7f6 !important;
    color: inherit;
}

.faqs .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 16' fill='%2377caba' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M13.1286 13.1605L7.51922 8.1316L1.77095 13.285L0.370136 12.0292L6.11841 6.87575L0.508983 1.84682L1.6321 0.839932L7.24152 5.86886L12.9898 0.715453L14.3906 1.9713L8.64234 7.12471L14.2518 12.1536L13.1286 13.1605Z'/%3E%3C/svg%3E%0A");
    transform: rotate(180deg);
}

.faqs .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 16' fill='%2377caba' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M18.3081 8.71198H10.3752V16H8.3941V8.71198H0.461182V7.28802H8.3941V0H10.3752V7.28802H18.3081V8.71198Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.footer {
    background-color: #f4f7fA;
}

.footer .logo {
    min-width: 15rem;
}

.footer-bot {
    background-color: #292929;
}

.footer-bot a {
    text-decoration: none;
    color: #ffffff;
}

.legal-section {
    min-height: 71vh !important;
}