@font-face {
    font-family: AIAEverest;
    font-weight: 400;
    src: url("../fonts/AIAEverest-Regular.otf") format("opentype");
}

@font-face {
    font-family: AIAEverest;
    font-weight: 500;
    src: url("../fonts/AIAEverest-Medium.otf") format("opentype");
}

@font-face {
    font-family: AIAEverest;
    font-weight: 700;
    src: url("../fonts/AIAEverest-Bold.otf") format("opentype");
}

@font-face {
    font-family: AIAEverest;
    font-weight: 800;
    src: url("../fonts/AIAEverest-ExtraBold.otf") format("opentype");
}

@font-face {
    font-family: AIAEverest;
    font-weight: 400;
    font-stretch: condensed;
    src: url("../fonts/AIAEverest-Condensed.otf") format("opentype");
}

@font-face {
    font-family: AIAEverest;
    font-weight: 500;
    font-stretch: condensed;
    src: url("../fonts/AIAEverest-CondensedMedium.otf") format("opentype");
}

@font-face {
    font-family: Felixti;
    src: url("../fonts/Felixti.TTF");
}

body {
    font-family: AIAEverest, sans-serif;
}

.font-felixti {
    font-family: Felixti, sans-serif;
}

.background-image {
    background-image: url("../img/landing_tab.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.dashboard-bg {
    background-image: url("../img/landing_slider.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 768px) {
    .background-image {
        background-image: url("../img/landing_desktop.jpg");
        background-size: cover;
        background-position: center;
    }
}

body {
    margin: 0;
    padding: 0;
    background-color: #0d6e5c;
    display: flex;
    justify-content: center;
}

.text-gold {
    color: #f1d464;
}

/* Placeholder color for text-gold inputs */
input::placeholder {
    color: #f1d464 !important;
    opacity: 0.6;
}

input::-webkit-input-placeholder {
    color: #f1d464 !important;
    opacity: 0.6;
}

input::-moz-placeholder {
    color: #f1d464 !important;
    opacity: 0.6;
}

input:-ms-input-placeholder {
    color: #f1d464 !important;
    opacity: 0.6;
}

input::-ms-input-placeholder {
    color: #f1d464 !important;
    opacity: 0.6;
}

.text-gold-light {
    color: #232323;
}

.text-gold-lighter {
    color: #474747;
}

.text-gold-medium {
    color: #74716a;
}

.bg-gold {
    background-color: #f1d464;
}

.bg-gold-light {
    background-color: #232323;
}

.accent-gold {
    accent-color: #f1d464;
}

.border-gold {
    border-color: #f1d464;
}

/* Add this to your custom CSS */
.border-bottom-gold {
    border-bottom: 1px solid #f1d464;
    height: 1px;
    background-color: #f1d464;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Gold separator that extends to full width */
.gold-separator-container {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    box-sizing: content-box;
}

.gold-separator-container .border-bottom-gold {
    border-bottom: 5px solid #f1d464;
    height: 1px;
    background-color: #f1d464;
    width: 100%;
    margin: 0;
    padding: 0;
}

.text-gold {
    color: #d1b05c !important;
}

.bg-img-gold {
    background-image: url("../img/gold-line.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100dvw 100dvh;
}