@font-face {
    font-family: "Lovelace";
    font-weight: 400;
    /* Normal */
    font-style: normal;
    src: url("/fonts/Lovelace/Zetafonts-Lovelace-Text-Regular.otf")
        format("opentype");
}

@font-face {
    font-family: "Lovelace";
    font-weight: 700;
    /* Bold */
    font-style: italic;
    src: url("/fonts/Lovelace/Zetafonts-Lovelace-Text-Bold-Italic.otf")
        format("opentype");
}

body {
    color: #202020;
}

.title_header {
    font-family: "Lovelace", sans-serif;
}

ul {
    gap: 0 !important;
    /* Ini akan menghapus gap */
}

.jumbotron {
    width: 100%;
    height: 855px;
    background-image: url("/image/bg_jumbotron.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: "Lovelace", sans-serif;
    position: relative;
}

.jumbotron::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Overlay hitam dengan opasitas 50% */
}

.jumbotron h1,
p {
    margin-bottom: 20px;
}

.jumbotron p {
    font-family: "inter", sans-serif;
}

/* bagian about us */
.about_us {
    font-family: "Lovelace", sans-serif;
    background-color: #fbf3e8;
}

.about_us_title h1:nth-child(2) {
    margin-top: 16px;
    margin-bottom: 24px;
}

.about_us_button a {
    padding: 16px 32px;
    background-color: #2d2926;
}

/* bagian collection */
.collection {
    font-family: "Lovelace", sans-serif;
    background-color: #fbf3e8;
}

.collection_category {
    gap: 15px;
}

.category_1 {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    font-family: "inter", sans-serif;
}

.category_1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.category_1 .absolute,
.and_many_others .absolute {
    margin-bottom: 50px;
}

.category_name h1 {
    font-size: 30px;
    color: white;
}

.collection_button {
    margin-top: 17px;
}

.collection_button a {
    padding: 12px 24px;
}
/* collection and many others */
.and_many_others {
    position: relative;
    width: 100%;
    height: 441px;
    background-image: url("/image/Many_Others.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    font-family: "inter", sans-serif;
    margin-top: 16px;
}
.and_many_others::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* bagian article */
.article,
.testimoni_title,
.title_get_in_touch,
.title_footer,
.about-us,
.about_title,
.how_do_we_work,
.title_timeless,
.title_or_key,
.title_article,
.collection_title h1,
.title_testimoni,
.no_article {
    font-family: "Lovelace", sans-serif;
}
.article_short_description,
.card-article,
.testimoni_card,
.article_latest_stories_banner,
.item_article,
.article_detail,
.nav_mobile,
.contact_wa,
.text_get_in_touch,
.product_landing {
    font-family: "inter", sans-serif;
}

.swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 64px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
}
.swiper-pagination-bullet {
    background: #4f46e5;
}
.swiper-pagination-bullet-active {
    background: #4f46e5 !important;
}