.colorGray {
    color: #5A5A5A;
}

/* INICIO FIRST CAROUSEL */
.spacing-carousel {
    padding-top: 115px;
}

#firstCarouselUsMobile-section .carousel-indicators {
    justify-content: left;
    margin-right: 5%;
    margin-left: 5%;
}

#firstCarouselUsMobile-section .carousel-indicators .active {
    background-color: #00457C !important;
}

#firstCarouselUsMobile-section .carousel-indicators [data-bs-target] {
    border: 1px solid white;
    background-color: #000000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

/*FIM FIRST CAROUSEL */

/* INICIO PRELOADER CAROUSEL */

/* Preloader */
.carousel-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spinner Loading */
.carousel-preloader .animation-preloader .txt-loading {
    margin: 25px 0 45px 0;
}

.carousel-preloader .animation-preloader .txt-loading .characters:before {
    color: #FDA623;
}

.carousel-preloader .animation-preloader .txt-loading .characters {
    color: rgba(255, 255, 255, 0.3);
    position: relative;
}

.span-txt-loading {
    color: #FFF;
    letter-spacing: 5px;
    padding-right: 10px;
}

/* Text Loading */
.carousel-preloader .animation-preloader .txt-loading {
    font: bold 2em Olney, sans-serif;
}

.carousel-preloader .animation-preloader .txt-loading .characters {
    letter-spacing: -5px;
}

.span-txt-loading {
    color: #FFF;
    letter-spacing: 5px;
    padding-right: 0;
}

/* FIM PRELOADER CAROUSEL*/

/* INICIO VALUES SLIDER CARROSSEL */
.box-values {
    font-size: 3.5vw;
    min-height: 280px;
    color: #00457C;
}

.margin-values {
    margin: 25px;
}

.span-values {
    font-family: OpenSansBold, sans-serif;
}

@media (max-width: 1024px) {
    #valuesCarouselMobile-section {
        position: relative;
        margin-top: 75px;
        color: #919090;
    }

    #valuesCarouselMobile-section .carousel-indicators {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: inherit;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin: -76px 1px 0 1px;
    }

    #valuesCarouselMobile-section .carousel-indicators [data-bs-target] {
        font-family: OpenSansSemiBold, serif;
        text-transform: uppercase;
        font-size: 3vw;
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 100%;
        height: 60px;
        padding: 0;
        margin: 0 -1px 0 -1px;
        text-indent: -0;
        background-color: #ececec;
        color: #b2b1b1;
        background-clip: inherit;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 1;
        transition: opacity .6s ease;
    }

    #valuesCarouselMobile-section .carousel-indicators button.active {
        background-color: #fff;
    }

    #valuesCarouselMobile-section .click.active {
        color: #00457C;
    }

    #valuesCarouselMobile-section .click.active span {
        border-top: 2px #00457C solid;
        padding-top: 3px;
        display: inline-block;
        animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 1s;
    }

    #valuesCarouselMobile-section .row {
        height: 150px;
    }

    #valuesCarouselMobile-section .arrow {
        width: 31px;
    }

    #valuesCarouselMobile-section .carousel-inner img {
        max-height: 267px !important;
    }
}

@media (min-width: 1024px) {
    .box-values {
        font-size: 1.13vw;
        min-height: 280px;
        color: #00457C;
    }

    #valuesCarouselOurNumbersDesktop-section {
        position: relative;
        margin-top: 50px;
        color: #919090;
    }

    div#valuesCarouselDesktop.carousel.slide {
        margin-left: 95px;
        padding-bottom: 65px;
    }

    #valuesCarouselOurNumbersDesktop-section.desktop-section > div.row {
        --bs-gutter-x: 0;
    }

    #valuesCarouselOurNumbersDesktop-section .carousel-indicators {
        position: relative;
        right: 0;
        top: 0;
        left: 0;
        bottom: inherit;
        z-index: 2;
        display: flex;
        justify-content: start;
        padding: 0;
        margin: 20px 0 0 0;
    }

    #valuesCarouselOurNumbersDesktop-section > .carousel-inner {
        margin-top: 100px;
    }

    #valuesCarouselOurNumbersDesktop-section .carousel-indicators [data-bs-target] {
        font-family: OpenSansSemiBold, serif;
        text-transform: uppercase;
        font-size: 1vw;
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 130px;
        height: 60px;
        padding: 0;
        margin: 0 -1px 0 -1px;
        text-indent: -0;
        background-color: transparent;
        color: #b2b1b1;
        background-clip: inherit;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 1;
        transition: opacity .6s ease;
    }

    #valuesCarouselOurNumbersDesktop-section .carousel-indicators button.active {
        background-color: #fff;
    }

    #valuesCarouselOurNumbersDesktop-section .click.active {
        color: #00457C;
    }

    #valuesCarouselOurNumbersDesktop-section .click.active span {
        border-top: 2px #00457C solid;
        padding-top: 3px;
        display: inline-block;
        animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 1s;
    }

    #valuesCarouselOurNumbersDesktop-section .borderBoxContent {
        display: flex;
        color: #5A5A5A;
    }

    #valuesCarouselOurNumbersDesktop-section .borderBoxText {
        padding-left: 25px;
        font-size: 0.91vw;
    }

    #valuesCarouselOurNumbersDesktop-section .span-color1, #valuesCarouselOurNumbersDesktop-section .span-color2, #valuesCarouselOurNumbersDesktop-section .span-color3 {
        font-family: OpenSansBold, sans-serif;
    }

    #valuesCarouselOurNumbersDesktop-section .firstBorderBox {
        border: 10px solid #00C2FF;
        background-color: #00C2FF;
        min-width: 95px;
        height: 20px;
        display: inline-block;
    }

    #valuesCarouselOurNumbersDesktop-section .span-color1 {
        color: #00C2FF;
    }

    #valuesCarouselOurNumbersDesktop-section .education {
        color: #0483AB;
        border: 2px solid transparent;
        background: #fff 0 no-repeat padding-box;
        border-radius: 24px;
        padding: 5px;
        margin-left: 115px;
        box-shadow: 0 3px 6px #00000057;
    }

    #valuesCarouselOurNumbersDesktop-section .education a {
        color: #0483AB;
        text-decoration: none;
    }

    #valuesCarouselOurNumbersDesktop-section .secondBorderBox {
        border: 10px solid #FDA623;
        background-color: #FDA623;
        min-width: 95px;
        height: 20px;
        display: inline-block;
    }

    #valuesCarouselOurNumbersDesktop-section .span-color2 {
        color: #FDA623;
    }

    #valuesCarouselOurNumbersDesktop-section .portfolio {
        color: #FDA623;
        border: 2px solid transparent;
        background: #fff 0 no-repeat padding-box;
        border-radius: 24px;
        padding: 5px;
        margin-left: 115px;
        box-shadow: 0 3px 6px #00000057;
    }

    #valuesCarouselOurNumbersDesktop-section .portfolio a {
        color: #FDA623;
        text-decoration: none;
    }

    #valuesCarouselOurNumbersDesktop-section .thirdBorderBox {
        border: 10px solid #E6C800;
        background-color: #E6C800;
        min-width: 95px;
        height: 20px;
        display: inline-block;
    }

    #valuesCarouselOurNumbersDesktop-section .span-color3 {
        color: #E6C800;
    }

    #valuesCarouselOurNumbersDesktop-section .spacing {
        padding-bottom: 65px;
    }

}

/* FIM VALUES SLIDER CARROSSEL */

/* INICIO OUR NUMBERS SECTION */
#ourNumbersMobile-section {
    position: relative;

    /* The image used */
    background-image: url('../images/pagina_quemsomos/mobile_img_maioreslaboratorios.webp');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 655px;
}

#ourNumbersMobile-section .paragraph {
    padding-top: 40px;
    color: #fff;
    font-size: 7.5vw;
}

#ourNumbersMobile-section .paragraphSmallText {
    font-family: OpenSansBold, sans-serif;
    text-shadow: 0 3px 6px #000000C2;
}

#ourNumbersMobile-section .div-button {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#ourNumbersMobile-section .button {
    font-family: OpenSansLight, serif;
    /* font-size: 1.25vw; */
    color: #00457C;
    width: 240px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

/* FIM OUR NUMBERS SECTION */

/* INICIO OUR NUMBERS MODAL */
#ourNumbersModal .modal-body {
    color: #fff;
    /* The image used */
    background-image: url('../images/pagina_quemsomos/mobile_img_nossosnumeros.webp');

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

#ourNumbersModal .modal-footer {
    justify-content: center;
}

#ourNumbersModal .modal-footer button {
    color: #00457C;
    width: 120px;
    border: 2px solid #00457C;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

#ourNumbersModal .education {
    color: #0483AB;
    border: 2px solid #0483AB;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    padding: 5px;
}

#ourNumbersModal .education a {
    color: #0483AB;
    text-decoration: none;
}

#ourNumbersModal .portfolio {
    color: #FDA623;
    border: 2px solid #FDA623;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    padding: 5px;
}

#ourNumbersModal .portfolio a {
    color: #FDA623;
    text-decoration: none;
}

#ourNumbersModal .titleModalOurNumbers {
    padding: 20px 0 20px 0;
    color: #fff;
    font-size: 7.5vw;
}

#ourNumbersModal .paragraphSmallTextModalOurNumbers {
    font-family: OpenSansBold, sans-serif;
    text-shadow: 0 3px 6px #000000C2;
}

#ourNumbersModal .contentParagraph {
    font-size: 3.7vw;
}

#ourNumbersModal .span-color1, #ourNumbersModal .span-color2, #ourNumbersModal .span-color3 {
    font-family: OpenSansBold, sans-serif;
}

#ourNumbersModal .span-color1 {
    color: #00C2FF;
}

#ourNumbersModal .span-color2 {
    color: #FDA623;
}

#ourNumbersModal .span-color3 {
    color: #FFDD00;
}

/* FIM OUR NUMBERS MODAL */

/* INICIO EXCELLENCE SECTION */
#excellenceMobile-section .wordCloud {
    padding: 25px 15px 25px 15px;
}

#excellenceMobile-section .excellenceDiv {
    position: relative;
}

#excellenceMobile-section .excellenceDivText {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
}

#excellenceMobile-section .excellenceDivTitleFirstPart, #excellenceMobile-section .excellenceDivTitleSecondPart {
    font-size: 5.5vw;
    line-height: 1;
}

#excellenceMobile-section .excellenceDivTitleSecondPart, #excellenceMobile-section .excellenceDivParagraphText {
    font-family: OpenSansBold, sans-serif;
}

#excellenceMobile-section .excellenceDivParagraph {
    font-size: 5vw;
    line-height: 1.75rem;
}

#excellenceMobile-section .lineHr {
    margin: 10px 15px 10px 15px;
    border: 1px #fff solid;
    opacity: 1;
}

@media screen and (min-width: 1024px) {
    #excellenceDesktop-section {
        margin-top: 75px;
    }

    #excellenceDesktop-section .carousel-indicators {
        justify-content: center;
    }

    #excellenceDesktop-section .carousel-indicators .active {
        background-color: #00457C !important;
    }

    #excellenceDesktop-section .carousel-indicators [data-bs-target] {
        border: 1px solid white;
        border-radius: 50%;
        width: 12px;
        height: 12px;
    }

    #excellenceDesktop-section .excellenceContent {
        color: #fff;
        font-family: OpenSansRegular, sans-serif;
        font-size: 1.16vw;
        position: absolute;
        top: 10%;
        width: 100%;
    }

    #excellenceDesktop-section .excellenceExtraBoldText {
        font-family: OpenSansExtraBold, sans-serif;
    }

    #excellenceDesktop-section .excellenceTitle {
        font-size: 1.3vw;
        margin-bottom: 0;
    }

    #excellenceDesktop-section .excellenceHr {
        border: 0.1rem solid #fff;
        opacity: 0.5;
        margin: 0.5rem 0 0.7rem 0;
    }

    #excellenceDesktop-section .excellenceImg {
        width: 40%;
    }
}

/* FIM EXCELLENCE SECTION */

/* INICIO TIMELINE SECTION */
#timelineMobile-section .timelineDiv {
    position: relative;
}

#timelineMobile-section .timelineDivText {
    position: absolute;
    top: 40%;
    left: 70%;
    transform: translate(-50%, -50%);
}

#timelineMobile-section .imgTimeline {
    width: 220px;
}

@media screen and (min-width: 1024px) {
    #swiperTimelineDesktop-section .timelineDiv {
        position: relative;
    }

    #swiperTimelineDesktop-section .timelineDivText {
        position: absolute;
        top: 40%;
        left: 65%;
        transform: translate(-50%, -50%);
    }

    #swiperTimelineDesktop-section .imgTimeline {
        width: 220px;
    }
}

@media screen and (min-width: 1600px) {
    #swiperTimelineDesktop-section .timelineDivText {
        left: 60%;
    }
}

/* FIM TIMELINE SECTION */

/* INICIO SLIDER SWIPER */
#swiper-section {
    position: relative;
    width: calc(min(105rem, 90%));
    margin: 0 auto;
    column-gap: 15rem;
    padding-block: min(20vh, 3rem);
}

#swiper-col {
    position: relative;
    margin: 0 auto;
    column-gap: 15rem;
    padding-block: min(20vh, 3rem);
}

.img-button-prev, .img-button-next {
    opacity: .5;
    height: 50px;
    width: 50px;
}

.img-button-prev:hover, .img-button-next:hover {
    opacity: .9;
}

.swiper-slide--one {
    background: url("../images/pagina_quemsomos/mobile_banner_equipe.webp") no-repeat 50% 50% / cover;
}

.swiper-slide--two {
    background: url("../images/pagina_quemsomos/mobile_banner_infra.webp") no-repeat 50% 50% / cover;
}

.swiper-slide--three {
    background: url("../images/pagina_quemsomos/mobile_banner_FormacaoRH.webp") no-repeat 50% 50% / cover;
}

.swiper-slide--four {
    background: url("../images/pagina_quemsomos/mobile_banner_Qualidade.webp") no-repeat 50% 50% / cover;
}

.swiper-slide--five {
    background: url("../images/pagina_quemsomos/mobile_banner_ANP.webp") no-repeat 50% 50% / cover;
}

.swiper-slide--six {
    position: relative;
    background: url("../images/pagina_quemsomos/mobile_banner_AIRCENTRE.webp") no-repeat 50% 50% / cover;
}

/* modificação pros clicks funcionais do swiper */
#swiperDesktop .swiper-slide.swiper-slide-active{
    transform: none !important;
}

.swiper {
    padding-top: 1rem;
}

.swiper-slide {
    height: 37rem;
}

.swiper-slide-active div {
    border-top: transparent;
}

.swiper-contentTextTeam {
    font-family: OpenSansBold, sans-serif;
    position: absolute;
    color: #fff;
    top: 12%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.swiper-contentTextTeamTitle {
    font-size: 6vw;
    line-height: 1.3;
}

.swiper-contentButtonTeam {
    position: absolute;
    color: #fff;
    top: 73%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonTeam {
    font-family: OpenSansLight, serif;
    font-size: 4vw;
    color: #00457C;
    width: 175px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

.swiper-contentTextInfrastructure {
    font-family: OpenSansBold, sans-serif;
    position: absolute;
    color: #fff;
    top: 40%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.swiper-contentTextInfrastructureTitle {
    font-size: 6vw;
    line-height: 1.3;
}

.swiper-contentButtonInfrastructure {
    position: absolute;
    color: #fff;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonInfrastructure {
    font-family: OpenSansLight, serif;
    font-size: 4vw;
    color: #00457C;
    width: 175px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

.swiper-contentTextTraining {
    font-family: OpenSansBold, sans-serif;
    position: absolute;
    color: #fff;
    top: 40%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.swiper-contentTextTrainingTitle {
    font-size: 6vw;
    line-height: 1.3;
}

.swiper-contentButtonTraining {
    position: absolute;
    color: #fff;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonTraining {
    font-family: OpenSansLight, serif;
    font-size: 4vw;
    color: #00457C;
    width: 175px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

.swiper-contentTextCertificate {
    font-family: OpenSansBold, sans-serif;
    position: absolute;
    color: #fff;
    top: 30%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.swiper-contentTextCertificateTitle {
    font-size: 6vw;
    line-height: 1;
}

.lineHr {
    margin: 10px 50px 0 50px;
    border: 1px #fff solid;
    opacity: 1;
}

.swiper-contentTextCertificate p {
    background: transparent;
    box-shadow: none;
    padding: 15px;
    margin-bottom: 0;
    color: #fff;
    font-family: OpenSansLight, serif;
    font-size: 1.5rem;
}

.swiper-contentTextCertificate p span {
    font-family: OpenSansBold, serif;
}

.swiper-contentButtonCertificate {
    position: absolute;
    color: #fff;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonCertificate {
    font-family: OpenSansLight, serif;
    font-size: 3.5vw;
    color: #00457C;
    width: 200px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

.swiper-contentButtonAnp {
    position: absolute;
    color: #fff;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonAnp {
    font-family: OpenSansLight, serif;
    font-size: 3.5vw;
    color: #00457C;
    width: 200px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

.swiper-contentButtonAirCentre {
    position: absolute;
    color: #fff;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonAirCentre {
    font-family: OpenSansLight, serif;
    font-size: 3.5vw;
    color: #00457C;
    width: 275px;
    height: 48px;
    border: transparent;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

@media screen and (min-width: 48rem) {
    #swiper-section {
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    #swiperTimelineDesktop-section > div.row {
        --bs-gutter-x: 0;
    }

    .swiper {
        width: 80%;
    }

    #swiper-col {
        padding-block: min(20vh, 0.5rem);
    }

    .swiper-contentTextTeamTitle {
        font-size: 1.5vw;
    }

    .swiper-contentTextInfrastructureTitle {
        font-size: 1.5vw;
    }

    .swiper-contentTextTrainingTitle {
        font-size: 1.3vw;
    }

    .swiper-contentTextCertificateTitle {
        font-size: 1.5vw;
    }

    .swiper-contentButtonTraining {
        top: 60%;
    }

    .buttonTeam {
        font-size: 1vw;
    }

    .buttonInfrastructure {
        font-size: 1vw;
    }

    .buttonTraining {
        font-size: 1vw;
    }

    .buttonAnp {
        font-size: 0.75vw;
    }

    .buttonAirCentre {
        font-size: 0.75vw;
    }
}

@media screen and (min-width: 1280px) {
    .swiper {
        padding-top: 2rem;
    }

    .swiper-slide {
        height: 33rem;
    }
}

@media screen and (min-width: 1440px) {
    .swiper {
        padding-top: 4rem;
    }

    #swiper-col {
        padding-block: min(20vh, 2rem);
    }
}

@media screen and (min-width: 1600px) {
    .swiper {
        width: 88%;
    }

    #swiper-col {
        padding-block: min(20vh, 5rem);
    }
}

/* FIM SLIDER SWIPER */

/* INICIO TEAM MODAL */
#teamModal .modal-body {
    color: #fff;
    /* The image used */
    background-image: url('../images/pagina_quemsomos/mobile_SOofundo_saibamaisEquipe.webp');

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

#teamModalDesktop .modal-body {
    padding: 80px 0 80px 0;
    color: #fff;
    /* The image used */
    background-image: url('../images/pagina_quemsomos/fundo_saibamaisEquipe_desktop.webp');

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

#teamModal .modal-footer {
    justify-content: center;
}

#teamModal .modal-footer button {
    color: #00457C;
    width: 120px;
    border: 2px solid #00457C;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

#teamModalDesktop .startModals {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 24px;
    margin-top: 5px;
    padding: 6px;
}

#teamModal .meetUs {
    color: #0483AB;
    border: 2px solid #0483AB;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    margin-top: 5px;
    padding: 6px;
}

#teamModalDesktop .meetUs {
    color: #0483AB;
    border: 2px solid #0483AB;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    margin-top: -25px;
    padding: 5px;
}

#teamModal .meetUs a, #teamModalDesktop a {
    color: #0483AB;
    text-decoration: none;
}

#teamModal .titleModalTeam {
    padding-top: 20px;
    color: #fff;
    font-size: 7.5vw;
}

#teamModalDesktop .titleModalTeam {
    padding-top: 20px;
    color: #fff;
    font-size: 1.75vw;
}

#teamModal .paragraphSmallTextModalTeam, #teamModalDesktop .paragraphSmallTextModalTeam {
    font-family: OpenSansBold, sans-serif;
    text-shadow: 0 3px 6px #000000C2;
}

#teamModal .contentParagraph {
    font-size: 4vw;
}

#teamModalDesktop .contentParagraph {
    font-size: 1vw;
}

/* FIM TEAM MODAL */

/* INICIO INFRA MODAL */
#infraModal .modal-body, #infraModalDesktop .modal-body {
    color: #fff;
    padding: 0;
}

#infraModal .modal-footer {
    justify-content: center;
}

#infraModal .modal-footer button {
    color: #00457C;
    width: 120px;
    border: 2px solid #00457C;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

#infraModalDesktop button {
    color: #fff;
    width: 120px;
    border: 2px solid #fff;
    background: transparent 0 no-repeat padding-box;
    border-radius: 24px;
}

#infraModal .grvaCenter {
    font-family: OpenSansBold, sans-serif;
    font-size: 6vw;
    background-color: #161616;
    height: 150px;
    line-height: 1.2;
    display: grid;
    position: relative;
    z-index: 2;
}

#infraModalDesktop .grvaCenter {
    font-family: OpenSansBold, sans-serif;
    font-size: 1.5vw;
    background-color: #000;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

#infraModal .textContentGrvaCenter, #infraModal .textContentGrvaSuperComputer, #infraModalDesktop .textContentGrvaCenter, #infraModalDesktop .textContentGrvaSuperComputer {
    border-left: 1px solid #fff;
    cursor: pointer;
}

#infraModal .textContentGrvaCenter, #infraModal .textContentGrvaSuperComputer {
    display: grid;
    align-content: center;
}

#infraModal .buttonContentGrvaCenter, #infraModalDesktop .buttonContentGrvaCenter {
    display: grid;
    align-content: center;
    color: #FDA623;
}

#infraModal .imgContentGrvaCenter, #infraModalDesktop .imgContentGrvaCenter {
    position: relative;
    margin-top: -100px;
    z-index: 1;
}

#infraModalDesktop .img-div {
    position: relative;
    height: 500px;
}

#infraModalDesktop .imgDesktop {
    position: absolute;
    left: 0;
    top: -75px;
}

#infraModalDesktop .img02-div {
    padding: 0;
}

#infraModal .grvaSuperComputer {
    font-family: OpenSansBold, sans-serif;
    font-size: 6vw;
    background-color: #5D5D5D;
    height: 130px;
    line-height: 1.2;
    display: grid;
    position: relative;
    z-index: 2;
    margin-top: -45px;
}

#infraModalDesktop .grvaSuperComputer {
    font-family: OpenSansBold, sans-serif;
    font-size: 1.5vw;
    background-color: #5D5D5D;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

#infraModal .buttonContentGrvaSuperComputer, #infraModalDesktop .buttonContentGrvaSuperComputer {
    display: grid;
    align-content: center;
    color: #FDA623;
    cursor: pointer;
}

#infraModal .imgContentGrvaSuperComputer {
    position: relative;
    margin-top: -100px;
    z-index: 1;
}

#infraModal .grvaCenter > .row, #infraModal .grvaSuperComputer > .row, #infraModalDesktop .grvaCenter > .row, #infraModalDesktop .grvaSuperComputer > .row {
    margin: 0;
}

#infraModal .backButton {
    font-family: OpenSansLight, sans-serif;
    font-size: 5vw;
    color: #FDA623;
    border-bottom: 1px solid #FDA623;
    cursor: pointer;
    margin: 30px 0 30px 0;
}

#infraModalDesktop .backButton {
    font-family: OpenSansLight, sans-serif;
    font-size: 1vw;
    color: #FDA623;
    border-bottom: 1px solid #FDA623;
    cursor: pointer;
    margin: 30px 0 30px 0;
}

#infraModal .grvaCenterCarousel {
    font-family: OpenSansLight, sans-serif;
    font-size: 6vw;
    background-color: #161616;
    line-height: 1.1;
}

#infraModalDesktop .grvaCenterCarousel {
    font-family: OpenSansLight, sans-serif;
    font-size: 2vw;
    background-color: #000;
    line-height: 1.1;
}

#infraModal .paragraphGrvaCenterCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 6.5vw;
    margin-bottom: 0.2rem;
}

#infraModalDesktop .paragraphGrvaCenterCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 1.25vw;
    margin-top: 10rem;
    margin-bottom: 0.2rem;
}

#infraModal .smallParagraphGrvaCenterCarousel {
    font-family: OpenSansRegular, sans-serif;
    font-size: 4.5vw;
    line-height: 1.2;
    margin-bottom: 2rem;
}

#infraModalDesktop .smallParagraphGrvaCenterCarousel {
    font-family: OpenSansRegular, sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    margin-bottom: 8rem;
}

#infraModal .grvaTitleSuperComputerCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 6vw;
    height: 150px;
    line-height: 1.2;
    display: grid;
}

#infraModalDesktop .grvaTitleSuperComputerCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    margin-bottom: 4rem;
}

#infraModal .grvaSuperComputerCarousel, #infraModalDesktop .grvaSuperComputerCarousel {
    font-family: OpenSansLight, sans-serif;
    font-size: 6vw;
    background-color: #5D5D5D;
    line-height: 1.1;
}

#infraModal .paragraphGrvaSuperComputerCarousel, #infraModalDesktop .paragraphGrvaSuperComputerCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 6.5vw;
    margin-bottom: 0.2rem;
}

#infraModal .smallParagraphGrvaSuperComputerCarousel, #infraModalDesktop .smallParagraphGrvaSuperComputerCarousel {
    font-family: OpenSansRegular, sans-serif;
    font-size: 4.5vw;
    line-height: 1.2;
    margin-bottom: 2rem;
}

#infraModal .grvaTitleGrvaCenterCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 6vw;
    height: 150px;
    line-height: 1.2;
    display: grid;
}

#infraModalDesktop .grvaTitleGrvaCenterCarousel {
    font-family: OpenSansBold, sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    margin-bottom: 4rem;
}

#infraModalDesktop .spacingVideoImgGrvaSuperComputer {
    margin: 50px 0 50px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1600px) {
    #infraModalDesktop .backButton {
        font-size: 1.5vw;
    }

    #infraModalDesktop .paddingGrvaCenterCarousel {
        padding: 0 10px 0 10px;
    }

    #infraModalDesktop .paragraphGrvaCenterCarousel {
        font-size: 1.75vw;
    }

    #infraModalDesktop .smallParagraphGrvaCenterCarousel {
        font-size: 1.3vw;
        margin-bottom: 8rem;
    }

    #infraModalDesktop .grvaTitleSuperComputerCarousel {
        font-size: 1.5vw;
    }

    #infraModalDesktop .grvaTitleGrvaCenterCarousel {
        font-size: 1.5vw;
    }
}

/* FIM INFRA MODAL */

/* INICIO TEAM TRAINING */
#trainingModal .modal-body {
    color: #fff;
    /* The image used */
    background-image: url('../images/pagina_quemsomos/mobile_fundo_saibamaisFormacaoRH.webp');

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

#trainingModalDesktop .modal-body {
    padding: 50px 0 50px 0;
    color: #fff;
    /* The image used */
    background-image: url('../images/pagina_quemsomos/fundo_saibamaisFormacaoRH_desktop.webp');

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

#trainingModal .modal-footer {
    justify-content: center;
}

#trainingModal .modal-footer button {
    color: #00457C;
    width: 120px;
    border: 2px solid #00457C;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
}

#trainingModalDesktop .startModals {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 24px;
    margin-top: 5px;
    padding: 6px;
}

#trainingModal .training {
    color: #0483AB;
    border: 2px solid #0483AB;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    margin-top: 25px;
    padding: 10px;
}

#trainingModalDesktop .training {
    color: #0483AB;
    border: 2px solid #0483AB;
    background: #fff 0 no-repeat padding-box;
    border-radius: 24px;
    margin-top: -25px;
    padding: 5px;
}

#trainingModal .training a, #trainingModalDesktop a {
    color: #0483AB;
    text-decoration: none;
}

#trainingModal .titleModalTraining {
    padding-top: 20px;
    color: #fff;
    font-size: 6.5vw;
}

#trainingModalDesktop .titleModalTraining {
    padding-top: 20px;
    color: #fff;
    font-size: 1.4vw;
}

#trainingModal .paragraphSmallTextModalTraining, #trainingModalDesktop .paragraphSmallTextModalTraining {
    font-family: OpenSansBold, sans-serif;
    text-shadow: 0 3px 6px #000000C2;
}

#trainingModal .contentParagraph {
    font-size: 4.4vw;
    line-height: 1.3;
}

#trainingModalDesktop .contentParagraph {
    font-size: 1vw;
    line-height: 1.3;
}

/* FIM TEAM TRAINING */

/* INICIO MEDIA QUERIES */
@media screen and (max-width: 767px) {
    #carouselInfra .youtube {
        margin: 20px;
        padding-top: 49.25%;
    }

    .buttonAnp, .buttonAirCentre {
        font-size: 3.5vw;
    }

    .buttonAirCentre {
        width: 200px;
        padding: 5px;
    }

    .swiper-button-prev {
        left: 20%;
    }

    .swiper-button-next {
        right: 20%;
    }
}

@media screen and (min-width: 1024px) {
    .spacing-carousel {
        padding-top: 0;
    }

    .opacity {
        background: transparent linear-gradient(180deg, #fff0 0%, #80808000 100%) 0 0 no-repeat padding-box;
    }

    /* INICIO FIRST CAROUSEL */
    #firstCarouselUsDesktop-section .carousel-indicators {
        justify-content: center;
    }

    #firstCarouselUsDesktop-section .carousel-indicators .active {
        background-color: #00457C !important;
    }

    #firstCarouselUsDesktop-section .carousel-indicators [data-bs-target] {
        border: 1px solid white;
        border-radius: 50%;
        width: 12px;
        height: 12px;
    }

    /* FIM FIRST CAROUSEL */
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
    .buttonAnp, .buttonAirCentre {
        font-size: 0.85vw;
    }

    .buttonAirCentre {
        width: 230px;
        padding: 5px;
    }
}

/* FIM MEDIA QUERIES */

/* EN background images */
body.locale-en #ourNumbersMobile-section {
    background-image: url('../images/pagina_quemsomos/en-US/en_mobile_img_maioreslaboratorios.webp');
}

body.locale-en .swiper-slide--five {
    background: url("../images/pagina_quemsomos/en-US/en_mobile_banner_ANP.webp") no-repeat 50% 50% / cover;
}

body.locale-en .swiper-slide--six {
    background: url("../images/pagina_quemsomos/en-US/en_mobile_banner_AIRCENTRE.webp") no-repeat 50% 50% / cover;
}