* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-scroll-behavior: smooth;
    scroll-behavior: smooth;
}

body {
    font-family: 'akrobatregular', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}

/* OVERRIDE BOOTSTRAP CLASSES */
.container {max-width: 1250px;}

.text-primary {color: #002D80 !important;}

.btn-primary {
    background-color: #002D80;
    border-color: #002D80;
}
.btn-primary:hover {
    background-color: #003392;
    border-color: #003392;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #002D80;
    border-color: #002D80;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #002D80;
    border-color: #002D80;
    box-shadow: 0 0 0 0.2rem rgba(0, 51, 146,.8);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 51, 146,.8);
}

.transition { transition: all 0.3s; }

.bg-primary {background-color: #002D80 !important;}
/* .bg-primary:hover, .bg-primary:focus, .bg-primary:active {background-color: #FF823B !important;} */


/* .btn.focus, 
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(82,88,93,.5);
} */

.gap-1 {gap: 0.25rem;}
.gap-2 {gap: 0.5rem;}
.gap-3 {gap: 1rem;}
.gap-4 {gap: 1.5rem;}
.gap-5 {gap: 3rem;}

.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* SIDEBAR */

.sidenav {
    position: absolute;
    max-width: 0px;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 110;
    overflow: hidden;
    background-color: #fff !important;
    transition: all .2s ease;
}
.sidenav.open {max-width: 1000px;}

.bg-opacity {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    opacity: 0;
    display: none;
    z-index: 100;
}
.bg-opacity.active {display: block;}

.c545454 {color: #545454;}

/*------- HAMBURGER -------*/
/* .hamburger.bg-color-primary .hamburger-inner,
.hamburger.bg-color-primary .hamburger-inner:after,
.hamburger.bg-color-primary .hamburger-inner:before {
    background-color: #002D80 !important;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    background-color: #fff;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #fff !important;
}

.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before {
    width: 30px !important;
    height: 3px !important;
} */
/*-------------------------*/

.top-0 { top: 0;}
.left-0 {left: 0;}
.right-0 {right: 0;}
.bottom-0 {bottom: 0;}

.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.z-index-4 {z-index: 4;}
.z-index-5 {z-index: 5;}
.z-index-10 {z-index: 10;}

.filter-white { filter: brightness(0) invert(1);}

.slick-banners-topo .slick-track{ display: flex !important;}
.slick-banners-topo .slick-slide{ height: inherit !important;}

:is(.bg-banner-topo) {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hamburger-box {
    width: 30px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background-color: #002D80 !important;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #002D80 !important;
}

/* arrow for banners */
.btn-slick-next-banner,
.btn-slick-prev-banner {
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.8s;
}
.btn-slick-prev-banner.slick-disabled,
.btn-slick-prev-banner[aria-disabled="true"],
.btn-slick-next-banner.slick-disabled,
.btn-slick-next-banner[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0;
}


.btn-slick-prev-slide, 
.btn-slick-next-slide {
    width: 80px;
    height: 70px;
    background-color: #777777;
}
.btn-slick-prev-slide:hover, 
.btn-slick-next-slide:hover {
    background-color: #002D80 !important;
}

.btn-slick-prev-slide.btn-job, 
.btn-slick-next-slide.btn-job {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.btn-slick-prev-slide.btn-job-mobile, 
.btn-slick-next-slide.btn-job-mobile {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.btn-slick-prev-slide.slick-disabled,
.btn-slick-prev-slide[aria-disabled="true"], 
.btn-slick-next-slide.slick-disabled,
.btn-slick-next-slide[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.2;
}

.btn-slick-prev-afazeres, 
.btn-slick-next-afazeres {
    width: 34px;
    height: 34px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.btn-slick-prev-afazeres:hover, 
.btn-slick-next-afazeres:hover {
    color: #fff !important;
}

.btn-slick-prev-tipo-trabalho, 
.btn-slick-next-tipo-trabalho {
    width: 34px;
    height: 34px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #ddd;
    z-index: 4;
}

.btn-slick-prev-tipo-trabalho {
    top: 6px; 
    left: -38px;
}
.btn-slick-next-tipo-trabalho {
    top: 6px; 
    right: -38px;
}


.btn-slick-prev-tipo-trabalho:hover, 
.btn-slick-next-tipo-trabalho:hover {
    background-color: #6c757d !important;
}


.container-slick-oque-fazemos {
    position: absolute; 
    width: 100vw;
    top: 8px; 
    left: 0;
}
.container-slick-trabalhos {
    position: absolute; 
    width: 100vw;
}

#pills-tab {
    max-width: 900px;
}

/* .slick-servico-imagens img,
.slick-trabalho-imagens img {
    width: 100%;
    height: 768px;
    object-fit: contain;
    object-position: center;
    background-color: #6c757d;
} */

@media screen and (max-width: 1250px) {
    .container-slick-oque-fazemos,
    .container-slick-trabalhos {
        position: relative;
        width: 100% !important;
    }

    #pills-tab {
        max-width: max-content;
    }
}


.card-afazeres {
    min-width: 200px;
    min-height: 210px;
    cursor: pointer;
    background-color: #F4F3EE;
    color: #000;
    transition: background-color 0.3s, color 0.3s;
}
.card-afazeres:hover {
    background-color: #002D80;
    color: #FFF;
}
.card-afazeres:hover img {
    filter: brightness(0) invert(1);
}

.card-afazeres::after {
    content: '+';
    position: absolute;
    z-index: 2;

    display: flex;
    justify-content: center;
    align-items: center;

    left: 24px;
    bottom: -16px;
    width: 30px;
    height: 30px;
    background-color: #fff;

    font-family: 'amsiprocond-bolduploaded_file';
    font-size: 26px;
    color: #000;

    transition: background-color 0.3s;
}
.card-afazeres:hover::after { 
    background-color: #A3C206;
}

.card-trabalho {
    position: relative;
    min-width: 260px;
    max-width: 260px;
    height: 500px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.card-video {
    position: relative;
    max-width: 570px;
    width: 100%;
    height: 536px;
    background: #000;
}

.container-setas-trabalho {
    display: block;
}
.tag-br-texto-trabalhos {
    display: none;
}

.secao-video {
    background: linear-gradient(#EEE 85%, #FFF 15%);
}

@media screen and (max-width: 1250px){
    .container-trabalhos {max-width: 100%;}
    .container-setas-trabalho {display: none;}
    .secao-video {background: #EEE !important;}
}

.container-setas-trabalho-mobile {
    display: block;
}

@media screen and (min-width: 1250px){
    .container-trabalhos {max-width: 950px;}
    .container-setas-trabalho-mobile {display: none;}
    .tag-br-texto-trabalhos {display: block;}
}

@media screen and (max-width: 1199px) {
    .btn-slick-prev-tipo-trabalho {
        left: 0px;
    }
    .btn-slick-next-tipo-trabalho {
        right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .container-logo img { width: 140px !important;}

    .card-video {
        height: 300px;
    }
}

/***** WHATSAPP BUTTON ******/
#robbu-whatsapp-button {
    position: fixed;
    display: flex;
    z-index: 50;
    background: #25d366;
    bottom: 25px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    box-shadow: 2px 2px 12px rgba(22, 124, 60, .2);
    transition: .4s;
    align-items: center;
    justify-content: center;
    right: 25px;
}
#robbu-whatsapp-button>img {
    display: block;
    width: 34px;
    height: 34px
}
#robbu-whatsapp-button:hover {
    background: #21bd5c;
    box-shadow: 3px 3px 12px rgba(14, 81, 39, .4)
}