@font-face {
    font-family: AMSTERDAM SERIF;
    src: url(/font/AMSTERDAMSERIFREGULER.ttf);
}


@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-Light.otf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-Regular.otf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-Medium.otf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-SemiBold.otf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-Bold.otf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-ExtraBold.otf);
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "General Sans";
    src: url(/font/GeneralSans-Black.otf);
    font-weight: 900;
    font-style: normal;
}

body {
    font-family: "General Sans", sans-serif;
    background: #F8F3EC;
}

.ff-amsterdam {
    font-family: AMSTERDAM SERIF;
}

.swiper-collection .swiper-pagination {
    position: static;
    line-height: 0% !important;
}

.swiper-collection .swiper-pagination-bullet {
    width: 16px !important;
    height: 4px !important;
    border-radius: 16px !important;
    margin: 0 2px !important;
    background: #C7BCAB !important;
}

.swiper-collection .swiper-pagination-bullet-active {
    width: 32px !important;
    background: #947E5D !important;
}

.choice-swiper .swiper {
    height: 384px !important;
}

.choice-swiper .swiper {
    height: 384px !important;
}

.choice-swiper .swiper-pagination-bullet {
    width: 16px !important;
    height: 4px !important;
    background-color: #C7BCAB !important;
    border-radius: 16px !important;
    opacity: 1 !important;
}

.choice-swiper .swiper-pagination-bullet-active {
    background-color: #947E5D !important;
    width: 32px !important;
}

.choice-swiper .swiper-pagination-bullets {
    bottom: -5px !important;
}

#earlyUser .swiper-pagination-bullets {
    margin-top: 0 !important;
    bottom: -6px !important;
}


#earlyUser .swiper-pagination-bullets {
    bottom: -4px !important;
}

#earlyUser .swiper-pagination-bullet {
    width: 16px !important;
    height: 4px !important;
    background-color: #C7BCAB !important;
    border-radius: 16px !important;
    opacity: 1 !important;
}

#earlyUser .swiper-pagination-bullet-active {
    background-color: #947E5D !important;
    width: 32px !important;
}

#earlyUser .swiper-pagination-bullets {
    margin: 0 2px !important;
}

* {
    scroll-behavior: smooth;
}

.grid-\[0fr\] {
    grid-template-rows: 0fr;
}

.grid-\[1fr\] {
    grid-template-rows: 1fr;
}
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    background-color: #271903;
    border-radius: 4px;
    border: 2px solid #f0f0f0;
}

@media (max-width:1024px) {
    #earlyUser.swiper {
        height: 370px !important;
    }
}