:root {
    --main-bg-color: #333333;
    --main-bg-color-secondary: #ffbf20;
    --color-text-primary: #231f20;
    --color-white: #ffffff;
    --color-text-secondary: #ffbf20;

    --main-color-obras: #FFBF20;
    --main-text-obras: #231F20;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-Thin.otf');
    font-weight: 200;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-ExtraLight.otf');
    font-weight: 300;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-Light.otf');
    font-weight: 400;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-Regular.otf');
    font-weight: 500;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-Medium.otf');
    font-weight: 600;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-SemiBold.otf');
    font-weight: 700;
}

@font-face {
    font-family: 'Glancyr';
    src: url('../fonts/Glancyr-Bold.otf');
    font-weight: 800;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Glancyr", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

input:focus,
input:focus-visible{
    outline: none;
}

button{
    cursor: pointer;
}

.container{
    width: 90%;
    margin: auto;
    max-width: 1200px;
}

html{
    scroll-behavior: smooth;
}

html,
body{
    width: 100%;
    overflow-x: hidden;
}

body{
    background-color: var(--color-white);
}

header{
    width: 100%;
    background-image: url(../img/header/imagem-principal-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    height: 85vh;
    max-height: 800px;
    min-height: 500px;
}

header .container{
    height: 100%;
}

header .content-info{
    width: 80%;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: -80px;
}

header .content-info .area-logo{
    height: 45%;
    width: auto;
    padding-left: 30px;
}

header .content-info .area-logo img{
    width: auto;
    height: 100%;
}

header .content-info .area-logo span {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--color-white);
    letter-spacing: 3px;
    word-spacing: 6px;
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    text-shadow: 1px 1px 5px rgba(0,0,0,.5);
}

header .content-info .area-text{
    padding-left: 30px;
    margin-top: 60px;
    width: 460px;
}

header .content-info .area-text-2{
    padding-left: 30px;
}

header .content-info .area-text{
    width: max-content;
}

header .content-info .area-text h2,
header .content-info .area-text h3{
    color: var(--color-white);
}

header .content-info .area-text h2{
    font-size: 3.5vh;
}

header .content-info .area-text h3{
    font-size: 5vh;
    text-transform: uppercase;
}

header .content-info .area-text-2 h4{
    margin-top: 30px;
    font-size: 3.5vh;
    color: var(--color-text-secondary);
}

header .content-info .area-text h3 span{
    font-size: 3vh;
}

header .content-info .area-text .divider{
    height: 1px;
    width: 100%;
    background-color: var(--color-white);
    margin: 5px 0 10px;
}

@media (max-height: 700px) {
    header .content-info{
        padding-top: 35px;
    }

    header .content-info .area-text{
        margin-top: 40px;
    }

    header .content-info .area-text{
        margin-top: 30px;
    }

    header .content-info .area-text h3{
        font-size: 36px;
        margin-top: 40px;
    }

    header .content-info .area-logo span{
        padding-left: 0;
    }

    header .content-info .area-text h3 span{
        font-size: 22px;
    }

    header .content-info .area-text h2{
        font-size: 24px;
    }

    header .content-info .area-text-2 h4{
        font-size: 24px;
    }
}

@media (max-height: 600px) {
    header .content-info{
        padding-top: 20px;
    }
}

@media (max-width: 1400px){
    header .content-info{
        margin-left: 0;
    }
}

@media (max-width: 767px){
    header{
        background-image: url(../img/header/imagem-principal-2-mobile.png);
        background-position: left bottom;
        height: 700px;
    }

    header .content-info{
        width: 100%;
    }

    header .content-info .area-logo{
        height: 230px;
    }

    header .content-info .area-logo span {
        text-transform: uppercase;
        font-size: 9px;
        color: var(--color-white);
        letter-spacing: 3px;
        word-spacing: 6px;
        display: block;
        margin-top: 10px;
        padding-left: 10px;
        text-shadow: 1px 1px 5px rgba(0,0,0,.5);
    }

    header .content-info{
        justify-content: space-between;
        padding: 50px 0;
    }

    header .content-info .area-logo,
    header .content-info .area-text,
    header .content-info .area-text-2{
        padding-left: 20px;
    }

    header .content-info .area-text h2{
        font-size: 25px;
    }
    
    header .content-info .area-text h3{
        font-size: 40px;
        text-transform: uppercase;
    }

    header .content-info .area-text h3 span{
        font-size: 26px;
    }

    header .content-info .area-text-2 h4{
        font-size: 28px;
    }
}

@media (max-width: 399px){
    header .content-info .area-logo,
    header .content-info .area-text,
    header .content-info .area-text-2{
        padding-left: 10px;
    }

    header .content-info .area-text h2{
        font-size: 22px;
    }
    
    header .content-info .area-text h3{
        font-size: 36px;
        text-transform: uppercase;
    }

    header .content-info .area-text h3 span{
        font-size: 20px;
    }

    header .content-info .area-text-2 h4{
        font-size: 22px;
    }
}

/* Info AP */
.info-ap{
    padding: 130px 0;
    position: relative;
}

.info-ap .content-info{
    width: 60%;
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}

.info-ap .content-info .area-title h3{
    font-size: 32px;
    font-weight: 800;
    color: var(--color-text-primary);
}

.info-ap .content-info .area-title h3 span{
    font-weight: 400;
}

.info-ap .content-info .area-title span{
    font-size: 30px;
    font-weight: 400;
    color: var(--color-text-primary);
}

.info-ap .content-info .area-description{
    margin-top: 40px;
}

.info-ap .content-info .area-description p{
    font-size: 18px;
    color: var(--color-text-primary);
    font-weight: 200;
}

.info-ap .content-info .area-description p:nth-child(2){
    margin-top: 30px;
}

.info-ap .content-info .area-icons{
    margin-top: 60px;
    display: flex;
    align-items: center;
}

.info-ap .content-info .area-icons > div{
    display: flex;
    align-items: center;
}

.info-ap .content-info .area-icons > div > span{
    font-weight: 800;
    font-size: 18px;
}

.info-ap .content-info .area-icons > div > img{
    margin-right: 15px;
    height: 22px;
    width: auto;
}

.info-ap .content-info .area-icons .icon-1{
    margin-right: 50px;
}

@media (max-width: 1023px) {
    .info-ap{
        padding: 100px 0;
    }

    .info-ap .content-info{
        width: 100%;
        padding-right: 50px;
    }
}

@media (max-width: 600px) {
    .info-ap{
        padding: 50px 0 100px;
    }

    .info-ap .content-info{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .info-ap .content-info .area-icons{
        justify-content: space-between;
    }

    .info-ap .content-info .area-icons .icon-1{
        margin-right: 0;
    }

    .info-ap .content-info .area-icons > div > img{
        height: 20px;
    }

    .info-ap .content-info .area-icons > div > span{
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .info-ap .content-info .area-icons{
        flex-direction: column;
        align-items: start;
    }

    .info-ap .content-info .area-title h3{
        font-size: 28px;
    }

    .info-ap .content-info .area-title span{
        font-size: 26px;
    }

    .info-ap .content-info .area-icons .icon-1{
        margin-bottom: 30px;
    }

    .info-ap .content-info .area-description p{
        font-size: 16px;
    }
}

/* End Info AP */

.gallery{
    padding: 0;
}

.gallery .area-title {
    margin-bottom: 20px;
}

.gallery .area-title h3{
    color: var(--color-text-primary);
    font-size: 32px;
    font-weight: 800;
}

.gallery .area-sections-gallery{
    margin-bottom: 30px;
}

.gallery .area-sections-gallery ul{
    display: flex;
    list-style: none;
    align-items: center;
}

.gallery .area-sections-gallery ul li{
    cursor: pointer;
    border: 1px solid var(--main-bg-color-secondary);
    margin-right: 20px;
    padding: 15px 25px;
    border-radius: 30px;
    color: var(--color-text-primary);
    font-size: 16px;
    transition: .3s all;
}

.gallery .area-sections-gallery ul li.actived{
    background-color: var(--main-bg-color-secondary);
    cursor: default;
}

.gallery .area-sections-gallery ul li:not(.actived):hover{
    background-color: var(--main-bg-color-secondary);
    opacity: .7;
}

.gallery .area-sections-gallery ul li:last-child{
    margin-right: 0;
}

.gallery .content-slider{
    width: 100%;
}

.gallery .content-slider .tour-vitual{
    width: 55%;
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    margin-left: 30px;
    transition: .3s all;
}

.gallery .content-slider .tour-vitual iframe{
    width: 100%;
    height: 100%;
    border: none;
}

.gallery .content-slider .tour-vitual a{
    height: 100%;
    width: 100%;   
}

.gallery .content-slider .tour-vitual a img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery .content-slider .slider-imagens{
    padding: 0 30px;
    transition: .3s all;
}

.gallery .content-slider .slider-imagens .swiper-slide{
    width: 100%;
    height: auto;
    position: relative;
}

.gallery .content-slider .slider-imagens .swiper-slide .area-imagem{
    height: 500px;
    width: 100%;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.gallery .content-slider .slider-imagens .swiper-slide img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.gallery .content-slider .slider-imagens .swiper-button-next:after,
.gallery .content-slider .slider-imagens .swiper-button-prev:after,
.slider-plantas .swiper-button-prev:after,
.slider-plantas .swiper-button-next:after{
    font-size: 12px !important;
    font-weight: 900;
    color: var(--color-text-primary);
}

.gallery .content-slider .slider-imagens .swiper-button-prev,
.slider-plantas .swiper-button-prev{
    background-color: var(--main-bg-color-secondary);
    width: 70px !important;
    height: 70px !important;
    top: var(--swiper-navigation-top-offset,40%) !important;
    border-radius: 50%;
    left: 0;
}

.gallery .content-slider .slider-imagens .swiper-button-next,
.slider-plantas .swiper-button-next{
    background-color: var(--main-bg-color-secondary);
    width: 70px !important;
    height: 70px !important;
    top: var(--swiper-navigation-top-offset,40%) !important;
    border-radius: 50%;
    right: var(--swiper-navigation-sides-offset,41%) !important;
}

.slider-plantas .swiper-button-next,
.slider-plantas .swiper-button-prev{
    top: var(--swiper-navigation-top-offset,46%) !important;
}

.slider-plantas .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset,4%) !important;
}

.slider-plantas .swiper-button-next{
    right: var(--swiper-navigation-sides-offset,4%) !important;
}

.gallery .content-slider .slider-imagens .swiper-slide a{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 9;
    display: none;
}

.gallery .content-slider .slider-imagens .swiper-slide a img{
    filter: drop-shadow(2px 4px 6px black);
}

.gallery .content-slider .slider-imagens .swiper-slide.swiper-slide-active a {
    display: block;
}

.gallery .content-slider .slider-imagens .area-legenda{
    margin-top: 30px;
    margin-left: 10px;
}

.gallery .content-slider .slider-imagens .area-legenda{
    font-size: 16px;
    color: var(--color-text-primary);
}

.gallery .content-slider .slider-imagens .area-pagination{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .content-slider .slider-imagens .area-pagination .swiper-pagination-fraction{
    color: transparent;
    font-weight: 800;
    font-size: 15px;
    margin-left: 5%;
    position: relative;
    width: 58px;
    background-image: url(../img/icons/pagination.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    
}

.gallery .content-slider .slider-imagens .area-pagination .swiper-pagination-fraction .swiper-pagination-current,
.gallery .content-slider .slider-imagens .area-pagination .swiper-pagination-fraction .swiper-pagination-total{
    color: var(--color-text-primary);
    margin-top: 3px;
    margin-left: 6px;
}

@media (max-width: 1199px) {
    .gallery .content-slider .slider-imagens .swiper-slide .area-imagem,
    .gallery .content-slider .tour-vitual{
        height: 450px;
    }

    .slider-plantas .swiper-button-prev{
        left: var(--swiper-navigation-sides-offset,2%) !important;
    }
    
    .slider-plantas .swiper-button-next{
        right: var(--swiper-navigation-sides-offset,2%) !important;
    }
}

@media (max-width: 1023px) {
    .gallery .content-slider .slider-imagens .swiper-button-next{
        right: var(--swiper-navigation-sides-offset, 23%) !important;
    }

    .slider-plantas .swiper-button-next{
        right: var(--swiper-navigation-sides-offset, 2%) !important;
    }

    .gallery .content-slider .tour-vitual{
        width: initial;
        margin: 0 30px;
    }

    .gallery .content-slider .tour-vitual:hover{
        transform: initial;
    }
}

@media (max-width: 767px) {
    .gallery .content-slider .slider-imagens .swiper-button-next{
        right: var(--swiper-navigation-sides-offset, 0%) !important;
    }

    .slider-plantas .swiper-button-next{
        right: var(--swiper-navigation-sides-offset, 2%) !important;
    }

    .gallery .content-slider .slider-imagens .swiper-slide .area-imagem,
    .gallery .content-slider .tour-vitual{
        height: 350px;
    }

    .gallery .content-slider .tour-vitual{
        margin: 0;
    }

    .gallery .content-slider .slider-imagens .swiper-button-prev,
    .gallery .content-slider .slider-imagens .swiper-button-next,
    .slider-plantas .swiper-button-next,
    .slider-plantas .swiper-button-prev{
        width: 50px !important;
        height: 50px !important;
    }

    .gallery .area-title h3{
        font-size: 24px;
    }

    .gallery .area-sections-gallery ul li{
        font-size: 14px;
        margin-right: 20px;
    }

    .gallery .content-slider .slider-imagens .area-pagination .swiper-pagination-fraction{
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .gallery .content-slider .slider-imagens{
        padding: 0 15px;
    }

    .gallery .content-slider .slider-imagens .swiper-slide .area-imagem,
    .gallery .content-slider .tour-vitual{
        height: 250px;
    }

    .gallery .area-sections-gallery ul li{
        font-size: 12px;
        padding: 10px 15px;
        margin-right: 9px;
    }

    .slider-plantas .swiper-button-next,
    .slider-plantas .swiper-button-prev{
        width: 40px !important;
        height: 40px !important;

        top: var(--swiper-navigation-top-offset,49%) !important;
    }

    .slider-plantas .swiper-button-prev:after,
    .slider-plantas .swiper-button-next:after{
        font-size: 10px !important;
    }

    .gallery .content-slider .slider-imagens .swiper-slide a{
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 374px) {
    .gallery .area-sections-gallery ul li{
        font-size: 10px;
        padding: 10px 13px;
        margin-right: 5px;
    }

    .gallery .content-slider .slider-imagens .swiper-slide a{
        top: 15px;
        right: 15px;
    }
}

.info-diferenciais{
    padding: 130px 0 0;
    /* padding: 0; */
}

.info-diferenciais .area-title{
    display: flex;
    flex-direction: column;
}

.info-diferenciais .area-title h3{
    font-size: 32px;
    font-weight: 800;
    color: var(--color-text-primary);
}

.info-diferenciais .area-title span b{
    font-weight: 800;
}

.info-diferenciais .area-title span:nth-child(2){
    margin-top: 5px;
}

.info-diferenciais .area-diferenciais{
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 70%;
}

.info-diferenciais .area-diferenciais .item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.info-diferenciais .area-diferenciais .item div{
    width: 35px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.info-diferenciais .area-diferenciais .item img{
    width: auto;
    height: auto;
    filter: drop-shadow(0px 100px 0 #f6a000);
    transform: translateY(-100px);
    max-width: 35px;
}

.info-diferenciais .area-diferenciais .item span{
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .info-diferenciais .area-diferenciais{
        width: 80%;
    }
}

@media (max-width: 1023px) {
    .info-diferenciais{
        padding: 100px 0 0;
    }

    .info-diferenciais .area-diferenciais{
        width: 100%;
        column-gap: 20px;
    }
}

@media (max-width: 767px) {
    .info-diferenciais .area-title h3{
        font-size: 24px;
    }
}

@media (max-width: 550px) {
    .info-diferenciais .area-diferenciais .item div{
        width: 25px;
    }
    
    .info-diferenciais .area-diferenciais .item img{
        max-width: 25px;
    }

    .info-diferenciais .area-diferenciais .item span{
        font-size: 14px;
    }

    .info-diferenciais .area-title span{
        font-size: 24px;
    }

    .info-diferenciais .area-title span img{
        width: 35px;
    }

    .info-diferenciais .area-diferenciais{
        margin-top: 40px;
    }
}

@media (max-width: 500px) {
    .info-diferenciais .area-diferenciais{
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
}

@media (max-width: 400px) {
    .info-diferenciais .area-title{
        display: block;
    }

    .info-diferenciais .area-title span{
        font-size: 18px;
        width: auto;
    }

    .info-diferenciais .area-title span img{
        width: 28px;
    }
}

.plantas{
    padding: 130px 0;
}

.plantas .content-slider{
    width: 60%;
}

.plantas .area-title {
    margin-bottom: 20px;
}

.plantas .area-title h3{
    color: var(--color-text-primary);
    font-size: 32px;
    font-weight: 800;
}

.plantas .area-sections-plantas{
    margin-bottom: 30px;
}

.plantas .area-sections-plantas ul{
    display: flex;
    list-style: none;
    align-items: center;
}

.plantas .area-sections-plantas ul li{
    cursor: pointer;
    border: 1px solid var(--main-bg-color-secondary);
    margin-right: 20px;
    padding: 15px 25px;
    border-radius: 30px;
    color: var(--color-text-primary);
    font-size: 16px;
    transition: .3s all;
}

.plantas .area-sections-plantas ul li.actived{
    background-color: var(--main-bg-color-secondary);
    cursor: default;
}

.plantas .area-sections-plantas ul li:not(.actived):hover{
    background-color: var(--main-bg-color-secondary);
    opacity: .7;
}

.plantas .area-sections-plantas ul li:last-child{
    margin-right: 0;
}

.plantas .content-slider .swiper-slide{
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    justify-content: center;
    height: 500px;
}

.plantas .content-slider .swiper-slide .area-imagem{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.plantas .content-slider .swiper-slide .area-imagem img{
    height: 100%;
    width: auto;
    object-fit: cover;
    max-width: 100%;
}

.plantas .content-slider .slider-plantas .swiper-slide a{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 9;
    display: block;
}

.videos{
    background-image: url(../img/video/background.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: center;
    background-position-y: 260px;
    margin-top: 100px;
}

.videos .content-videos{
    width: 60%;
}

.videos .content-videos .area-title {
    margin-bottom: 30px;
}

.videos .content-videos .area-title h3{
    color: var(--color-text-primary);
    font-size: 32px;
    font-weight: 800;
}

.videos .content-videos .slider-videos .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
}

.videos .content-videos .slider-videos .swiper-wrapper .swiper-slide iframe{
    height: 400px;
    width: 100%;
}

.videos .content-videos .slider-videos .swiper-wrapper .swiper-slide p{
    padding: 20px 0 30px;
    font-size: 16px;
    color: var(--color-text-primary);
    font-weight: 400;
}

.videos .content-videos .slider-videos .area-pagination{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 240px;
    margin: 70px auto 0;
}

.videos .content-videos .slider-videos .area-pagination .swiper-pagination-fraction{
    color: transparent;
    font-weight: 800;
    font-size: 15px;
    width: 45px;
    background-image: url(../img/icons/pagination.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: space-between;
    position: initial;
}

.videos .content-videos .slider-videos .area-pagination .swiper-pagination-fraction .swiper-pagination-current,
.videos .content-videos .slider-videos .area-pagination .swiper-pagination-fraction .swiper-pagination-total{
    color: var(--color-text-primary);
    margin-top: 3px;
}

.videos .content-videos .slider-videos .area-pagination .swiper-pagination-fraction .swiper-pagination-current{
    margin-left: -3px;
}

.videos .content-videos .slider-videos .area-pagination .swiper-pagination-fraction .swiper-pagination-total{
    margin-right: -3px;
}

.videos .content-videos .slider-videos .swiper-button-next:after,
.videos .content-videos .slider-videos .swiper-button-prev:after{
    font-size: 12px !important;
    font-weight: 900;
    color: var(--color-text-primary);
}

.videos .content-videos .slider-videos .swiper-button-prev,
.videos .content-videos .slider-videos .swiper-button-next{
    border: 1px solid var(--main-bg-color-secondary);
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    position: initial;
    margin-top: 0;
}

@media (max-width: 1023px) {
    .plantas{
        padding: 100px 0;
    }

    .plantas .content-slider{
        width: 100%;
    }

    .videos .content-videos{
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .videos .content-videos .slider-videos .swiper-wrapper .swiper-slide iframe{
        height: 300px;
    }
    .videos{
        background-position-y: 160px;
    }
    .videos .content-videos{
        width: 100%;
    }

    .plantas .area-title h3,
    .videos .content-videos .area-title h3{
        font-size: 24px;
    }

    .plantas .content-slider .swiper-slide{
        height: 400px;
    }
}

@media (max-width: 500px) {
    .videos{
        background-position-y: 230px;
        background-size: 180% 120px;
    }
    .videos .content-videos .slider-videos .area-pagination{
        margin: 40px auto 0;
    }
    .videos .content-videos .slider-videos .swiper-wrapper .swiper-slide p{
        font-size: 14px;
        padding: 20px 0 10px;
    }
    .videos .content-videos .slider-videos .swiper-wrapper .swiper-slide iframe{
        height: 220px;
    }
    .plantas .content-slider .swiper-slide{
        height: 300px;
    }
    .plantas .area-sections-plantas ul li{
        font-size: 14px;
        padding: 10px 20px;
        margin-right: 10px;
    }

    .plantas .content-slider .slider-plantas .swiper-slide a{
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 400px) {
    .videos{
        background-position-y: 230px;
        background-size: 300% 125px;
    }
    .plantas .content-slider .slider-plantas .swiper-slide a{
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 374px) {
    .plantas .area-sections-plantas ul li{
        margin-right: 5px;
        font-size: 12px;
        padding: 10px 15px;
    }
}

.location{
    padding: 130px 0 0;
}

.location .content-info{
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    width: 60%;
}

.location .content-info .area-title{
    display: flex;
    flex-direction: column;
}

.location .content-info .area-title h3{
    font-size: 32px;
    color: var(--color-text-primary);
    font-weight: 700;
}

.location .content-info .area-title h3 span{
    font-weight: 500;
}

.location .content-info .area-description{
    margin-top: 30px;
}

.location .content-info .area-description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.location .content-info > p{
    margin-top: 40px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}

.location .content-info > p img{
    margin-right: 10px;
}

.location .content-map{
    width: 100%;
    height: 560px;
}

.location .content-map iframe{
    width: 100%;
    height: 100%;
}

@media (max-width: 1023px) {
    .location .content-map{
        height: 450px;
    }
}

@media (max-width: 767px) {
    .location .content-map{
        height: 300px;
    }

    .location .content-info .area-title h3{
        font-size: 26px;
    }
}


/* Area slider */
.area-slider-places{
    margin-top: 40px;
    min-height: 780px;
}

.area-slider-places .container{
    position: relative;
}

.nav-slider-places{
    display: flex;
    align-items: center;
    z-index: 2;
    position: relative;
}

.nav-slider-places .nav-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .1s all;
    cursor: pointer;
    width: 220px;
    height: 220px;
}

.nav-slider-places .nav-item:not(:last-child){
    margin-right: 50px;
}

.nav-slider-places .nav-item .number-item{
    font-size: 22px;
    color: var(--color-text-primary);
    margin-bottom: 5px;
    font-weight: 400;
    transition: .3s all;
}

.nav-slider-places .nav-item span{
    font-weight: 400;
    font-size: 18px;
    color: var(--color-text-secondary);
    display: inline-block;
    text-transform: lowercase;
    transition: .3s all;
    word-spacing: 5px;
}

.nav-slider-places .nav-item.actived{
    border: 1px solid var(--main-bg-color-secondary);
    border-radius: 50%;
    cursor: default;
}
.nav-slider-places .nav-item.actived .number-item{
    font-size: 50px;
    color: var(--main-bg-color-secondary);
    font-weight: 900;
}

.nav-slider-places .nav-item.actived span{
    font-weight: 700;
    font-size: 18px;
    color: var(--color-text-primary);
}

.slider-places {
    margin-top: -40px;
    position: relative;
    z-index: 1;
}


.slider-places .item-slider {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.slider-places .item-slider .area-imagem{
    width: 100%;
    height: 450px;
    border-radius: 20px;
    overflow: hidden;
}

.slider-places .item-slider .area-imagem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider-places .item-slider .info{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 20px;
}

.slider-places .item-slider .info .title-item-slider{
    text-transform: uppercase;
    color: var(--color-text-primary);
    font-weight: 700;
    font-size: 18px;
}

.slider-places .item-slider .info span{
    display: flex;
    align-items: center;
    color: var(--color-text-primary);
    margin-top: 10px;
    font-weight: 700;
}

.slider-places .item-slider .info span img{
    display: inline-block;
    margin-right: 10px;
}

.slider-places .action-slider{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width: 230px;
    height: auto;
    margin: 50px 150px;
    z-index:99;
    position:relative
}

.slider-places .action-slider .swiper-button-next, 
.slider-places .action-slider .swiper-button-prev{
    position: initial;
    color: var(--color-text-primary);
    font-weight: 600;

    border: 2px solid var(--color-destaque);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-top: 0;
}

.slider-places .action-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal{
    color: var(--color-text-primary);
    font-weight: 800;
    font-size: 16px;
}

.slider-places .action-slider .swiper-pagination-fraction{
    top: initial;
    bottom: initial;
    width: auto;
    left: initial;
    position: initial;
}

.slider-places .action-slider .swiper-button-next:after, 
.slider-places .action-slider .swiper-button-prev:after{
    font-size: 10px;
    font-weight: 900;
}

@media (max-width: 1023px) {
    .slider-places .action-slider{
        margin: 50px auto;
    }
}

@media (max-width: 767px) {
    .nav-slider-places .nav-item{
        width: 150px;
        height: 150px;
    }

    .area-slider-places{
        min-height: 550px;
        margin-bottom: 100px;
    }

    .nav-slider-places .nav-item span{
        font-size: 12px;
    }

    .nav-slider-places .nav-item.actived span{
        font-size: 12px;
    }

    .slider-places{
        margin-top: -20px;
    }

    .slider-places .item-slider .area-imagem{
        height: 350px;
    }

    .location .content-info{
        width: 100%;
    }
}

@media (max-width: 500px) {
    .nav-slider-places .nav-item.actived .number-item{
        font-size: 30px;
    }

    .nav-slider-places .nav-item{
        width: 120px;
        height: 120px;
    }

    .nav-slider-places .nav-item span{
        font-size: 10px;
        word-spacing: 2px;
    }

    .nav-slider-places .nav-item.actived span{
        font-size: 10px;
    }

    .slider-places{
        margin-top: -20px;
    }

    .slider-places .item-slider .area-imagem{
        height: 300px;
    }

    .slider-places .action-slider .swiper-button-next, .slider-places .action-slider .swiper-button-prev{
        width: 60px;
        height: 60px;
    }

    .slider-places .action-slider .swiper-button-next:after, .slider-places .action-slider .swiper-button-prev:after{
        font-size: 8px;
    }

    .slider-places .action-slider{
        width: 190px;
    }

    .area-slider_places{
        min-height: 680px;
    }

    .slider-places .item-slider .info .title-item-slider{
        font-size: 14px;
    }

    .slider-places .item-slider .info span{
        font-size: 13px;
    }

    .slider-places .item-slider .info{
        margin-left: 0;
    }

    .area-slider-places{
        min-height: 470px;
    }
}

@media (max-width: 400px) {
    .area-slider-places{
        min-height: 370px;
    }

    .nav-slider-places .nav-item.actived .number-item{
        font-size: 24px;
    }

    .nav-slider-places .nav-item{
        width: 100px;
        height: 100px;
    }

    .nav-slider-places .nav-item span{
        font-size: 8px;
    }

    .nav-slider-places .nav-item.actived span{
        font-size: 8px;
    }

    .slider-places{
        margin-top: -20px;
    }

    .slider-places .item-slider .area-imagem{
        height: 220px;
    }

    .slider-places .action-slider .swiper-button-next, .slider-places .action-slider .swiper-button-prev{
        width: 50px;
        height: 50px;
    }

    .slider-places .action-slider .swiper-button-next:after, .slider-places .action-slider .swiper-button-prev:after{
        font-size: 7px;
    }

    .slider-places {
        margin-top: -15px;
    }

    .slider-places .action-slider{
        width: 170px;
    }
}
/* Fim Slider */

/* Depoimentos */
.depoimentos{
    padding: 50px 0 100px;
}

.depoimentos .content-depoimentos{
    width: 60%;
}

.depoimentos .content-depoimentos .area-title h4{
    font-size: 32px;
    color: var(--color-text-primary);
    font-weight: 800;
}

.depoimentos .content-depoimentos .area-title {
    margin-bottom: 40px;
}

.depoimentos .content-depoimentos .item{
    display: flex;
    flex-direction: column;
}

.depoimentos .content-depoimentos .item:not(:last-child){
    margin-bottom: 50px;
}

.depoimentos .content-depoimentos .item .item-topo{
    display: flex;
    align-items: end;
}

.depoimentos .content-depoimentos .item .item-topo .area-imagem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

.depoimentos .content-depoimentos .item .item-topo .area-imagem img{
    width: 100%;
    height: 100%;
}

.depoimentos .content-depoimentos .item .item-topo .area-text-1{
    padding-left: 20px;

}

.depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle{
    font-size: 32px;
    font-weight: 400;
}

.depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
    font-size: 32px;
    color: var(--color-text-secondary);
    font-weight: 800;
}

.depoimentos .content-depoimentos .item .description{
    margin-top: 30px;
}

.depoimentos .content-depoimentos .item .description p {
    color: var(--color-text-primary);
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    transition: .3s all;
}

.depoimentos .content-depoimentos .item .area-button{
    margin-top: 20px;
    display: flex;
    justify-content: end;
}

.depoimentos .content-depoimentos .item .area-button button{
    background-color: transparent;
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    border: none;
}

/* Fim depoimentos */

.ficha{
    padding: 130px 0;
    position: relative;
}

.ficha .background{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 78%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.ficha .container{
    position: relative;
    z-index: 2;
}

.ficha .image-logo{
    position: absolute;
    right: 0;
    bottom: 0;
}

.ficha .content-ficha{
    width: 60%;
}

.ficha .content-ficha .area-title{
    margin-bottom: 10px;
}

.ficha .content-ficha .area-title h4{
    font-size: 32px;
    color: var(--color-text-primary);
}

.ficha .content-ficha .info{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.ficha .content-ficha .info .left,
.ficha .content-ficha .info .right{
    display: flex;
    flex-direction: column;
}

.ficha .content-ficha .info h5{
    font-size: 15px;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}

.ficha .content-ficha .info span{
    font-size: 15px;
    color: var(--color-text-primary);
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 30px;
}

.ficha .content-ficha .info span b{
    font-weight: 700;
}

@media (max-width: 1600px) {
    .ficha .background{
        width: 85%;
    }
}

@media (max-width: 1300px) {
    .ficha .background{
        width: 90%;
    }
}


@media (max-width: 1199px) {
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle{
        font-size: 26px;
    }
    
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 26px;
    }

    .ficha .image-logo img{
        width: 270px;
    }

    .ficha .background{
        width: 95%;
    }

    .ficha .content-ficha .info h5{
        font-size: 13px;
        margin-top: 20px;
    }

    .ficha .content-ficha .info span{
        font-size: 13px;
        margin-bottom: 0;
    }

    .ficha .content-ficha .info span{
        line-height: 26px;
    }

    .ficha .image-logo {
        bottom: -50px;
    }
}

@media (max-width: 1100px) {
    .ficha .image-logo img{
        width: 250px;
    }
}

@media (max-width: 1023px) {
    .depoimentos .content-depoimentos{
        width: 100%;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle{
        font-size: 32px;
    }
    
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 32px;
    }

    .ficha .background{
        width: 95%;
    }

    .ficha{
        padding: 100px 0;
    }
}

@media (max-width: 900px) {
    .ficha{
        background-color: var(--main-bg-color-secondary);
    }
    
    .ficha .background{
        display: none;
    }

    .ficha .image-logo {
        display: none;
    }

    .ficha .content-ficha{
        width: 100%;
    }
}

@media (max-width: 767px) {
    .depoimentos{
        padding: 0 0 100px;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-imagem{
        width: 150px;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-text-1{
        padding-left: 10px;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle,
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 18px;
    }

    .depoimentos .content-depoimentos .item .description p{
        font-size: 14px;
    }

    .depoimentos .content-depoimentos .area-title h4{
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .ficha .content-ficha .info{
        grid-template-columns: 1fr;
    }

    .ficha .content-ficha .info span{
        line-height: 22px;
    }
}

@media (max-width: 400px) {
    .depoimentos .content-depoimentos .item .item-topo .area-imagem{
        width: 130px;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle,
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 16px;
    }
}

@media (max-width: 350px) {
    .depoimentos .content-depoimentos .item .item-topo .area-imagem{
        width: 110px;
        border-radius: 20px;
    }

    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle,
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 15px;
    }

    /* .depoimentos .content-depoimentos .item .item-topo .area-text-1 .subtitle,
    .depoimentos .content-depoimentos .item .item-topo .area-text-1 .name{
        font-size: 16px;
    } */
}

.footer{
    padding: 0 0 40px;
}

.footer .content-footer{
    display: flex;
    flex-direction: column;
}

.footer .content-footer .area-logos{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 450px;
    margin: 60px auto;
}

.footer .content-footer .area-logos .logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 95px;
}

.footer .content-footer .area-logos .logo img:nth-child(2){
    margin-bottom: -5px;
}

.footer .content-footer .area-logos .logo p{
    font-size: 9px;
    color: var(--color-text-primary);
    text-align: center;
    font-weight: 600;
}

.footer .area-text p{
    text-align: justify;
    font-size: 10px;
    color: var(--color-text-primary);
    font-weight: 300;
    padding: 0 20px;
    line-height: 19px;
}

.footer .area-text p:nth-child(2){
    margin-top: 30px;
}

.footer .content-footer .info-ficha-tecnica{
    display: flex;
    flex-direction: column;
    margin-top: 70px;
}

.footer .content-footer .info-ficha-tecnica .area-title{
    display: flex;
    align-items: center;
    position: relative;
}

.footer .content-footer .info-ficha-tecnica .area-title h4{
    font-size: 36px;
    font-weight: 600;
    background-color: var(--color-white);
    position: relative;
    z-index: 2;
    padding-right: 50px;
    margin-top: -5px;
}

.footer .content-footer .info-ficha-tecnica .area-title .divider{
    height: 2px;
    width: 100%;
    background-color: rgba(238,238,238,.7);
    position: absolute;
    z-index: 1;
}

.footer .content-footer .info-ficha-tecnica .itens{
    margin-top: 30px;
    display: flex;
}

.footer .content-footer .info-ficha-tecnica .itens .itens-left,
.footer .content-footer .info-ficha-tecnica .itens .itens-right{
    width: 30%;
    display: flex;
    flex-direction: column;
}

.footer .content-footer .info-ficha-tecnica .itens .item{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.footer .content-footer .info-ficha-tecnica .itens .item span:first-child{
    text-transform: uppercase;
    margin-bottom: 5px;
}

.footer .content-footer .info-ficha-tecnica .itens .item span{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.footer .content-footer .info-ficha-tecnica .itens .item span.spacing-areas{
    word-spacing: 3px;
}

@media (max-width: 1023px) {
    .footer .content-footer .info-ficha-tecnica .itens .itens-left,
    .footer .content-footer .info-ficha-tecnica .itens .itens-right{
        width: 40%;
    }

    .info-ap-3{
        padding: 70px 0 0;
    }

    .location{
        padding: 70px 0 0;
    }
}

@media (max-width: 800px) {
    .footer .content-footer .info-ficha-tecnica .itens .itens-left,
    .footer .content-footer .info-ficha-tecnica .itens .itens-right{
        width: 50%;
    }
}

@media (max-width: 767px) {
    .footer .content-footer .area-logos{
        width: 100%;
        justify-content: space-around;
    }
}

@media (max-width: 600px) {
    .footer{
        padding: 50px 0;
    }

    .footer .content-footer .info-ficha-tecnica .itens .item span{
        font-size: 12px;
    }

    .footer .content-footer .info-ficha-tecnica .itens .itens-left{
        padding-right: 20px;
    }

    .footer .content-footer .info-ficha-tecnica .area-title h4{
        padding-right: 30px;
    }

    .info-ap-3 .content-info{
        width: 100%;
    }

    .info-ap-3 .content-info .area-title{
        width: 100%;
    }

    .info-ap-3 .content-info .area-description p{
        font-size: 16px;
        line-height: 22px;
    }

    .info-ap-3 .content-info .area-description{
        width: 100%;
    }

    .footer .content-footer .area-logos{
        flex-direction: column;
    }

    .footer .content-footer .area-logos{
        margin: 0 auto 50px;
        width: 100%;
    }

    .footer .content-footer .area-logos .logo{
        height: 90px;
    }

    .footer .content-footer .area-logos .logo:nth-child(2){
        margin-top: 30px;
        height: 80px;
    }
}

@media (max-width: 399px) {
    .footer  .area-text p{
        font-size: 9px;
    }

    .info-ap-3 .content-info .area-title span{
        font-size: 24px;
    }

    .footer .content-footer .area-logos img:nth-child(1){
        width: 210px;
        height: auto;
    }
}

.content-contacts-form{
    margin-top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    box-shadow: 2px 3px 4px #000000;
    background-color: #1f2228;
    width:100%;
    max-width: initial;
    position:relative;
    border-radius:4px;
    display:flex;
    justify-content:center;
    padding: 5px 0;
}

.content-contacts-form .item-contact-form{
    display:flex;
    align-items:center;
    width:25%;
    justify-content:center;
    border-right: 1px solid rgba(255,255,255,.2);
    padding:10px 0;
}

.content-contacts-form .item-contact-form:last-child{
    border-right:none;
}

.content-contacts-form .item-contact-form>div{
    display:flex;
    align-items:center;
    cursor:pointer;
}

.content-contacts-form .item-contact-form .image{
    margin-right:10px;
}

.content-contacts-form .item-contact-form .image img{
    width:20px;
}

.content-contacts-form .item-contact-form .info span{
    font-size:11px;
    font-weight:700;
    color: var(--color-white);
}

.content-contacts-form .item-contact-form .info{
    display: flex;
    flex-direction: column;
}

.content-contacts-form .item-contact-form .info span:nth-child(2){
    font-size:14px;
}

.content-contacts-form .item-contact-form:nth-child(1) .info span:nth-child(2){
    color: var(--color-text-secondary);
}

.content-contacts-form .item-contact-form .info span:nth-child(3){
    display: none;
}

@media (max-width: 1023px) {
    .content-contacts-form .item-contact-form .image img{
        width: 17px;
    }

    .content-contacts-form .item-contact-form .info span{
        font-size: 10px;
    }

    .content-contacts-form .item-contact-form .info span:nth-child(2){
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .modal{
        width: 100% !important;
    }

    .content-contacts-form{
        padding: 0;
        border-radius: 0;
    }

    .content-contacts-form .item-contact-form>div{
        flex-direction: column;
    }

    .content-contacts-form .item-contact-form .image{
        margin-right: 0;
        margin-bottom: 5px;
    }

    .content-contacts-form .item-contact-form .image img{
        width: 20px;
    }

    .content-contacts-form .item-contact-form .info span{
        display: none;
        font-size: 11px;
    }

    .content-contacts-form .item-contact-form .info span:nth-child(3){
        text-align: center;
        display: block;
    }
}

@media (max-width: 400px) {
    .content-contacts-form .item-contact-form {
        padding: 7px 0;
    }
}

@media (max-height:800px) {
    .content-contacts-form .container{
        padding: 5px;
    }
}

/* Form page */
.content-form-page{
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 40px 60px;
    right: 0;
    width: 400px;
    margin-right: calc((100vw - 1200px) / 2);
    top: -200px;
    z-index: initial;
    border-radius: 30px;
    box-shadow: 3px 4px 8px rgba(0,0,0,.5);
}

.content-form-page .divider{
    height: 2px;
    width: 25%;
    background-color: var(--main-bg-color-secondary);
    margin: 15px 0;
}

.content-form-page span{
    font-size: 22px;
    display: inline-block;
    font-weight: 900;
    color: var(--color-text-primary);
    margin-bottom: 20px;
}

.content-form-page h5{
    margin: 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.content-form-page .group-form{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.content-form-page .group-form label{
    color: var(--color-text-primary);
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    padding-left: 5px;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.content-form-page .group-form input,
.content-form-page .group-form textarea{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dedede;
    padding: 10px 5px;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--color-text-primary);
    font-weight: 400;
}

.content-form-page .group-form input.phone{
    margin-bottom: 5px;
}

.content-form-page .group-form input:focus,
.content-form-page .group-form input:focus-visible,
.content-form-page .group-form textarea:focus,
.content-form-page .group-form textarea:focus-visible{
    outline: none;
}

.content-form-page .group-form input::placeholder,
.content-form-page .group-form textarea::placeholder{
    color: #ccc;
}

.content-form-page .group-form button{
    width: 100%;
    padding: 22px 0;
    background-color: var(--main-bg-color-secondary);
    color: var(--color-text-primary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 20px;
    border: none;
    border-radius: 30px;
    text-transform: uppercase;
}

.group-form-check{
    display: flex;
    margin-bottom: 10px;
    align-items: start;
}

.group-form-check label{
    font-size: 11px;
    color: #666666;
    font-weight: 500;
    margin-left: 10px;
}

.group-form-check label a{
    color: #666666;
}

.content-form-page p{
    font-size: 11px;
    color: #666666;
    margin-top: 10px;
}

.content-form-page p a{
    color: var(--color-text-primary);
}

@media (max-width: 1240px) {
    .content-form-page{
        margin-right: 30px;
    }
}

@media (max-width: 1199px) {
    .content-form-page{
        width: 380px;
    }
}

@media (max-width: 1023px) {
    .content-form-page{
        position: initial;
        margin: 70px auto 0;
        width: 90%;
        max-width: 450px;
    }
}

@media (max-width:500px) {
    .content-form-page{
        padding: 60px 40px;
    }
}

@media (max-width:400px) {
    .group-form-check label{
        font-size: 9px;
    }
    .content-form-page p{
        font-size: 9px;
    }
    .content-form-page{
        padding: 40px 30px;
    }
}

@media (max-height:800px) {
    .content-form-page{
        zoom: .9;
        padding: 40px 60px;
    }
}

@media (max-height:670px) {
    .content-form-page{
        zoom: .8;
    }
}

@media (max-height:570px) {
    .content-form-page{
        zoom: .7;
        padding: 40px;
    }
}

@media (max-height:500px) {
    .content-form-page{
        zoom: .65;
    }
}

@media (max-height:500px) {
    .content-form-page{
        display: none;
    }
}
/* Fim Form page */


/* Modals */
.modal-form-atendimento,
.modal-form-financial,
.modal-form-online,
.modal-form-phone,
.modal-form-whatsapp{
    display:none
}

.jquery-modal.blocker.current{
    z-index:9999
}

.alert-success{
    position: fixed;
    top: -80px;
    right: 40px;
    padding: 20px;
    background-color: rgb(7, 95, 7);
    border-radius: 4px;
    z-index: 9999999999999;
    opacity: 0;
    display: none;
}

.alert-success p{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}

.modal a.close-modal{
    background-image: url(../img/modals/close.png) !important;
}
/* Fim Modals */

/* Forms Modals */

.content-form{
    margin: 30px 0;
}

.content-form form .form-group .format-text{
    font-size: 9px;
    margin-left: 20px;
}

.content-form form .form-group{
    margin-top: 10px;
}

.content-form form .form-group label{
    font-size: 14px;
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

.content-form form .form-group input:not([type=checkbox]),.content-form form .form-group textarea{
    padding: 10px 15px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #dedede;
    color: var(--color-text-primary);
    font-weight: 600;
}


.content-form form .form-group input::placeholder,
.content-form form .form-group textarea::placeholder{
    color: #ccc;
}

.content-form form .form-group textarea{
    height: 100px;
}

.content-form form .form-group textarea:focus-visible{
    outline: none;
}

.content-form form .form-group button{
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    border-radius: 20px;
    color: var(--color-text-primary);
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    background-color: var(--main-bg-color-secondary);
}
/* Fim Forms Modals */


/* Obras */
.content-slider-obras{
    padding: 40px 0 80px;
}

.content-slider-obras .container{
    max-width: 1420px;
}

.content-slider-obras .title{
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 30px;
    margin-left: 50px;
}

.content-slider-obras .title span{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 12px;
    color: var(--main-color-obras);
}

.content-slider-obras .title h3{
    color: var(--main-text-obras);
    font-size: 26px;
}

.content-slider-obras .content-section{
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    margin-bottom: 50px;
    margin-left: 50px;
}

.content-slider-obras .content-section > div{
    cursor: pointer;
    padding: 15px 25px;
    color: var(--main-color-obras);
    border: 1px solid var(--main-color-obras);
    border-radius: 32px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    transition: .4s all;
}

.content-slider-obras .content-section > div.actived{
    background-color: var(--main-color-obras);
    color: var(--main-text-obras);
    cursor: default;
}

.content-slider-obras .content-section > div:not(.actived):hover{
    opacity: .7;
    background-color: var(--main-color-obras);
    color: var(--main-text-obras);
}

.content-slider-obras .swiper-header{
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    position: relative;
}

.content-slider-obras .swiper-header .swiper-wrapper{
    position: relative;
}

.content-slider-obras .swiper-header .swiper-slide{
    width: 100px;
    height: auto !important;
    padding: 0;
}

.content-slider-obras .swiper-header .swiper-slide .info-month{
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color-obras);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    cursor: pointer;
}

.content-slider-obras .swiper-header .swiper-slide.swiper-slide-thumb-active .info-month{
    color: var(--main-text-obras);
}

.content-slider-obras .swiper-header .swiper{
    width: 100%;
    padding: 0 40px;
}

.content-slider-obras .swiper-imagens-main .content-card-obra{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    background-color: #ffffff;
}

.content-slider-obras .swiper-imagens-main .content-card-obra img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.content-slider-obras .swiper-slide-next:has(.item-main-month){
    opacity: 0 !important;
}

.content-card-obra a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 80px;
    top: 20px;
    height: 40px;
    width: 40px;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.content-card-obra a:focus,
.content-card-obra a:focus-visible{
    outline: none;
}

.content-card-obra a svg{
    width: 18px;
    height: 18px;
    fill: var(--main-color-obras);
}

.content-card-obra a svg path{
    fill: var(--main-color-obras);
}

.item-main-month .swiper-button-next,
.item-main-month .swiper-button-prev{
    margin-top: -26px !important;
    background-color: var(--main-color-obras);
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.item-main-month .swiper-button-prev{
    left: 0 !important;
}

.item-main-month .swiper-button-next{
    right: 0;
    left: initial !important;
}

.item-main-month .swiper-button-next::after, 
.item-main-month .swiper-button-prev::after{
    color: var(--main-text-obras) !important;
    font-size: 10px !important;
    font-weight: bold;
}

.content-slider-obras .grid-obras{
    display: flex;
    column-gap: 100px;
    align-items: center;
}

.content-slider-obras .content-obras{
    width: 850px;
}

.swiper-imagens-main .item-main-month{
    height: 400px;
    width: 100%;
}

.swiper-pagination-obras{
    top: 0;
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: space-between;
    left: 0;
}

.swiper-pagination-obras .swiper-button-next-obras,
.swiper-pagination-obras .swiper-button-prev-obras{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
    background-color: #ffffff;
}

.swiper-pagination-obras .swiper-button-next-obras.swiper-button-lock,
.swiper-pagination-obras .swiper-button-prev-obras.swiper-button-lock{
    display: none;
}

.swiper-pagination-obras .swiper-button-next-obras svg,
.swiper-pagination-obras .swiper-button-prev-obras svg{
    height: 20px;
    width: 25px;
    fill: var(--main-text-obras);
    text-shadow: 2px 4px 5px rgba(0, 0, 0, .4);
}

.content-slider-obras .swiper-slide{
    max-width: initial;
    padding: 0;
}

.area-porcentagem{
    display: flex;
    flex-direction: column;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 150px;
}

.area-porcentagem .circular-progress {
    position: absolute;
    --size: 250px;
    --half-size: calc(var(--size) / 2);
    --stroke-width: 12px;
    --radius: calc((var(--size) - var(--stroke-width)) / 2);
    --circumference: calc(var(--radius) * pi * 2);
    --dash: calc((var(--progress) * var(--circumference)) / 100);
    animation: progress-animation 5s linear 0s 1 forwards;
}

.area-porcentagem .circular-progress circle {
    cx: var(--half-size);
    cy: var(--half-size);
    r: var(--radius);
    stroke-width: var(--stroke-width);
    fill: none;
    stroke-linecap: round;
}

.area-porcentagem .circular-progress circle.bg {
    stroke: #ddd;
}

.area-porcentagem .circular-progress circle.fg {
    stroke-width: calc(var(--stroke-width) + 3px);
    transform: rotate(-90deg);
    transform-origin: var(--half-size) var(--half-size);
    stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
    transition: stroke-dasharray 0.3s linear 0s;
    stroke: var(--main-color-obras);
}
  

.area-porcentagem .content-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}

.area-porcentagem .porcentagem{
    font-weight: bold;
    font-size: 60px;
    color: var(--main-text-obras);
    line-height: 65px;
}

.area-porcentagem span:nth-child(2){
    font-size: 16px;
    letter-spacing: 1.5px;
    color: var(--main-text-obras);
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.area-porcentagem span:nth-child(3){
    font-size: 14px;
    color: var(--main-text-obras);
    font-weight: bold;
    margin-bottom: 4px;
}

.area-porcentagem .date{
    color: var(--main-color-obras);
    font-size: 22px;
    font-weight: bold;
}

.info-count-swiper{
    display: grid;
    grid-template-columns: 1fr 100px;
    align-items: center;
    column-gap: 20px;
    margin-top: 20px;
    margin-left: 50px;
}

.info-count-swiper .content-progress{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.info-count-swiper .content-progress > div{
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #cccccc;
}

.info-count-swiper .content-progress .progress{
    background-color: var(--main-color-obras);
    transition: .4s all;
}

.info-count-swiper .info,
.info-count-swiper .info span{
    font-size: 14px;
    color: var(--main-text-obras);
    font-weight: bold;
}

@media (max-width: 1200px) {
    .content-slider-obras .content-obras{
        max-width: 650px;
    }

    .content-slider-obras .grid-obras{
        column-gap: initial;
        justify-content: space-between;
    }

    .area-porcentagem{
        margin-right: 25px;
    }
}

@media (max-width: 1023px) {
    .content-slider-obras .container{
        max-width: initial;
    }

    .content-slider-obras .content-obras{
        max-width: initial;
        width: 750px;
    }

    .content-slider-obras .grid-obras{
        justify-content: start;
        flex-direction: column;
    }

    .area-porcentagem{
        margin: 50px 0 0;
    }
    
    .content-slider-obras .swiper-imagens-main .content-card-obra{
        padding: 0 20px;
    }

    .content-card-obra a{
        right: 40px;
    }
}

@media (max-width: 767px) {
    .content-slider-obras .content-obras{
        width: 100%;
    }

    .content-slider-obras .swiper-imagens-main .content-card-obra img{
        height: 200px;
    }

    .content-slider-obras .swiper-slide{
        height: 200px !important;
    }
    
    .content-card-obra a{
        right: 30px;
        top: 10px;
        box-shadow: 3px 4px 10px rgba(0, 0, 0, .3);
    }

    .content-slider-obras .title,
    .info-count-swiper{
        margin-left: 20px;
    }

    .content-slider-obras .content-section{
        margin-left: 20px;
    }

    .item-main-month .swiper-button-next,
    .item-main-month .swiper-button-prev{
        width: 50px;
        height: 50px;
    }

    .info-count-swiper{
        grid-template-columns: 1fr 60px;
    }
}

/* Obras Videos */
.content-slider-obras .content-swiper{
    display: none;
}

.content-slider-obras .content-swiper.actived{
    display: block;
}

.content-slider-obras .card-youtube-obras{
    height: 400px;
    width: 100%;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .content-slider-obras .card-youtube-obras{
        height: 200px;
    }
}