.colorOrange {
    color: #fda986;
}

.carousel-control-prev, .carousel-control-next {
    width: 7%;
}

.carousel-control-prev > img, .carousel-control-next > img {
    width: 60%;
}

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

.visitWebsiteButton {
    font-family: OpenSansRegular, serif;
    background-color: #fff;
    color: #fda623;
    border-radius: 25px;
    border: transparent;
    padding: 10px 15px 10px 15px;
    font-size: 1vw;
    line-height: 1.5rem;
}

#portfolioDesktopCarousel .firstElement {
    position: absolute;
    top: 25%;
    /*transform: translate(-50%, -50%);*/
}

#portfolioDesktopCarousel .firstElementContent {
    margin-top: -15px;
}

#portfolioDesktopCarousel .infoContent {
    margin-top: 50px;
}

#portfolioDesktopCarousel .firstElementInfo1, #portfolioDesktopCarousel .secondElementFirstCol, #portfolioDesktopCarousel .thirdElementFirstCol {
    text-decoration: none;
}

#portfolioDesktopCarousel .firstElementTitle {
    font-family: OpenSansExtraBold, serif;
    font-size: 2.4vw;
    color: #4D712B;
    text-shadow: none;
}

#portfolioDesktopCarousel .firstElementText {
    font-family: OpenSansRegular, serif;
    font-size: 1.9vw;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 2.5rem;
    text-shadow: 0 3px 6px #000000C2;
}

#portfolioDesktopCarousel .firstElementInfo1Text {
    font-family: OpenSansBold, serif;
    font-size: 1.2vw;
    line-height: 1.8rem;
    color: #4D712B;
    text-shadow: 0 3px 6px rgb(255, 255, 255);
    margin: 10px 0 0 0 !important;
}

#portfolioDesktopCarousel .firstElementInfo1SmallText {
    font-family: OpenSansBold, serif;
    font-size: 0.85vw;
    color: #4D712B;
    text-shadow: 0 3px 6px rgb(255, 255, 255);
    margin-bottom: 0 !important;
}

#portfolioDesktopCarousel .secondElement {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#portfolioDesktopCarousel .secondElementFirstColText {
    font-family: OpenSansRegular, serif;
    font-size: 1.2vw;
    line-height: 1.75rem;
    color: #fff;
    text-shadow: none;
    padding-top: 10px;
    margin-bottom: 0 !important;
}

#portfolioDesktopCarousel .secondElementFirstColSmallText {
    font-family: OpenSansLight, serif;
    font-size: 0.7vw;
    line-height: 2rem;
    color: #fff;
    padding-top: 5px;
    margin-bottom: 0 !important;
}

#portfolioDesktopCarousel .secondElementSecondColText {
    font-family: OpenSansRegular, serif;
    font-size: 1.2vw;
    color: #fda623;
    text-shadow: none;
    margin-bottom: 0 !important;
}

#portfolioDesktopCarousel .secondElementSecondColSmallText {
    font-family: OpenSansLight, serif;
    font-size: 0.7vw;
    color: #fff;
}

#portfolioDesktopCarousel .secondElement div > .justify-content-center {
    display: flex;
}

#portfolioDesktopCarousel .buttonMeetUs {
    position: absolute;
    bottom: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#portfolioDesktopOilCarousel .firstElement, #portfolioDesktopOilCarousel .secondElement, #portfolioDesktopOilCarousel .thirdElement, #portfolioDesktopOilCarousel .fourthElement {
    position: absolute;
    top: 11%;
    left: 4%;
    color: #fff;
}

#portfolioDesktopOilCarousel .firstElementTitle, #portfolioDesktopOilCarousel .secondElementTitle, #portfolioDesktopOilCarousel .thirdElementTitle, #portfolioDesktopOilCarousel .fourthElementTitle {
    font-family: OpenSansExtraBold, serif;
    color: #baffff;
    line-height: 3rem;
    font-size: 2vw;
}

#portfolioDesktopOilCarousel .firstElementFirstParagraph, #portfolioDesktopOilCarousel .secondElementFirstParagraph {
    font-family: OpenSansRegular, serif;
    color: #fff;
    line-height: 2.3rem;
    font-size: 1.5vw;
}

#portfolioDesktopOilCarousel .firstElementSecondParagraph {
    font-family: OpenSansLight, serif;
    color: #fff;
    line-height: 2.1rem;
    font-size: 1.3vw;
}

#portfolioDesktopOilCarousel .firstElementVideoContent, #portfolioDesktopOilCarousel .secondElementVideoContent {
    min-height: 245px;
    margin-top: 50px;
}

#portfolioDesktopOilCarousel .firstElementVideoText {
    text-transform: uppercase;
    font-family: OpenSansBold, serif;
    color: #fff;
    font-size: 1.2vw;
    line-height: 1.75rem;
    margin-bottom: 0 !important;
}

#portfolioDesktopOilCarousel .firstElementVideoSmallText {
    text-transform: initial;
    font-family: OpenSansRegular, serif;
    color: #fff;
    font-size: 1vw;
}

#portfolioDesktopOilCarousel .secondElementFinalTextFirstParagraph {
    font-family: OpenSansLight, serif;
}

#portfolioDesktopOilCarousel .secondElementSecondParagraph {
    font-family: OpenSansRegular, serif;
    color: #baffff;
    line-height: 2.1rem;
    font-size: 1.4vw;
}

#portfolioDesktopOilCarousel .secondElementFinalTextSecondParagraph {
    font-family: OpenSansLight, serif;
    color: #fff;
}

#portfolioDesktopOilCarousel .secondElementVideoText {
    font-family: OpenSansRegular, serif;
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.75rem;
    margin-bottom: 0 !important;
}

#portfolioDesktopOilCarousel .thirdElementTextTitle {
    font-family: OpenSansRegular, serif;
    color: #baffff;
    line-height: 2.3rem;
    font-size: 1.5vw;
}

#portfolioDesktopOilCarousel .thirdElementFirstParagraph {
    font-family: OpenSansRegular, serif;
    color: #fff;
    line-height: 2.1rem;
    font-size: 1.3vw;
}

#portfolioDesktopOilCarousel .thirdElementFinalTextFirstParagraph {
    font-family: OpenSansLight, serif;
    color: #fff;
    line-height: 2.1rem;
    font-size: 1.3vw;
}

#portfolioDesktopOilCarousel .thirdElementSecondParagraph {
    font-family: OpenSansLight, serif;
    color: #baffff;
    line-height: 2.1rem;
    font-size: 1.3vw;
}

#portfolioDesktopOilCarousel .thirdElementFinalTextSecondParagraph {
    font-family: OpenSansLight, serif;
    color: #fff;
    line-height: 2.1rem;
    font-size: 1vw;
}

#portfolioDesktopOilCarousel .fourthElement {
    font-family: OpenSansRegular, serif;
    font-size: 1.3vw;
}

#portfolioDesktopOilCarousel .fourthElement .row p {
    margin-bottom: 0;
}

#portfolioDesktopOilCarousel .fourthElementInfoParagraph {
    font-family: OpenSansLight, serif;
    font-size: 1vw;
    margin-bottom: 50px !important;
}

#portfolioDesktopBayCarousel .firstElement {
    position: absolute;
    top: 18%;
    left: 4%;
    color: #fff;
}

#portfolioDesktopBayCarousel .firstElementContent {
    font-family: OpenSansBold, serif;
    font-size: 1.5vw;
    line-height: 2.5rem;
    margin-top: -15px;
}

#portfolioDesktopBayCarousel .firstElementTitle {
    font-family: OpenSansExtraBold, serif;
    color: #0b8c8f;
    line-height: 3rem;
    font-size: 2vw;
}

#portfolioDesktopBayCarousel .firstElementFirstParagraph {
    font-family: OpenSansLight, serif;
    color: #fff;
}

#portfolioDesktopBayCarousel .firstElementFirstParagraphSmallText {
    font-family: OpenSansBold, serif;
}

#portfolioDesktopBayCarousel .firstElementSecondParagraph {
    color: #ffe2af;
    font-size: 1.5vw;
}

#portfolioDesktopBayCarousel .secondElement {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#portfolioDesktopBayCarousel .secondElementTitle {
    font-family: OpenSansExtraBold, serif;
    color: #fff;
    line-height: 3rem;
    font-size: 2vw;
    text-shadow: 0 3px 6px #000000C2;
}

#portfolioDesktopBayCarousel .bayImg {
    width: 275px;
}

#portfolioDesktopBayCarousel .secondElementSubTitle {
    font-family: OpenSansBold, serif;
    color: #fff;
    font-size: 1.5vw;
    line-height: 2rem;
    margin-top: 5px;
}


#portfolioDesktopBayCarousel .secondElementSubTitleSmallText {
    font-family: OpenSansLight, serif;
    font-size: 1vw;
    line-height: 0;
}

#portfolioDesktopBayCarousel .thirdElement {
    position: absolute;
    top: 18%;
    left: 7%;
    color: #fff;
}

#portfolioDesktopBayCarousel .thirdElementTitle {
    font-family: OpenSansExtraBold, serif;
    color: #fff;
    line-height: 3rem;
    font-size: 2vw;
}

#portfolioDesktopBayCarousel .thirdElementList {
    font-family: OpenSansRegular, serif;
    font-size: 1.5vw;
}

#portfolioDesktopBayCarousel .thirdElementList {
    padding: 0;
}

#portfolioDesktopBayCarousel .thirdElementList > li {
    list-style-type: none;
    padding: 6px 0 6px 0;
}

#portfolioDesktopBayCarousel .thirdElementList li > .fa-caret-right {
    color: #329ce4;
}

#portfolioDesktopBayCarousel .visitUsBt {
    padding-top: 20px;
}

#portfolioCardsDesktop {
    padding: 85px 0 100px 0;
    background-color: #002130;
}

#portfolioCardsDesktop .title {
    font-family: OpenSansExtraBold, serif;
    color: #00aedb;
    line-height: 3rem;
    font-size: 2.5vw;
}

#portfolioCardsDesktop .titleText {
    font-family: OpenSansBold, serif;
    color: #8e9294;
    line-height: 3rem;
    font-size: 2vw;
}

/* INICIO SWIPER CARDS SECTION */
#portfolioCardsDesktop .swiper {
    width: 100%;
    padding: 3rem 0 3rem 0;
}

#portfolioCardsDesktop .swiper-slide {
    height: 36rem;
}

.swiper-slide > .insideDiv > a > button {
    font-family: OpenSansRegular, serif;
    background-color: #fff;
    color: #00457c;
    border-radius: 25px;
    border: transparent;
    padding: 10px 15px 10px 15px;
    font-size: 1vw;
    line-height: 1.5rem;
}

.swiper-slide > .insideDiv {
    position: relative;
    border-top: transparent;
    bottom: 20%;
}

.swiper-slide > .insideDiv > a > button > i {
    color: #00457c;
}

#portfolioCardsMobile .swiper-slide > .insideDiv {
    bottom: 43%;
}

#portfolioCardsMobile .swiper-slide > .insideDiv > a > button {
    font-size: 3vw;
    line-height: 1rem;
}

.swiper-pagination-bullet {
    background: #d1cbcb;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #00AEDB;
}

#portfolioCardsDesktop .swiper-slide--one {
    /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_costanorte.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--two {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_azul.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--three {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_japi.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--four {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_piatam.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--five {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_piatammar.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--six {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_abdias.webp") no-repeat 50% 50% / 100%;
}

#portfolioCardsDesktop .swiper-slide--seven {
    background: linear-gradient(to left, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), linear-gradient(to right, rgb(0 33 48), rgb(0 33 48 / 30%), rgb(0 33 48 / 30%)), url("../images/pagina_portfolio/projetos_part2/projeto_garrafas.webp") no-repeat 50% 50% / 100%;
}

/* FIM SWIPER CARDS SECTION */

/* INICIO SECTION CARDS AREAS */
#areaDesktopCarousel {
    padding: 0 0 100px 0;
}

#areaDesktopCarousel .titleContent {
    /* height: 185px;
     padding: 50px 0 15px 0;*/
    position: relative;
    top: 25%;
    cursor: default;
}

#areaDesktopCarousel .subtitleArea {
    font-family: OpenSansLight, serif;
    font-size: 1vw;
    color: #fff;
    cursor: pointer;
}

#areaDesktopCarousel .carousel-indicators {
    top: 0;
    bottom: initial;
    margin-top: 13%;
}

#areaDesktopCarousel .carousel-indicators [data-bs-target] {
    font-size: 1vw;
    font-family: OpenSansLight, sans-serif;
    min-width: 11vw;
    height: 55px;
    border-radius: 25px;
    margin: 0 0 0 15px;
    padding: 0;
    box-shadow: 0 3px 6px #00000029;
    text-indent: inherit;
    background-clip: inherit;
    background-color: #000000;
    color: #fff;
    opacity: 1;
    transition: all 1000ms cubic-bezier(0.335, 0.010, 0.030, 1.360);
}

#areaDesktopCarousel .seeContent {
    margin-top: -85px;
    width: 100%;
    opacity: 0.80;
    border-top: transparent;
}

#areaDesktopCarousel .seeContent p {
    border-radius: 25px;
    background: #000000;
    padding: 15px;
    margin: 0 90px 30px 90px;
    color: #8b8c8d;
    font-family: OpenSansRegular, serif;
    font-size: 0.85rem;
    text-align: left;
}

#areaDesktopCarousel .title-card {
    color: #fff;
    font-family: OpenSansSemiBold, serif;
    font-size: 1rem;
}

#areaDesktopCarousel .cdia.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #00CCFF !important;
}

#areaDesktopCarousel .mecompe.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #FF8000 !important;
}

#areaDesktopCarousel .numa.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #C0B4FF !important;
}

#areaDesktopCarousel .lab2m.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #D0D806 !important;
}

#areaDesktopCarousel .note.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #36D806 !important;
}

#areaDesktopCarousel .rocha.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #BCB9B9 !important;
}

#areaDesktopCarousel .labsar.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #CBB37C !important;
}

#areaDesktopCarousel .grva.active {
    font-family: OpenSansBold, sans-serif;
    background-color: #97DE82 !important;
}

#areaDesktopCarousel .col-12 {
    min-height: 21vw;
}

#areaDesktopCarousel .bgCDIA {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_cdia.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgMECOMPE {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_mecanica.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgNUMA {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_mambiental.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgLAB2M {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_mgeofisica.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgNOTE {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_note.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgROCHA {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_rochad.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgLABSAR {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_sensoriamento.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .bgGRVA {
    background: url("../images/pagina_portfolio/projetos_part3_areas/fundo_visualizacaoc.webp") no-repeat 50% 50% / 100%;
}

#areaDesktopCarousel .titleAreaCDIA {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #00ccff;
}

#areaDesktopCarousel .fa-circle-chevron-right.cdia, #areaDesktopCarousel .fa-circle-plus.cdia {
    color: #00ccff;
}

#areaDesktopCarousel .cdia.active {
    background-color: #00ccff !important;
}

#areaDesktopCarousel .titleAreaMECOMPE {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #ff8000;
}

#areaDesktopCarousel .fa-circle-chevron-right.mecompe, #areaDesktopCarousel .fa-circle-plus.mecompe {
    color: #ff8000;
}

#areaDesktopCarousel .mecompe.active {
    background-color: #ff8000 !important;
}

#areaDesktopCarousel .titleAreaNUMA {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #c0b4ff;
}

#areaDesktopCarousel .fa-circle-chevron-right.numa, #areaDesktopCarousel .fa-circle-plus.numa {
    color: #c0b4ff;
}

#areaDesktopCarousel .numa.active {
    background-color: #c0b4ff !important;
}

#areaDesktopCarousel .titleAreaLAB2M {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #d0d806;
}

#areaDesktopCarousel .fa-circle-chevron-right.lab2m, #areaDesktopCarousel .fa-circle-plus.lab2m {
    color: #d0d806;
}

#areaDesktopCarousel .lab2m.active {
    background-color: #d0d806 !important;
}

#areaDesktopCarousel .titleAreaNOTE {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #32d104;
}

#areaDesktopCarousel .fa-circle-chevron-right.note, #areaDesktopCarousel .fa-circle-plus.note {
    color: #32d104;
}

#areaDesktopCarousel .note.active {
    background-color: #32d104 !important;
}

#areaDesktopCarousel .titleAreaROCHA {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #b8b4b4;
}

#areaDesktopCarousel .fa-circle-chevron-right.rocha, #areaDesktopCarousel .fa-circle-plus.rocha {
    color: #b8b4b4;
}

#areaDesktopCarousel .rocha.active {
    background-color: #b8b4b4 !important;
}

#areaDesktopCarousel .titleAreaLABSAR {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #cbb37c;
}

#areaDesktopCarousel .fa-circle-chevron-right.labsar, #areaDesktopCarousel .fa-circle-plus.labsar {
    color: #cbb37c;
}

#areaDesktopCarousel .labsar.active {
    background-color: #cbb37c !important;
}

#areaDesktopCarousel .titleAreaGRVA {
    font-family: OpenSansBold, serif;
    line-height: 3rem;
    font-size: 2vw;
    color: #a5e891;
}

#areaDesktopCarousel .fa-circle-chevron-right.grva, #areaDesktopCarousel .fa-circle-plus.grva {
    color: #a5e891;
}

#areaDesktopCarousel .grva.active {
    background-color: #a5e891 !important;
}

#areaDesktopCarousel .cardsContent {
    margin-top: 50px;
}

#areaDesktopCarousel .cardsContent .card {
    cursor: pointer;
    border-color: transparent !important;
    padding: 0 0 25px 0;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
}

#areaDesktopCarousel .cardsContent .card:hover {
    transform: scale(1.05);
}

#areaDesktopCarousel .cardsContent .imgCard {
    border-radius: 25px;
}

.modal-body-custom-width {
    width: 50%;
}

#cdiaFirstDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/pc_cdia_1_imgBvertraba.webp") no-repeat 100%;
}

#cdiaSecondDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho2/pcfundo_cdia_vertrabalho_2.webp") no-repeat 100%;
}

#cdiaThirdDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho3/pcfundo_cdia_vertrabalho_3.webp") no-repeat 100%;
}

#cdiaFourthDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho4/pcfundo_cdia_vertrabalho_4.webp") no-repeat 100%;
}

#cdiaFifthDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho5/fundo_pc.webp") no-repeat 100%;
}

#cdiaSixthDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho6/fundo_pc.webp") no-repeat 100%;
}

#cdiaSeventhDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/cdia/vertrabalho7/fundo_pc.webp") no-repeat 100%;
}

[id^="cdia"][id$="DesktopModal"] .titleModalCDIA {
    font-family: OpenSansBold, serif;
    color: #fff;
    padding: 50px 0 30px;
    text-shadow: 0 3px 6px #000000C2;
}

[id^="cdia"][id$="DesktopModal"] .subtitleModalCDIA {
    color: #00ccff;
}

[id^="cdia"][id$="DesktopModal"] .fa-circle-xmark {
    color: #00ccff;
}

#cdiaFirstDesktopModal .imgCDIA {
    width: 45%;
}

.buttonClose button {
    background-color: #fff;
    color: #000;
    border-radius: 25px;
    width: 150px;
}

#numaFirstDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/pc_mambiental_1_imgVerTrabalho.webp") no-repeat 100%;
}

#numaSecondDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/modelagemAmbiental/vertrabalho2/imagemfundo_pc.webp") no-repeat 100%;
}

#numaThirdDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/modelagemAmbiental/vertrabalho3/imagemfundo_pc.webp") no-repeat 100%;
}

#numaFourthDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/modelagemAmbiental/vertrabalho4/imagemfundo_pc.webp") no-repeat 100%;
}

#numaFifthDesktopModal .modal-content {
    background: url("../images/pagina_portfolio/projetos_part3_areas/modelagemAmbiental/vertrabalho5/imagemfundo_pc.webp") no-repeat 100%;
}

[id^="numa"][id$="DesktopModal"] .purpleColor, [id^="numa"][id$="DesktopModal"] .fa-circle-xmark {
    color: #c0b4ff;
}

[id^="numa"][id$="DesktopModal"] .content {
    color: #372E68;
    margin-top: 25px;
}

[id^="numa"][id$="DesktopModal"] .paragraph {
    margin-top: 15px;
    font-size: 1vw;
}

[id^="numa"][id$="DesktopModal"] .list {
    font-family: OpenSansBold, serif;
    font-size: 1vw;
    color: #372E68;
    padding: 0;
}

[id^="numa"][id$="DesktopModal"] .list > li, [id^="numa"][id$="DesktopModal"] .list > div.row li {
    list-style-type: none;
    padding: 6px 0 6px 0;
}

[id^="numa"][id$="DesktopModal"] .list li > .fa-circle-chevron-right {
    color: #C0B4FF;
}

[id^="mecompe"] .modal-fullscreen .modal-body {
    overflow-x: hidden;
    padding: 0;
    background-color: #000;
    color: #fff;
}

[id^="mecompe"] .fa-circle-xmark,
[id^="mecompe"] .changeColor {
    color: #ff8000;
}

[id^="mecompe"] .col-lg-5 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%; /* Ajuste conforme necessário */
    overflow: hidden;
}

[id^="mecompe"] .col-lg-7 {
    margin-right: 40%; /* Deve coincidir com a largura do col-5 */
    padding: 50px;
}

[id^="mecompe"] .titleParagraph {
    font-family: OpenSansBold, serif;
    color: #FF8000;
    padding-top: 35px;
}

[id^="mecompe"] .paragraph {
    font-family: OpenSansRegular, serif;
    font-size: 1vw;
}

[id^="labsar"] .modal-fullscreen .modal-body {
    overflow-x: hidden;
    padding: 0;
    color: #707070;
}

[id^="labsar"] .fa-circle-xmark,
[id^="labsar"] .changeColor {
    color: #E8C473;
}

[id^="labsar"] div.col-lg-7 {
    padding: 50px;
}

[id^="labsar"] .imageParagraph {
    font-family: OpenSansBold, serif;
    font-size: 1.5rem;
}

[id^="labsar"] .titleParagraph {
    font-family: OpenSansBold, serif;
    font-size: 1.5rem;
}

[id^="labsar"] .paragraph {
    font-family: OpenSansRegular, serif;
    font-size: 0.9rem;
}

[id^="labsar"] ul {
    list-style: none;
    padding: 0;
}

[id^="labsar"] li {
    margin-bottom: 10px; /* Espaçamento entre os itens da lista */
}

[id^="labsar"] li::before {
    content: url("../images/pagina_portfolio/projetos_part3_areas/sensoriamento/vertrabalho4_pemex/icone_principaiscontribuicoes.svg");
    display: inline-block;
    margin-right: 10px; /* Espaçamento entre a imagem e o texto */
}

[id^="labsar"] .col-lg-5 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%; /* Ajuste conforme necessário */
    overflow: hidden;
}

[id^="labsar"] .col-lg-7 {
    margin-left: 40%; /* Deve coincidir com a largura do col-5 */
    padding: 50px;
}

[id^="labsar"] .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[id^="labsar"] .text-overlay {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    z-index: 2;
    padding: 20px 0; /* Adiciona espaçamento, se necessário */
    font-size: 1.2rem;
}

#readMoreToggle, #historicToggle {
    padding: 5px !important;
    background-color: #7e7e7e;
    color: #fff;
}

#readMoreToggle:hover, #historicToggle:hover {
    padding: 5px !important;
    background-color: #b6b6b6;
}

#readMoreToggle:hover span, #readMoreToggle:hover i, #historicToggle:hover span, #historicToggle:hover i {
    color: #fff;
}

@media (max-width: 767.98px) {
    [id^="labsar"] .overlay-container {
        height: auto;
    }

    [id^="labsar"] .text-overlay {
        left: 0;
        transform: none;
        font-size: 1.2rem;
        padding: 50px 20px;
    }
}

[id^="mecompe"] .buttonClose, [id^="labsar"] .buttonClose {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    padding-bottom: 20px; /* Espaço para não ficar grudado no fundo */
}

.collisionVideo {
    width: 100%;
    height: auto;
}

/* FIM SECTION CARDS AREAS  */

@media only screen and (min-width: 1600px) and (max-width: 1601px) {
    #portfolioDesktopCarousel .infoContent {
        margin-top: 100px;
    }

    #portfolioDesktopCarousel .firstElementInfo1SmallText {
        font-size: 0.8vw;
    }

    #portfolioDesktopCarousel .secondElementFirstColSmallText, #portfolioDesktopCarousel .secondElementSecondColSmallText {
        font-size: 0.9vw;
    }

    #portfolioDesktopCarousel .secondElementSecondColText {
        font-size: 1.4vw;
    }

    #portfolioDesktopOilCarousel .secondElementFirstParagraph {
        margin-bottom: 0 !important;
    }

    #portfolioDesktopOilCarousel .secondElementVideoContent {
        min-height: auto;
        margin-top: 0;
    }

    #portfolioCardsDesktop .swiper-slide {
        height: 54vh;
    }
}

@media only screen and (min-width: 1024.1px) and (max-width: 1599px) {
    #portfolioDesktopOilCarousel .firstElementTitle, #portfolioDesktopOilCarousel .secondElementTitle, #portfolioDesktopOilCarousel .thirdElementTitle, #portfolioDesktopOilCarousel .fourthElementTitle {
        line-height: 2.25rem;
    }

    #portfolioDesktopCarousel .firstElement {
        top: 25%;
    }

    #portfolioDesktopCarousel .infoContent {
        margin-top: 50px;
    }

    #portfolioDesktopCarousel .firstElementText {
        line-height: 2rem;
    }

    #portfolioDesktopCarousel .firstElementInfo1Text {
        margin: 0 !important;
    }

    #portfolioDesktopCarousel .buttonMeetUs {
        width: 25%;
    }

    #portfolioDesktopCarousel .secondElementFirstColText {
        font-size: 1.4vw;
        line-height: 1.5rem;
    }

    #portfolioDesktopCarousel .secondElementFirstColSmallText {
        font-size: 0.9vw;
        line-height: 1.5rem;
    }

    #portfolioDesktopCarousel .secondElementSecondColText {
        font-size: 1.5vw;
    }

    #portfolioDesktopCarousel .secondElementSecondColSmallText {
        font-size: 1vw;
    }

    #portfolioDesktopOilCarousel .firstElementFirstParagraph, #portfolioDesktopOilCarousel .secondElementFirstParagraph, #portfolioDesktopOilCarousel .firstElementSecondParagraph {
        line-height: 1.8rem;
        font-size: 1.3vw;
    }

    #portfolioDesktopOilCarousel .firstElementVideoContent, #portfolioDesktopOilCarousel .secondElementVideoContent {
        margin-top: 25px;
    }

    #portfolioDesktopOilCarousel .firstElementVideoContent, #portfolioDesktopOilCarousel .secondElementVideoContent {
        min-height: auto;
    }

    #portfolioDesktopOilCarousel .firstElementFirstParagraph, #portfolioDesktopOilCarousel .secondElementFirstParagraph, #portfolioDesktopOilCarousel .firstElementSecondParagraph, #portfolioDesktopOilCarousel .secondElementSecondParagraph {
        line-height: 1.6rem;
        font-size: 1.2vw;
    }

    #portfolioDesktopOilCarousel .secondElementFirstParagraph {
        margin-bottom: 0 !important;
    }

    #portfolioDesktopOilCarousel .thirdElement, #portfolioDesktopBayCarousel .firstElement {
        top: 11%;
    }

    #portfolioDesktopOilCarousel .thirdElementTextTitle, #portfolioDesktopOilCarousel .thirdElementFirstParagraph, #portfolioDesktopOilCarousel .thirdElementSecondParagraph, #portfolioDesktopOilCarousel .thirdElementFinalTextFirstParagraph, #portfolioDesktopOilCarousel .thirdElementFinalTextSecondParagraph {
        line-height: 1.8rem;
    }

    #portfolioDesktopBayCarousel .firstElementContent {
        font-size: 1.6vw;
        line-height: 2rem;
        margin-top: -10px;
    }

    #portfolioDesktopBayCarousel .firstElementTitle {
        line-height: 2.25rem;
    }

    #portfolioDesktopBayCarousel .secondElementSubTitle {
        line-height: 1.5rem;
    }

    #portfolioDesktopBayCarousel .secondElementSubTitleSmallText {
        font-size: 1.2vw;
    }

    #portfolioDesktopBayCarousel .thirdElement {
        left: 13%;
    }

    #portfolioCardsDesktop .swiper {
        padding-top: 2rem;
    }

    #portfolioCardsDesktop .swiper-slide {
        height: 62vh;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1441px) {
    #portfolioDesktopCarousel .buttonMeetUs {
        width: 25%;
    }

    #portfolioCardsDesktop .swiper-slide {
        height: 48vh;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    #portfolioDesktopCarousel .firstElement {
        top: 22%;
    }
}

@media only screen and (min-width: 1024px) {
    #portfolioDesktopCarousel .carousel-indicators {
        justify-content: center;
    }

    #portfolioDesktopCarousel .carousel-indicators [data-bs-target] {
        background-color: #3b3b3b;
        border: 1px solid white;
        border-radius: 50%;
        width: 12px;
        height: 12px;
    }

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

@media only screen and (max-width: 1024px) {
    #portfolioMobileOilSection .carousel-item, #portfolioMobileBaySection .carousel-item {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* INICIO SECTION AESOP */
    .visitWebsiteButton {
        padding: 5px 10px 5px 10px;
        font-size: 4vw;
    }

    #portfolioMobileCarousel .carousel-control-prev, #portfolioMobileCarousel .carousel-control-next {
        width: 20%;
        bottom: 5%;
        top: auto;
    }

    #portfolioMobileCarousel .firstElement {
        position: absolute;
    }

    #portfolioMobileCarousel .firstElementContent {
        margin-top: 30px;
    }

    #portfolioMobileCarousel .firstElementTitle {
        display: flex;
        font-family: OpenSansExtraBold, serif;
        font-size: 8.5vw;
        color: #fff;
        text-shadow: none;
    }

    #portfolioMobileCarousel .firstElementText {
        display: flex;
        font-family: OpenSansRegular, serif;
        font-size: 5vw;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-shadow: 0 3px 6px #000000C2;
    }

    #portfolioMobileCarousel .firstElementInfoText {
        display: flex;
        font-family: OpenSansLight, serif;
        font-size: 5vw;
        line-height: 1.8rem;
        color: #B1EF08;
        margin-top: 25px;
    }

    #portfolioMobileCarousel .secondElementImg, #portfolioMobileCarousel .thirdElementImg {
        text-decoration: none;
    }

    #portfolioMobileCarousel .secondElement {
        position: absolute;
        padding: 0;
    }

    #portfolioMobileCarousel .secondElementImgText {
        font-family: OpenSansLight, serif;
        font-size: 5vw;
        line-height: 0;
        color: #fff;
        text-shadow: none;
        padding: 20px 20px 0 20px;
        margin-bottom: 0 !important;
    }

    #portfolioMobileCarousel .secondElementImgSmallText {
        font-family: OpenSansLight, serif;
        font-size: 3vw;
        line-height: 1;
        color: #fff;
        padding: 20px 20px 0 20px;
        margin-bottom: 0 !important;
    }

    #portfolioMobileCarousel .youtube {
        margin: 25px;
        padding-top: 49.25%;
    }

    #portfolioMobileCarousel .secondElementSecondColText {
        font-family: OpenSansRegular, serif;
        font-size: 1.2vw;
        color: #fda623;
        text-shadow: none;
        margin-bottom: 0 !important;
    }

    #portfolioMobileCarousel .secondElementSecondColSmallText {
        font-family: OpenSansLight, serif;
        font-size: 0.7vw;
        color: #fff;
    }

    #portfolioMobileCarousel .buttonMeetUs {
        position: absolute;
        bottom: -50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #portfolioMobileCarousel .thirdElement {
        position: absolute;
        padding: 0;
    }

    #portfolioMobileCarousel .thirdElementImgText {
        font-family: OpenSansLight, serif;
        font-size: 4vw;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 1.5rem;
        padding: 10px 20px 0 20px;
        margin-bottom: 0.4rem;
    }

    #portfolioMobileCarousel .thirdElementImgSmallText {
        font-family: OpenSansLight, serif;
        font-size: 2.5vw;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 0;
        padding: 10px 20px 0 20px;
    }

    #portfolioMobileCarousel .thirdElementParagraph {
        font-family: OpenSansBold, serif;
        font-size: 4vw;
        color: #fda623;
        text-shadow: none;
        padding: 10px 20px 0 20px;
    }

    #portfolioMobileCarousel .thirdElementSmallTextParagraph {
        font-family: OpenSansLight, serif;
        font-size: 3vw;
        color: #FFFFFF;
        padding-left: 5px;
    }

    #portfolioMobileCarousel .imgMeetUs {
        width: 300px;
    }

    #portfolioMobileCarousel .imgAesop {
        width: 250px;
    }


    /* FIM SECTION AESOP */
    /* INICIO OIL SECTION*/
    #portfolioMobileOilCarousel .carousel-control-prev, #portfolioMobileOilCarousel .carousel-control-next {
        width: 20%;
        bottom: 3%;
        top: auto;
    }

    #portfolioMobileOilCarousel .firstElement {
        position: absolute;
        color: #fff;
    }

    #portfolioMobileOilCarousel .firstElementContent {
        font-family: OpenSansRegular, serif;
        font-size: 1.5vw;
        line-height: 2.5rem;
        padding: 10px 20px 0 20px;
    }

    #portfolioMobileOilCarousel .firstElementTitle, #portfolioMobileOilCarousel .secondElementTitle, #portfolioMobileOilCarousel .thirdElementTitle {
        font-family: OpenSansExtraBold, serif;
        color: #baffff;
        line-height: 2.2rem;
        font-size: 7.5vw;
    }

    #portfolioMobileOilCarousel .firstElementFirstParagraph, #portfolioMobileOilCarousel .secondElementFirstParagraph {
        font-family: OpenSansRegular, serif;
        color: #fff;
        line-height: 1.7rem;
        font-size: 5vw;
    }

    #portfolioMobileOilCarousel .firstElementSecondParagraph {
        font-family: OpenSansLight, serif;
        color: #fff;
        line-height: 1.8rem;
        font-size: 4.8vw;
    }

    #portfolioMobileOilCarousel .firstElementVideoContent, #portfolioMobileOilCarousel .secondElementVideoContent {
        min-height: 245px;
        margin-top: 25px;
    }

    #portfolioMobileOilCarousel .firstElementVideoText {
        text-transform: uppercase;
        font-family: OpenSansBold, serif;
        color: #fff;
        font-size: 4vw;
        line-height: 1.75rem;
        margin-bottom: 0 !important;
    }

    #portfolioMobileOilCarousel .firstElementVideoSmallText {
        text-transform: initial;
        font-family: OpenSansRegular, serif;
        color: #fff;
        font-size: 4vw;
    }

    #portfolioMobileOilCarousel .secondElement {
        position: absolute;
        color: #fff;
    }

    #portfolioMobileOilCarousel .secondElementContent {
        font-family: OpenSansRegular, serif;
        font-size: 1.5vw;
        line-height: 2.5rem;
        padding: 10px 10px 0 10px;
    }

    #portfolioMobileOilCarousel .secondElementFinalTextFirstParagraph {
        font-family: OpenSansLight, serif;
    }

    #portfolioMobileOilCarousel .secondElementSecondParagraph {
        font-family: OpenSansRegular, serif;
        color: #baffff;
        line-height: 1.5rem;
        font-size: 4.5vw;
    }

    #portfolioMobileOilCarousel .secondElementFinalTextSecondParagraph {
        font-family: OpenSansLight, serif;
        color: #fff;
    }

    #portfolioMobileOilCarousel .secondElementVideoText {
        font-family: OpenSansRegular, serif;
        color: #fff;
        font-size: 5vw;
        line-height: 1.5rem;
        margin-bottom: 0 !important;
    }

    #portfolioMobileOilCarousel .thirdElement {
        position: absolute;
        color: #fff;
    }

    #portfolioMobileOilCarousel .thirdElementContent {
        font-family: OpenSansRegular, serif;
        font-size: 1.5vw;
        line-height: 2.5rem;
        padding: 10px 10px 0 10px;
    }

    #portfolioMobileOilCarousel .thirdElementTextTitle {
        font-family: OpenSansRegular, serif;
        color: #baffff;
        line-height: 2rem;
        font-size: 7vw;
    }

    #portfolioMobileOilCarousel .thirdElementFirstParagraph {
        font-family: OpenSansRegular, serif;
        color: #fff;
        line-height: 1.7rem;
        font-size: 5vw;
    }

    #portfolioMobileOilCarousel .thirdElementFinalTextFirstParagraph {
        font-family: OpenSansLight, serif;
    }

    #portfolioMobileOilCarousel .thirdElementSecondParagraph {
        font-family: OpenSansLight, serif;
        color: #baffff;
        line-height: 1.7rem;
        font-size: 4.5vw;
    }

    #portfolioMobileOilCarousel .thirdElementFinalTextSecondParagraph {
        font-family: OpenSansLight, serif;
        color: #fff;
    }

    #portfolioMobileOilCarousel .fourthElement {
        position: absolute;
        color: #fff;
    }

    #portfolioMobileOilCarousel .fourthElementContent {
        font-family: OpenSansRegular, serif;
        font-size: 6.5vw;
        line-height: 2rem;
        padding: 10px 10px 0 10px;
    }

    #portfolioMobileOilCarousel .fourthElementTitle {
        font-family: OpenSansExtraBold, serif;
        color: #baffff;
        line-height: 2.2rem;
        font-size: 7vw;
    }

    #portfolioMobileOilCarousel .fourthElementInfoParagraphTitle {
        margin-bottom: 0;
    }

    #portfolioMobileOilCarousel .fourthElementInfoParagraph {
        font-family: OpenSansLight, serif;
        font-size: 4vw;
    }

    /* FIM OIL SECTION*/
    /* INICIO SECTION BAIA DIGITAL */
    #portfolioMobileBayCarousel .carousel-control-prev, #portfolioMobileBayCarousel .carousel-control-next {
        width: 20%;
        bottom: 3%;
        top: auto;
        opacity: 1;
    }

    #portfolioMobileBayCarousel .firstElement {
        position: absolute;
        color: #0b8c8f;
    }

    #portfolioMobileBayCarousel .firstElementContent {
        font-family: OpenSansBold, serif;
        font-size: 1.5vw;
        line-height: 2.5rem;
        padding: 10px 20px 0 20px;
    }

    #portfolioMobileBayCarousel .firstElementTitle {
        font-family: OpenSansExtraBold, serif;
        line-height: 2.3rem;
        font-size: 8vw;
    }

    #portfolioMobileBayCarousel .firstElementFirstParagraph {
        font-family: OpenSansRegular, serif;
        font-size: 4.8vw;
        line-height: 1.5rem;
    }

    #portfolioMobileBayCarousel .firstElementSecondContent {
        font-family: OpenSansBold, serif;
        font-size: 3vw;
        color: #fda986;
        line-height: 1.5rem;
        padding: 10px 20px 0 20px;
    }

    #portfolioMobileBayCarousel .imgBaiaDigital {
        width: 325px;
        margin-top: -45px;
    }

    #portfolioMobileBayCarousel .firstElementSecondParagraph {
        font-family: OpenSansBold, serif;
        font-size: 4.8vw;
        line-height: 1.5rem;
        padding-top: 30px;
    }

    #portfolioMobileBayCarousel .firstElementThirdContentText {
        font-family: OpenSansLight, serif;
        line-height: 1.5rem;
        font-size: 5vw;
    }

    #portfolioMobileBayCarousel .imgObjectives {
        width: 125px;
    }

    #portfolioMobileBayCarousel .imgAirCentre {
        width: 125px;
    }

    #portfolioMobileBayCarousel .secondElement {
        position: absolute;
        --bs-gutter-x: 0;
    }

    #portfolioMobileBayCarousel .secondElementContent {
        padding: 10px 30px 0 30px;
    }

    #portfolioMobileBayCarousel .secondElementTitle {
        font-family: OpenSansExtraBold, serif;
        color: #fff;
        line-height: 2rem;
        font-size: 7vw;
        text-shadow: 0 3px 6px #000000C2;
    }

    #portfolioMobileBayCarousel .secondElementTitleTextPart {
        font-family: OpenSansRegular, serif;
    }

    #portfolioMobileBayCarousel .bayImg {
        width: 275px;
    }

    #portfolioMobileBayCarousel .secondElementSubTitle {
        font-family: OpenSansBold, serif;
        color: #fff;
        font-size: 7vw;
        line-height: 1.8rem;
        margin-top: 10px;
    }

    #portfolioMobileBayCarousel .secondElementSubTitleSmallText {
        font-family: OpenSansLight, serif;
        font-size: 5vw;
        line-height: 0;
    }

    /* INICIO SCROLLING HORIZONTAL SMOOTH */
    .scrolling-wrapper-flexbox {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .scrolling-wrapper-flexbox .scrolling-content {
        flex: 0 0 auto;
    }

    .scrolling-wrapper, .scrolling-wrapper-flexbox {
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .scrolling-wrapper::-webkit-scrollbar, .scrolling-wrapper-flexbox::-webkit-scrollbar {
        display: none;
    }

    /* INICIO SCROLLING HORIZONTAL SMOOTH */
    #portfolioMobileBayCarousel .thirdElement {
        position: absolute;
        top: 4%;
        left: 7%;
        color: #fff;
    }

    #portfolioMobileBayCarousel .thirdElementContent {
        position: absolute;
        top: 53%;
        left: 77%;
        transform: translate(-50%, -50%);
        color: #fff;
    }

    #portfolioMobileBayCarousel .thirdElementTitle {
        font-family: OpenSansExtraBold, serif;
        color: #fff;
        line-height: 2rem;
        font-size: 6.5vw;
        text-shadow: 0 3px 6px #000000C2;
    }

    #portfolioMobileBayCarousel .thirdElementList {
        font-family: OpenSansRegular, serif;
        font-size: 6vw;
    }

    #portfolioMobileBayCarousel .thirdElementList {
        padding: 0;
    }

    #portfolioMobileBayCarousel .thirdElementList > li {
        list-style-type: none;
        padding: 6px 0 6px 0;
    }

    #portfolioMobileBayCarousel .thirdElementList li > .fa-caret-right {
        color: #329ce4;
    }

    #portfolioMobileBayCarousel .buttonPrev {
        padding-top: 10px;
    }

    #portfolioMobileBayCarousel .logoBaia {
        padding-top: 25px;
        width: 250px;
    }

    #portfolioMobileBayCarousel .visitUsBt {
        padding-top: 10px;
    }

    /*FIM SECTION BAIA DIGITAL */
    /* INICIO SWIPER CARDS SECTION */
    #portfolioCardsMobile {
        padding: 50px 0 50px 0;
        background-color: #002130;
    }

    #portfolioCardsMobile .title {
        font-family: OpenSansBold, sans-serif;
        font-size: 6.5vw;
        color: #00aedb;
        line-height: 2rem;
    }

    #portfolioCardsMobile .titleText {
        font-family: OpenSansBold, sans-serif;
        font-size: 6.5vw;
        color: #fff;
        line-height: 1rem;
    }

    #portfolioCardsMobile .swiper {
        width: calc(min(105rem, 90%));
    }

    #portfolioCardsMobile .swiper-slide--one {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_costanorte.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--two {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_azul.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--three {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_japi.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--four {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_piatam.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--five {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_piatammar.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--six {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_abdias.webp") no-repeat 50% 50% / 80%;
    }

    #portfolioCardsMobile .swiper-slide--seven {
        background: url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 80%;
    }

    /* INICIO SWIPER CARDS SECTION */
    /* INICIO SWIPER COM CAROUSEL AREAS */
    #portfolioMobileAreaSection {
        margin-bottom: 350px;
    }

    #portfolioMobileAreaSection .carousel-control-prev {
        margin-left: -4%;
        bottom: 6%;
    }

    #portfolioMobileAreaSection .carousel-control-next {
        margin-right: -4%;
        bottom: 6%;
    }

    #portfolioMobileAreaSection .carousel-control-prev img, #portfolioMobileAreaSection .carousel-control-next img {
        width: 50px;
    }

    #portfolioMobileAreaSection .img-carousel {
        padding-bottom: 50px;
    }

    #portfolioMobileAreaSection .carousel-inner img {
        max-height: 400px !important;
    }

    #portfolioMobileAreaSection .carousel-indicators {
        bottom: -53%;
        justify-content: center;
        margin: 0;
    }

    #portfolioMobileAreaSection .carousel-indicators [data-bs-target] {
        min-width: 40vw;
        height: 45px;
        border-radius: 25px;
        margin: 0;
        padding: 0;
        box-shadow: 0 3px 6px #00000029;
        text-indent: inherit;
        background-clip: inherit;
        background-color: #000000;
        color: #fff;
        opacity: 1;
        transition: all 1000ms cubic-bezier(0.335, 0.010, 0.030, 1.360);
    }

    #portfolioMobileAreaSection .titleContent {
        height: 160px;
        padding-top: 50px;
    }

    #portfolioMobileAreaSection .subtitleArea {
        font-family: OpenSansLight, serif;
        font-size: 3.8vw;
        color: #a5a5a6;
        margin-bottom: 0 !important;
    }

    #portfolioMobileAreaSection .titleAreaCDIA {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #00ccff;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.cdia {
        color: #00ccff;
    }

    #portfolioMobileAreaSection .cdia.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #00ccff !important;
    }

    #portfolioMobileAreaSection .titleAreaMECOMPE {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #ff8000;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.mecompe {
        color: #ff8000;
    }

    #portfolioMobileAreaSection .mecompe.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #ff8000 !important;
    }

    #portfolioMobileAreaSection .titleAreaNUMA {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #c0b4ff;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.numa {
        color: #c0b4ff;
    }

    #portfolioMobileAreaSection .numa.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #c0b4ff !important;
    }

    #portfolioMobileAreaSection .titleAreaLAB2M {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #d0d806;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.lab2m {
        color: #d0d806;
    }

    #portfolioMobileAreaSection .lab2m.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #d0d806 !important;
    }

    #portfolioMobileAreaSection .titleAreaNOTE {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #32d104;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.note {
        color: #32d104;
    }

    #portfolioMobileAreaSection .note.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #32d104 !important;
    }

    #portfolioMobileAreaSection .titleAreaROCHA {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #b8b4b4;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.rocha {
        color: #b8b4b4;
    }

    #portfolioMobileAreaSection .rocha.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #b8b4b4 !important;
    }

    #portfolioMobileAreaSection .titleAreaLABSAR {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #cbb37c;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.labsar {
        color: #cbb37c;
    }

    #portfolioMobileAreaSection .labsar.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #cbb37c !important;
    }

    #portfolioMobileAreaSection .titleAreaGRVA {
        font-family: OpenSansBold, serif;
        line-height: 2rem;
        font-size: 7vw;
        color: #a5e891;
    }

    #portfolioMobileAreaSection .fa-circle-chevron-right.grva {
        color: #a5e891;
    }

    #portfolioMobileAreaSection .grva.active {
        font-family: OpenSansBold, sans-serif;
        background-color: #a5e891 !important;
    }

    /* FIM SWIPER COM CAROUSEL AREAS */
    /* INICIO SWIPER CARDS GROUPS(MOBILE SECTION) */
    #areaMobileCarousel .swiper {
        width: calc(min(100rem, 80%));
        padding: 0;
        margin-top: 0;
    }

    #areaMobileCarousel .swiperBox {
        height: initial;
    }

    #areaMobileCarousel .swiper-pagination {
        position: inherit;
    }

    #areaMobileCarousel .swiper-slide-active div {
        width: 100%;
        opacity: 0.70;
        border-top: transparent;
    }

    #areaMobileCarousel .swiper-slide p {
        border-radius: 25px;
        background: #000000;
        padding: 15px;
        margin: 0 50px 75px 50px;
        color: #8b8c8d;
        font-family: OpenSansRegular, serif;
        font-size: 0.85rem;
        text-align: left;
    }

    #areaMobileCarousel .title-card {
        color: #fff;
        font-family: OpenSansSemiBold, serif;
        font-size: 1rem;
    }

    #areaMobileCarousel .swiper-slide--one--cdia {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--three--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_3.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--four--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_4.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--five--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_5.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--six--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_6.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--seven--cdia {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_cdia_7.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--mecompe {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mecanica_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--mecompe {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mecanica_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--three--mecompe {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mecanica_3.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--four--mecompe {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mecanica_4.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--numa {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mambiental_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--numa {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mambiental_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--three--numa {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mambiental_3.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--four--numa {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mambiental_4.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--five--numa {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mambiental_5.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--lab2m {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mgeofisica_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_mgeofisica_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--three--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_3.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--four--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_4.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--five--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_5.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--six--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_6.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--seven--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_7.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--eight--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_8.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--nine--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_9.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--ten--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_10.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--eleven--lab2m {
        background: url("../images/pagina_portfolio/projetos_part3_areas/geofisica/mobile_mgeofisica_11.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--note {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_note_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--note {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_note_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--rocha {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_rochadi_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--rocha {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_rochadi_2.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--labsar {
        background: url("../images/pagina_portfolio/projetos_part3_areas/sensoriamento/mobile_sensoriamento_4.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--labsar {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_sensoriamento_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--three--labsar {
        background: url("../images/pagina_portfolio/projetos_part3_areas/sensoriamento/mobile_sensoriamento_3.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--one--grva {
        /*background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),url("../images/pagina_portfolio/projetos_part2/mobile_projeto_garrafas.webp") no-repeat 50% 50% / 100%;*/
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_visualizacaoci_1.webp") no-repeat 50% 50% / 100%;
    }

    #areaMobileCarousel .swiper-slide--two--grva {
        background: url("../images/pagina_portfolio/projetos_part3_areas/mobile_visualizacaoci_2.webp") no-repeat 50% 50% / 100%;
    }

    #swiperCDIA .fa-circle-plus {
        color: #00ccff;
    }

    #swiperCDIA span.swiper-pagination-bullet-active {
        background: #00ccff;
    }

    #swiperMECOMPE .fa-circle-plus {
        color: #ff8000;
    }

    #swiperMECOMPE span.swiper-pagination-bullet-active {
        background: #ff8000;
    }

    #swiperNUMA .fa-circle-plus {
        color: #c0b4ff;
    }

    #swiperNUMA span.swiper-pagination-bullet-active {
        background: #c0b4ff;
    }

    #swiperLAB2M .fa-circle-plus {
        color: #d0d806;
    }

    #swiperLAB2M span.swiper-pagination-bullet-active {
        background: #d0d806;
    }

    #swiperNOTE .fa-circle-plus {
        color: #32d104;
    }

    #swiperNOTE span.swiper-pagination-bullet-active {
        background: #32d104;
    }

    #swiperROCHA .fa-circle-plus {
        color: #b8b4b4;
    }

    #swiperROCHA span.swiper-pagination-bullet-active {
        background: #b8b4b4;
    }

    #swiperLABSAR .fa-circle-plus {
        color: #cbb37c;
    }

    #swiperLABSAR span.swiper-pagination-bullet-active {
        background: #cbb37c;
    }

    #swiperGRVA .fa-circle-plus {
        color: #a5e891;
    }

    #swiperGRVA span.swiper-pagination-bullet-active {
        background: #a5e891;
    }

    [id^="cdia"][id$="MobileModal"] .titleModalCDIA {
        font-family: OpenSansBold, serif;
        background-color: #000;
        color: #fff;
        padding: 35px 0 25px 0;
    }

    [id^="cdia"][id$="MobileModal"] .titleModalCDIAWithImage {
        font-family: OpenSansBold, serif;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);

        /* Remover margens e padding extras */
        margin: 0;
        padding: 0;

        /* Controlar a largura para permitir mais texto por linha */
        width: 80%; /* ou 90%, conforme desejar */

        /* Caso queira centralizar o texto dentro dessa área */
        text-align: center;

        /* Garante quebra normal de linhas, sem colar tudo em uma só linha */
        white-space: normal;
    }

    [id^="cdia"][id$="MobileModal"] .subtitleModalCDIA {
        color: #00ccff;
    }

    [id^="mecompe"][id$="MobileModal"] .modal-body {
        background-color: #000000;
        color: #FFFFFF;
    }

    [id^="mecompe"][id$="MobileModal"] .content {
        padding: 0 25px 0 25px;
    }

    [id^="mecompe"][id$="MobileModal"] .titleModalMECOMPE {
        font-family: OpenSansExtraBold, serif;
        color: #FF8000;
        padding-top: 25px;
    }

    [id^="mecompe"][id$="MobileModal"] .titleParagraph {
        font-family: OpenSansBold, serif;
        color: #FF8000;
        padding-top: 35px;
    }

    [id^="mecompe"][id$="MobileModal"] .paragraph {
        font-family: OpenSansRegular, serif;
        font-size: 3vw;
    }

    [id^="numa"][id$="MobileModal"] .content {
        padding: 0 30px 0 30px;
        color: #3f376e;
    }

    [id^="numa"][id$="MobileModal"] .paragraph {
        font-size: 4vw;
        padding-top: 10px;
    }

    [id^="numa"][id$="MobileModal"] .list {
        font-family: OpenSansRegular, serif;
        font-size: 6vw;
        padding: 0;
    }

    [id^="numa"][id$="MobileModal"] .list > li {
        list-style-type: none;
        padding: 6px 0 6px 0;
    }

    [id^="numa"][id$="MobileModal"] .changeColor, [id^="numa"][id$="MobileModal"] .list li > .fa-circle-chevron-right {
        color: #C0B4FF;
    }

    .modalMobile .modal-body {
        padding: 0;
    }

    .modalMobile .modal-footer {
        border-top: transparent;
        justify-content: center;
    }

    .modalMobile .modal-footer button {
        background-color: #fff;
        color: #000;
        border-radius: 25px;
        width: 150px;
    }

    /* FIM SWIPER CARDS GROUPS(MOBILE SECTION) */
}

@media only screen and (min-width: 390px) and (max-width: 450px) {
    #portfolioMobileCarousel .imgAesop {
        width: 250px;
    }

    #portfolioMobileCarousel .imgAesopLastSlide {
        width: 250px;
    }

    #portfolioMobileBayCarousel .firstElementSecondParagraph {
        font-size: 4.5vw;
    }

    #portfolioMobileBayCarousel .imgObjectives {
        width: 100px;
    }

    #portfolioMobileBayCarousel .imgAirCentre {
        width: 100px;
    }
}

@media only screen and (max-width: 380px) {
    #portfolioMobileCarousel .imgAesop {
        width: 250px;
    }

    #portfolioMobileCarousel .virusAesop_img {
        margin-top: -15px;
    }

    #portfolioMobileCarousel .imgAesopLastSlide {
        width: 250px;
    }

    #portfolioMobileBayCarousel .firstElementSecondParagraph {
        font-size: 4.5vw;
    }

    #portfolioMobileBayCarousel .imgObjectives {
        width: 100px;
    }

    #portfolioMobileBayCarousel .imgAirCentre {
        width: 100px;
    }

    #portfolioMobileBayCarousel .imgPrev {
        width: 250px;
    }

    #portfolioMobileBayCarousel .buttonPrev {
        width: 250px;
    }

    #portfolioMobileOilCarousel .firstElementTitle, #portfolioMobileOilCarousel .secondElementTitle, #portfolioMobileOilCarousel .thirdElementTitle {
        font-size: 7vw;
    }

    #portfolioMobileAreaSection .carousel-indicators [data-bs-target] {
        font-size: 3.5vw;
    }
}

@media only screen and (max-width: 370px) {
    #portfolioMobileCarousel .imgAesop {
        width: 250px;
    }

    #portfolioMobileCarousel .virusAesop_img {
        margin-top: -20px;
    }

    #portfolioMobileCarousel .imgAesopLastSlide {
        width: 250px;
    }

    #portfolioMobileBayCarousel .firstElementTitle {
        font-size: 7vw;
    }

    #portfolioMobileBayCarousel .firstElementFirstParagraph {
        font-size: 4.5vw;
    }

    #portfolioMobileBayCarousel .firstElementSecondParagraph {
        font-size: 4.5vw;
    }

    #portfolioMobileBayCarousel .imgObjectives {
        width: 100px;
    }

    #portfolioMobileBayCarousel .imgAirCentre {
        width: 100px;
    }

    #portfolioMobileBayCarousel .imgPrev {
        width: 225px;
    }

    #portfolioMobileBayCarousel .buttonPrev {
        width: 225px;
    }

    #portfolioMobileBayCarousel .logoBaia {
        width: 225px;
    }

    #portfolioMobileOilCarousel .firstElementFirstParagraph, #portfolioMobileOilCarousel .secondElementFirstParagraph {
        font-family: OpenSansRegular, serif;
        color: #fff;
        line-height: 1.7rem;
        font-size: 4.5vw;
    }

    #portfolioMobileOilCarousel .firstElementVideoContent, #portfolioMobileOilCarousel .secondElementVideoContent {
        margin-top: 0;
    }

    #portfolioMobileOilCarousel .firstElementTitle, #portfolioMobileOilCarousel .secondElementTitle, #portfolioMobileOilCarousel .thirdElementTitle {
        font-size: 7vw;
    }

    #portfolioMobileOilCarousel .fourthElementContent {
        font-size: 6vw;
    }
}