/* BASE MAIN */
:root {
    --color-dark: #202F34;
    --color-light: #E3F2F5;
    --color-white: #fff;
    --color-border: var(--color-light);
    --color-border-focus: var(--color-light);
    --color-form-control-bg: var(--color-light);
    --color-primary-400: #067183;
    --color-primary-500: #055866;
    --color-primary-600: #044b57;
    --color-secondary-400: #e5fba1;
    --color-secondary-500: #DAF97A;
    --color-secondary-600: #d5f866;
    --default-space: 56px;
    --header-height: 116px;
    --default-font-size: 24px;
}
@media (max-width: 1399.98px) {
    :root {
        --header-height: 104px;
    }
}
@media (max-width: 1199.98px) {
    :root {
        --header-height: 96px;
        --default-space: 44px;
        --default-font-size: 20px;
    }
}
@media (max-width: 991.98px) {
    :root {
        --header-height: 88px;
        --default-space: 32px;
        --default-font-size: 18px;
    }
}
@media (max-width: 575.98px) {
    :root {
        --default-space: 24px;
    }
}

/* Fonts */
/* Fonts Futura */
@font-face {
    font-family: "Futura";
    src: url(../fonts/Futura-Bk-BT-Book.ttf);
    font-weight: 400;
    font-display: swap;
}

/* Font Roboto */
@font-face {
    font-family: "Amaranth";
    src: url(../fonts/Roboto-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

.font-futura {
    font-family: "Futura", sans-serif;
}
.font-roboto {
    font-family: "Roboto", sans-serif;
}

body {
    font-family: "Futura", "Segoe UI", Arial, Segoe, "DejaVu Sans",
        "Trebuchet MS", Verdana, sans-serif;
    font-size: var(--default-font-size);
    line-height: 1.2;
    color: var(--color-dark);
    background-color: var(--color-light);
    position: relative;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    color: #fff;
}
a:hover,
a:focus {
    color: #fff;
    text-decoration: none;
}
*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    padding: 0;
    margin: 0;
    outline: none !important;
}
img {
    max-width: 100%;
}
.transition {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
input,
textarea,
button,
select,
a,
.no-highlight,
.menu-toggle,
.header-search,
.theme-dropdown-toggle {
    -webkit-tap-highlight-color: transparent;
}
input,
textarea,
button,
select{
    font-family: inherit;
}
/* Font size */
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-24 {
    font-size: 24px;
}
.fs-32 {
    font-size: 32px;
}
.fs-36 {
    font-size: 36px;
}
.fs-38 {
    font-size: 38px;
}
.fs-44 {
    font-size: 44px;
}
.fs-48 {
    font-size: 48px;
}
.fs-64 {
    font-size: 64px;
}
.fs-72 {
    font-size: 72px;
}
.fs-96 {
    font-size: 96px;
}
@media (min-width: 576px) {
    .fs-sm-16 {
        font-size: 16px;
    }
    .fs-sm-18 {
        font-size: 18px;
    }
    .fs-sm-20 {
        font-size: 20px;
    }
    .fs-sm-24 {
        font-size: 24px;
    }
    .fs-sm-32 {
        font-size: 32px;
    }
    .fs-sm-36 {
        font-size: 36px;
    }
    .fs-sm-38 {
        font-size: 38px;
    }
    .fs-sm-44 {
        font-size: 44px;
    }
    .fs-sm-48 {
        font-size: 48px;
    }
    .fs-sm-64 {
        font-size: 64px;
    }
    .fs-sm-72 {
        font-size: 72px;
    }
    .fs-sm-96 {
        font-size: 96px;
    }
}
@media (min-width: 768px) {
    .fs-md-16 {
        font-size: 16px;
    }
    .fs-md-18 {
        font-size: 18px;
    }
    .fs-md-20 {
        font-size: 20px;
    }
    .fs-md-24 {
        font-size: 24px;
    }
    .fs-md-32 {
        font-size: 32px;
    }
    .fs-md-36 {
        font-size: 36px;
    }
    .fs-md-38 {
        font-size: 38px;
    }
    .fs-md-44 {
        font-size: 44px;
    }
    .fs-md-48 {
        font-size: 48px;
    }
    .fs-md-64 {
        font-size: 64px;
    }
    .fs-md-72 {
        font-size: 72px;
    }
    .fs-md-96 {
        font-size: 96px;
    }    
}
@media (min-width: 992px) {
    .fs-lg-16 {
        font-size: 16px;
    }
    .fs-lg-18 {
        font-size: 18px;
    }
    .fs-lg-20 {
        font-size: 20px;
    }
    .fs-lg-24 {
        font-size: 24px;
    }
    .fs-lg-32 {
        font-size: 32px;
    }
    .fs-lg-36 {
        font-size: 36px;
    }
    .fs-lg-38 {
        font-size: 38px;
    }
    .fs-lg-44 {
        font-size: 44px;
    }
    .fs-lg-48 {
        font-size: 48px;
    }
    .fs-lg-64 {
        font-size: 64px;
    }
    .fs-lg-72 {
        font-size: 72px;
    }
    .fs-lg-96 {
        font-size: 96px;
    }
}
@media (min-width: 1200px) {
    .fs-xl-16 {
        font-size: 16px;
    }
    .fs-xl-18 {
        font-size: 18px;
    }
    .fs-xl-20 {
        font-size: 20px;
    }
    .fs-xl-24 {
        font-size: 24px;
    }
    .fs-xl-32 {
        font-size: 32px;
    }
    .fs-xl-36 {
        font-size: 36px;
    }
    .fs-xl-38 {
        font-size: 38px;
    }
    .fs-xl-44 {
        font-size: 44px;
    }
    .fs-xl-48 {
        font-size: 48px;
    }
    .fs-xl-64 {
        font-size: 64px;
    }
    .fs-xl-72 {
        font-size: 72px;
    }
    .fs-xl-96 {
        font-size: 96px;
    }
}
@media (min-width: 1440px) {
    .fs-xxl-16 {
        font-size: 16px;
    }
    .fs-xxl-18 {
        font-size: 18px;
    }
    .fs-xxl-20 {
        font-size: 20px;
    }
    .fs-xxl-24 {
        font-size: 24px;
    }
    .fs-xxl-32 {
        font-size: 32px;
    }
    .fs-xxl-36 {
        font-size: 36px;
    }
    .fs-xxl-38 {
        font-size: 38px;
    }
    .fs-xxl-44 {
        font-size: 44px;
    }
    .fs-xxl-48 {
        font-size: 48px;
    }
    .fs-xxl-64 {
        font-size: 64px;
    }
    .fs-xxl-72 {
        font-size: 72px;
    }
    .fs-xxl-96 {
        font-size: 96px;
    }
}
/* Color */
.bg-dark {
    background-color: var(--color-dark) !important;
}
.bg-light {
    background-color: var(--color-light) !important;
}
.bg-primary{
    background-color: var(--color-primary-500) !important;
}
.bg-secondary{
    background-color: var(--color-secondary-500) !important;
}


.text-dark{
    color: var(--color-dark) !important;
}
.text-light{
    color: var(--color-light) !important;
}
.text-white{
    color: var(--color-white) !important;
}
.text-primary{
    color: var(--color-primary-500) !important;
}
.text-secondary{
    color: var(--color-secondary-500) !important;
}


.hover\:text-dark{
    color: var(--color-dark) !important;;
}
.hover\:text-light{
    color: var(--color-light) !important;;
}
.hover\:text-white{
    color: var(--color-white) !important;;
}
.hover\:text-primary{
    color: var(--color-primary-500) !important;;
}
.hover\:text-secondary{
    color: var(--color-secondary-500) !important;;
}

/* CONTAINER */
.container-fluid {
    padding-left: var(--default-space);
    padding-right: var(--default-space);
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.row {
    margin-right: calc(-1* var(--default-space));
    margin-left: calc(-1* var(--default-space));
}

/* END CONTAINER */
/* STICKY FOOTER */
#page-wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
#site-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* END STICKY FOOTER */
/* Paragraph's lines */
.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.text-truncate-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.text-truncate-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.text-truncate-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
@media (min-width: 576px) {
    .text-truncate-sm-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .text-truncate-sm-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-sm-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-sm-4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-sm-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-sm-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}
@media (min-width: 768px) {
    .text-truncate-md-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .text-truncate-md-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-md-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-md-4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-md-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-md-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}
@media (min-width: 992px) {
    .text-truncate-lg-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .text-truncate-lg-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-lg-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-lg-4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-lg-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-lg-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1200px) {
    .text-truncate-xl-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .text-truncate-xl-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xl-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xl-4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xl-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xl-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1440px) {
    .text-truncate-xxl-1 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .text-truncate-xxl-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xxl-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xxl-4 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xxl-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .text-truncate-xxl-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

/* End paragraph's lines */
/* Whitespace */
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
/* thumb */
.ratio-thumb {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
}
.ratio-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -o-object-position: center;
    object-position: center;
}
.ratio-2x1 {
    padding-bottom: 200%;
}
.ratio-3x4 {
    padding-bottom: 133%;
}
.ratio-1x1 {
    padding-bottom: 100%;
}
.ratio-3x2 {
    padding-bottom: 66%;
}
.ratio-4x3 {
    padding-bottom: 75%;
}
.ratio-16x9 {
    padding-bottom: 56.25%;
}

@media (min-width: 576px) {
    .ratio-sm-2x1 {
        padding-bottom: 200%;
    }
    .ratio-sm-3x4 {
        padding-bottom: 133%;
    }
    .ratio-sm-1x1 {
        padding-bottom: 100%;
    }
    .ratio-sm-3x2 {
        padding-bottom: 66%;
    }
    .ratio-sm-4x3 {
        padding-bottom: 75%;
    }
    .ratio-sm-16x9 {
        padding-bottom: 56.25%;
    }
}
@media (min-width: 768px) {
    .ratio-md-2x1 {
        padding-bottom: 200%;
    }
    .ratio-md-3x4 {
        padding-bottom: 133%;
    }
    .ratio-md-1x1 {
        padding-bottom: 100%;
    }
    .ratio-md-3x2 {
        padding-bottom: 66%;
    }
    .ratio-md-4x3 {
        padding-bottom: 75%;
    }
    .ratio-md-16x9 {
        padding-bottom: 56.25%;
    }
}
@media (min-width: 992px) {
    .ratio-lg-2x1 {
        padding-bottom: 200%;
    }
    .ratio-lg-3x4 {
        padding-bottom: 133%;
    }
    .ratio-lg-1x1 {
        padding-bottom: 100%;
    }
    .ratio-lg-3x2 {
        padding-bottom: 66%;
    }
    .ratio-lg-4x3 {
        padding-bottom: 75%;
    }
    .ratio-lg-16x9 {
        padding-bottom: 56.25%;
    }
}
@media (min-width: 1200px) {
    .ratio-xl-2x1 {
        padding-bottom: 200%;
    }
    .ratio-xl-3x4 {
        padding-bottom: 133%;
    }
    .ratio-xl-1x1 {
        padding-bottom: 100%;
    }
    .ratio-xl-3x2 {
        padding-bottom: 66%;
    }
    .ratio-xl-4x3 {
        padding-bottom: 75%;
    }
    .ratio-xl-16x9 {
        padding-bottom: 56.25%;
    }
}
@media (min-width: 1440px) {
    .ratio-xxl-2x1 {
        padding-bottom: 200%;
    }
    .ratio-xxl-3x4 {
        padding-bottom: 133%;
    }
    .ratio-xxl-1x1 {
        padding-bottom: 100%;
    }
    .ratio-xxl-3x2 {
        padding-bottom: 66%;
    }
    .ratio-xxl-4x3 {
        padding-bottom: 75%;
    }
    .ratio-xxl-16x9 {
        padding-bottom: 56.25%;
    }
}
/* Hover */
.hover-opacity {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.hover-opacity-60:hover {
    opacity: 0.6;
}
.hover-opacity-65:hover {
    opacity: 0.65;
}
.hover-opacity-75:hover {
    opacity: 0.75;
}
.hover-opacity-80:hover {
    opacity: 0.8;
}
.hover-opacity-85:hover {
    opacity: 0.85;
}
.hover-opacity-90:hover {
    opacity: 0.9;
}
.cursor-pointer {
    cursor: pointer;
}
/* Form control */
.form-control,
.form-select {
    border-color: var(--color-border);
    background-color: var(--color-form-control-bg);
    color: var(--color-dark) !important;
    font-size: var(--default-font-size);
    padding: 16px 32px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
.form-control:hover,
.form-control:focus,
.form-select:hover,
.form-select:focus {
    border-color: var(--color-border-focus);
}
.form-control:focus,
.form-select:focus {
    background-color: var(--color-form-control-bg);
}
select.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center right 14px;
    background-color: #fff;
}
select.form-select {
    background-image: url("../images/select-dropdown.svg");
    background-size: 16px 16px;
    padding-right: 44px;
}
.no-resize {
    resize: none;
}

.form-control:-webkit-input-placeholder {
    /* Edge */
    color: var(--color-dark);
    opacity: .65;
}

.form-control::-moz-placeholder {
    color: var(--color-dark);
    opacity: .65;
}

.form-control::-ms-input-placeholder {
    color: var(--color-dark);
    opacity: .65;
}

.form-control::-webkit-input-placeholder {
    color: var(--color-dark);
    opacity: .65;
}

.form-control::placeholder {
    color: var(--color-dark);
    opacity: .65;
}




/* BUTTON */
.btn:not(.btn-sm):not(.btn-lg) {
    padding: 28px 44px !important;
    font-size: var(--default-font-size) !important;
}
.btn {
    font-weight: bold !important;
    border-radius: 0 !important;
    border: 0 !important;
    display: inline-block;
    line-height: 1.2;
    font-family: "Roboto", sans-serif;
}
.btn-primary {
    background-color: var(--color-primary-500) !important;
    color: var(--color-secondary-500) !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--color-primary-600) !important;
    color: var(--color-secondary-500) !important;
}
.btn-secondary {
    background-color: var(--color-secondary-500) !important;
    color: var(--color-primary-500) !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--color-secondary-600) !important;
    color: var(--color-primary-500) !important;
}
.btn:hover svg *[fill] {
    fill: currentColor !important;
}
.btn:hover svg *[stroke] {
    stroke: currentColor !important;
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
}
.w-full {
    width: 100%;
}

@media (max-width: 1199.98px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        padding: 20px 36px !important;
    }
}
@media (max-width: 991.98px) {
    .btn:not(.btn-sm):not(.btn-lg) {
        padding: 16px 32px !important;
    }
}
/* HEADER */
header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    background: transparent;
    width: 100%;
    padding: 16px 0;
    height: var(--header-height);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
header.is-sticky{
    background-color: rgba(5,88,102,.85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.horizontal-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.site-logo {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.site-logo img {
    height: 84px !important;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.header-inner{
    padding-right: 50%;
}
.header-center {
    padding-right: var(--default-space);
}
.site-nav {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
}
.site-nav .item {
    position: relative;
    display: block;
}
.site-nav .item > a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Futura', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px;
    position: relative;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.site-nav > .item > a {
    padding: 11px 22px;
    background-color: transparent;
    border-radius: 0;
}
.site-nav .item > a > .item-text {
    display: block;
    padding: 0;
    position: relative;
}
.site-nav > .item > a.active,
.site-nav > .item > a:hover {
    color: var(--color-secondary-500);
}

.site-nav > .item > a:hover svg path {
    stroke: #fff;
}
.site-nav .item.menu-site-logo-desktop > a {
    padding-top: 0;
    display: block;
    margin-top: -40px;
}

.site-header #menu-trigger {
    display: none;
}

@media (max-width: 1639.98px) {
    .header-center {
        padding-right: calc(var(--default-space) / 2);
    }
    .site-nav > .item > a {
        padding: 8px 16px;
        font-size: 18px;
    }
}
@media (max-width: 1399.98px) {
    .site-logo img {
        height: 72px !important;
    }
    .header-center {
        padding-right: calc(var(--default-space) / 2);
    }
}
@media (max-width: 1199.98px) {
    .site-logo img {
        height: 64px !important;
    }
    .header-inner,
    .header-center{
        padding-right: 0;
    }
}
@media (max-width: 991.98px) {
    .site-logo img {
        height: 56px !important;
    }
    .site-nav {
        position: relative;
    }
    .site-header #menu-trigger {
        cursor: pointer;
        display: block;
        position: relative;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        width: 24px;
        height: 17px;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        z-index: 2;
        overflow: hidden;
    }
    .site-header #menu-trigger::after {
        content: "";
        position: absolute;
        background: 0 0;
        left: -5px;
        right: -5px;
        top: -5px;
        bottom: -5px;
    }

    .site-header #menu-trigger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    .site-header #menu-trigger span:nth-child(1) {
        top: 0;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .site-header #menu-trigger span:nth-child(2) {
        top: 7px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .site-header #menu-trigger span:nth-child(3) {
        top: 14px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .site-header #menu-trigger.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -1px;
        left: 3px;
    }

    .site-header #menu-trigger.open span:nth-child(2) {
        width: 0;
        opacity: 0;
    }

    .site-header #menu-trigger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 16px;
        left: 3px;
    }
    .horizontal-menu {
        position: fixed;
        top: var(--header-height);
        left: 0;
        width: 100%;
        height: calc(100vh - var(--header-height));
        height: calc(100dvh - var(--header-height));
        height: calc(100lvh - var(--header-height));
        z-index: 99999;
        background-color: var(--color-primary-500);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        padding-bottom:  var(--header-height);
    }
    .horizontal-menu.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .horizontal-menu .nav-bar {
        height: 100%;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
    }
    .nav-bar-content {
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .site-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 32px;
    }
    .site-nav .item {
        width: 100%;
    }
    .site-nav .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .site-nav .item > a {
        padding: 16px 26px;
        color: #fff;
        border: 0;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto !important;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .site-nav > .item > a:hover {
        color: rgba(255, 255, 255, 0.75);
    }
    .site-nav .item > a > .item-text {
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
        padding: 0;
    }
}


/* SECTION */
.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.min-height-vh{
    min-height: 100vh;
    min-height: 100dvh;
    min-height: 100lvh;
}

.section-content ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
@media (min-width: 992px) {
    #contacts .section-image .ratio-thumb,
    .min-height-vh .section-image .ratio-thumb{
        height: 100%;
        padding-bottom: 0;
    }
}


/* HOME */
.section-home-grid{
    grid-template-columns: 1fr 1fr;
}

#home .content-top{
    max-width: 466px;
}

@media (min-width: 992px) {
    #home .section-content{
        padding-top: var(--header-height);
    }
}
@media (max-width: 991.98px) {
    .section-home-grid{
        grid-template-columns: 1fr;
    }
}


/* company */
.section-company-grid{
    grid-template-columns: 34% 1fr;
}

#company .content-top{
    max-width: 775px;
}
#company .content-bottom{
    max-width: 631px;
}

@media (max-width: 991.98px) {
    .section-company-grid{
        grid-template-columns: 1fr;
    }
}

/* services */
.section-services-grid{
    grid-template-columns: 1fr 45%;
}

#services .content-top{
    max-width: 633px;
}
#services .content-bottom{
    max-width: 806px;
}

@media (max-width: 991.98px) {
    .section-services-grid{
        grid-template-columns: 1fr;
    }
}
/* Numbers */
#numbers{
    background-size: cover;
}
.counter-text{
    max-width: 300px;
}
.counter-item:after {
    content: "";
    --counter-circle: 240px;
    width: var(--counter-circle);
    height: var(--counter-circle);
    display: block;
    background: rgb(227 242 245 / 30%);
    border-radius: 9999px;
    border: 6px solid rgb(227 242 245 / 10%);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media (max-width: 1639.98px) {
    .counter-item:after {
        --counter-circle: 220px;
    }
}
@media (max-width: 1399.98px) {
    .counter-item:after {
        --counter-circle: 200px;
    }
}

@media (max-width: 1199.98px) {
    .counter-item:after {
        --counter-circle: 180px;
    }
}
@media (max-width: 991.98px) {
    .counter-item:after {
        --counter-circle: 150px;
    }
}
@media (max-width: 767.98px) {
    .counter-item:after {
        --counter-circle: 135px;
    }
}

/* transportation */
#transportation .content-top{
    max-width: 694px;
}
#transportation .content-bottom{
    max-width: 806px;
}

/* contacts */

#contacts .content-top{
    max-width: 694px;
}
#contacts .content-bottom{
    max-width: 806px;
}
#contacts .btn{
    min-width: min(369px, 100%);
}

@media (min-width: 768px) and (max-width: 991.98px){
    .form-cols-2{
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1400px) {
    .form-cols-2{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767.98px) {
    #contacts .btn{
        width: 100%;
    }
}