/*#region base*/

:root {
    --main-color: #ed1c24;
    --hero-bg: #000;
    --hero-color: #fff;
    --border-color: #ccc;
    --primary-color: #000;
    --primary-color-light: #fff;
    --bs-border-color: var(--border-color);
    --bs-border-radius: 0;
    --iti-path-flags-1x: url('../images/itiMobile/flags.png');
    --iti-path-flags-2x: url('../images/itiMobile/flags.png');
    --iti-path-globe-1x: url('../images/itiMobile/globe.png');
    --iti-path-globe-2x: url('../images/itiMobile/globe@2x.png');
    --light-grey-bg: #f6f6f6;
    --img-shadow: 0px 5px 11px #232323;
    --scrollTop-btn-bg: var(--main-color);
    --scrollTop-btn-color: var(--primary-color-light);
    --bs-link-color-rgb: 0, 0, 0;
    --metric-color: #444;
    --metric-sup-color: #999;
    --font-size: 1.1rem;
    --font-size-footer: clamp(16px, 3vw, 19px);
    --bs-nav-link-font-size: var(--font-size-footer);
}

@font-face {
    font-family: 'matter';
    src: url('../fonts/matter-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    /* Apply the recommendation here */
    font-display: swap;
}

@font-face {
    font-family: 'matter-semibold';
    src: url('../fonts/matter-semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    /* Apply the recommendation here */
    font-display: swap;
}

@font-face {
    font-family: 'matter-heavy';
    src: url('../fonts/matter-heavy.woff') format('woff');
    font-weight: bolder;
    font-style: normal;
    /* Apply the recommendation here */
    font-display: swap;
}

@font-face {
    font-family: 'matter-light';
    src: url('../fonts/matter-light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    /* Apply the recommendation here */
    font-display: swap;
}


.toast {
    --bs-toast-bg: #fff;
    --bs-toast-font-size: var(--font-size);
}

.text-danger {
    color: rgb(237 28 36) !important;
}

.btn {
    --bs-btn-border-radius: 0px;
    transition: color .30s ease-in-out, background-color .30s ease-in-out, border-color .30s ease-in-out;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
}

.btn-outline-primary {
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-border-color: #000;
}

.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--main-color);
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: var(--main-color);
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--main-color);
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--main-color);
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
}
#cookiePolicy.modal {
    --bs-modal-width: 95%;
}

    .dropdown-menu-dark {
    --bs-dropdown-bg: #000000b3;
}

.dropdown-menu-dark a {
    color: #fff;
}

    .dropdown-menu-dark .dropdown-divider {
        border-top: 1px solid #9999992e;
    }

.small, small {
    /*font-size: 1em;*/
    font-size: 0.9em;
}

a.btn-secondary, a.btn-secondary:link {
    color: var(--bs-btn-color);
}

    a.btn-secondary:hover,
    a.btn-secondary:active {
        color: var(--bs-btn-hover-color);
    }

.was-validated .form-control:invalid:not(.is-invalid),
.form-control.is-valid:not(.is-invalid), .was-validated .form-control:valid:not(.is-invalid) {
    border-color: var(--bs-border-color);
    padding-right: unset;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
}

.form-control.is-valid.is-invalid, .was-validated .form-control:valid.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.was-validated .form-control:invalid:not(.is-invalid):focus,
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #000000;
    box-shadow: unset;
}

.was-validated.is-invalid ~ i,
.form-control.is-invalid ~ i {
    right: 35px;
}

.form-control:focus,
.form-select:focus {
    border-color: #000;
    box-shadow: unset;
}

.form-floating .form-control,
.form-floating .form-select {
    border: unset;
    border-bottom: 1px solid #000;
    min-height: unset;
    height: 63px;
    padding: 2px;
    padding-top: 30px;
    box-shadow: unset;
    font-weight: 700;
    border-radius: unset;
    background-color: transparent;
}

.form-floating > label {
    padding: 11px;
    padding-top: 29px;
    padding-left: 14px;
}

.form-floating .form-control-plaintext ~ label, .form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label, .form-floating .form-select ~ label,
.form-floating .form-select-plaintext ~ label, .form-floating .form-select:focus ~ label,
.form-floating .form-select:not(:placeholder-shown) ~ label,
.form-floating .inside:has(.form-control-plaintext) ~ label, .form-floating .inside:has(.form-control:focus) ~ label,
.form-floating .inside:has(.form-control:not(:placeholder-shown)) ~ label, .form-floating .inside:has(.form-select) ~ label,
.form-floating .iti:has(.form-control-plaintext) ~ label, .form-floating .iti:has(.form-control:focus) ~ label,
.form-floating .iti:has(.form-control:not(:placeholder-shown)) ~ label, .form-floating .iti:has(.form-select) ~ label {
    transform: scale(.85) translateY(-1.4rem) translateX(.15rem);
}

.form-floating .country-select.inside .flag-dropdown,
.form-floating .iti__country-container {
    height: 35px;
    bottom: 0;
    top: unset;
}

.form-floating .selected-flag,
.form-floating .iti__selected-country-primary {
    padding: 0;
}

.form-floating .country-select.inside .selected-flag {
    width: 38px;
}

.form-floating .country-select.inside input,
.form-floating .iti input.iti__tel-input {
    padding-left: 45px !important;
}

.form-floating .flag-dropdown:hover .selected-flag,
.form-floating .iti__selected-country-primary:hover {
    background-color: unset !important;
}

.form-check-input {
    cursor: pointer;
}

.form-check-input[type=checkbox]:not([role="switch"]) {
    border-radius: unset;
}
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/*.form-check-input:focus {
    border-color: var(--main-color);
}*/

.form-switch .form-check-input:not(:checked):focus {
    /*--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ed1c24'/%3e%3c/svg%3e");*/
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    border-color: rgb(204, 204, 204);
}

.form-check-input[type=checkbox]:hover,
.form-check-input[type=checkbox]:focus {
    box-shadow: unset;
}
html {
    font-size: 19px; /* base */
}

body {
    font-size: clamp(19px, 3vw, 22px);
    line-height: clamp(22px, 5vw, 25px);
}

html, body {
    /*//font-size: var(--font-size);*/
    font-family: 'matter-light';
    /*line-height: 24px;*/
    scroll-behavior: auto;
}

a, a:active, a:link, a:visited {
    font-weight: 600;
    /*text-decoration: none;*/
}

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

h1, h2, h3, h4, h5 {
    font-family: 'matter';
    /*font-family: 'matter-semibold';*/
}

h1 {
    font-size: clamp(40px, 3vw, 50px);
    /*font-size: 50px;*/
    font-weight: bolder;
}

h2 {
    font-size: clamp(30px, 3vw, 40px);
    /*font-size: 40px;*/
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}


h3 {
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: clamp(35px, 3vw, 38px);
}

h4 {
    font-size: clamp(28px, 3vw, 30px);
    /*font-size: 1.1rem;*/
    font-weight: 600;
}

h5 {
    font-size: clamp(35px, 3vw, 42px);
    /*font-size: 42px;*/
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 40px;
}

h6 {
    font-weight: bolder;
    font-size: 1.2rem;
}

.header-content h3 {
    font-weight: 100;
}

.header-content h3 b {
    font-weight: 600;
}

#cookiePolicy {
    z-index: 1096;
}

.navbar-brand > img {
    max-height: 30px;
}

/*.xpadded {
    padding-top: 100px;
    padding-bottom: 100px;
}*/

.py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.ps-3 {
    padding-left: 1.3rem !important;
}

ol.ps-3 {
    padding-left: 35px !important;
}

ul.ps-3 > li {
    padding-left: 8px;
}

ul.list {
    counter-reset: main;
    padding: 0;
    margin: 0;
}

    ul.list > li {
        counter-increment: main;
        list-style: none;
        margin-bottom: 1rem;
        display: flex;
        column-gap: 11px;
    }

    .list > li::before {
        font-weight: bold;
        display: inline-block;
    }
        
        
        .list2 > li::before {
            content: "2." counter(main) ". ";
        }
        
        .list3 > li::before {
            content: "3." counter(main) ". ";
        }

        .list4 > li::before {
            content: "4." counter(main) ". ";
        }

ul.ps-3 li,
ol.ps-3 li {
    margin-bottom: .5rem;
}

.tableAB td[scope="row"] {
    font-weight: bold;
    vertical-align: text-top;
    padding-right: 5px;
}

input[type="checkbox"] ~ label {
    margin-top: 3px;
}

.copyright img {
    max-height: 40px;
}

/*.margin-h25 {
    margin-top: 25px;
    margin-bottom: 40px;
}*/

.btn-white {
    background-color: #fff;
    color: #000;
}

.btn {
    padding: 10px 25px;
}

.btn-black {
    background-color: #000;
    color: #fff;
}

.btn-green {
    background-color: #0F5298;
    color: #fff;
    /*padding: 15px 25px;*/
}

.rounded-pill {
    border-radius: unset !important;
}

.sep {
    display: inline-block;
    width: 8px;
}

footer {
    background-color: #000;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid #000;
    font-size: var(--font-size-footer);
}


    footer h3 {
        font-size: clamp(16px, 3vw, 19px);
        /*font-size: 18px;*/
        font-weight: 600;
        margin-bottom: .5rem;
        margin-top: 0;
    }

footer li { 
    line-height: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    footer a, footer a:active, footer a:link, footer a:visited {
        color: #FFFFFFC2;
        text-decoration: none;
        font-weight: 400;
        transition: color 0.3s;
    }

    footer a:hover {
        color: #fff;
    }

    footer .copyright a, footer .copyright a:active, footer .copyright a:link, footer .copyright a:visited {
        text-decoration: underline;
    }

.copyright {
    font-size: 14px;
}

.bg-dark {
    background-color: #000 !important;
    color: #fff;
}

#homeImgBgImage #section3 {
    background-color: #000000ba !important;
}

.social-media a {
    font-size: 20px;
    color: #fff !important;
    text-decoration: none;
}

.content {
}

.intro-text {
    font-family: matter-light;
    background-color: var(--main-color);
    color: #fff;
    font-size: clamp(25px, 3vw, 28px);
    /*font-size: 28px;*/
    line-height: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.bg-lightgrey,
.certificates > div:nth-child(even) {
    background-color: var(--light-grey-bg);
}

#scrollTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 12px;
    background-color: var(--scrollTop-btn-bg);
    color: var(--scrollTop-btn-color);
    cursor: pointer;
    /*mix-blend-mode: difference;*/
}

/*#endregion base*/

/*#region Career sections*/

    /*.jobs a, .jobs a:active, .jobs a:link, .jobs a:visited {
        color: inherit;
    }*/

#baseContent_innerContent_jobs a {
    text-decoration: none;
}

#baseContent_innerContent_jobs a:hover {
    color: inherit;
}

.jobs > .container > .row > div:last-of-type .card {
    border-bottom: 1px solid var(--border-color) !important;
}

    .custom-uploader {
        height: 100px;
        place-content: center;
        text-align: center;
        cursor: pointer;
        border: 1px dashed var(--border-color);
    }

        .custom-uploader .fa-file-arrow-up {
            font-size: 30px;
            padding-bottom: 3px;
        }

    .attachment-link {
        width: 100%;
        height: 100%;
        align-content: center;
    }

    .btn-attachments {
        border: 1px solid var(--border-color);
        border-radius: 30px;
        font-size: 16px;
        padding: 5px;
        width: 45px;
        height: 45px;
        place-content: center;
    }

        .btn-attachments:hover {
            border-color: #000;
        }

    .custom-uploader.noUploadedFiles:has( ~ #fileInput.is-invalid) {
        border-color: var(--bs-form-invalid-border-color);
        color: var(--bs-form-invalid-color);
    }

#successMessage {
    display: none;
    top: 40px;
    opacity: 0;
    width: 100%;
    align-self: anchor-center;
}

        #successMessage.show {
            display: block;
            animation: fadeIn .3s .5s forwards;
        }

#CVForm:has( ~ #successMessage.show),
#ContactForm:has( ~ #successMessage.show),
#subscribeContent:has( ~ #successMessage.show) {
    pointer-events: none;
    animation: fadeOut .5s forwards;
}

    .position-relative:has( #ContactForm) #successMessage {
        top: 15%;
        left: 45%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-45%, -65%);
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

/*#endregion */

/*#region iti*/
.iti.iti--allow-dropdown {
    flex: 1 0 0%;
    width: 100%;
}

.iti:has(input[disabled='disabled']) .iti__selected-country {
    cursor: default;
}

    .iti:has(input[disabled='disabled']) .iti__selected-country .iti__arrow {
        display: none;
    }

.iti__flag {
    zoom: 1.25;
}
/*#endregion iti*/

/*#region country-select*/

.country-select .flag {
    background-image: url(../images/countrySelect/flags.png);
}

.country-select {
    width: 100%;
}
/*#endregion country-select*/

/*#region success*/
#SendCVForm #Success.sa {
    width: 100px;
    height: 100px;
    padding: 6px;
    /*background-color: #fff;*/
    background-color: transparent;
}
/*#endregion success*/

/*#region homePage*/

.header-content {
    color: white;
}

.after-header-section {
    height: 65dvh;
    min-height: 600px;
}

.header-image {
    position: relative;
    display: inline-block;
}

    .header-image::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(#000000, transparent, #000000);
        pointer-events: none; /* lets clicks pass through */
    }

    .header-image img {
        display: block;
        min-width: 100%;
        height: auto;
    }


#section2 .nav-item {
    font-weight: bold;
    cursor: pointer;
    z-index: 2;
}

.metrics {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.metric {
    padding-top: 20px;
    display: block;
    text-align: center;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    color: var(--metric-color);
}

    .metric sup {
        color: var(--metric-sup-color);
        font-size: 30px;
    }

.metric-text {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

/*#endregion homePage*/

/*#region events */
.events .card > a {
    aspect-ratio: 1 / 1;
    align-content: center;
}

.youtube-placeholder {
    height: 200px;
    text-align: center;
    align-content: center;
    font-weight: 900;
    background-color: black;
    margin-left: 13px;
    width: calc(100% - 25px);
    color: #fff;
    cursor: pointer;
}

.events .card-header {
    background-color: transparent;
    overflow: hidden;
}

.events .ratio > img {
    height: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
}
/*#endregion events*/
/*#region sla */
.sla .table {
    max-width: 600px;
}
/*#endregion sla*/

/*#region integrations */
label.list-group-item {
    border: unset;
    cursor: pointer;
}

#IntegrationsList .img-fluid:not(.flag) {
    filter: grayscale(1);
    max-height: 50px;
}

    #IntegrationsList .img-fluid:not(.flag):hover {
        filter: grayscale(0);
    }

#IntegrationsContent {
    overflow: visible;
}

#Integrations-list-group.sticky-top {
    top: 85px;
}

#IntegrationsContent label.list-group-item:has(input:checked) {
    color: var(--main-color);
    font-weight: bold;
}
/*.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}*/
#IntegrationsContent label > .form-check-input[type=radio] {
    display: none;
}


/*#endregion integrations*/

/*#region contact */
    .phonesList img {
        width: 18px;
    }

    .form-range::-webkit-slider-thumb {
        background: var(--main-color);
        cursor: pointer;
        box-shadow: unset;
    }

.form-range::-moz-range-thumb {
    background: var(--main-color);
    cursor: pointer;
    box-shadow: unset;
}

.form-range::-ms-thumb {
    background: var(--main-color);
    cursor: pointer;
    box-shadow: unset;
}

.form-range:active::-webkit-slider-thumb,
.form-range:focus::-webkit-slider-thumb {
    background: var(--main-color);
    box-shadow: unset;
}

.form-range:active::-moz-range-thumb,
.form-range:focus::-moz-range-thumb {
    background: var(--main-color);
    box-shadow: unset;
}

#fleetSize {
    position: relative;
    --fill-fleetSize: 0%;
}

    #fleetSize::-webkit-slider-runnable-track {
        border-radius: 0;
        background: linear-gradient(to right, var(--main-color) var(--fill-fleetSize), #f1f1f1 var(--fill-fleetSize));
    }

    /* Firefox */
    #fleetSize::-moz-range-track {
        border-radius: 0;
        background: linear-gradient(to right, var(--main-color) var(--fill-fleetSize), #f1f1f1 var(--fill-fleetSize));
    }

#locations {
    position: relative;
    --fill-locations: 0%;
}
    #fleetSize::-ms-track,
    #locations::-ms-track {
        background: linear-gradient(to right, var(--main-color) 0%, #f1f1f1 0%);
        border-radius: 0;
    }

    #locations::-webkit-slider-runnable-track {
        border-radius: 0;
        background: linear-gradient(to right, var(--main-color) var(--fill-locations), #f1f1f1 var(--fill-locations));
    }

    /* Firefox */
    #locations::-moz-range-track {
        border-radius: 0;
        background: linear-gradient(to right, var(--main-color) var(--fill-locations), #f1f1f1 var(--fill-locations));
    }


    
/*#endregion contact*/

/*#region Otp*/
.invalid-Otp {
    display: none;
    color: red;
}

#OtpModalVerify {
    align-content: center;
}

    #OtpModalVerify.in .modal-dialog {
        width: 400px;
    }

    #OtpModalVerify .IconDiv {
        position: relative;
        width: fit-content;
        margin: auto;
    }

        #OtpModalVerify .IconDiv i {
            font-size: 4rem;
        }

            #OtpModalVerify .IconDiv i.fa-message-lines {
                font-size: 2rem;
                position: absolute;
                left: 42px;
                top: 4px;
                padding-top: 4px;
                background-color: white;
                font-weight: 300;
            }

    #OtpModalVerify .modal-footer {
        justify-content: center;
        border-top: unset;
    }

    #OtpModalVerify .modal-header {
        border-bottom: unset;
    }

    #OtpModalVerify .otp-container {
        margin: 25px 0px;
    }

    #OtpModalVerify .otp-input {
        width: clamp(3px, calc(16.6% - 15px), 40px);
        height: 40px;
        text-align: center;
        /*font-size: 1.8rem;*/
        margin: 0 5px;
        border: none;
        border-bottom: 2px solid #ccc;
        border-radius: 0px;
        outline: none;
        transition: border-color 0.3s;
    }

        #OtpModalVerify .otp-input:focus {
            border-color: var(--main-color);
        }

        #OtpModalVerify .otp-input.is-invalid {
            border-color: red;
        }

    #OtpModalVerify #timer {
        font-size: 2rem;
    }

    #OtpModalVerify a {
        /*color: var(--bs-secondary-btn-color);*/
        cursor: pointer;
    }

/*#liUserDropdown > div.fa-user {
    border-radius: 30px;
    border: 1px solid;
    overflow: hidden;
    height: 17px;
    width: 17px;
    padding: 2px;
}*/
/*#OtpModalVerify a:hover {
    color: var(--bs-secondary-btn-color-hover);
}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*#endregion Otp*/

/*#region alert dialog*/
/*-------  alert dialog ---------*/
/*alerts*/
#Alert {
    background-color: #00000061;
}

#Alert.sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    /*background-color: #fff;*/
    background-color: transparent;
}

.sa-warning {
    border-radius: 50%;
    border: 4px solid #f8bb86;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    /*background-color: #fff;*/
    background-color: transparent;
    width: 80px;
    animation: scaleWarning 0.75s infinite alternate;
}

    .sa-warning:after, .sa-warning:before {
        /*background: #fff;*/
        background: transparent;
        content: '';
        border-radius: 50%;
        height: 100%;
        position: absolute;
    }

    .sa-warning:before {
        display: inline-block;
        opacity: 0;
        animation: pulseWarning 2s linear infinite;
    }

    .sa-warning:after {
        display: block;
        z-index: 1;
    }

.sa-warning-body {
    background-color: #f8bb86;
    border-radius: 2px;
    height: 47px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2;
    animation: pulseWarningIns 0.75s infinite alternate;
}

.sa-warning-dot {
    background-color: #f8bb86;
    border-radius: 50%;
    bottom: 10px;
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 7px;
    z-index: 2;
    animation: pulseWarningIns 0.75s infinite alternate;
}

@keyframes scaleWarning {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulseWarning {
    0% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    30% {
        background-color: #fff;
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        background-color: #f8bb86;
        transform: scale(2);
        opacity: 0;
    }
}

.sa-x-mark {
    border: 4px solid #ff5f5f;
    border-radius: 50%;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    /* background-color: #fff;*/
    background-color: transparent;
    width: 80px;
}

    .sa-x-mark:after, .sa-x-mark:before {
        /*background: #fff;*/
        background: transparent;
        content: '';
        border-radius: 50%;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .sa-x-mark:before {
        display: inline-block;
        opacity: 0;
    }

    .sa-x-mark:after {
        display: block;
        z-index: 1;
    }

.sa-line.sa-left {
    background-color: #ff5f5f;
    border-radius: 2px;
    height: 60px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2;
    rotate: 45deg;
}

.sa-line.sa-right {
    background-color: #ff5f5f;
    border-radius: 2px;
    height: 60px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2;
    rotate: 135deg;
}

#Alert .sa {
    width: 100px;
    height: 100px;
    padding: 6px;
    /*background-color: #fff;*/
    background-color: transparent;
}

.sa-success {
    border-radius: 50%;
    border: 4px solid #A5DC86;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    /*background-color: #fff;*/
    background-color: transparent;
    width: 80px;
}

    .sa-success:after, .sa-success:before {
        /*background: #fff;*/
        background: transparent;
        content: '';
        height: 120px;
        position: absolute;
        transform: rotate(45deg);
        width: 60px;
    }

    .sa-success:before {
        border-radius: 40px 0 0 40px;
        width: 26px;
        height: 80px;
        top: -17px;
        left: 5px;
        transform-origin: 60px 60px;
        transform: rotate(-45deg);
    }

    .sa-success:after {
        border-radius: 0 120px 120px 0;
        left: 30px;
        top: -11px;
        transform-origin: 0 60px;
        transform: rotate(-45deg);
        animation: rotatePlaceholder 4.25s ease-in;
    }

.sa-success-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(165, 220, 134, 0.25);
    box-sizing: content-box;
    height: 80px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 80px;
    z-index: 2;
}

.sa-success-fix {
    /*background-color: #fff;*/
    background-color: transparent;
    height: 90px;
    left: 28px;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.sa-success-tip, .sa-success-long {
    background-color: #A5DC86;
    border-radius: 2px;
    height: 5px;
    position: absolute;
    z-index: 2;
}

.sa-success-tip {
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    width: 25px;
    animation: animateSuccessTip 0.75s;
}

.sa-success-long {
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    width: 47px;
    animation: animateSuccessLong 0.75s;
}

@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
    }

    100%, 12% {
        transform: rotate(-405deg);
    }
}

/*alerts end*/

/*-------  alert dialog end ---------*/
/*#endregion  alert dialog*/

/*#region cookies */

#cookiesSetupBtn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 10px 8px;
    background-color: var(--main-color);
    color: #fff;
    cursor: pointer;
    font-size: 25px;
}


.collapse-btn {
    border: 1px solid #d2d2d2;
}

    .collapse-btn::before {
        content: "\2b";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        display: inline-block;
        position: absolute;
        left: 8px;
    }

    .collapse-btn:not(.collapsed)::before {
        content: "\2d";
    }


    .collapse-btn:hover {
        border-color: #d2d2d2;
    }


#cookiePolicy .form-switch {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


/*#endregion contact*/

/*iframe*/
/*.embed body #scrollTop,
.embed body header,
.embed body footer {
    display: none !important;
}

.embed body > .container {
    margin: unset !important;
    padding: 15px !important;
    width: 100%;
    max-width: unset;
}
*/

/*#region subscribe*/

#subscribe {
    height: auto;
    transition: all .3s ease-in;
}

.grecaptcha-badge {
    bottom: 80px !important;
}

/*#endregion subscribe*/

/*#region testimonials*/
#IntegrationsList .img-fluid[alt="WeYield"]:not(.flag):hover,
#testimonialsList .img-fluid[alt="WeYieldLogo"] {
    filter: brightness(0) saturate(100%) invert(34%) sepia(78%) saturate(1344%) hue-rotate(196deg) brightness(94%) contrast(91%);
}

#testimonialsList .img-fluid[alt="WeYieldLogo"] {
    padding: 5px;
}

.testimonials-img {
    width: 100px;
    height: 100px;
    top: -50px;
    left: calc(50% - 50px);
    background-color: #fff;
    overflow: hidden;
}

    .testimonials-img img {
        width: 100px;
        filter: grayscale(1);
    }

#testimonialsList .logo-img {
    width: 99%;
    top: 45px;
    margin-left: -16px;
}

    #testimonialsList .logo-img img {
        height: 30px;
    }

#testimonialsList #videoModal iframe {
    max-width: 100%;
}

#testimonialsList .openVideoDialog {
    cursor: pointer;
}

/*#endregion testimonials*/

/*portal*/

#liUserDropdown li.dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

    #liUserDropdown li.dropdown-item:hover,
    #liUserDropdown li.dropdown-item:hover > a {
        color: var(--main-color); 
        background-color: transparent;
    }

    #liUserDropdown li.dropdown-item > a {
        text-decoration: unset;
    }

    #liUserDropdown .dropdown-item:active,
    #liUserDropdown li.dropdown-item:active:hover,
    #liUserDropdown li.dropdown-item:active:hover > a {
        color: #fff;
        background-color: var(--main-color);
    }

/*#beforeLogin {
    align-content: center;
}*/
/*--- for password -----*/
.toggle-password.fa-eye {
    display: none;
}

.toggle-password {
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
}

/*.content {
    animation: fade-in 0.8s ease-out forwards;
}*/

.fade-content {
    opacity: 0;
    transition: opacity 0.4s, transform 0.4s; /* Smooth fallback/initial transition */
    transform: translateY(20px);
}

    /* 3. Define the active state (visible) */
    .fade-content.show {
        opacity: 1;
        transform: translateY(0);
        /* Apply the animation once the 'show' class is added */
        animation: fade-in 0.8s ease-out forwards;
    }

    .fade-content.fade-out {
        opacity: 1;
        transform: translateY(20px);
        /* Apply the animation once the 'show' class is added */
        animation: fade-out 0.8s ease-out forwards;
    }

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(30px);
    }
}

/*keyframes: {

      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
        "fade-in": "fade-in 0.8s ease-out forwards",
      },*/

.content h3 {
    display: flex;
    align-items: stretch;
}

.content h3 > i {
    background-color: var(--main-color);
    padding: 8px;
    height: 44px;
    width: 45px;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
}

/*#region @media*/
.navbar-brand {
    top: 3px;
}

@media only screen and (min-width: 1500px) {
    .navbar-brand {
        position: absolute;
        left: -50px;
    }

    .footer-logo {
        position: absolute;
        left: -90px;
    }

    footer .copyright a, footer .copyright a:active, footer .copyright a:link, footer .copyright a:visited {
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1399px) {
    .navbar-brand {
        position: absolute;
        left: -40px;
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1199px) {
    .navbar-brand {
        position: absolute;
        left: -40px;
    }
}

/*@media only screen and (min-width: 815px) and (max-width: 990px) {
    .navbar-brand {
        position: absolute;
        left: -40px;
    }
}*/

/*@media only screen and (min-width: 630px) and (max-width: 767px) {
    .navbar-brand {
        position: absolute;
        left: -40px;
    }
}*/

@media only screen and (min-width: 992px) {
    .border-top-lg-0 {
        border-top: unset !important;
    }

    .border-lg-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

@media only screen and (max-width: 600px) {

    h1 {
        font-size: 40px;
    }

    .hero h1 {
        line-height: 3rem;
        font-size: 3rem;
    }
}

/*for images*/
/*#region hero*/

.hero {
    position: relative;
    background-color: var(--hero-bg);
    color: var(--hero-color);
    padding: 60px 0px;
    font-size: 20px;
    height: 56vh;
    max-height: 487px;
    min-height: 350px;
    background-position: center -150px;
    text-transform: uppercase;
    background-image: url(../images/heros/default-bg-md.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

    .hero h1 {
        font-size: clamp(65px, 6vw, 100px);
        line-height: clamp(60px, 6vw, 95px);
        font-family: matter-heavy;
        font-weight: bolder;
        margin: 0;
    }

    .hero h4 {
        font-family: matter-light;
        font-size: clamp(20px, 3vw, 24px);
        line-height: 1;
    }

@media only screen and (min-width: 1500px) {
    /*#region Company*/

    .hero.board {
        background-image: url(../images/heros/company/board/board-lg.png);
    }

    /*.hero.book-a-demo {*/
        /*background-image: url(../images/heros/company/book-a-demo/book-a-demo-xxl.png);*/ 
        /*background-image: url(../images/heros/company/book-a-demo/book-a-demo.png);
        background-position: center;
    }

    .hero.careers {
        background-image: url(../images/heros/company/careers/career-xxl.png);
        background-position: right bottom;
    }

    .hero.contact-us {*/
        /*background-image: url(../images/heros/company/contact-us/contact-us-xxl.png);*/
        /*background-image: url(../images/heros/company/contact-us/contact-us.png);
        background-position: right bottom;
    }*/
    
    .hero.events {
        /*  background: linear-gradient(#000000a6), url(../images/heros/events/events.png);*/
        background-image: url(../images/heros/company/events/events-xxl.png);
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }

    /*.hero.information-security {*/
        /*background-image: url(../images/heros/company/information-security/information-security-xxl.png);*/
        /*background-image: url(../images/heros/company/information-security/information-security.png);
        background-position: center right;
    }*/

    .hero.meet-the-team {
        background-image: url(../images/heros/company/meet-the-team/meet-the-team-xxl.png);
        background-position: center;
    }

    .hero.reviews {
        background-image: url(../images/heros/company/testimonials/reviews.png);
        background-position: center;
    }

   /* .hero.about-us {
        background-image: url(../images/heros/company/about-us/about-us.png);
        background-position: center;
    }*/

    /*#endregion Company*/

    /*#region Features*/

    /*.hero.car-rental {*/
        /*background-image: url(../images/heros/features/car-rental/car-rental-xxl.png);*/
        /*background-image: url(../images/heros/features/car-rental/car-rental.jpeg);
    }

    .hero.fleet-management {
        background-image: url(../images/heros/features/fleet-management/fleet-management.png);
    }

    .hero.leasing {*/
        /*background-image: url(../images/heros/features/leasing/leasing2.png);*/
        /*background-image: url(../images/heros/features/leasing/leasing2.jpeg);
        background-position: center;
    }

    .hero.long-term {
        background-image: url(../images/heros/features/long-term/long-term-xxl.png);
        background-position: center;
    }

    .hero.subscription {*/
        /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals-xxl.png);*/
        /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals.jpeg);
        background-position: left;
    }*/
    /*#endregion Features*/

    /*#region legal*/

    /*.hero.legal {
        background-image: url(../images/heros/legal/legal-xl.png);
        background-position: center;
    }*/

    /*#endregion legal*/

    /*#region platform*/

    /*.hero.integrated-payments {*/
        /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments-xl.png);*/
        /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments.jpeg);
        background-position: center;
    }

    .hero.integrations {*/
        /*background-image: url(../images/heros/platform/integrations/integrations-xxl.png);*/
        /*background-image: url(../images/heros/platform/integrations/integrations-md.png);
        background-position: right;
    }

    .hero.overview {*/
        /*background-image: url(../images/heros/platform/overview/overview-xxl.png);*/
        /*background-image: url(../images/heros/platform/overview/overview.jpeg);
        background-position: center;
    }*/

    .hero.kiosk {
        background-image: url(../images/heros/platform/kiosk/kiosk-xxl.png);
        background-position: center;
    }

    /*#endregion platform*/

    /*#region portal*/

    /*.hero.portal {*/
        /*background-image: url(../images/heros/portal/client-portal/client-portal-xxl.png);*/
        /*background-image: url(../images/heros/portal/client-portal/client-portal.png);
        background-position: center;
    }*/

    /*#endregion portal*/

    /*#region support*/

    /*.hero.sla {*/
        /*background-image: url(../images/heros/support/sla/sla-xxl.png);*/
        /*background-image: url(../images/heros/support/sla/sla.png);
        background-position: center;
    }*/

    .hero.videos {
        background-image: url(../images/heros/support/training/training-xxl.png);
        background-position: center;
    }

    /*#endregion support*/

    /*#region error*/

    /*.hero.error {*/
        /*background-image: url(../images/heros/error/error-xxl.png);*/
        /*background-image: url(../images/heros/error/error-md.jpeg);
        background-position: center;
    }*/

    /*#endregion error*/
}


@media only screen and (min-width: 992px) and (max-width: 1499px) {
    /*#region Company*/
        .hero.board {
            background-image: url(../images/heros/company/board/board-lg.png);
        }

        /*.hero.book-a-demo {*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo-lg.png);*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo.png);
            background-position: left bottom;
        }

        .hero.careers {
            background-image: url(../images/heros/company/careers/career-lg.png);
            background-position: right bottom;
        }

        .hero.contact-us {*/
            /*background-image: url(../images/heros/company/contact-us/contact-us-lg.png);*/
            /*background-image: url(../images/heros/company/contact-us/contact-us.png);
            background-position: right bottom;
        }*/

        .hero.events {
            background-image: url(../images/heros/company/events/events-lg.png);
            background-position: left top;
        }

        /*.hero.information-security {*/
            /*background-image: url(../images/heros/company/information-security/information-security-lg.png);*/
            /*background-image: url(../images/heros/company/information-security/information-security.png);
            background-position: center right;
        }*/

        .hero.meet-the-team {
            background-image: url(../images/heros/company/meet-the-team/meet-the-team-lg.png);
            background-position: center;
        }

        .hero.reviews {
            background-image: url(../images/heros/company/testimonials/reviews-lg.png);
            background-position: center;
        }

        /*.hero.about-us {*/
            /*background-image: url(../images/heros/company/about-us/about-us-lg.png);*/
            /*background-image: url(../images/heros/company/about-us/about-us.png);
            background-position: center;
        }*/

    /*#endregion Company*/

    /*#region Features*/

        /*.hero.car-rental {*/
            /*background-image: url(../images/heros/features/car-rental/car-rental-lg.png);*/ 
            /*background-image: url(../images/heros/features/car-rental/car-rental.jpeg);
        }

        .hero.fleet-management {
            background-image: url(../images/heros/features/fleet-management/fleet-management-lg.png);
        }

        .hero.leasing {*/
            /*background-image: url(../images/heros/features/leasing/leasing2-lg.png);*/
            /*background-image: url(../images/heros/features/leasing/leasing2.jpeg);
            background-position: center;
        }

        .hero.long-term {
            background-image: url(../images/heros/features/long-term/long-term-lg.png);
            background-position: center;
        }

        .hero.subscription {*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals-lg.png);*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals.jpeg);
        }*/
    /*#endregion Features*/

    /*#region legal*/

        /*.hero.cookies {
            background-image: url(../images/heros/legal/legal-lg.png);
        }*/

    /*#endregion legal*/

    /*#region platform*/

        /*.hero.integrated-payments {*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments-lg.png);*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments.jpeg);
        }

        .hero.integrations {*/
            /*background-image: url(../images/heros/platform/integrations/integrations-lg.png);*/
            /*background-image: url(../images/heros/platform/integrations/integrations-md.png);
            background-position: right;
        }

        .hero.overview {*/
            /*background-image: url(../images/heros/platform/overview/overview-lg.png);*/
            /*background-image: url(../images/heros/platform/overview/overview.jpeg);
        }*/

        .hero.kiosk {
            background-image: url(../images/heros/platform/kiosk/kiosk-lg.png);
            background-position: center;
        }

    /*#endregion platform*/

    /*#region portal*/

        /*.hero.portal {*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal-lg.png);*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal.png);
        }*/

    /*#endregion portal*/

    /*#region support*/

        /*.hero.sla {*/
            /*background-image: url(../images/heros/support/sla/sla-lg.png);*/
            /*background-image: url(../images/heros/support/sla/sla.png);
            background-position: center;
        }*/

        .hero.videos {
            background-image: url(../images/heros/support/training/training-lg.png);
            background-position: center;
        }

    /*#endregion support*/

    /*#region error*/

        /*.hero.error {*/
            /*background-image: url(../images/heros/error/error-lg.png);*/
            /*background-image: url(../images/heros/error/error-md.jpeg);
            background-position: center;
        }*/

    /*#endregion error*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*#region Company*/
        .hero.board {
            background-image: url(../images/heros/company/board/board-md.png);
        }

        /*.hero.book-a-demo {*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo-lg.png);*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo.png);
            background-position: left bottom;
        }

        .hero.careers {
            background-image: url(../images/heros/company/careers/career-md.png);
            background-position: center bottom;
        }

        .hero.contact-us {*/
            /*background-image: url(../images/heros/company/contact-us/contact-us-md.png);*/
            /*background-image: url(../images/heros/company/contact-us/contact-us.png);
            background-position: center right;
        }*/

        .hero.events {
            background-image: url(../images/heros/company/events/events-sm.png);
            background-position: left top;
        }

        /*.hero.information-security {*/
            /*background-image: url(../images/heros/company/information-security/information-security-md.png);*/
            /*background-image: url(../images/heros/company/information-security/information-security.png);
            background-position: center right;
        }*/

        .hero.meet-the-team {
            background-image: url(../images/heros/company/meet-the-team/meet-the-team-md.png);
            background-position: center;
        }

        .hero.reviews {
            background-image: url(../images/heros/company/testimonials/reviews-md.png);
            background-position: center;
        }

        /*.hero.about-us {*/
            /*background-image: url(../images/heros/company/about-us/about-us-md.png);*/
            /*background-image: url(../images/heros/company/about-us/about-us.png);
            background-position: center;
        }*/

    /*#endregion Company*/

    /*#region Features*/

        /*.hero.car-rental {*/
            /*background-image: url(../images/heros/features/car-rental/car-rental-md.png);*/
            /*background-image: url(../images/heros/features/car-rental/car-rental.jpeg);
        }

        .hero.fleet-management {
            background-image: url(../images/heros/features/fleet-management/fleet-management-md.png);
        }

        .hero.leasing {*/
            /*background-image: url(../images/heros/features/leasing/leasing2-md.png);*/
            /*background-image: url(../images/heros/features/leasing/leasing2.jpeg);
            background-position: center;
        }

        .hero.long-term {
            background-image: url(../images/heros/features/long-term/long-term-md.png);
            background-position: center;
        }

        .hero.subscription {*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals-md.png);*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals.jpeg);
        }*/

    /*#endregion Features*/

    /*#region legal*/

        /*.hero.cookies {
            background-image: url(../images/heros/legal/legal-md.png);
        }*/

    /*#endregion legal*/

    /*#region platform*/

        /*.hero.integrated-payments {*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments-md.png);*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments.jpeg);
        }

        .hero.integrations {*/
            /*background-image: url(../images/heros/platform/integrations/integrations-md.png);*/
            /*background-image: url(../images/heros/platform/integrations/integrations-md.png);
            background-position: right;
        }

        .hero.overview {*/
            /*background-image: url(../images/heros/platform/overview/overview-md.png);*/
            /*background-image: url(../images/heros/platform/overview/overview.jpeg);
        }*/

        .hero.kiosk {
            background-image: url(../images/heros/platform/kiosk/kiosk-md.png);
            background-position: center;
        }

    /*#endregion platform*/

    /*#region portal*/

        /*.hero.portal {*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal-md.png);*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal.png);
        }*/

    /*#endregion portal*/

    /*#region support*/

        /*.hero.sla {*/
            /*background-image: url(../images/heros/support/sla/sla-md.png);*/
            /*background-image: url(../images/heros/support/sla/sla.png);
            background-position: center;
        }*/

        .hero.videos {
            background-image: url(../images/heros/support/training/training-md.png);
            background-position: center;
        }

    /*#endregion support*/

    /*#region error*/

        /*.hero.error {*/
            /*background-image: url(../images/heros/error/error-md.png);*/
            /*background-image: url(../images/heros/error/error-md.jpeg);
            background-position: center;
        }*/

    /*#endregion error*/
}

@media only screen and (max-width: 767px) {
    /*#region Company*/
        .hero.board {
            background-image: url(../images/heros/company/board/board-sm.png);
        }

        /*.hero.book-a-demo {*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo-sm.png);*/
            /*background-image: url(../images/heros/company/book-a-demo/book-a-demo.png);
        }

        .hero.careers {
            background-image: url(../images/heros/company/careers/career-xs.png);
            background-position: center right;
        }

        .hero.contact-us {*/
            /*background-image: url(../images/heros/company/contact-us/contact-us-xs.png);*/
            /*background-image: url(../images/heros/company/contact-us/contact-us-sm.png);
            background-position: center right;
        }*/

        .hero.events {
            background-image: url(../images/heros/company/events/events-sm.png);
        }

        /*.hero.information-security {*/
            /*background-image: url(../images/heros/company/information-security/information-security-sm.png);*/
            /*background-image: url(../images/heros/company/information-security/information-security.png);
            background-position: center right;
        }*/

        .hero.meet-the-team {
            background-image: url(../images/heros/company/meet-the-team/meet-the-team-md.png);
            background-position: center;
        }

        .hero.reviews {
            background-image: url(../images/heros/company/testimonials/reviews-sm.png);
            background-position: center;
        }

        /*.hero.about-us {*/
            /*background-image: url(../images/heros/company/about-us/about-us-sm.png);*/
            /*background-image: url(../images/heros/company/about-us/about-us.png);
            background-position: center;
        }*/

    /*#endregion Company*/

    /*#region Features*/

        /*.hero.car-rental {*/
            /*background-image: url(../images/heros/features/car-rental/car-rental-sm.png);*/
            /*background-image: url(../images/heros/features/car-rental/car-rental.jpeg);
        }

        .hero.fleet-management {
            background-image: url(../images/heros/features/fleet-management/fleet-management-md.png);
            background-position: center;
        }

        .hero.leasing {*/
            /*background-image: url(../images/heros/features/leasing/leasing2-xs.png);*/
            /*background-image: url(../images/heros/features/leasing/leasing2.jpeg);
            background-position: center;
        }

        .hero.long-term {
            background-image: url(../images/heros/features/long-term/long-term-md.png);
            background-position: center right;
        }

        .hero.subscription {*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals-sm.png);*/
            /*background-image: url(../images/heros/features/subscription-rentals/subscription-rentals.jpeg);
        }*/

    /*#endregion Features*/

    /*#region legal*/

       /* .hero.cookies {
            background-image: url(../images/heros/legal/legal-sm.png);
        }*/

    /*#endregion legal*/

    /*#region platform*/

        /*.hero.integrated-payments {*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments-sm.png);*/
            /*background-image: url(../images/heros/platform/integrated-payments/integrated-payments.jpeg);
        }

        .hero.integrations {*/
            /*background-image: url(../images/heros/platform/integrations/integrations-sm.png);*/
            /*background-image: url(../images/heros/platform/integrations/integrations-md.png);
            background-position: right;
        }

        .hero.overview {*/
            /*background-image: url(../images/heros/platform/overview/overview-sm.png);*/
            /*background-image: url(../images/heros/platform/overview/overview.jpeg);
        }*/

        .hero.kiosk {
            background-image: url(../images/heros/platform/kiosk/kiosk-sm.png);
            background-position: center;
        }

    /*#endregion platform*/

    /*#region portal*/

        /*.hero.portal {*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal-sm.png);*/
            /*background-image: url(../images/heros/portal/client-portal/client-portal.png);
        }*/

    /*#endregion portal*/

    /*#region support*/

        /*.hero.sla {*/
            /*background-image: url(../images/heros/support/sla/sla-sm.png);*/
            /*background-image: url(../images/heros/support/sla/sla.png);
            background-position: center;
        }*/

        .hero.videos {
            background-image: url(../images/heros/support/training/training-sm.png);
            background-position: center;
        }

    /*#endregion support*/

    /*#region error*/

        /*.hero.error {*/
            /*background-image: url(../images/heros/error/error-sm.png);*/
            /*background-image: url(../images/heros/error/error-md.jpeg);
            background-position: center;
        }*/

    /*#endregion error*/
}


/*#endregion hero*/

@media only screen and (max-width: 550px) {
    .metrics {
        padding-bottom: 0rem;
    }
}



/*#endregion media*/