:root {
    --themecolor: #F5C22C;
    --space-main: 120px;
    --column-gap: 0;
}

body {
    font-family: 'Poppins', sans-serif!important;
    color: #181818;
}

.bg-theme {
    background-color: var(--themecolor);
}

.gx-15 {
    --bs-gutter-x: 8.5rem!important
}
.py-4-5 {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (min-width: 1400px) {
    .container {
        max-width: 1210px!important;
    }
    .fs-3 {
        font-size: 24px!important;
    }
}
.container {
    padding-right: 0!important;
    padding-left: 0!important;
}

.photo-dummy {
    background-color: #D9D9D9;
}

p {
    margin-bottom: 0;
}

nav {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

nav::before {
    content: "";
    transition: .4s all ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: .8px;
    background-color: #000;
    max-width: var(--window-width);
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.object-cover {
    object-fit: cover!important;
}

.object-contain {
    object-fit: contain!important;
}

@media (max-width: 768px) {
    .flex-wrap-mobile {
        flex-wrap: wrap;
    }
}

/* Component */

.discover-more {
    padding: 10px 24px;
    border: 1px solid #000;
    border-radius: 22px;
    
    display: inline-flex;
    align-items: center;
    position: relative
}

.discover-more > p {
    margin-right: 10px;
}


/* Font style */

.fsc-h1 {
    font-size: 60px!important;
    font-weight: 600;
}

.fsc-h2 {
    font-size: 40px!important;
    font-weight: 600;
}

.fsc-h3 {
    font-size: 20px!important;
    font-weight: 700;
}

.fsc-h5 {
    font-size: 12px!important;
    font-weight: 500;
}

.fsc-p1 {
    font-size: 32px!important;
    font-weight: 300;
}
.fsc-p2 {
    font-size: 24px!important;
    font-weight: 300;
}
.fsc-p3 {
    font-size: 14px!important;
    font-weight: 300;
}

.fwc-400 {
    font-weight: 400!important;
}

/* Bordering */

/* Grid */

.colc-4 {
    flex: 0 0 calc(33.33333% - var(--column-gap) / var(--row-item));
}

.colc-6 {
    flex: 0 0 calc(50% - var(--column-gap) / 2);
}

.colc-8 {
    flex: 0 0 calc(66.66667% - var(--column-gap) / var(--row-item));
}


/* Spacing */

.pt-main {
    padding-top: var(--space-main);
}

.pb-main {
    padding-bottom: var(--space-main);
}

.py-main {
    padding-top: var(--space-main);
    padding-bottom: var(--space-main);
}

.pt-container {
    padding-top: 80px;
}
.pb-container {
    padding-bottom: 80px;
}

.pt-section-main {
    padding-top: calc(var(--space-main) / 2);
}

.py-section-main {
    padding-top: calc(var(--space-main) / 2);
    padding-bottom: calc(var(--space-main) / 2);
}

.pb-section-main {
    padding-bottom: calc(var(--space-main) / 2);
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-90 {
    padding-bottom: 90px;
}

.mb-section-main {
    margin-bottom: calc(var(--space-main) / 2);
}
.mt-section-main {
    margin-top: calc(var(--space-main) / 2);
}

.mt-container {
    margin-top: 80px;
}
.mb-container {
    margin-bottom: 80px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-90 {
    margin-bottom: 90px;
}

/* remove later */

nav {
    height: auto!important;
}