@font-face{
    font-family:'Gilroy';
    src:url('../fonts/Gilroy-Light.otf') format('opentype');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Gilroy';
    src:url('../fonts/Gilroy-ExtraBold.otf') format('opentype');
    font-weight:800;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Galano Grotesque';
    src:url('../fonts/GalanoGrotesqueRegular.otf') format('opentype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Galano Grotesque';
    src:url('../fonts/GalanoGrotesqueBold.otf') format('opentype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
*{
    font-family:'Gilroy', sans-serif;
}

body{
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #363636;
    box-sizing: border-box;
    font-family:'Gilroy', sans-serif;
    top: 0!important;
}

/* =================== COLORS TO USE ======================= */

:root {
    --bs-white: #FFFFFF;
    --bs-gray-light: #EEEEEE;
    --bs-gray: #636363;
    --bs-gray-dark: #4A4C4E;
    --bs-gray2: #ECECEC;
    --bs-green-light: rgba(5, 199, 139, 1);
    --bs-green: #008A5B;
    --bs-green-whatsapp:#07B240;
    --bs-blue-light:#00BFFF;
    --bs-blue: #0074A6;

    /* corrigido */
    --bs-blue-dark: #2342BA;

    --bs-blue-marine: #220852;
    --bs-purple: #780078;
    --bs-black: #000000;

    --txt-black-title: #363636;
    --txt-blue-title: #2342BA;

}

/* =================== GENERAL STUFF ======================= */

.breadcrumb-item a{
    color: #363636;
    font-size: 15px;
    text-decoration: none;
}

.breadcrumb-item.active{
    color: #2342BA;

}

.no-border{
    border: none !important;
}

.image-menu>div {
    /*border: solid 1px #b6b6b6;*/
    border-radius: 5px;
    text-align: center;
}

.image-menu>div>img {
    max-width: 70%;
}

.image-menu>ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.image-menu>ul li {
    display: inline-block;
    padding: 0 10px;
}


/* =================== TEXT COLORS ========================= */

.text-white {
    color: var(--bs-white);
    filter: brightness(100%);
}

.text-gray{
    color: var(--bs-gray) !important;
}

.text-gray-dark {
    color: var(--bs-gray-dark) !important;
}

.text-green-light {
    color:  var(--bs-green-light) !important;
}

.text-green {
    color:  var(--bs-green) !important;
}

.text-light-blue{
    color: #00c8ff;
}

.text-blue {
    color: var(--bs-blue-light) !important;
}


.text-blue-dark {
    color: var(--bs-blue-dark) !important;
}


.text-justify {
    text-align: justify !important;
}

.goog-te-banner-frame{
    display: none;
}

/* =================== LINE-HEIGHT ======================== */

.lh {
    line-height: 8px;
}
.lh-1 {
    line-height: 15px;
}

.lh-2 {
    line-height: 25px;
}

/* =================== SIZE OF TEXT FONTS ================== */

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}
.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-40 {
    font-size: 40px;
}

.fs-50 {
    font-size: 50px;
}

.fs-60 {
    font-size: 60px;
}
.no-underline{
    text-decoration: none !important;
}
/* =================== BUTTONS ============================= */

.btn,
.btn-white-shorcuts,
.btn-white,
.btn-gray,
.btn-blue-light,
.btn-blue,
.btn-blue-dark,
.btn-green-light {
    transition: 0.2s ease-in-out;
}

.btn {
    border-radius: 30px;
    padding: 8px 30px;
}

.btn-white-shorcuts {
    max-width: 180px !important;
    background-color: var(--bs-white);
}
.btn-white-shorcuts:hover {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
    color: #ffffff!important;
}

.border-radius {
    border-radius: 30px !important;
}

.btn-white {
    background-color: var(--bs-white);
}

.btn-white:hover {
    background-color: var(--bs-blue-dark) !important;
    border: 1px solid #ffffff;
    color: #ffffff!important;
}
.btn-white:hover a{
    color: #ffffff !important;
}

.btn-gray {
    background-color: var(--bs-gray);
}

.btn-gray:hover {
    background-color: #6c6b6b;
}

.btn-blue-light {
    background-color: var(--bs-blue-light);
}

.btn-blue-light:hover {
    background-color: #ffffff;
    color: var(--bs-blue-light)!important;
}

.btn-blue {
    background-color: var(--bs-blue);
}

.btn-blue-dark {
    background-color: var(--bs-blue-dark);
}
.btn-red {
    background-color: red;
}

.btn-blue-dark:hover{
    background-color: #021a59;
}

.btn-green-light {
    background-color: var(--bs-green-light);
}

.btn-green-light:hover {
    background-color: #4da20f;
}

.btn-whats {
    background-color: #05C78B;
    color: #ffffff;
}

.btn-whats:hover {
    background-color: #05C78B;
}


/* =================== INPUTS ============================= */
/* pode ser usado de maneira geral */
.form{
    display: block;
}

.form .form-input-container{
    display: block;
    margin-bottom: 8px;
}


.form-label{
    display: block;
    color: #363636;
    margin-bottom: 0;
}

.form-input-text {
    height: 50px;
    padding: 0 20px;
}


.form-text-area {
    padding: 10px 20px;
}

.form-input-text,
.form-text-area{
    width: 100%;
    border: 1px solid #B6B6B6 !important;
    border-radius: 5px;
    outline: transparent !important;
    background: #FFFFFF;
    color: #070707;
    font-size: 13px;
}


.form-input-text.gray, .form-text-area.gray {
    border: solid 1px #B6B6B6 !important;
    background-color: #ECECEC !important;
    color: #363636 !important;
}



/* =================== MAPS ============================= */

#gmap_canvas {
    overflow:hidden;
    background:none !important;
    min-height: 475px;
    width:100%;
    border: 8px solid var(--bs-white) !important;
}

.mapouter{
    position:relative;
    text-align:right;
    height:100%;
    width:100%;
}

/* =================== SHADOWS ============================= */

.shadow {
    box-shadow: 0px 3px 6px #00000029!important;
}

.shadow-2 {
    box-shadow: 0px 12px 12px #00000029!important;
}

/* =================== BORDER RADIUS ======================= */

.br-1 {
    border-radius: 10px;
}

.br-2 {
    border-radius: 20px;
}

/* =================== Z-INDEX ============================= */

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

/* =================== VIDEOS ============================= */

.video {
    width: 70% !important;
    height: 450px;
}

#play-start,
#play-start-purple{
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#play-start div,
#play-start-purple div{
    padding: 10px;
    border-radius: 50%;
}

#play-start div {
    border: 1px solid var(--bs-blue-light);
}

#play-start-purple div {
    border: 1px solid var(--bs-white);
}

.play-start-icon:hover{
    background-image: linear-gradient(230deg, #008D3C 0%, #00B0F2 100%);
}

.play-start-icon,
.play-start-icon-purple{
    font-size: 30px;
    color: var(--bs-white);
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-repeat: no-repeat;
    box-shadow: 0px 3px 20px #00000029;
    transition: 0.3s ease-in-out;
}

.play-start-icon {
    background-image: linear-gradient(230deg, #00B0F2 0%, #008D3C 100%);
}

.play-start-icon-purple {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
}


/*=================== CARDS ================================ */

.card-white {
    background-color: var(--bs-white);
    width: 100%;
    border-radius: 15px;
}
.card-white a:hover{
    color: var(--bs-blue)!important;
}

.card-news div > img{
    width:100%;
}

.card-news a:hover{
    color: var(--bs-blue-dark)!important;
}

.card-clipping {
    min-height: 230px;
    max-height: 230px;
}

.card-category {
    height: auto;
    max-height: 475px;
}

.card-diferentials {
    height: 150px;
    border-bottom: 11px solid transparent;
    border-image: linear-gradient(90deg, #780078 0%, #00D0F8 100%) 0% 0%;
    border-image-slice: 1;
}

.card-why-visite {
    height: 130px;
    border-radius: 10px;
}

.card-infomation {
    height: 205px;
}

/* ================== DOTS CAROUSEL  ======================== */

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--bs-blue-dark);
}

.owl-theme .owl-dots .owl-dot.active span {
    transform: scale(1.4);
}

#why-visite .owl-theme .owl-dots .owl-dot span {
    opacity: 0.5;
}

#why-visite .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

#why-visite .owl-theme .owl-dots .owl-dot span,
#why-visite .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--bs-white) !important;
}

#evento .owl-theme .owl-dots .owl-dot span {
    opacity: 0.5;
}

#evento .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

#evento .owl-theme .owl-dots .owl-dot span,
#evento .owl-theme .owl-dots .owl-dot.active span {
    margin-top: 20px;
    background-color: var(--bs-blue-light) !important;
}


/* ================== NAV CAROUSEL  ======================== */

.owl-carousel .owl-nav button.owl-prev{
    background-image: url('../images/icones/chevron-left.svg') !important;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url('../images/icones/chevron-right.svg') !important;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent; !important;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 45%;
    left: -4%;
    width: 108% !important;
    display: flex;
    justify-content: space-between !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: transparent !important;
    height: 30px !important;
    width: 30px !important;
}

#evento .owl-carousel .owl-nav button.owl-prev{
    background-image: url('../images/icones/arrow-left-circle-blue.svg') !important;
}

#evento .owl-carousel .owl-nav button.owl-next {
    background-image: url('../images/icones/arrow-right-circle-blue.svg') !important;
}
/* ================== TABS ================================== */

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 20px !important;
    text-align: start !important;
    border-bottom-width: 1px;
    border-color: transparent transparent var(--bs-gray) transparent !important;
    border-style: solid !important;
}

.nav-link.nav-border {
    border: solid 1px white;
    border-radius: 27px;
}

.nav-tabs .nav-link.active {
    color: var(--bs-blue-dark) !important;
    background: var(--bs-gray-light) !important;
    border-color: transparent transparent var(--bs-blue-dark) transparent !important;
    border-width: 3px !important;
    border-style: solid !important;
    margin-top: -3px !important;
}

.nav-tabs .nav-link-galeria {
    width: 100%;
    padding: 5px 20px;
    font-size: 20px !important;
    border:none !important;
    background: transparent;
    color: var(--bs-gray-dark) !important;
}

.nav-tabs .nav-link-galeria.active {
    color: var(--bs-green-light) !important;
    border-bottom: 1px solid var(--bs-gray) !important;
}

/* =================== BACKGROUNDS COLORS ==================== */

.bg-blue-light {
    background-color: var(--bs-blue-light);
}

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

.bg-blue-dark {
    background-color: var(--bs-blue-dark);
}

.bg-gradiente-blue {
    background: linear-gradient(90deg, rgba(32, 58, 112, 1) 0%, rgba(12, 175, 217, 1) 50%, rgba(89, 190, 194, 1) 100%);
}

.bg-blue-marine {
    background-color: var(--bs-blue-marine);
}

.bg-green-light {
    background-color: var(--bs-green-light);
}

.bg-gray-light {
    background-color: var(--bs-gray-light);
}

.bg-purple {
    background-color: var(--bs-purple);
}
.bg-gray2 {
    background-color: var(--bs-gray2);
}

.bg-timeline-blur {
    position: absolute;
    background-image: url('../images/backgrounds/timeline-blur.svg');
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 10%;
}

/* ================== BACKGROUND GRADIENTES ================ */

.bg-purple-gradiente {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
}

.bg-blue-gradiente {
    background-image:linear-gradient(90deg, #00D0F8 0%, #0074A6 100%)
}

.bg-blue-green-gradiente {
    background-image: linear-gradient(90deg, #00B0F2  0%,  #6BC72A 100%);
}

.bg-footer {
    background-image: linear-gradient(230deg, #00B0F2 0%, #008D3C 100%);
}

/* ================== BACKGROUND IMAGES ===================== */

.bg-image,
.bg-dados-sobre,
.bg-expositor,
.bg-planta-interativa,
.bg-dados-merchandising,
.bg-why-visite,
.bg-hospedagem,
.bg-imprensa,
.bg-footer{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-credenciamento {
    border-top: 15px solid transparent;
    border-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) 0% 0%;
    border-image-slice: 1;
}

.bg-planta-interativa {
    background-image: url("../images/banners/planta-interativa.png");
}

.bg-dados-sobre {
    background-image: url("../images/banners/dados-sobre.png");
}

.bg-timeline {
    background-image: linear-gradient(90deg, #00B0F2  0%,  #6BC72A 100%);
}

.bg-expositor {
    background-image: url("../images/banners/expositor.png");
}

.bg-dados-merchandising {
    background-image: url("../images/banners/dados-merchandising.png");
}

.bg-why-visite {
    background-image: url("../images/backgrounds/porque-visitar.png");
}

.bg-hospedagem {
    background-image: url("../images/banners/hospedagem.png");
}

.bg-imprensa {
    background-image: url("../images/banners/imprensa.png");
}
/* ================== LISTAS  =============================== */

.list-none-style {
    list-style: none;
}

/* ================== FAQS ================================== */

.accordion-button-perfil-expositor {
    color: var(--bs-blue-dark) !important;
    border-radius: 10px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
}

.accordion-button::after {
    background-image: url("../images/icones/faq-open.svg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/icones/faq-close.svg") !important;
    height: 30px;
    width: 30px;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-white) !important;
}

.accordion-item{
    border: none!important;
    background: transparent;
    margin-bottom: 30px;
}
/* ================== TABELAS =============================== */

.table {
    margin-left: 0;
    overflow-x: auto;
    max-height: 500px !important;
    overflow-y: auto !important;
}
.table-download {
    width: 100%;
    min-width: 650px;
    border-spacing: 0 12px !important;
    border-collapse: separate !important;
}

.table-download thead tr th,
.table-download tbody tr td {
    padding: 10px 0px 10px 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
}

.table-download thead tr,
.table-download tbody tr {
    border-radius: 2px;
    box-shadow: 0px 3px 3px #00000029;
}

.table-download thead th:first-child,
.table-download tbody tr td:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.table-download thead th:last-child,
.table-download tbody tr td:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/* ================== ESTILIZAÇÃO HEADER ==================== */
#header {
    padding: 0;
}

#pre-header{
    color: #636363;
    /*height: 40px;*/
    line-height: 40px;
    background-color: #ffffff;
}

#pre-header .fa-phone{
    margin-right: 10px;
}

#pre-header span {
    display: block;
    float: right;
    margin-top: -2.5px;
}

#pre-header span a {
    text-decoration: none !important;
}

#header {}

#header #post-header{
    height: 90px;
}

.header-fixed{
    position: fixed;
    z-index: 6;
    box-shadow: 0px 3px 6px #00000029;
}

#header #post-header-app-detail{
    height: 99px !important;
    background-color: #E4E4E4;
}

section #post-header-app-detail{
    /*height: 33px !important;*/
    padding: 5px;
    background-color: #E4E4E4;
    color: #636363;
}
section #post-header-app-detail span{
    color: #A6A6A6;
}

.aplicacao-detail .btn-white{
    color: #A6A6A6;
}

/*================ navbar & logotipo ==========*/
.navbar-brand {
    margin-top: 10px;
}

.nav-link {
    /*color: var(--bs-white) !important;*/
    color: #636363;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.navbar-main{
    font-size: 22px;
    color: #636363 !important;
    border: none;
    margin-top: -45px;
}




/*============ Dropdown Menu ===========*/
.dropdown-menu.show {
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

.dropdown-toggle::after {
    background-image: url("../images/icones/chevron-down.png");
    background-position: center;
    background-size: cover;
    width: 15px;
    height: 15px;
    border: transparent!important;
}

.dropdown-menu li a {
    color: #B6B6B6 !important;
    font-size: 0.8rem;

}

.dropdown-menu li a:hover
{
    /* background-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) !important; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    color: var(--bs-blue-dark) !important;
}

.dropdown-menu li a i:hover {
    color: var(--bs-white) !important;
}

/* ======== font awesome =========*/
.fa-circle-icon {
    color: var(--bs-blue-light);
}

#header{
    padding:0;
}

#pre-header{
    background-color:#ffffff;
    color:#636363;
}

#pre-header .container{
    max-width:1304px;
}

.navbar{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
}

.navbar-brand{
    margin:0;
    padding:0;
    flex-shrink:0;
}

.logo-header{
    display:block;
    width:220px;
    max-width:100%;
    height:auto;
}

.navbar-collapse{
    flex-grow:1;
}

.navbar-nav{
    gap:22px;
    flex-wrap:nowrap;
}

.nav-link{
    color: rgba(0, 0, 0, 0.55)!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.navbar-main{
    font-size:22px;
    color:#636363 !important;
    border:none;
    margin-top:0;
    padding:0;
}

.btn-whats{
    margin-left:8px;
    white-space:nowrap;
}

.dropdown-toggle::after{
    margin-left:8px;
}

#header #post-header{
    height:90px;
}

@media (max-width:1399.98px){
    .logo-header{
        width:190px;
    }

    .navbar-nav{
        gap:16px;
    }

    .nav-link{
        font-size:16px;
    }
}

/* ==================== ESTILIZACAO FOOTER ================== */

#footer {
    background-color: #310070;
    color: #ffffff !important;
    padding-top: 60px;
}

#footer a{
    text-decoration: none !important;
}

#footer #maps-google{
    color: #00f465;
    text-decoration: none;
}

#footer #logo-footer{
    width: 246px !important;
}

#footer #footer-detail{
    height: 56px;
    line-height: 56px;
    color: #ffffff !important;
    background-color: #4200c4;
    font-weight: lighter;
}


#footer #footer-detail a {
    color: #ffffff !important;
    text-decoration: none;
    display: block;
    float: right;
}
.footer-card .footer-title{
    font-size:1.1em;
    margin-bottom: 17px;
    font-weight: bold;;
}


.footer-card .footer-title-light{
    font-weight: lighter;
    font-size: 1.3em;
}


.footer-card .footer-body{
    margin: 0;
}

.footer-card .footer-body-padded{
    padding-top: 30px;
}

.footer-card .footer-body ul {
    padding: 0;
    margin: 0;
}

.footer-card .footer-body ul li{
    list-style: none;
}

.footer-card .footer-body ul li a{
    text-decoration: none;
    color: white;
}


#footer .list-none-style a.text-white:hover{
    border-bottom: 1px solid #ffffff;
}


#whatsapp{
    font-size: 1.5em;
    position: fixed;
    right: 20px;
    bottom: 25px;
    color: #ffffff;

    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    background-color: #07B240;
}

/* ================== ESTILIZAÇÃO CREDENCIAMENTO ============ */

#banner-video {
    min-height: 450px;
    height: calc(100vh - 70px);
    width: 100%;
    position: relative;
    border-image-slice: 1;
}

#banner-video #myVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

/* ==================  ESTILIZAÇÃO CRONOGRAMA ============== */

.timeline {
    width: 80%;
    height: auto;
    margin: 0 auto;
    position: relative;
    max-width: 800px;
}

.timeline ul li {
    list-style: none !important;
    color: var(--bs-white);
    margin-bottom: 10px;
}

.timeline ul li:last-child {
    margin-bottom: 0;
}

.timeline ul li:nth-child(even) {
    margin-bottom: 80px;
    border-bottom: 1px solid var(--bs-white);
}

.fa-circle-icon-timeline {
    font-size: 10px !important;
}

/* ================== ESTILIZAÇÃO DEPOSITIONS  ============= */

.icon-aspas {
    width: 60px!important;
}

.card-depositions {
    height: 450px;
}

.author-deposition  {
    width: 150px;
    height: 3px;
    background-color: var(--bs-green-light);
}

/* ================== ESTILIZAÇÃO NEWS  =================== */

.news-read-more {
    border-top: 1px solid var(--bs-gray);
}

.news-read-more a span img {
    height: 20px;
}

/* ================== ESTILIZAÇÃO CLIPPING  ================ */

.icon-calendar {
    height: 14px !important;
    width: 14px !important;
}

.clipping-read-more {
    border-top: 1px solid var(--bs-gray);
}

.icones-expectativa {
    width: 80px;
    height: 80px;
}

.border-top-gradient {
    border-top: 15px solid transparent;
    border-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) 0% 0%;
    border-image-slice: 1;
}

/* ================== ESTILIZAÇÃO GALERIA ================== */

.cards-gallery {
    width: 100%;
    height: 300px;
}

.gallery-hover-content {
    position: relative;
    display: flex!important;
    height: 100%;
    z-index: 3!important;
    top: -100%;
    background-color: var(--bs-gray-dark);
    opacity: 0.75;
    visibility: hidden;
}

.gallery-hover-content:hover {
    transition: 0.3s ease-in-out!important;
}

/* ================== ESTILIZAÇÃO EXPOSITOR ================ */

.border-bottom-gradiente {
    border-bottom: 11px solid transparent;
    border-image: linear-gradient(90deg, #6BC72A 0%, #00B0F2 100%) 0% 0%;
    border-image-slice: 1;
}

.icon-dados-expositor{}

.card-how-expose {
    height: 100%;
}

.icon-check-black {
    height: 20px;
}

/* ================== ESTILIZAÇÃO RESERVA ESPACO =========== */

.icon-reserva-espaco {
    height: 50px;
    width: 50px;
}

/* ================== ESTILIZAÇÃO PARCEIROS OFICIAS ======== */

.categoria-parceiro-img {
    max-width: 200px;
}

/* ================== ESTILIZAÇÃO AREA DO EXPOSITOR ======== */

.card-area-expositor {
    height: 180px;
}

.icone-add-photo {
    height: 65px
}

.icon-download {
    height: 25px;
}

.icon-document {
    height: 70px;
}

/* =================== PAGINATE =================== */
.endless_page_current{
    color: #2342BA;

}
.endless_page_link{
    color: #B6B6B6;
    text-decoration: none;

}
/* =================== ESTILIZAÇÃO NOTICIAS =================== */

.news-image {
    transform: translateY(-60px);
}

/* =================== ESTILIZAÇÃO MERCHANDISING ============== */

.merchandising-photo {
    width:80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    border-radius: 50%;
}

.icon-media-kit {
    width:80px;
    height: 80px;
}

.card-media-kit {
    height: 200px;
}

/* =================== ESTILIZAÇÃO PORQUE VISITAR ============ */

.icon-diferentials{
    height: 50px;
    width: 50px;
}

.icon-why-visite {
    margin-top: 10px;
    height: 40px;
    width: 40px;
}

.icon-calendar-filter {
    height: 30px;
    width: 30px;
}

.border-bottom-green {
    border-bottom: 1px solid var(--bs-green-light);
}

/* =================== ESTILIZAÇÃO IMPRENSA ================== */

.accordion-item-imprensa {
    margin-bottom: 5px!important;

}

.accordion-item-imprensa .accordion-header {
    border-bottom: 1px solid var(--bs-gray) !important;
}

.accordion-item-imprensa
.accordion-button:not(.collapsed),
.accordion-item-imprensa
.accordion-button{
    color: var(--bs-green-light) !important;
    font-size: 22px;
}

.accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;

}

.accordion-button-imprensa::after{
    background-image: url("../images/icones/comunicados-open.svg") !important;
}

.accordion-button-imprensa:not(.collapsed)::after{
    background-image: url("../images/icones/comunicados-close.svg") !important;
}

.accordion-body-imprensa {
    text-decoration: none;
    padding: 20px 10px;
    border-bottom: 0.5px solid var(--bs-gray-light) !important;
    flex-direction: column;
    display: flex;
}

.accordion-body-imprensa .icon-imprensa{
    height: 16px !important;
    width:16px !important;
}

/* =================== MENU MOBILE =========================== */

.content-menu-mobile {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    z-index: 2!important;
}

.logo-header-mobile {
    width: 190px;
}

.button-mobile {
    position: fixed;
    left: 262px;
    top: 38px;
    background: var(--bs-blue-dark);
    border-radius: 50%;
    height: 42px;
    width: 42px;
    color: var(--bs-white)!important;
    font-weight: bolder;
}

.menu-mobile {
    width: 285px;
    height: 100vh;
    left: 0!important;
    position: fixed;
    z-index: 3!important;
    background-color: var(--bs-white);
    -webkit-animation: slide-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.menu-mobile .nav-link {
    font-size: 14px;
}

.border-bottom-gray {
    border-bottom: 1px solid var(--bs-gray);
}

/* =================== General =========================== */
.btn.btn-blue{
    background-color: #2342BA;
    color: white!important;
    font-size: 15px;
}
.btn.btn-blue{
    background-color: #2342BA;
    color: white!important;
    font-size: 15px;
}
.btn.btn-green-fraco{
    background-color: #197980;
    color: white!important;
    font-size: 15px;
}
.btn.btn-green-fraco:hover{
    background-color: rgb(25 121 128 / 0, 68);
    color: white!important;
    font-size: 15px;
}

.anchor{
    text-decoration: none;
}

.anchor:hover{
    text-decoration: underline;
}

.anchor.anchor-blue{
    color: #0056FF !important;
}

.anchor.anchor-orange{
    color: #FF6F00;
}

.btn.btn-green{
    background-color: #00f465;
    color: white;
    font-size: 15px;
    padding: 8px 40px;
}

/* ========================= All Pages ====================*/
.page-banner{
    height: 760px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-banner h1 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
}

.page-banner h2 {
    color: #00BFFF;
    font-size: 35px;
    font-weight: bold;
}

.page-banner p {
    color: #fff;
    font-size: 20px;
}

.page-banner h1.numeros {
    color: #00C65E;
    font-size: 60px;
    font-weight: bold;
}

.page-banner-contratar{
    height: 470px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-banner-contratar h1 {
    color: #00BFFF;
    font-size: 50px;
    font-weight: bold;
}

.page-banner-contratar h2 {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}
.page-banner-contratar .text-btn-gray {
    color: #626262 !important;
}
.page-banner-contratar .text-btn-gray:hover {
    color: #ffffff !important;
}

/*==================== General Pages ======================*/
.pages{
    overflow-y: scroll;
    scroll-behavior: smooth;
}

.pages-menu{
    margin-top: 10px;
    border-bottom: solid 1px #919191;
}

.pages-menu a{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #768589;
    text-decoration: none;
    text-align: center;
    position: relative;
    font-size: 20px;
}

.pages-menu a:hover,
.pages-menu a:active{
    color: #2342BA;
}


.pages-menu a:hover span,
.pages-menu a:active span{
    display: block;
    width: 100%;
    height: 3px;
    background-color: #2342BA;
}

.page { padding: 40px 0;
    display: flex;
}


/*===================== Page About us =====================*/
/* about us*/
.page.about-us{
    background-color: #fff;
}

.page.about-us h1{
    color: #363636;
    font-size: 30px;
    text-align: left;;
    font-weight: bold;
}

.page.about-us h2{
    color: #2342BA;
    font-size: 45px;
    text-align: left;;
    font-weight: bold;
}

.page.about-us h2 span{
    color: #2342BA;
    text-align: left;
    font-weight: normal;
}


.page-about-us p {
    color: #B6B6B6;
    font-size: 25px;
}

/*video*/
.page.inst-video{
    background-color: #ECECEC;
}

.page.inst-video h1{
    text-align: center;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
}

.page.inst-video h1 span{
    display: block;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}

/*our numbers*/
.page.our-numbers{
    background-color: #fff;
}

.page.our-numbers img{
    margin-bottom: 15px;
}

.page.our-numbers h1{
    text-align: right;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;;
}

.page.our-numbers h1 span{
    display: block;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
}

.page.our-numbers p {
    color: #B6B6B6;
    text-align: right;
    font-size: 20px;
    margin: 0 0 80px 0;
}

/* segmentos */
.page.segments{
    background-color: #ECECEC;
}

.page.segments h1{
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}
.page.segments .item {
    padding: 0 10px;
}

/* pode ser usado de maneira geral */
.card-segments {
    display: block;
    border-radius: 20px;
    background-position: center;
    background-size: 130%;
    width: 100%;
    transition: width 0.35s;
}

.card-segments>img{
    visibility: hidden;
}

.card-segments>.details{
    display: block;
    background-color: #2342BA;
    border-radius: 0 0 20px 20px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 20px;
}


.card-segments>.details>.title{
    line-height: 50px;
    height: 50px;
    float: left;
    margin-left: 20px;
}


.card-segments>.details>.action{
    line-height: 50px;
    height: 50px;
    float: right;
    margin-right: 20px;
    visibility: hidden;
    font-size: 15px;
}

.card-segments:hover {
    background-size: 150% 150%;
    width: 103%;
}

.card-segments:hover>.details>.action{
    visibility: visible;
}

/*----------------*/
.card-galeria {
    display: block;
    border-radius: 20px;
    background-position: center;
    background-size: 130%;
    width: 100%;
    transition: width 0.35s;
    background-repeat: no-repeat;

}

.card-galeria>img{
    visibility: hidden;
}

.card-galeria>.details{
    display: block;
    background-color: #2342BA;
    border-radius: 0 0 20px 20px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 20px;
}


.card-galeria>.details>.title{
    line-height: 50px;
    height: 50px;
    float: left;
    margin-left: 20px;
}


.card-galeria>.details>.action{
    line-height: 50px;
    height: 50px;
    float: right;
    margin-right: 20px;
    visibility: hidden;
    font-size: 15px;
}

.card-galeria:hover {
    background-size: 150% 150%;
    width: 103%;
}

.card-galeria:hover>.details>.action{
    visibility: visible;
}

/* our history */
.page.our-history{
    background-color: #fff;
    padding: 40px 0 0 0;
}

.our-history h1{
    text-align: center;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
    margin-bottom: 30px;
}

.our-history h1 span{
    display: block;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}


/* trabalhe conosco */
.page.work-with-us{
    background-color: #ececec;
}

.page.work-with-us img{
    margin-bottom: 15px;
}

.page.work-with-us h1{
    text-align: left;
    font-size: 50px;
    color: #2342BA;
    font-weight: bold;
    margin-bottom: 10px;
}

.page.work-with-us h1 span{
    display: block;
    font-size: 30px;
    color: #363636;
    font-weight: lighter;
}

/*===================== Page Our Business =====================*/
/* our business*/

.page.rotomoldagem h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: bold;

}

.page.rotomoldagem h2{
    color:#2342BA;
    font-size: 25px;
    margin: 10px 0 0 0;
}

.page.rotomoldagem p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
}

.page.rotomoldagem .btn{
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* injecao */

.page.injection{
    background-color: #ECECEC;
}

.page.injection h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 50px;
    text-align: right;
}

.page.injection h2{
    color:#2342BA;
    font-size: 30px;
    margin: 10px 0 0 0;
    text-align: right;
}

.page.injection p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
    text-align: right;
}

.page.injection .btn{
    float: right;
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* Page Vacuum*/
.page.vacuum{
    background-color: #fff;
}

.page.vacuum h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 50px;

}

.page.vacuum h2{
    color:#2342BA;
    font-size: 30px;
    margin: 10px 0 0 0;
}

.page.vacuum p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
}

.page.vacuum .btn{
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* make */
.page.make{
    background-color: #2342BA;
}

.page.make h1{
    position: relative;
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 50px;
    text-align: right;
}

.page.make h1 span{
    position: absolute;
    display: block;
    right: 80px;
    top: -20px;
    font-size: 25px;
    margin: 10px 0 0 0;
    text-align: right;
}

.page.make p{
    color: #fff;
    margin: 0;
    font-size: 20px;
    text-align: right;
    margin-bottom: 30px;
}

.page.make .btn{
    float: right;
    color: #2342BA;
    margin: 20px 0 0 0;
    font-size: 20px;
}


.page.make .btn:hover{
    background-color: #ececec !important;
    color: #2342BA !important;

}


/*===================== Page Fabrique =====================*/
/* our fabrique o seu */
.page.make-it{
    background-color: #fff;
}

.page.make-it h1{
    color : #363636;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;

}


.page.make-it h2 {
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}

.page.make-it h2>span {
    color: #2342BA;
    font-size: 30px;
    font-weight: normal;
}

.page.make-it p{
    color: #B6B6B6;
    font-size: 20px;
}

/* componentes */
.page.components {
    background-color: #ECECEC;
    padding: 10px;
}

.page.components .row {
    margin: 35px 0;
}

/* pode ser usado de maneira geral */
.card-components{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}

.card-components h2{
    font-size: 30px;
    font-weight: bold;
    color: #2342BA;
}



.card-components h2 span .fa-solid{
    color: #2342BA;
    margin-right: 3px;
}

.card-components p{
    font-size: 20px;
    font-weight: lighter;
    color: #B6B6B6;
    margin-top: 18px;
}

/* page orcamento */
.page.orcamento{
    background-color: #fff;
}

.page.orcamento h1{
    color: #2342BA;
    font-size: 60px;
}

.page.orcamento h1 span{
    display: block;
}

.page.orcamento p{
    font-size: 20px;
    color: #B6B6B6;
    margin: 15px 0 30px 0;
}

/* pode ser utilizado de maneira geral*/
.contatos-wrapper{
    font-size: 20px;

}
.contatos-wrapper .telefone{
    display: block;
    color: #363636;
}

.contatos-wrapper .telefone .fa-solid{
    color: #2342BA;
}

.contatos-wrapper .email{
    display: block;
    color: #2342BA;
}
.contatos-wrapper .email .fa-solid{
    color: #2342BA;
}

.horario-wrapper{
    font-size: 20px;;
}

.horario-wrapper h3{
    color: #2342BA;
    margin: 0;
}

.horario-wrapper span{
    display: block;
    color: #B6B6B6;
    font-size: 15px;
    padding-left: 30px;
}

/***************************** Page Contato *********************/
/* page contato */
.page.contato{
    background-color: #fff;
}

.page.contato h1{
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}

.page.contato h1 span{
    display: block;
}

.page.contato p{
    font-size: 20px;
    color: #B6B6B6;
    margin: 15px 0 30px 0;
}

/* page localizacao*/
.page.localizacao{
    background-color: #ECECEC;
}

.page.localizacao h1 {
    color: #2342BA;
    font-size: 50px;
    font-weight: bold;
    margin: 0;
}

.page.localizacao h1>span {
    display: block;
}

.page.localizacao p{
    color: #363636;
    font-size: 20px;
    text-align: right;
}


.page.maps{
    background-color: #fff;
}

/* ======================== PRODUTOS =====================*/
/*produtos*/
.page.produtos{
    background-color: #ECECEC;
}

.page.page.produtos h1{
    color: #363636;
    font-size: 25px;
}

.page.page.produtos h1 span{
    display: block;
    color: #2342BA;
    font-size: 30px;
    font-weight: bold;
}

/* pode ser usado de maneira geral */
.card-produto{ text-align: center;}

.card-produto .img-content{
    display: inline-block;
    width: 100%;
    height: 463px;
    vertical-align: center;
    background-color: #fff;
    border: solid 1px #CDCDCE;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% 70%;
}

.card-produto img{
    display: inline-block;
    max-width: 320px !important;
}

.card-produto h2{
    color: #2342BA;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    min-height: 60px;
}

.card-produto p{
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
    min-height: 22px;
}

/* produtos relacionados */
.page.produtos-relacionados{
    background-color: #fff;
    padding: 80px 0;
}

.page.produtos-relacionados h1{
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}

/* ========================= Detalhes de Produtos ================ */
/* detalhes */
.page.detalhes-produto{
    background-color: #fff;;
}
.page.page.detalhes-produto h1{
    color: #2342BA;
    font-size: 40px;
}
.page.page.detalhes-produto p{
    color: #B6B6B6;
    font-size: 20px;
}

.page.page.detalhes-produto h2{
    color: #2342BA;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.page.page.detalhes-produto ul{
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 13px;
    color: #363636;
}

.page.page.detalhes-produto ul li{
    padding: 0 0;
}

/* mais informacoes */
.page.mais-informacoes{
    padding-top: 0;
    background-color: #ECECEC;;
}

.page.page.mais-informacoes h2{
    color: #2342BA;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page.mais-informacoes .mais-informacoes-row{
    margin-top: 20px;
    border-bottom: solid 1px #B6B6B6;
}

/* pode ser utilizado de maneira geral */
.card-download{color: #363636;}
.card-download h3{
    font-size: 25px;
    font-weight: bold;
}
.card-download p{
    font-size: 13px !important;
    margin-bottom: 30px;
}

.page.page.mais-informacoes ul{
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
    color: #363636;
}

.page.page.mais-informacoes ul li{
    padding: 0 0;
}

/* ========================= HOME =========================*/
.processos{background-color: #fff;}

.card-process {
    font-size: 30px;
    margin: 0.5em 0;
}

.card-process h3 {
    color: #363636;
    font-weight: bold;
    font-size: 30px;
}

.card-process h4 span{
    color: #2342BA;
    font-weight: lighter;
    font-size: 50px;
}

.card-process h4 {
    color: #2342BA;
    font-size: 50px;
}

.card-process-image {
    position: relative;
    text-align: center;
}

.card-process-image img{
    width: 100%;
    height: 100%;
    /* vertical-align: top; */
}

/* card absolutos */
.card-process h2{
    width: 100%;
    position: absolute;
    top: 20%;
    width: 100%;
    padding: 0 10%;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.card-process a{
    position: absolute;
    width: 70%;
    top: 65%;
    margin: 0 15%;
    background-color: #2342BA;
    color: #ffffff;
    border-radius: 40px 40px 40px 40px;

}

.card-process a.orange{
    background-color: #FF6F00;

}


/* card Business */
.business {
    background-color: #E4E4E4;
    padding: 40px 0 50px 0;
}

.business h1{
    color: #363636;
    font-size: 40px;
    font-weight: bold !important;
    text-align: center;
}

.como-contratar{
    background-color:#E4E4E4;
    padding: 70px 0;
}

.como-contratar h1{
    font-size: 40px;
    color: #1D04BF;
}

.como-contratar h2{
    font-size: 25px;
    color: #7D15BE;
}
.como-contratar p{
    font-size: 25px;
    color: #707070;
}

#como-contratar #select{
    background-color: #1D04BF;
}

#como-contratar #select select{
    border-radius: 10px !important;
    color: #A6A6A6;
}

#como-contratar #locais a .btn .btn-gray{
    color: #A6A6A6;
}

#como-contratar #locais .btn-whats-gray {
    background-color: #A6A6A6 !important;
}
#como-contratar #locais .nome-parceiro {
    color: #1D04BF;
    font-size: 20px;
}
#como-contratar #locais .endereco-parceiro {
    color: #A6A6A6;
    font-size: 16px;
    margin-bottom: 0px;
}

#locais h1{
    color: #1D04BF;
}

.seja-parceiro{
    background-color:#FFF;
    padding: 70px 0;
}

.seja-parceiro h1{
    color:#1D04BF;
    font-size: 40px;
}
.seja-parceiro h2{
    color:#00BFFF;
    font-size: 24px;
}
.seja-parceiro h2 span{
    color:#00BFFF;
    font-size: 35px;
}

.seja-parceiro p{
    color:#636363;
    font-size: 25px;
}

.seja-parceiro-list {
    min-height: 550px;
    height: auto;
    width: 100%;
    background-color: #E4E4E4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.seja-parceiro-list-2 h1 {
    font-size: 25px;
}
.seja-parceiro-list-2 h1 span {
    font-size: 35px;
}

.seja-parceiro-list-2 h2 {
    font-size: 60px;
}

.seja-parceiro-list-2 .card-business .content {
    background-color: #1D04BF;
    border: none;
}
#id_software_area_publica > div:nth-child(1){
    margin-right: 15px;
}

#id_software_area_publica > div:nth-child(2){
    margin-left: 15px;
}
#id_outro_segmento > div:nth-child(1){
    margin-right: 15px;
}
#id_outro_segmento > div:nth-child(2){
    margin-left: 15px;
}

.aplicacao-list{
    height: 560px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
}
.aplicacao-detail{
    height: 470px;
    text-align: center;
}
.aplicacao-detail .bg-app-detail{
    height: 470px;
    width: 100%;
    background: transparent linear-gradient(255deg, #7D15BE 0%, #1D04BF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
}
.aplicacao-detail .bg-app-detail .card-business>.content{
    background-color: #230B6D;
    border: none;
    text-align: center;
}
.card-business>.content-blue{
    width: 100%;
    background-color: #1D04BF;
    border-radius: 20px 20px 20px 20px;
    padding: 36px;
    text-align: center;
    color: #fff;
}

.aplicacao-section-detail{
    background-color: #E4E4E4;
    padding: 70px 0;

}
.aplicacao-section-detail .text-purple{
    color: #5201E4;
}

.video-app {
    background-color: #fff;
    padding: 70px 0;
}

.video-app h1{
    font-size: 50px;
    color: #1D04BF;
}

.video-app h2{
    /*text-align: left;*/
    font-size: 25px;
    color: #A6A6A6;
}

.video-app .btn-video {
    background-color: #1D04BF;
}

.aplicacao-section-list{
    background-color: #E4E4E4;
    padding: 70px 0;

}

.card-purple>.content{
    width: 100%;
    background-color: #230B6D;
    border-radius: 20px 20px 20px 20px;
    padding: 10px;
}
.card-purple>.content h2{
    font-size: 20px;
}
.card-purple>.content h2 span{
    font-size: 25px;
}

.parceiros{
    background-color: #E4E4E4;
    padding: 70px 0;
}

.parceiros h1{
    text-align: center;
    font-size: 25px;
}


/* numbers */
.numbers{
    color: #fff;
    background-image: url(../images/home/nossos-numeros.png);
    background-size: cover;
    padding: 50px 0;
}

.numbers img{
    margin-top: 30px;
}

.numbers h1{
    font-size: 40px;
    text-align: right;
}

.numbers-tag {
    display: inline-block;
    width: 201px;
    height: 201px;
    background-color: #2342BA;
    border-radius: 100%;
    text-align: center;
    margin: 10px 40px;
    color: #fff;
}

.numbers-tag img{
    margin-top: 45px;
}

.numbers-tag .value{
    display: block;
    font-size: 35px;
    font-weight: bold;
    line-height: 1em;
}

.numbers-tag .description {
    display: block;
    line-height: 1em;
}

/* agenda */
.agenda{
    padding: 50px 0;
    background-color: #ECECEC;
}

.agenda h1{
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}


.agenda .item{
    padding: 0 0;
}

/* pode ser usado de maneira geral */
.card-agenda{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}

.card-agenda h2{
    font-size: 25px;
    font-weight: bold;
    color: #2342BA;
}

.card-agenda h2 span{
    display: block;
    font-size: 25px;
    margin-top: 4px;
    font-weight: normal;
    color: #989898;
}

.card-agenda h2 span .fa-solid{
    color: #2342BA;
    margin-right: 3px;
}

.card-agenda p{
    font-size: 25px;
    font-weight: lighter;
    color: #4A4C4E;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #969696;
    height: 100px;

}

/* outlet*/
.outlet {
    background-color: #fff;
    padding: 50px 0 60px 0;
    text-align: center;
}

.outlet h1{
    color: #363636;
    font-size: 40px;
    font-weight: bold;

}

/* pode ser usado de maneira geral */
.card-outlet{}

.card-outlet .img-content{
    display: inline-block;
    width: 347px;
    height: 463px;
    vertical-align: center;
    border: solid 1px #CDCDCE;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% 70%;
}

.card-outlet img{
    display: inline-block;
    max-width: 320px !important;
}

.card-outlet h2{
    color: #2342BA;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
}

.card-outlet h2 span{
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
}



/* =================== ANIMAÇÕES =========================== */

.swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/* =================== MEDIA QUERYS ======================== */

@media (max-width: 400px) {
    .nav-tabs .nav-link {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .fs-60{
        font-size: 50px;
    }
    .fs-50{
        font-size: 40px;
    }
    .fs-25{
        font-size: 20px;
    }
    .page-banner h1{
        font-size: 50px;
    }
    .video {
        width: 100% !important;
    }
    .logo-header {
        max-width: 200px !important;
    }

    .nav-tabs {
        display: flex;
        justify-content: center;
    }
    .video-institucional{
        height: 283px!important;
        width: 100%!important;
    }
}
@media (max-width: 768px) {
    .offcanvas .btn-search {
        left: 36%!important;
        top: 39%!important;
    }
    .page.about-us h2{
        font-size: 40px!important;
    }
    .aplicacao-detail {
        min-height: 470px !important;
        height: auto;
    }
    .aplicacao-detail .bg-app-detail {
        min-height: 470px !important;
        height: auto;
    }
}

@media only screen and (min-width: 768px) {


    .timeline::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: var(--bs-white);
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline ul li:nth-child(odd):after {
        content: '';
        position: absolute;
        height: 20px;
        width: 20px;
        background-color: var(--bs-white);
        border-radius: 50%;
        top: 10px;
        box-shadow: 0px 0px 2px 7px rgb(246, 246, 246, 0.4);
    }

    .timeline ul li {
        width: 50%;
        margin-bottom: 50px;
        position: relative;
    }

    .timeline ul li:nth-child(odd) {
        float: left;
        clear: left;
        transform: translateX(-80px);
    }

    .timeline ul li:nth-child(even) {
        float: right;
        clear: right;
        transform: translateX(40px);
        border-bottom: none;
    }

    .timeline ul li:nth-child(odd)::after {
        right: -80px;
        transform: translate(50%, -50%);
    }
}

@media (min-width: 992px) {
    .header-fixed {
        -webkit-animation: fadeInDown 700ms ease-in-out; /* Chrome, Safari, Opera */
        animation: fadeInDown 700ms ease-in-out;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 0px;
        box-shadow: 0px 3px 6px #00000029;
    }
}

/* =================== area de expositor ======================== */
.excluir{
    position: fixed;
    left: 82%;
    top: 3%;
    padding: 5px;
    border-radius: 31%;
    background: #00000029;
}

.excluir-arq {
    position: fixed;
    left: 13%;
    top: 8%;
}

/* =================== LIGHTBOX ======================== */
.lb-nav a.lb-next{
    width: 30%!important;
}

/* =================== COOKIES ======================== */

#cookies{
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: var(--bs-blue-dark);
    color: #ffffff;
    z-index: 99999999;
    align-items: center;
    justify-content: center;
    display: none;
    padding: 5px;
}

#cookies h6{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
}

#cookies p{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
}

#cookies a{
    color: #ffffff!important;
    text-decoration: underline;
}

#cookies a:hover{
    text-decoration: unset;
}

#cookies-btn{
    color: #000000!important;
    background-color: white;
    border-radius: 20px;
    padding: 3px 27px;
    -webkit-appearance: media-volume-sliderthumb;
    min-width: 109px;
    font-weight: 100;
}

.dropdown-idioma{
    min-width: 43px;
}

.dropdown-idioma a{
    cursor: pointer;
}

#cat-patrocinio .accordion-button{
    border-radius: 5rem 5rem 5rem 5rem;
}

/* =========> page nossos negócios <========= */

section .topete {
    position: relative;
    border-radius: 9px;
}

section .box {
    position: relative;
    margin-top: -9px;
}

/* =========> page nossos números <========= */


.circle {
    width: 155px;
    height: 155px;
    border-radius: 50% !important;
}

.rounded-bottom-125 {
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

.rounded-top-125 {
    border-top-right-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important;
}

.zoom{
    overflow: hidden;
    margin: 0 auto;
}

.zoom img{
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.zoom:hover img {
    transform: scale(1.5);
}


/*_______________--------------______________________------________________________-------------*/

.min-max-slider {position: relative; width: 200px; text-align: center; margin-bottom: 50px;}
.min-max-slider > label {display: none;}
span.value {height: 1.2em; font-weight: bold; display: inline-block;}
span.value.lower::after {content: "L -  "; display: inline-block;}
span.value.upper::after {content: "L"; display: inline-block; margin-left: 0.4em;}
.min-max-slider > .legend {display: flex; justify-content: space-between;}
.min-max-slider > .legend > * {font-size: small; opacity: 0.25;}
.min-max-slider > input {cursor: pointer; position: absolute;}

/* webkit specific styling */
.min-max-slider > input {
    -webkit-appearance: none;
    outline: none!important;
    background: transparent;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 30%, silver 30%, silver 60%, transparent 60%, transparent 100%);
}
.min-max-slider > input::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 14px; /* Set a specific slider handle width */
    height: 14px; /* Slider handle height */
    background: #eee; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border: 1px solid gray;
    border-radius: 100%;
}
.min-max-slider > input::-webkit-slider-runnable-track {cursor: pointer;}


/*-------------------------------MENUS----------------------------------*/
.input {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    border-bottom: solid 1px white;
    width: 100%;
    color: #fff;
    font-size: 25px;
    padding: 20px 5px;
}
.input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

.input::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
.input:focus {
    border-top: none;
    border-left: none;
    border-right: none;
}

.offcanvas.offcanvas-top .offcanvas-body {
    padding-left: 0 !important;
}

.offcanvas.offcanvas-start {
    border: none
}

.main-nav .nav-item .nav-link,  #navbarText {
    z-index: 1050 !important;
}
.navbar-brand {
    z-index: 1060 !important;
}

.offcanvas-body {
    padding-left: 112px;
    position: relative;
}

.groupid{margin-top: 170px;}
.corner-bottom-right-bevel {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*max-width: 100vw !important;*/
    /*border-top: 100vh solid rgba(10, 26, 92, 0.6);*/
    /*border-left: 0 solid transparent;*/
    /*border-right: 100px solid transparent;*/
}

.bg-search {
    /*background-color: rgba(30, 49, 55, 0.7);*/
    height: 100vh;
    padding-right: 0;
    padding-left: 0;
    padding-top: 200px;
}
#offcanvasTop {
    z-index: 1055px !important;
}

.offcanvas .btn-close {
    background: none!important;
    position: fixed;
    left: 92%;
    top: 10%;
}
.offcanvas .btn-search {
    background: none!important;
    position: fixed;
    left: 80%;
    top: 24%;
    font-size: 25px;
    color: #ffffff!important;
}

.offcanvas {
    background-color: #222425eb;
    -background-color: transparent;
}
#offcanvas {
    background-color: #222425eb;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 15%) 100%, 0% 100%);

    --bs-gutter-x: 20rem;
    --bs-gutter-y: 0;
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-left: auto;

}
@media only screen and (min-width : 1200px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media only screen and (min-width : 1910px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 0.6);
    }
}

@media only screen and (min-width : 2560px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 4);
    }
}

@media only screen and (min-width : 3840px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 1.6);
    }
}

#maquinario .card{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}


.alert-error {
    background-color: #dd4b39 !important;
    color: #ffffff;
}


.video-institucional{
    height: 500px;
    width: 900px;
    margin: 0 auto;

}

.imagem-numero{
    height: 56px;
}

.card-agenda {
    height: 265px; /* Definir a altura do card */
    overflow: auto; /* Controlar o fluxo de conteúdo dentro do card */
    margin-right: 20px;
}

#agenda-carousel .owl-carousel .owl-item img{
    display: inline-block;
    width: 10%;

}

.card-download p{
    height: 60px;
}

/* CASOS DE SUCESSO  */

.cases-hero{
    background-size: cover;
    background-position: center;
    height: 554px;
    display:flex;
    align-items:center;
}

.hero-overlay{
    background: linear-gradient(90deg, rgba(0,0,0,0.6), transparent);
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
}

.hero-overlay h1 {
    font-family: "Gilroy", sans-serif;
    color: #fff;
    font-size: 50px;
    font-weight: 300;
}

.hero-overlay h1 .highlight {
    font-family: "Gilroy", sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
}

.hero-overlay .subtitle {
    color: var(--hg-hero-primary);
    font-family: "Gilroy", sans-serif;
    font-size: 50px;
    font-weight: 700;
    margin-top: 10px;
}

.cases-filter{
    padding:30px 0;
}

.segment-filter{
    width:313px;
    height:55px;
    padding:0 45px 0 20px;
    border-radius:30px;
    border:1px solid #d9dde7;

    font-family:"Galano Grotesque", sans-serif;
    font-size:16px;
    color:#6b7280;

    background:white;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:url("../images/icones/Vector.png");
    background-repeat:no-repeat;
    background-position:right 20px center;
    background-size:14px;
}

.segment-info{
    font-family: "Gilroy", sans-serif;
    font-weight: 300;
    font-size:32px;
    margin-top:10px;
    color:#203A70;
}



/* CASE SUCESSO DETALHE */

.success-detail-container{
    max-width:1400px;
    margin:auto;
    padding:40px 40px;
    font-family:"Gilroy", sans-serif;
}


.success-detail-header{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-bottom:30px;
}

.success-detail-logo{
    width:75px;
    height:75px;
    object-fit:contain;
}

.success-detail-title{
    font-family:"Galano Grotesque", sans-serif;
    font-size:30px;
    font-weight:700;
    color:#dadcdf;
    margin:0;
}

.success-detail-subtitle{
    font-family:"Galano Grotesque", sans-serif;
    font-size:26px;
    font-weight:300;
    color:#203A70;
    margin:0;
}


.success-detail-banner img{
    width:100%;
    border-radius:16px;
    margin-bottom:40px;
}


.success-detail-section{
    margin-bottom:35px;
}

.success-detail-section h3{
    color:  #203A70;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px; /* 125% */
}

.success-detail-section h4{
    font-family:"Gilroy", sans-serif;
    font-size:28px;
    font-weight:300;
    color:#203A70;
    margin-bottom:10px;
}

.success-detail-section p{
    color:  #203A70;
    font-family: Gilroy;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}


.success-detail-gallery{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin-top:30px;
}

.success-detail-gallery img{
    width:100%;
    border-radius:16px;
    object-fit:cover;
}

.success-detail-cta{
    margin-top:80px;
    border-radius:30px;
    padding:60px;
    background: linear-gradient(
            90deg,
            #0E2F6E 0%,
            #1E4A82 55%,
            #4BA7A5 100%
    );
    color:white;
}

.success-detail-cta-content{
    width:100%;
}

.success-detail-cta h3{
    font-family:"Gilroy", sans-serif;
    font-weight:300;
    font-size:36px;
    margin-bottom:10px;
}

.success-detail-cta h3 strong{
    font-weight:700;
}

.success-detail-cta h2{
    font-family:"Gilroy", sans-serif;
    font-weight:600;
    font-size:30px;
    margin-bottom:30px;
}

/* botão */

.success-detail-cta-button{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:white;
    color:#05C78B;

    padding:12px 24px;
    border-radius:40px;

    text-decoration:none;
    font-family:"Gilroy", sans-serif;
    font-weight:600;

    transition:0.2s;
}

.success-detail-cta-button img{
    width:22px;
}

.success-detail-cta-button:hover{
    transform:translateY(-2px);
}

.image-modal{
    display:none;
    position:fixed;
    z-index:9999;
    padding-top:80px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
}

.image-modal img{
    display:block;
    margin:auto;
    max-width:80%;
}

.image-modal-close{
    position:absolute;
    top:30px;
    right:30px;
    width:30px;
    height:auto;
    cursor:pointer;
    border-radius:0;
}

.noticias-home {
    background: #f5f6f8;
    padding: 38px 20px;
}

.noticias-home-container {
    max-width: 1200px;
    margin: 0 auto;
}

.noticias-home-header {
    text-align: center;
    margin-bottom: 20px;
}

.noticias-home-header h2 {
    font-family: "Gilroy";
    font-weight: bold;
    font-size: 40px;
    color: #203A70;
    margin-bottom: 5px;
}

.noticias-home-header p {
    font-family: "Gilroy";
    font-size: 22px;
    color: #8E96AA;
    max-width: 888px;
    margin: 0 auto;
}

.noticias-home-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.noticias-home-card {
    border-radius: 20px;
    padding: 15px;

    display: flex;
    flex-direction: column;

    width: 343px;
    height: 473px;
}

.noticias-home-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center top;
    border-radius: 15px;
    margin-bottom: 15px;
}

.noticias-home-date {
    font-family: "Galano Grotesque";
    font-size: 14px;
    color: #9A9A9A;
    margin-bottom: 10px;
}

.noticias-home-card h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 10px;
    line-height: 1.2;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noticias-home-card p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #212121;
    margin-bottom: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noticias-home-btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #203A70;
    color: white;
    font-family: "Galano Grotesque";
    font-size: 16px;
    padding: 10px 18px;
    border-radius: 25px;
    text-decoration: none;
    width: fit-content;
    transition: 0.3s;
    line-height: 1;
}
.noticias-home-btn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin: 0;

}

.noticias-home-btn:hover {
    background: #162c56;
}

@media (max-width: 1024px) {
    .noticias-home-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .noticias-home-grid {
        grid-template-columns: 1fr;
    }

    .noticias-home-header h2 {
        font-size: 28px;
    }

    .noticias-home-header p {
        font-size: 16px;
    }
}

.home-40anos {
    background: #5FB3B2;
    padding: 80px 40px;
}

.home-40anos-container {
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}


.home-40anos-left {
    width: 45%;
    display: flex;
    justify-content: center;
}

.wrapper-40 {
    position: relative;
    width: 100%;
    max-width: 420px;
    aspect-ratio: 1 / 1;
}


.img-40 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}


.zero-bg {
    position: absolute;

    right: -3%;
    top: -2%;

    width: 62%;
    height: 62%;

    border-radius: 50%;
    z-index: 1;

    background:
            radial-gradient(circle at 35% 35%, rgba(255,255,255,0.18), transparent 60%),
            linear-gradient(135deg, #4fb6bb 0%, #1b7f88 100%);
}

.anos {
    position: absolute;
    top: 30%;
    right: 22%;
    transform: translateY(-50%);

    font-family: "Galano Grotesque";
    font-size: clamp(14px, 2.2vw, 24px);
    color: white;

    z-index: 3;
}


.home-40anos-right {
    width: 55%;
    color: white;
}

.home-40anos-right h2 {
    font-family: "Galano Grotesque";
    font-size: clamp(22px, 2.5vw, 36px);
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
}

.home-40anos-right h2 strong {
    font-weight: 700;
}

.descricao {
    font-family: "Galano Grotesque", sans-serif;
    font-size: clamp(16px, 1.8vw, 20px);
    font-weight: 300;
    margin: 0;
}

.crescer {
    font-family: "Gilroy", sans-serif;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 400;
    letter-spacing: 2px;
}

.cta-text {
    font-family: "Galano Grotesque", sans-serif;
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 600;
    margin-bottom: 20px;
}


.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: white;
    color: #05C79B;
    font-family: "Galano Grotesque", sans-serif;
    font-size: clamp(14px, 1.8vw, 19px);
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 999px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-whatsapp img {
    width: 45px;
    height: 45px;
}

.btn-whatsapp:hover {
    transform: translateY(-2px);
    background: white;
    color: #05C79B;
}
@media (max-width: 900px) {

    .home-40anos-container {
        flex-direction: column;
        text-align: center;
    }
    .wrapper-40 {
        max-width: 260px;
    }

    .home-40anos-left,
    .home-40anos-right {
        width: 100%;
    }
    .anos {
        top: 30%;
    }

    .img-40 {
        max-width: 280px;
    }

    .crescer {
        font-size: 36px;
    }
}

.news-container{
    max-width:1400px;
    margin:auto;
    padding:60px 30px 0 30px;
    font-family:"Gilroy", sans-serif;
}

/* HERO */

.news-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#dbe6f2;
    border-radius:30px;
    margin-bottom:70px;
}

.news-hero-text{
    max-width:500px;
    padding: 0 35px 0 0;
}

.news-category{
    font-family: "Galano Grotesque", sans-serif;
    font-size:14px;
    font-weight: 600;
    color:#197980;
}

.news-meta{
    font-family: "Galano Grotesque", sans-serif;
    font-size:18;
    color:#203A70;
    margin: 0;
    line-height: 1.2;
}

.news-meta-leitura{
    font-family: "Galano Grotesque", sans-serif;
    font-size:18;
    font-weight: 800;
    color:#203A70;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.news-hero-text h1{
    font-family: "Gilroy", sans-serif;
    font-weight: 800;
    font-size:48px;
    color:#203A70;
    margin-bottom:15px;
}

.news-text-subititulo {
    font-family: "Galano Grotesque", sans-serif;
    font-size:16px;
    color:#000000;
    margin-bottom:20px;
}

.news-btn{
    background:#197880;
    color:#FFFFFF;

    width:162px;
    height:69px;

    border-radius:40px;
    text-decoration:none;

    font-family: "Montserrat", sans-serif;
    font-size:20px;
    font-weight:300;
    line-height:143.9%;

    display:flex;
    align-items:center;
    justify-content:center;
}
.news-btn:hover{
    background:#197880;
    color:white;
}

.news-hero{
    width:100%;
    max-width:1304px;
    height:622px;
    box-sizing:border-box;

    background-image:url("../images/news/hero.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    border-radius:30px;
    padding:60px 60px 0 60px;

    display:flex;
    align-items:center;
    overflow:hidden;
}

.news-hero-image{
    flex:1;
    min-width:0;
    height:100%;
    overflow:hidden;
}

.news-hero-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* HEADER */

.news-header{
    margin-bottom:40px;
}

.news-header h2{
    font-family: "Gilroy", sans-serif;
    color:#203A70;
    font-size:32px;
    margin-bottom:10px;
}

.news-header p{
    font-family: "Gilroy", sans-serif;
    color:#203A70;
    font-size:18px;
    margin-bottom:10px;
}

/* GRID */

.news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* CARD */

.news-card{
    background:white;
    height: 488px;
    width: 343px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.news-card img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.news-card-content{
    padding:20px;
    display:flex;
    flex-direction:column;
    height:calc(100% - 180px);
}

.news-tag{
    font-family: "Galano Grotesque", sans-serif;
    font-size:14px;
    font-weight: 600;
    color:#197980;
}

.news-date{
    font-family: "Galano Grotesque", sans-serif;
    font-size:14px;
    color:#9A9A9A;
    margin-bottom:10px;
}

.news-card-content h3{
    font-family: "Galano Grotesque", sans-serif;
    font-size:20px;
    color:#212121;
    margin-bottom:10px;
}

.news-card-content p{
    font-family: "Galano Grotesque", sans-serif;
    font-size:14px;
    color:#212121;
    margin-bottom:10px;
}

.news-card-btn{
    background:#203A70;
    color:white;
    padding:12px 22px;
    border-radius:20px;
    text-decoration:none;
    font-size:13px;

    margin-top:auto;
    align-self:flex-start;
}

.news_details_container{
    max-width:1440px;
    margin:auto;
    padding:60px 40px;
}


.news_details_header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:40px;
}

.news_details_header_left{
    flex:1;
}

.news_details_tag{
    font-family:"Galano Grotesque", sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#197980;
    display:block;
    margin-bottom:8px;
}

.news_details_title{
    font-family:"Gilroy", sans-serif;
    font-size:36px;
    font-weight:bold;
    color:#203A70;
    margin:0;
    line-height:0.8;
}

.news_details_subtitle{
    font-family:"Gilroy", sans-serif;
    font-size:36px;
    font-weight: 300;
    color:#203A70;
    margin-top: 0;
    margin-bottom:8px;
}

.news_details_meta{
    font-family:"Gilroy", sans-serif;
    font-size:22px;
    font-weight: 300;
    color:#203A70;
    margin:0;
    line-height:1.2;
}

.news_details_meta strong{
    font-weight:700;
}

.news_details_share{
    font-family:"Galano Grotesque", sans-serif;
    font-size:18px;
    color:#203A70;
    cursor:pointer;

    display:flex;
    align-items:center;
    gap:8px;
}

.news_details_share img{
    width:40px;
    height: 40px;
}


/* HERO IMAGE */

.news_details_hero{
    margin:30px 0 40px 0;
}

.news_details_hero img{
    width:100%;
    border-radius:14px;
    display:block;
}


.news_details_content{
    font-family:"Galano Grotesque", sans-serif;
    font-size:18px;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    color:rgba(142, 150, 170, 1);
}
.news_details_content p{
    font-family:'Galano Grotesque',sans-serif;
    font-size:18px;
    line-height:27px;
    font-weight:400;
    letter-spacing:0;
    text-align:left;
    color:rgba(142,150,170,1);
    font-synthesis:none;
}

.news_details_content p{
    margin-bottom:20px;
}


.news_details_gallery{
    margin-top:40px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.news_details_gallery img{
    width:563px;
    height:522px;
    object-fit:cover;
    border-radius:18px;
}

.contact-section{
    position: relative;
}

.contact-hero{
    background-image: url('../images/contato/contato.png');
    background-size: cover;
    background-position: left center;
    height: 714px;
    position: relative;
    overflow: visible;
}

.contact-overlay{
    height: 100%;
}


.contact-container{
    max-width: 1400px;
    height: 514px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 80px 40px;
}


.contact-left{
    margin-top: 160px;
    width: 50%;
    max-width: 520px;
}

.contact-left h1{
    font-family: "Gilroy";
    font-size: 50px;
    font-weight: 700;
    color: white;
    margin: 0 0 10px 0;
}

.contact-subtitle{
    font-family: "Galano";
    font-size: 36px;
    font-weight: 700;
    color: #66d1d1;
    line-height: 1.2;
    margin: 0;
}


.contact-form-box{
    width: 672px;
    min-height: 703px;
    background: #1e7b7f;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
    box-sizing: border-box;

    position: relative;
    margin-top: 20px;
    z-index: 3;
}

.contact-form-box form{
    width: 100%;
}

.contact-form-box label{
    display: block;
    font-family: "Galano";
    color: white;
    margin-bottom: 6px;
}

.contact-form-box input,
.contact-form-box select{
    width: 100%;
    padding: 14px 20px;
    border-radius: 30px;
    border: none;
    margin-bottom: 18px;
    box-sizing: border-box;
}

.contact-form-box textarea{
    width: 100%;
    border-radius: 20px;
    border: none;
    padding: 16px;
    margin-bottom: 18px;
    box-sizing: border-box;
    resize: none;
}

.form-row{
    display: flex;
    gap: 12px;
}

.form-col{
    flex: 1;
}


.contact-form-box button{
    width: 70%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #62c6c7;
    border: none;
    padding: 14px;
    border-radius: 30px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.contact-text-section{
    background: white;
    height: 380px;
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.contact-text-container{
    max-width: 1400px;
    margin: auto;
    padding: 20px 40px 0 40px;
}

.contact-text-container h2{
    font-family: "Gilroy";
    font-size: 36px;
    font-weight: 700;
    color: #203A70;
    margin-top: 20px;
    margin-bottom: 12px;
}

.contact-text-container p{
    font-family: "Galano";
    font-size: 24px;
    color: #8E96AA;
    margin: 0;
    max-width: 520px;
    line-height: 1.6;
}


.contact-bottom{
    background: #f4f4f4;
    padding: 160px 0 70px 0;
}

.contact-info-container{
    max-width: 1200px;
    margin: auto;
    padding: 0 40px;
    box-sizing: border-box;
}


.contact-bottom{
    background: #f4f4f4;
    padding: 120px 0 80px 0;
}

.contact-info-container{
    max-width: 1200px;
    margin: auto;
    padding: 0 40px;
}


.contact-cards{
    display: flex;
    gap: 40px;
}


.contact-card{
    background: white;
    padding: 50px 30px 40px 30px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    height: 459px;
    width: 320px;

    box-shadow: 0 12px 25px rgba(0,0,0,0.08);

    display: flex;
    flex-direction: column;
}


.card-top-bar{
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 6px;
    background: #2bb7c3;
    border-radius: 6px 6px 0 0;
}


.card-icon{
    width:70px;
    display:block;
    margin:0 auto 20px auto;
}


.contact-card h3{
    font-family: "Gilroy";
    font-size: 20px;
    color: #203A70;
    margin-bottom: 15px;
}


.contact-card p{
    font-family: "Galano";
    color: #6c7a89;
    margin-bottom: 10px;
    line-height: 1.6;
}


.phone{
    font-size: 22px;
    font-weight: bold;
    color: #1e7b7f;
    margin-top: 10px;
}


.contact-card:nth-child(1) h3{
    font-family: "Gilroy";
    font-size: 24px;
    font-weight: 700;
    color:#0CAFD9;
}

.contact-card:nth-child(1) .card-top-bar{
    background:#0CAFD9;
    width: 264px;
    height: 10px;
}

.contact-card:nth-child(1) .phone{
    color:#1EA4B8;
}


.contact-card:nth-child(2) h3{
    font-family: "Gilroy";
    font-size: 24px;
    font-weight: 600;
    color:#59BEC2;
}

.contact-card:nth-child(2) .card-top-bar{
    background:#5FB5B5;
    width: 264px;
    height: 10px;
}

.contact-card:nth-child(2) .phone{
    color:#59BEC2;
}


.contact-card:nth-child(3) h3{
    font-family: "Gilroy";
    font-size: 24px;
    font-weight: 600;
    color:#197980;
}

.contact-card:nth-child(3) .card-top-bar{
    background:#1F6F73;
    width: 264px;
    height: 10px;
}

.contact-card:nth-child(3) .phone{
    color:#197980;
    margin-top:60px;
}

.btn-small{
    display:flex;
    align-items:center;
    justify-content:center;
    width:145px;
    height:40px;
    margin-top:auto;
    align-self:center;
    background:#0CAFD9;
    color:white;
    border-radius:30px;
    font-size:14px;
    text-decoration:none;
    cursor:pointer;
}

.btn-small:hover{
    text-decoration:none;
    color:white;
}

.btn-green{
    display:flex;
    align-items:center;
    justify-content:center;
    width:145px;
    height:40px;
    margin-top:auto;
    align-self:center;
    background:#05C78B;
    color:white;
    border-radius:30px;
    font-size:14px;
    text-decoration:none;
    cursor:pointer;
}
.btn-green:hover{
    text-decoration:none;
    color:white;
}
.whatsapp-icon{
    width: 18px;
    height: 18px;
    margin-right:8px;
}

.social-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:12px;

    text-decoration:none;
    color:#6c7a89;
}

.social-item:hover{
    opacity:0.8;
}

.social-icon{
    width:40px;
    height: 40px;
    margin-bottom:5px;
}


.contact-map iframe{
    width: 100%;
    height: 612px;
    border: none;
    display: block;
}

@media (max-width:1024px){

    .contact-container{
        flex-direction:column;
        align-items:center;
        height:auto;
    }

    .contact-left{
        width:100%;
        text-align:center;
        margin-top:60px;
    }

    .contact-form-box{
        width:100%;
        max-width:600px;
    }

    .contact-cards{
        flex-wrap:wrap;
        justify-content:center;
    }

    .contact-card{
        width:280px;
    }

}
@media (max-width:768px){
    .news_details_header{
        display: block;
    }
    .news_details_share{
        padding: 0;
    }

    .contact-hero{
        height:auto;
        padding-bottom:80px;
    }

    .contact-left h1{
        font-size:36px;
    }

    .contact-subtitle{
        font-size:26px;
    }

    .contact-container{
        padding:40px 20px;
    }

    .contact-form-box{
        width:100%;
        padding:30px;
    }

    .form-row{
        flex-direction:column;
    }

    .contact-text-section{
        height:auto;
        margin-top:0;
    }

    .contact-text-container{
        padding:40px 20px;
    }

    .contact-text-container h2{
        font-size:28px;
    }

    .contact-text-container p{
        font-size:18px;
    }

    .contact-cards{
        flex-direction:column;
        align-items:center;
    }

    .contact-card{
        width:100%;
        max-width:320px;
    }

}
@media (max-width:480px){

    .contact-left h1{
        font-size:30px;
    }

    .contact-subtitle{
        font-size:22px;
    }

    .contact-form-box{
        padding:25px;
    }

    .contact-form-box input,
    .contact-form-box select{
        padding:12px 16px;
    }

}

.privacy-page {
    width: 100%;
    background: #ffffff;
    padding: 40px 0 60px 0;
}


.privacy-container {
    max-width: 1444px;
    margin: 0 auto;
    padding: 0 40px;
}


.privacy-content {
    max-width: 1100px;
    margin: 0 auto;
}


.privacy-title {
    font-family: "Gilroy";
    font-size: 50px;
    font-weight: bold;
    color: #203A70;
    text-align: center;
    margin-bottom: 40px;
}


.privacy-block {
    margin-bottom: 22px;
}

.privacy-block h3 {
    font-family: "Galano";
    font-size: 20px;
    color: #203A70;
    margin-bottom: 6px;
}

.privacy-block p {
    font-family: "Galano";
    font-size: 18px;
    color: #7C8499;
    line-height: 1.6;
}


@media (max-width: 1200px) {
    .privacy-container {
        padding: 0 32px;
    }

    .privacy-title {
        font-size: 44px;
    }

    .privacy-block h3 {
        font-size: 20px;
    }

    .privacy-block p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .privacy-page {
        padding: 24px 0 40px 0;
    }

    .privacy-container {
        padding: 0 20px;
    }

    .privacy-section {
        margin-bottom: 50px;
    }

    .privacy-title {
        font-size: 34px;
        margin-bottom: 28px;
    }

    .privacy-block {
        margin-bottom: 20px;
    }

    .privacy-block h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .privacy-block p {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media (max-width: 480px) {
    .privacy-title {
        font-size: 28px;
    }

    .privacy-block h3 {
        font-size: 17px;
    }

    .privacy-block p {
        font-size: 13px;
    }
}

#footer-hidrogesp {
    background: #203a70;
    color: #ffffff;
    overflow: hidden;
}

#footer-hidrogesp .footer-main {
    border-top: 3px solid #59bec2;
    padding: 28px 0 24px;
    background: #203a70;
}

#footer-hidrogesp .footer-logo-link {
    display: inline-block;
    text-decoration: none;
}

#footer-hidrogesp .footer-logo {
    width: 230px;
    max-width: 100%;
    height: auto;
    display: block;
}

#footer-hidrogesp .footer-company {
    max-width: 360px;
}

#footer-hidrogesp .footer-cnpj {
    color: #59bec2;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 4px;
}

#footer-hidrogesp .footer-city {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 4px;
}

#footer-hidrogesp .footer-address {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;
    opacity: 0.95;
}

#footer-hidrogesp .footer-social a {
    color: #59bec2;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    transition: 0.2s ease;
}

#footer-hidrogesp .footer-social a:hover {
    color: #ffffff;
}

#footer-hidrogesp .footer-title {
    color: #59bec2;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 18px 0;
}

#footer-hidrogesp .footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-hidrogesp .footer-links li + li {
    margin-top: 10px;
}

#footer-hidrogesp .footer-links a {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
    text-decoration: none;
    transition: 0.2s ease;
}

#footer-hidrogesp .footer-links a:hover {
    color: #59bec2;
}

#footer-hidrogesp .footer-bottom {
    background: #197980;
    padding: 12px 0;
}

#footer-hidrogesp .footer-bottom-text {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
}

#footer-hidrogesp .footer-dev {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

#footer-hidrogesp .footer-dev img {
    width: 28px;
    height: auto;
    display: block;
}

@media (max-width: 991.98px) {
    #footer-hidrogesp .footer-main {
        padding: 28px 0 20px;
    }

    #footer-hidrogesp .footer-brand {
        text-align: center;
    }

    #footer-hidrogesp .footer-company {
        max-width: 100%;
    }

    #footer-hidrogesp .footer-social {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    #footer-hidrogesp .footer-logo {
        width: 200px;
        margin: 0 auto;
    }

    #footer-hidrogesp .footer-title {
        margin-bottom: 14px;
    }

    #footer-hidrogesp .footer-links li + li {
        margin-top: 8px;
    }

    #footer-hidrogesp .footer-bottom {
        text-align: center;
    }

    #footer-hidrogesp .footer-dev {
        justify-content: center;
    }
}

.historia-infos{
    position:relative;
    min-height:160px;
}

.historia-info{
    display:none;
    text-align:center;
}

.historia-info.active{
    display:block;
}

.historia-info .ano{
    color: #0CAFD9;
    text-align: center;
    font-family: "Galano Grotesque";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 83.333% */
}

.historia-info h3{
    margin:0 0 8px;
    color: #0CAFD9;
    text-align: center;
    font-family: "Galano Grotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.historia-info p{
    margin:0;
    color: #8E96AA;
    text-align: center;
    font-family: "Galano Grotesque";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 112.5% */
}

.cases-grid{
    margin: 30px 0
}
.whatsapp {
    background-color: var(--bs-green-whatsapp);
}

.social-network,
.whatsapp{
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: start;
}

.contact-container textarea{
    min-height:120px;
    max-height:420px;
    overflow-y:hidden;
    resize:none;
}

.textarea-wrap{
    border:0px solid #2b2b2b;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
}

.textarea-wrap textarea{
    width:100%;
    min-height:120px;
    max-height:280px;
    padding:18px 20px;
    border:none;
    outline:none;
    resize:none;
    overflow-y:auto;
    background:transparent;
    box-sizing:border-box;
}