@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansLight.woff.ttf') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansRegular.woff.ttf') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansMedium.woff.ttf') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansBold.woff.ttf') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Motiva Sans';
    src: url('../font/MotivaSansBlack.woff.ttf') format('woff');
    font-weight: 900;
    font-style: normal;
}

.motiva {
    font-family: 'Motiva Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span, div, a, li, button {
    font-family: 'Motiva Sans', sans-serif;
}

.bg-menu {
    background-color: #2d4983;
}

.azul {
    color: #002269;
}

.azul-claro {
    color: #017eff;
}

.verde {
    color: #32d32a;
}

.bg-azul {
    background-color: #002269;
}

.bg-azul-claro {
    background-color: #017eff;
}

.bg-verde {
    background-color: #32d32a;
}

.bg-azul-azul-claro {
    background: linear-gradient(90deg, #002269 0%, #017eff 100%);
}

.bg-azul-claro-azul {
    background: linear-gradient(90deg, #017eff 0%, #002269 100%);
}

.bg-azul-claro-verde {
    background: linear-gradient(0deg, #017eff 0%, #32d32a 100%);
}

.text-azul-claro-verde {
    background: linear-gradient(90deg, #017eff 0%, #32d32a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-azul {
    background-color: #002269;
    color: #ffffff;
}

.btn-azul:hover, .btn-azul:focus {
    background-color: #001a4d !important;
    color: #ffffff;
}

.btn-azul-claro {
    background-color: #017eff;
    color: #ffffff;
}

.btn-azul-claro:hover, .btn-azul-claro:focus {
    background-color: #0166cc !important;
    color: #ffffff;
}

.btn-verde {
    background-color: #32d32a;
    color: #ffffff;
}

.btn-verde:hover, .btn-verde:focus {
    background-color: #28a428 !important;
    color: #ffffff;
}

.btn-azul-claro-verde {
    background: linear-gradient(90deg, #017eff 0%, #32d32a 100%);
    color: #ffffff !important;
    border: none !important;
}

.btn-azul-claro-verde:hover, .btn-azul-claro-verde:focus {
    background: linear-gradient(90deg, #0166cc 0%, #28a428 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

.pointer {
    cursor: pointer;
}

.nav-link {
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.3s;
    margin-left: 10px;
}

.nav-link:hover {
    border-bottom: 2px solid #ffffff;
}

/* pagination splide colors */

.splide__pagination__page {
    background-color: #002269;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.splide__pagination__page.is-active {
    background-color: #017eff;
}

/* splide arrow bg transparent svg azul claro */
.splide__arrow {
    background-color: transparent;
}

.splide__arrow svg {
    fill: #017eff;
}

#caminhoneiros {
    border-bottom: 2px solid;
}

#embarcadores {
    border-bottom: 2px solid;
}

#caminhoneiros.active {
    border-bottom: 2px solid #32d32a !important;
    color: #0166cc !important;
}

#embarcadores.active {
    border-bottom: 2px solid #32d32a !important;
    color: #017eff !important;
}

.foto-caminhao {
    border-radius: 24px;
    clip-path: polygon(10% 0%,
            100% 0%,
            100% 100%,
            0% 100%);
}

.w-lg-50 {
    width: 50% !important;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #002269;
    border-radius: 6px;
    border: 3px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #017eff;
}

::placeholder {
    color: #002269 !important;
    opacity: 1 !important;
}

.form-control {
    border: none !important;
}



.capa-embarcadores {
    background: url('../img/embarcadores/fotos/capa.jpg') no-repeat center center;
    background-size: cover;
}

.capa-caminhoneiros {
    background: url('../img/caminhoneiros/fotos/capa.jpg') no-repeat center center;
    background-size: cover;
}

.capa-carreiras {
    background: url('../img/carreiras/fotos/equipe.jpg') no-repeat center center;
    background-size: cover;
}

.border-bottom-azul-claro-verde {
    border-bottom: 4px solid;
    border-image: linear-gradient(90deg, #017eff 0%, #32d32a 100%);
    border-image-slice: 1;
}



@media (max-width: 992px) {
    .w-lg-50 {
        width: 100% !important;
    }
}