/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}
button,
a {
    -webkit-tap-highlight-color: transparent;
}
html {
    position: relative;
    font-size: 1vw;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

/* @media (max-width: 639.98px) {
html {
font-size: calc(1600 / 375 * 1vw);
}
} */

@media (min-width: 1600px) {
    html {
        font-size: 1vw;
    }
}
html::-webkit-scrollbar {
    width: 0.5rem;
}

body.hidden__scrollbar {
    overflow: hidden;
}
body[data-scroll-locked] {
    overflow: hidden !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--Neutral-Grascale-colors-Gray-8);
}

section {
    position: relative;
}

a {
    display: block;
    text-decoration: none;
}

button {
    cursor: pointer;
    display: flex;
    border: none;
}

:root {
}

/*.section-container,*/
/*.container {*/
/*	margin: 0 auto;*/
/*	width: 87.5rem;*/
/*}*/

/* @media screen and (max-width: 639.9px) {
.section-container,
.container {
width: 100%;
padding: 0 1.25rem;
}
} */

/* add */
.btn_yellow {
    cursor: pointer;
    height: 3.889rem;
    width: max-content;
    padding: 0 2.222rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.389rem;
    background: #ffb930;
    font-weight: 600;
    font-size: 1.111rem;
    color: white;
    transition: all 0.3s;
}
.btn_yellow:hover {
    transform: scale3d(1.2, 1.2, 1.5);
}
.btn_yellow p {
    font-weight: 600;
    font-size: 1.111rem;
    color: white;
}
.btn_white {
    cursor: pointer;
    margin-left: auto;
    height: 3.889rem;
    width: max-content;
    padding: 0 2.222rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.389rem;
    background: #ffffff;
    font-weight: 600;
    font-size: 1.111rem;
    color: #f9b125;
    border: 1px solid #f9b125;
    transition: all 0.3s;
}
.btn_white:hover {
    transform: scale3d(1.2, 1.2, 1.5);
}
.btn_white p {
    font-size: 1.111rem;
    color: #f9b125;
    font-weight: 600;
}
.btn_blue {
    cursor: pointer;
    height: 3.889rem;
    width: max-content;
    padding: 0 2.222rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.389rem;
    background: #3e55f8;
    font-weight: 600;
    font-size: 1.111rem;
    color: white;
    gap: 0.59rem;
}
.btn_blue p {
    font-weight: 600;
    font-size: 1.111rem;
    color: white;
}
.btn_blue img {
    width: 0.778rem;
    height: 0.778rem;
}
.flex-space {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex {
    display: flex;
    align-items: center;
}