@font-face {
    font-family: "KagePro-Bold";
    src: url("/assets/client/fonts/KagePro-Bold.otf");
}

@font-face {
    font-family: "LexendDeca-VariableFont_wght";
    src: url("/assets/client/fonts/LexendDeca-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Oswald-Light";
    src: url("/assets/client/fonts/Oswald-Light.ttf");
}

@font-face {
    font-family: "Oswald-Medium";
    src: url("/assets/client/fonts/Oswald-Medium.ttf");
}

@font-face {
    font-family: "Urbanist-ExtraLight";
    src: url("/assets/client/fonts/Urbanist-ExtraLight.ttf");
}

@font-face {
    font-family: "Urbanist-Light";
    src: url("/assets/client/fonts/Urbanist-Light.ttf");
}

@font-face {
    font-family: "Urbanist-SemiBold";
    src: url("/assets/client/fonts/Urbanist-SemiBold.ttf");
}

@font-face {
    font-family: "Urbanist-VariableFont_wght";
    src: url("/assets/client/fonts/Urbanist-VariableFont_wght.ttf");
}

.KagePro-Bold {
    font-family: "KagePro-Bold" !important;
}

.LexendDeca-VariableFont_wght {
    font-family: "LexendDeca-VariableFont_wght" !important;
}

.Oswald-Light {
    font-family: "Oswald-Light" !important;
}

.Oswald-Medium {
    font-family: "Oswald-Medium" !important;
}

.Urbanist-ExtraLight {
    font-family: "Urbanist-ExtraLight" !important;
}

.Urbanist-Light {
    font-family: "Urbanist-Light" !important;
}

.Urbanist-SemiBold {
    font-family: "Urbanist-SemiBold" !important;
}

.Urbanist-VariableFont_wght {
    font-family: "Urbanist-VariableFont_wght" !important;
}

.container-xxxl {
    max-width: 1930px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

#main_header {
    position: absolute;
    z-index: 999 !important;
    width: 100%;
    top: 10px;
}

.header-menu-desktop-step-2,
.header-menu-desktop-step-2>* {
    background-color: #7B7673 !important;
    font-family: "Oswald-Light" !important;
}

.login-link {
    color: white !important;
    text-decoration: none;
    font-size: 1.1rem;
}

.desktop-header-menu-item {
    color: white !important;
    text-decoration: none;
    font-size: 1.1rem;
    font-family: "Oswald-Light";
}

.desktop-language-link {
    color: #808080 !important;
    text-decoration: none;
    font-size: 0.9rem;
}

.desktop-language-link:not(:last-child) {
    border-right: 1px solid #808080;
    padding-right: 4px;
}

.desktop-language-link:last-child {
    padding-left: 4px;
}

.mobile-language-link {
    color: white !important;
    text-decoration: none;
    font-size: 0.9rem;
}

.mobile-language-link:not(:last-child) {
    border-right: 1px solid white;
    padding-right: 4px;
}

.mobile-language-link:last-child {
    padding-left: 4px;
}

#main_head_section {
    position: relative;
    width: 100%;
    max-height: 840px;
    resize: both;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#main_head_section>.main_head_section_title,
#main_head_section>.main_head_section_title>h1 {
    color: #636569 !important;
    font-family: "KagePro-Bold" !important;
    font-size: 5rem !important;
    letter-spacing: 0.2rem;
    width: 65%;
    position: absolute;
    top: 14%;
    left: 11%;
}

#section_bg_gray {
    background-color: #EFEFEF !important;
}

#section_bg_dark_gray {
    background-color: #636569 !important;
}

.section_absolute_title_1 {
    position: absolute;
    color: #636569;
    font-family: "LexendDeca-VariableFont_wght";
    left: 50%;
    top: 70%;
    width: 40%;
    font-size: 2.6rem;
    text-align: center;
    font-weight: 200;
}

.section_absolute_title_2 {
    position: absolute;
    top: 5%;
    left: 16%;
    color: #206337 !important;
    font-family: 'Urbanist-SemiBold';
    font-size: 4rem;
    width: 50%;
}

.section_absolute_content_2 {
    position: absolute;
    top: 30%;
    width: 34%;
    text-align: left;
    left: 16%;
    color: #206337 !important;
    font-family: 'Urbanist-Light';
    font-size: 1.5rem;
}

.home-section-3-content {
    color: #636569;
    font-family: 'Urbanist-Light';
    text-align: center;
    font-size: 1.25rem;
}

.home-section-4-title {
    font-family: 'Urbanist-Light';
    color: #636569;
    font-size: 4rem;
    letter-spacing: 1.6rem;
    line-height: 7rem;
}

.inset-0 {
    inset: 0 !important;
}

.video_iframe>iframe {
    width: 100% !important;
}

footer {
    background-color: #636569 !important;
}

.footer-menu-item {
    color: white;
    font-family: "Oswald-Medium";
    text-decoration: none;
    font-size: 1.1rem;
}

.footer-menu-sub-item {
    color: white;
    font-family: "Oswald-Light";
    text-decoration: none;
    font-size: 1rem;
}

.footer_company_name {
    color: white;
    font-family: "Urbanist-Light";
    font-size: 0.9rem;
}

.footer_company_name>a {
    text-decoration: none !important;
    color: white;
}

.mobile-menu-item {
    color: white;
    font-family: "Urbanist-Light";
    text-decoration: none;
    padding-top: var(--bs-accordion-btn-padding-y);
    padding-bottom: var(--bs-accordion-btn-padding-y);
}

.mobile-sub-menu {
    color: white;
    font-family: "Urbanist-Light";
    text-decoration: none;
}

.accordion-item {
    border: 0 !important;
}

.mobile-login {
    color: white;
    font-family: "Urbanist-Light";
    text-decoration: none;
}
