@font-face {
    font-family: 'oswald';
    src: URL('../fonts/Oswald-VariableFont_wght.ttf') format('truetype');
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

header, footer, .flexslider {
    font-family: oswald;
}

.oswald {
    font-family: oswald;
}

.container-fluid {
    max-width: 1600px;
}

.flexslider .flex-caption {
    font-weight: 300;
}

@media (max-width: 992px) {
    .flexslider .flex-caption {
        font-weight: 300;
        font-size: 1.1rem !important;
    }
}

:root {
    --base-color: 24, 37, 80;
    --bs-link-color: rgb(var(--base-color));
    --bs-link-color-rgb: rgb(var(--base-color));
    --bs-link-hover-color-rgb: rgba(var(--base-color), 0.75);
    --main-color: var(--bs-link-color);
    --bs-border-color: var(--bs-link-color);
    --bs-body-color: #000;
    --bs-secondary-color: rgba(var(--base-color), 0.35);
    --bs-heading-color: rgb(var(--base-color));

}

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

.card {
    --bs-card-title-color: var(--main-color);
}

.navbar {
    --bs-navbar-brand-color: var(--bs-link-color);
    --bs-navbar-brand-hover-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-color);
    --bs-navbar-toggler-focus-width: 0.1rem;

}

.navbar-nav {
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);

}

h1, h2, h3, h4, h5, h6 {
    font-family: oswald;
    color: var(--main-color);
}

h1 {
    font-size: 2.3rem;
}

a {
    color: var(--bs-link-color-rgb);
    text-decoration: none;
}

a:hover {
    color: var(--bs-link-hover-color);
}

.main-color {
    color: var(--main-color);
}

@media (max-width: 1200px) {
    header .fs-5 {
        font-size: 1rem !important;
    }
}

.dropdown-menu {
    --bs-dropdown-border-color: rgba(var(--base-color), 0.5);
    --bs-dropdown-link-color: rgb(var(--base-color));
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);

}

.central-shadow {
    box-shadow: 0 0 50px #f0f0f0;
}

@media (max-width: 991px) {
    .flex-viewport {
        border-radius: var(--bs-border-radius) !important;
    }

    .right-slider-rounded {
        border-radius: var(--bs-border-radius) !important;
    }

    #splide3 iframe {
        width: 60vw;
        height: auto;
    }

    #splide3 {
        margin-top: 1rem;
    }
}

@media (min-width: 992px) {
    #splide3 iframe {
        height: 95%;
        width: auto;
        aspect-ratio: 16 / 9;
    }

    .flex-viewport {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important;
    }

    .right-slider-rounded {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
    }
}

.vr1 {
    display: flex;
    padding-left: 1rem !important;
    border-left: 3px var(--bs-border-style) var(--bs-border-color) !important;
}

.vr2 {
    display: flex;
    padding-left: 1rem !important;
    border-left: 6px var(--bs-border-style) var(--bs-border-color) !important;
}

.breadcrumb a {
    color: var(--bs-breadcrumb-divider-color);
}

.breadcrumb a:hover {
    color: var(--main-color);
}

.hr-1 {
    border-top: 1px solid var(--main-color);
    opacity: 1;
}

.hr-2 {
    border-top: 2px solid var(--main-color);
    opacity: 1;
}

.hr-4 {
    border-top: 4px solid var(--main-color);
    opacity: 1;
}

ul.ul {
    list-style: square;
}

.ul li::marker {
    color: var(--main-color);
}

.border-main {
    border-color: var(--base-color) !important;
}

img.video-img-placeholder {
    width: 100%;

}

.video-picture::before {
    content: "▶";
}

.watermark {
    font-size: 6rem;
    color: rgba(255, 255, 255, 0.6);
}

.dropdown-item:active {
    background-color: rgb(93, 109, 162) !important;
}
footer {
    --bs-border-color: #fff;
    color: white !important;
}

footer * {
    color: white !important;
}

footer .dropdown-item {
    color: var(--bs-dropdown-link-color) !important;
}
footer .dropdown-item:active {
    color: #fff !important;
}