@charset "UTF-8";
@font-face {
    font-family: Fluro;
    src: url(../css/fonts/fluro/FLURO\ Bold\ Designed\ by\ Kazer\ Studio.otf);
    font-weight: 700;
}
@font-face {
    font-family: Fluro;
    src: url(../css/fonts/fluro/FLURO\ Light\ Designed\ by\ Kazer\ Studio.otf);
    font-weight: 300;
}
@font-face {
    font-family: Fluro;
    src: url(../css/fonts/fluro/FLURO\ Regular\ Designed\ by\ Kazer\ Studio.otf);
    font-weight: 400;
}
@font-face {
    font-family: Fluro;
    src: url(../css/fonts/fluro/FLURO\ Semibold\ Designed\ by\ Kazer\ Studio.otf);
    font-weight: 600;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    font-family: Fluro, sans-serif;
}

.container {
    max-width: 1730px;
    margin-inline: auto;
    padding-inline: 40px;
}
@media screen and (max-width: 993px) {
    .container {
        padding-inline: 20px;
    }
}

.swiper-pagination-custom .swiper-button-next {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: #0F1E39;
    border: 1px solid #0F1E39;
    background-image: url(../images/swiper-arrow-next-active-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.swiper-pagination-custom .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background-image: url(../images/swiper-arrow-next-inactive-1.svg);
    border: 1px solid #545E7C;
    background-color: transparent;
}
.swiper-pagination-custom .swiper-button-next::after {
    display: none;
}
.swiper-pagination-custom .swiper-button-prev {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: #0F1E39;
    border: 1px solid #0F1E39;
    background-image: url(../images/swiper-arrow-prev-active-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.swiper-tarja .swiper-pagination-custom .swiper-button-prev {
    
}

.swiper-pagination-custom .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url(../images/swiper-arrow-prev-inactive-1.svg);
    border: 1px solid #545E7C;
    background-color: transparent;
}
.swiper-pagination-custom .swiper-button-prev::after {
    display: none;
}
.swiper-pagination-custom .swiper-pagination {
    display: none;
    width: calc(100% - 105px);
    bottom: 13px;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.swiper-pagination-custom .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    height: 4px;
    border-radius: 0;
    background-color: #D9DCEA;
}
.swiper-pagination-custom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
@media screen and (max-width: 993px) {
    .swiper-pagination-custom {
        padding-bottom: 48px;
    }
    .swiper-pagination-custom .swiper-button-next,
    .swiper-pagination-custom .swiper-button-prev {
        bottom: -16px;
        margin-top: 0;
        top: initial;
        transform: scale(0.5);
    }
    .swiper-pagination-custom .swiper-button-next {
        right: 4px;
    }
    .swiper-pagination-custom .swiper-button-prev {
        left: initial;
        right: 40px;
    }
    .swiper-pagination-custom .swiper-pagination {
        display: flex;
    }
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: 200ms;
    z-index: 50;
}
.main-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 27px;
}
.main-header .container .logo {
    margin-right: 100px;
}
.main-header .container > nav {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-right: 60px;
}
.main-header .container > nav a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.4px;
}
.main-header .container > nav a:hover {
    text-decoration: underline;
}
.main-header .container > nav .submenu {
    position: relative;
}
.main-header .container > nav .submenu .modal-submenu {
    display: flex;
    position: absolute;
    left: -32px;
    top: 0px;
    padding: 32px;
    width: 300px;
    justify-content: space-between;
    background-color: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}
.main-header .container > nav .submenu .modal-submenu .left {
    padding-top: 70px;
}
.main-header .container > nav .submenu .modal-submenu .left a {
    font-size: 20px;
    font-weight: 400;
    color: #7B85A7;
    letter-spacing: -0.4px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    transition: 200ms;
    text-transform: uppercase;
    text-decoration: underline;
}
.main-header .container > nav .submenu .modal-submenu .left a + a {
    margin-top: 36px;
}
.main-header .container > nav .submenu .modal-submenu .left a svg {
    transition: 200ms;
    visibility: hidden;
    opacity: 0;
}
.main-header .container > nav .submenu .modal-submenu .left a:hover {
    color: #0F1E39;
}
.main-header .container > nav .submenu .modal-submenu .left a:hover svg {
    visibility: visible;
    opacity: 1;
}
.main-header .container > nav .submenu .modal-submenu .cover {
    flex: 1;
    max-width: 354px;
    display: none;
}
.main-header .container > nav .submenu .modal-submenu .cover img {
    display: block;
    width: 100%;
}
.main-header .container > nav .submenu.top-right .modal-submenu {
    right: -32px;
    left: initial;
    flex-direction: row-reverse;
}
.main-header .container > nav .submenu:hover > a, .main-header .container > nav .submenu.active > a {
    position: relative;
    z-index: 2;
    color: #181818;
}
.main-header .container > nav .submenu:hover > a svg, .main-header .container > nav .submenu.active > a svg {
    transform: scale(-1);
}
.main-header .container > nav .submenu:hover > a svg path, .main-header .container > nav .submenu.active > a svg path {
    stroke: #181818;
}
.main-header .container > nav .submenu:hover .modal-submenu, .main-header .container > nav .submenu.active .modal-submenu {
    visibility: visible;
    opacity: 1;
    top: -32px;
    z-index: 1;
}
.main-header .container .menu-mobile {
    display: none;
}
.main-header .container .btn-mobile {
    display: none;
}
.main-header.active {
    background-color: #0F1E39;
}
.main-header.active .container .btn-primary {
    background-color: #FFFFFF;
    color: #0F1E39;
}
.main-header.active .container .btn-primary:hover {
    background-color: #FFFFFF;
    transform: scale(1.1);
}
.main-header.primary .container nav a {
    color: #0F1E39;
}
.main-header.primary.active {
    background-color: #FFF;
}
.main-header.primary.active .container nav a {
    color: #0F1E39;
}
.main-header.primary.active .container nav a:hover {
    text-decoration: underline;
}
.main-header.primary.active .container .btn-primary {
    background-color: #0F1E39;
    color: #FFFFFF;
}
.main-header.primary.active .container .btn-primary:hover {
    background-color: #142a51;
    transform: scale(1);
}
@media screen and (max-width: 1700px) {
    .main-header .container .logo {
        width: 200px;
    }
    .main-header .container nav {
        gap: 48px;
    }
}
@media screen and (max-width: 1600px) {
    .main-header .container .logo {
        margin-right: 60px;
    }
    .main-header .container nav {
        gap: 38px;
        margin-right: 0;
    }
}
@media screen and (max-width: 1350px) {
    .main-header .container .logo {
        position: relative;
        z-index: 4;
        width: 161px;
    }
    .main-header .container nav {
        display: none;
    }
    .main-header .container .btn-primary {
        display: none;
    }
    .main-header .container .btn-mobile {
        display: block;
        width: 20px;
        height: 18px;
        position: relative;
        z-index: 4;
    }
    .main-header .container .btn-mobile span {
        display: block;
        height: 2px;
        width: 100%;
        position: absolute;
        border-radius: 4px;
        background-color: #FFFFFF;
        transition: 200ms;
    }
    .main-header .container .btn-mobile span:nth-of-type(1) {
        top: 0.3px;
        left: 0;
    }
    .main-header .container .btn-mobile span:nth-of-type(2) {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .main-header .container .btn-mobile span:nth-of-type(3) {
        bottom: 0.5px;
        left: 0;
    }
    .main-header .container .btn-mobile.active span:nth-of-type(1) {
        transform: translateY(-50%) rotate(45deg);
        top: 50%;
        bottom: initial;
    }
    .main-header .container .btn-mobile.active span:nth-of-type(2) {
        width: 0;
    }
    .main-header .container .btn-mobile.active span:nth-of-type(3) {
        transform: translateY(-50%) rotate(-45deg);
        top: 50%;
        bottom: initial;
    }
    .main-header .container .menu-mobile {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        inset: 0;
        background-image: url(../images/bg-mobile.svg);
        background-size: cover;
        padding-top: 80px;
        transform: translateX(100%);
        transition: 200ms;
    }
    .main-header .container .menu-mobile::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #FFFFFF;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
    }
    .main-header .container .menu-mobile nav {
        display: flex;
        flex-direction: column;
        gap: 54px;
        height: calc(100vh - 80px);
        overflow-y: auto;
        align-items: flex-start;
        padding-left: 20px;
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .main-header .container .menu-mobile nav > a {
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF !important;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        text-decoration: none;
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile > a {
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile .items {
        padding-left: 30px;
        list-style: none;
        max-height: 0;
        overflow: hidden;
        transition: 200ms;
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile .items li + li {
        margin-top: 36px;
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile .items a {
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        letter-spacing: -0.4px;
        line-height: 88%;
        text-transform: uppercase;
        display: flex;
        text-decoration: none;
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile.active > a svg {
        transform: scale(-1);
    }
    .main-header .container .menu-mobile nav .box-submenu-mobile.active .items {
        margin-top: 32px;
        max-height: 1000px;
    }
    .main-header .container .menu-mobile.active {
        transform: translateX(0%);
    }
}
@media screen and (max-width: 993px) {
    .main-header .container {
        padding-block: 22px;
    }
    .main-header:not(.active) .container .logo{
        opacity: 0.5;
    }
}

.review {
    margin-bottom: 152px;
}
.review h2 {
    margin-bottom: 24px;
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    text-align: center;
}
.review .card-review {
    padding: 48px;
    background-color: #fff;
    border: 1px solid #D9DCEA;
}
.review .card-review > p {
    font-size: 24px;
    font-weight: 400;
    color: #0F1E39;
    line-height: 115%;
}
.review .card-review > p + p {
    margin-top: 24px;
}
.review .card-review .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 48px;
}
.review .card-review .bottom .person {
    display: flex;
    align-items: center;
    gap: 11px;
}
.review .card-review .bottom .person .avatar {
    width: 64px;
    height: 64px;
    border-radius: 999px;
}
.review .card-review .bottom .person div span {
    display: block;
}
.review .card-review .bottom .person div span.name {
    font-size: 24px;
    font-weight: 115%;
    color: #0F1E39;
    letter-spacing: -0.48px;
    font-weight: 700;
}
.review .card-review .bottom .person div span.role {
    font-size: 16px;
    font-weight: 400;
    color: #545E7C;
    line-height: 130%;
    letter-spacing: -0.32px;
}
.review .card-review .bottom .right {
    display: flex;
    align-items: center;
    gap: 48px;
}
.review .card-review .bottom .right .btn-cases {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 8px;
    line-height: 100%;
    text-transform: uppercase;
    color: #0F1E39;
    font-size: 20px;
}
.review .card-review .bottom .right .btn-primary {
    display: flex;
    align-items: center;
    gap: 10px;
}
.review .swiper-review {
    padding-top: 98px;
    padding-bottom: 74px;
}
.review .swiper-review .swiper-slide {
    max-height: 400px;
    padding: 10px;
}
.review .swiper-review .swiper-slide.swiper-slide-active {
    max-height: 440px;
}
.review .swiper-review .swiper-pagination {
    bottom: 0;
    background-color: #D9DCEA;
    width: calc(100% - (100% - 1650px) / 2);
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    display: flex;
    gap: 0;
    border-radius: 9px;
}
.review .swiper-review .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border-radius: 9px;
    background-color: #D9DCEA;
    transition: 200ms;
}
.review .swiper-review .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
.review .swiper-review .swiper-button-next,
.review .swiper-review .swiper-button-prev {
    top: 0;
    margin-top: 0;
}
.review .swiper-review .swiper-button-next:hover,
.review .swiper-review .swiper-button-prev:hover {
    background-color: #1d3b6f;
    border-color: #1d3b6f;
}
.review .swiper-review .swiper-button-next {
    right: calc(50% - 104px);
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: #0F1E39;
    border: 1px solid #0F1E39;
    background-image: url(../images/swiper-arrow-next-active-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.review .swiper-review .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background-image: url(../images/swiper-arrow-next-inactive-1.svg);
    border: 1px solid #545E7C;
    background-color: transparent;
}
.review .swiper-review .swiper-button-next::after {
    display: none;
}
.review .swiper-review .swiper-button-prev {
    left: calc(50% - 40px);
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background-color: #0F1E39;
    border: 1px solid #0F1E39;
    background-image: url(../images/swiper-arrow-prev-active-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.review .swiper-review .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url(../images/swiper-arrow-prev-inactive-1.svg);
    border: 1px solid #545E7C;
    background-color: transparent;
}
.review .swiper-review .swiper-button-prev::after {
    display: none;
}
.review .swiper-review-default {
    display: none;
}
.review > .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 48px;
}
@media screen and (max-width: 1770px) {
    .review .swiper .swiper-pagination {
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 1600px) {
    .review h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 1350px) {
    .review .swiper-review {
        display: none;
    }
    .review .swiper-review-default {
        display: block;
        width: calc(100% - 80px);
        margin-inline: auto;
        padding-inline: 100px;
    }
}
@media screen and (max-width: 1250px) {
    .review {
        margin-bottom: 80px;
    }
    .review h2,
    .review .container h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .review > .btn-primary,
    .review .container > .btn-primary {
        margin-top: 32px;
        margin-inline: auto;
        display: flex;
    }
}
@media screen and (max-width: 993px) {
    .review .card-review {
        padding: 32px;
    }
    .review .card-review > p {
        font-size: 16px;
    }
    .review .card-review > p + p {
        margin-top: 20px;
    }
    .review .card-review .bottom {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }
    .review .card-review .bottom .person {
        gap: 16px;
        margin-right: auto;
    }
    .review .card-review .bottom .person .avatar {
        width: 48px;
        height: 48px;
    }
    .review .card-review .bottom .person div span.name {
        font-size: 20px;
        line-height: 130%;
        margin-bottom: 0;
    }
    .review .card-review .bottom .person div span.role {
        font-size: 14px;
        line-height: 125%;
    }
    .review .card-review .bottom .right {
        flex-direction: column;
        gap: 24px;
    }
    .review .card-review .bottom .right .btn-cases {
        font-size: 16px;
        gap: 4px;
    }
    .review .swiper-review-default {
        padding-inline: 0;
        width: 100%;
    }
    .review .swiper-review-default .swiper-pagination,
    .swiper-tarja .swiper-pagination{
        width: calc(100% - 105px);
    }
    .review .swiper-review-default .swiper-button-next,
    .swiper-tarja .swiper-button-next {
        right: -16px;
    }
    .review .swiper-review-default .swiper-button-prev,
    .swiper-tarja .swiper-button-prev {
        right: 20px;
    }
}

.box-about {
    margin-bottom: 200px;
}
.box-about .container {
    display: flex;
    gap: 170px;
}
.box-about .container .left {
    flex: 1;
}
.box-about .container .left h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102px;
    margin-bottom: 16px;
}
.box-about .container .left p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.box-about .container .left p + p {
    margin-top: 30px;
}
.box-about .container .left .btn-primary {
    margin-top: 32px;
    display: flex;
}
.box-about .container .cover {
    max-width: 950px;
        aspect-ratio: 1090 / 650;
        min-width: 950px;
}
.box-about .container .cover .btn-primary {
    display: none;
}
@media screen and (max-width: 1600px) {
    .box-about .container .info h2 {
        font-size: 48px;
        line-height: 160%;
    }
    .box-about .container .cover {
        max-width: 770px;
        width: 770px;
    }
    .box-about .container .cover img {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 1320px) {
    .box-about .container {
        flex-direction: column;
        gap: 40px;
    }
    .box-about .container .left .btn-primary {
        display: none;
    }
    .box-about .container .cover {
        max-width: initial;
        width: 100%;
    }
    .box-about .container .cover .btn-primary {
        display: flex;
        margin-inline: auto;
        margin-top: 32px;
    }
}
@media screen and (max-width: 993px) {
    .box-about {
        margin-bottom: 80px;
    }
    .box-about .container {
        gap: 24px;
    }
    .box-about .container .left h2 {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 100%;
    }
    .box-about .container .left p {
        font-size: 16px;
    }
    .box-about .container .left p + p {
        margin-top: 25px;
    }
    .box-about .container .cover .btn-primary {
        margin-left: 0;
    }
    .box-about .container .cover{
        min-width: unset;
    }
}

.subdivisions {
    margin-bottom: 152px;
}
.subdivisions .container .group-title {
    margin-bottom: 32px;
}
.subdivisions .container .group-title h2, .subdivisions .container .group-title h1 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    line-height: 102%;
    letter-spacing: -1.28px;
    text-align: center;
    margin-bottom: 8px;
}
.subdivisions .container .group-title p {
    max-width: 632px;
    margin-inline: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.subdivisions .container .card {
    aspect-ratio: 1650/628;
    position: relative;
    margin-bottom: 2rem;
    cursor: pointer;
}
.subdivisions .container .card > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.subdivisions .container .card .overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 64px;
}
.subdivisions .container .card .overlay h3 {
    font-size: 40px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 1px;
}
.subdivisions .container .card .overlay p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    max-width: 548px;
}
.subdivisions .container .card .overlay .btn-ghost {
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    padding: 20px 30px;
    background-color: #FFFFFF;
    border-radius: 69px;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 32px;
    transition: 200ms;
}
.subdivisions .container .card .overlay .btn-ghost:hover {
    transform: scale(1.1);
}
.subdivisions .container > .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 48px;
}
@media screen and (max-width: 1600px) {
    .subdivisions .container .group-title h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .subdivisions {
        margin-bottom: 80px;
    }
    .subdivisions .container .group-title {
        margin-bottom: 24px;
    }
    .subdivisions .container .group-title h2 {
        font-size: 32px;
    }
    .subdivisions .container .group-title p {
        font-size: 16px;
    }
    .subdivisions .container .card {
        aspect-ratio: 2/1;
    }
    .subdivisions .container .card .overlay {
        padding: 20px 20px 32px 20px;
    }
    .subdivisions .container .card .overlay h3 {
        font-size: 24px;
        line-height: 115%;
        margin-bottom: 8px;
    }
    .subdivisions .container .card .overlay p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .subdivisions .container .card .overlay .btn-ghost {
        margin-top: 24px;
        font-size: 16px;
    }
    .subdivisions .container > .btn-primary {
        margin-top: 32px;
    }
}
@media screen and (max-width: 993px) {
    .subdivisions .container .card {
        aspect-ratio: 335/540;
    }
}

.companies {
    margin-bottom: 152px;
}
.companies .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 80px;
    text-align: center;
    letter-spacing: -1.28px;
    line-height: 102%;
}

.companies .container .item {
    text-align: center;
    margin: auto;
}

.companies .container .item img {
    filter: grayscale(1);
    width: 60%;
    height: auto;
    object-fit: contain;
}
.companies .container .item:hover img {
    filter: grayscale(0);
}

@media screen and (max-width: 1600px) {
    .companies .container h2 {
        font-size: 48px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .companies .container .item svg {
        width: 200px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 993px) {
    .companies {
        margin-bottom: 120px;
    }
    .companies .container h2 {
        font-size: 40px;
        margin-bottom: 48px;
        line-height: 100%;
    }
    .companies .container .swiper {
        width: calc(100% + 20px);
    }
    .companies .container .swiper .item svg {
        width: 178px;
        margin-inline: auto;
    }
    .companies .container .swiper .item:hover svg {
        display: block;
    }
    .companies .container .swiper .item:hover svg.active {
        display: none;
    }
    .companies .container .swiper .swiper-slide.swiper-slide-active .item svg {
        display: none;
    }
    .companies .container .swiper .swiper-slide.swiper-slide-active .item svg.active {
        display: block;
    }
    .companies .container .item img{
        filter: unset;
    }
}

.instagram {
    margin-bottom: 80px;
}
.instagram .group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.instagram .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 8px;
}
.instagram .group-title .btn-link {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    text-decoration: none;
    letter-spacing: -0.4px;
    transition: 200ms;
}
.instagram .group-title .btn-link svg {
    width: 14px;
}
.instagram .group-title .btn-link:hover {
    text-decoration: underline;
}
.instagram .swiper a {
    text-decoration: none;
    outline: 0;
    transition: 200ms;
    aspect-ratio: 1/1;
}
.instagram .swiper a img, .instagram .swiper a video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 200ms;
    aspect-ratio: 480/600;
}
.instagram .swiper a:hover img, .instagram .swiper a:hover video {
    transform: scale(1.05);
}
@media screen and (max-width: 1600px) {
    .instagram .group-title h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .instagram .group-title {
        margin-bottom: 27px;
    }
    .instagram .group-title h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .instagram .group-title .btn-link {
        font-size: 16px;
        gap: 4px;
    }
    .instagram .group-title .btn-primary {
        display: none;
    }
    .instagram .swiper {
        width: calc(100% + 20px);
    }
}

.our-team {
    background-color: #0F1E39;
    display: block;
    padding-block: 80px;
}
.our-team .container .group-title {
    margin-bottom: 48px;
}
.our-team .container .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 102%;
    color: #FFFFFF;
    margin-bottom: 8px;
    max-width: 531px;
}
.our-team .container .group-title p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.our-team .container .item {
    background-color: #112242;
    padding: 40px 70px 76px 40px;
    transition: 200ms;
}
.our-team .container .item .top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}
.our-team .container .item .top .avatar {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 999px;
}
.our-team .container .item .top span {
    font-size: 24px;
    font-weight: 400;
    color: #F6F2EA;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.our-team .container .item p {
    font-size: 16px;
    font-weight: 400;
    color: #F6F2EA;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.our-team .container .item:hover {
    background-color: #1d3b6f;
}
.our-team .container .swiper {
    padding-bottom: 40px;
}
.our-team .container .swiper .swiper-pagination {
    bottom: 0;
}
.our-team .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #32394D;
}
.our-team .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF;
}
@media screen and (max-width: 993px) {
    .our-team {
        margin-bottom: 0px;
    }
    .our-team .container .group-title {
        margin-bottom: 24px;
    }
    .our-team .container .group-title h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .our-team .container .group-title p {
        font-size: 16px;
    }
    .our-team .container .item {
        padding: 32px;
    }
    .our-team .container .item .top {
        gap: 16px;
        margin-bottom: 8px;
    }
    .our-team .container .item .top .avatar {
        width: 40px;
        height: 40px;
    }
    .our-team .container .item .top span {
        font-size: 20px;
    }
    .our-team .container .item p {
        font-size: 14px;
    }
}

.gallery {
    display: block;
    margin-bottom: 152px;
}
.gallery .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 24px;
}
.gallery .container .scroll-h {
    width: 100%;
    overflow-x: auto;
}
.gallery .container .scroll-h::-webkit-scrollbar {
    height: 0;
}
.gallery .container .menu {
    display: flex;
    gap: 80px;
    padding-bottom: 26px;
    border-bottom: 1px solid #D6DDE8;
    margin-bottom: 32px;
    width: -moz-max-content;
    width: max-content;
}
.gallery .container .menu a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    position: relative;
    transition: 200ms;
}
.gallery .container .menu a::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background-color: #181818;
    position: absolute;
    top: 49.5px;
    transition: 200ms;
}
.gallery .container .menu a:hover, .gallery .container .menu a.active {
    font-weight: 700;
}
.gallery .container .menu a:hover::after, .gallery .container .menu a.active::after {
    width: 100%;
}
.gallery .container .wrapper-container .swiper {
    margin-inline: auto;
    gap: 34px;
    padding-inline: 100px;
    padding-bottom: 48px;
}
.gallery .container .wrapper-container .swiper::after, .gallery .container .wrapper-container .swiper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 90px;
    background-color: #FFFFFF;
    z-index: 2;
}
.gallery .container .wrapper-container .swiper::before {
    left: initial;
    right: 0;
}
.gallery .container .wrapper-container .swiper .swiper-wrapper {
    max-width: 1370px;
}
.gallery .container .wrapper-container .swiper .swiper-button-next,
.gallery .container .wrapper-container .swiper .swiper-button-prev {
    top: calc(50% - 48px);
}
.gallery .container .wrapper-container .swiper .swiper-pagination {
    display: flex;
    bottom: 0;
    height: 4px;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.gallery .container .wrapper-container .swiper .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    border-radius: 0;
    height: 100%;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.gallery .container .wrapper-container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
.gallery .container .wrapper-container .swiper .swiper-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 1450/560;
    object-fit: cover;
}
.gallery .container > .btn-primary {
    margin-top: 48px;
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1250px) {
    .gallery {
        margin-bottom: 80px;
    }
    .gallery .container h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .gallery .container .menu {
        padding-bottom: 10px;
    }
    .gallery .container .menu a {
        font-size: 16px;
    }
    .gallery .container .menu a::after {
        top: 28.5px;
    }
}
@media screen and (max-width: 993px) {
    .gallery .container .wrapper-container .swiper {
        width: 100%;
        padding-inline: 0;
    }
    .gallery .container .wrapper-container .swiper::after, .gallery .container .wrapper-container .swiper::before {
        display: none;
    }
    .gallery .container .wrapper-container .swiper .swiper-button-next,
    .gallery .container .wrapper-container .swiper .swiper-button-prev {
        transform: translateY(0) scale(0.5);
        bottom: -16px;
        top: initial;
    }
    .gallery .container .wrapper-container .swiper .swiper-slide {
        aspect-ratio: 335/300;
    }
    .gallery .container .wrapper-container .swiper .swiper-slide img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .gallery .container .wrapper-container .swiper .swiper-pagination {
        bottom: 12px;
    }
    .gallery .container > .btn-primary {
        margin-top: 22px;
    }
}


.our-work {
    display: block;
    margin-bottom: 152px;
}
.our-work .container h2 {
    font-size: 64px;
    margin-bottom: 32px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -1.28px;
    line-height: 102%;
    text-align: center;
}
.our-work .container .card {
    aspect-ratio: 1370/630;
    width: 100%;
    max-width: 1370px;
    margin-inline: auto;
    position: relative;
    cursor: pointer;
}

.our-work .container .card::before {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    z-index: 99;
}

.our-work .container .card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.our-work .container .card .box-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 48px;
    position: absolute;
    inset: 0;
    z-index: 100;
}
.our-work .container .card .box-overlay h3 {
    font-size: 40px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 1px;
}
.our-work .container .card .box-overlay p {
    max-width: 550px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.our-work .container .card .box-overlay .btn-ghost {
    padding: 20px 30px;
    background-color: #FFFFFF;
    border-radius: 69px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content;
    margin-top: 32px;
}
.our-work .container .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 48px;
}
.our-work .container .swiper {
    margin-inline: auto;
    gap: 34px;
    padding-inline: 100px;
    padding-bottom: 48px;
}
.our-work .container .swiper::after, .our-work .container .swiper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 90px;
    background-color: #FFFFFF;
    z-index: 2;
}
.our-work .container .swiper::before {
    left: initial;
    right: 0;
}
.our-work .container .swiper .swiper-wrapper {
    max-width: 1370px;
}
.our-work .container .swiper .swiper-button-next,
.our-work .container .swiper .swiper-button-prev {
    top: calc(50% - 48px);
}
.our-work .container .swiper .swiper-pagination {
    display: flex;
    bottom: 0;
    height: 4px;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.our-work .container .swiper .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    border-radius: 0;
    height: 100%;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.our-work .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
.our-work .container .swiper .swiper-slide img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .our-work .container h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .our-work {
        margin-bottom: 80px;
    }
    .our-work .container h2 {
        font-size: 40px;
        margin-bottom: 32px;
    }
    .our-work .container .card .box-overlay {
        padding: 16px 16px 24px 16px;
    }
    .our-work .container .card .box-overlay h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .our-work .container .card .box-overlay p {
        font-size: 16px;
    }
    .our-work .container .card .box-overlay .btn-ghost {
        margin-top: 24px;
        font-size: 16px;
    }
    .our-work .container .btn-primary {
        margin-top: 32px;
    }
    .our-work .container .swiper {
        width: 100%;
        padding-inline: 0;
    }
    .our-work .container .swiper::after, .our-work .container .swiper::before {
        display: none;
    }
    .our-work .container .swiper .swiper-button-next,
    .our-work .container .swiper .swiper-button-prev {
        transform: translateY(0) scale(0.5);
        bottom: -16px;
        top: initial;
    }
    .our-work .container .swiper .swiper-button-next {
        right: -16px;
    }
    .our-work .container .swiper .swiper-button-prev {
        right: 20px;
    }
    .our-work .container .swiper .swiper-slide {
        aspect-ratio: 335/443;
    }
    .our-work .container .swiper .swiper-slide .card {
        height: 100%;
    }
    .our-work .container .swiper .swiper-pagination {
        bottom: 12px;
        width: calc(100% - 88px);
    }
}

.blog-item {
    cursor: pointer;
}
.blog-item .cover {
    height: 350px;
    position: relative;
}
.blog-item .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog-item .cover span {
    padding: 10px 30px;
    border-radius: 69px;
    background-color: #545E7C;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    top: 24px;
    left: 24px;
}
.blog-item .info h3 {
    font-size: 24px;
    font-weight: 700;
    color: #181818;
    margin-bottom: 8px;
    margin-top: 24px;
    transition: 200ms;
    height: 48px;
    overflow: hidden;
}
.blog-item .info p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 48px;
    transition: 200ms;
    height: 155px;
    overflow: hidden;
}
.blog-item .info .btn-ghost {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
    border-bottom: 1px solid #0F1E39;
    padding-bottom: 4px;
    width: -moz-max-content;
    width: max-content;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    text-transform: uppercase;
    transition: 200ms;
}
.blog-item:hover .info h3, .blog-item:hover .info p {
    color: #1d3b6f;
}
.blog-item:hover .info .btn-ghost {
    border-color: #1d3b6f;
    color: #1d3b6f;
}
@media screen and (max-width: 993px) {
    .blog-item .cover {
        height: auto;
        aspect-ratio: 335/262;
    }
    .blog-item .cover span {
        font-size: 12px;
        top: 20px;
        left: 20px;
    }
    .blog-item .info h3 {
        font-size: 20px;
        margin-bottom: 8px;
        margin-top: 16px;
    }
    .blog-item .info p {
        font-size: 16px;
        margin-bottom: 32px;
        height: 150px;
    }
    .blog-item .info .btn-ghost {
        font-size: 16px;
    }
}

.main-footer {
    background-image: url(../images/bg-footer.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #0F1E39;
}
.main-footer .container .contact {
    display: flex;
    gap: 100px;
    padding-top: 152px;
    padding-bottom: 170px;
}
.main-footer .container .contact .left {
    max-width: 670px;
}
.main-footer .container .contact .left h2,.main-footer .container .contact .left h1 {
    font-size: 64px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 16px;
}
.main-footer .container .contact .left p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 37px;
}
.main-footer .container .contact .left ul {
    list-style: none;
}
.main-footer .container .contact .left ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
}
.main-footer .container .contact .left ul li + li {
    margin-top: 11px;
}
.main-footer .container .contact form {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 48px;
}
.main-footer .container .contact form .input-group-contact,
.main-footer .container .contact form .input-group-message,
.main-footer .container .contact form .wrapper-button {
    grid-column: 1/-1;
}
.main-footer .container .contact form .wrapper-button button[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    border-radius: 69px;
    background-color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    text-transform: uppercase;
    margin-inline: auto;
    transition: 200ms;
}
.main-footer .container .contact form .wrapper-button button[type=submit]:hover {
    transform: scale(1.05);
}
.main-footer .container .bottom {
    display: flex;
}
.main-footer .container .bottom .box {
    margin-right: 370px;
}
.main-footer .container .bottom .box div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}
.main-footer .container .bottom .box div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #677192;
    text-decoration: none;
    transition: 200ms;
}
.main-footer .container .bottom .box div a:hover {
    background-color: #8496d1;
}
.main-footer .container .bottom .wrapper {
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.main-footer .container .bottom .wrapper .item h3 {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 130%;
    margin-bottom: 32px;
    text-transform: uppercase;
}
.main-footer .container .bottom .wrapper .item ul {
    list-style: none;
}
.main-footer .container .bottom .wrapper .item ul li + li {
    margin-top: 24px;
}
.main-footer .container .bottom .wrapper .item ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
}
.main-footer .container .bottom .wrapper .item ul li a:hover {
    text-decoration: underline;
}
.main-footer .container .bottom .wrapper .item ul.lower li a {
    text-transform: lowercase;
}
.main-footer .bottom-line {
    margin-top: 48px;
    padding-block: 20px;
    background-color: #424B65;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-footer.no-contact {
    padding-top: 80px;
    background: #0F1E39;
}
@media screen and (max-width: 1600px) {
    .main-footer .container .contact .left h2 {
        font-size: 48px;
    }
    .main-footer .container .bottom .box {
        margin-right: 140px;
    }
}
@media screen and (max-width: 1350px) {
    .main-footer .container .contact {
        flex-direction: column;
    }
    .main-footer .container .contact .left {
        max-width: initial;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .container .bottom {
        flex-direction: column;
        gap: 70px;
    }
    .main-footer .container .bottom .box {
        margin-right: 0;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .main-footer .container .bottom .wrapper {
        flex-wrap: wrap;
        gap: 80px;
    }
}
@media screen and (max-width: 993px) {
    .main-footer {
        background-position: top 110px left;
        background-size: 290px;
    }
    .main-footer .container .contact {
        padding-top: 80px;
        padding-bottom: 114px;
        gap: 48px;
    }
    .main-footer .container .contact .left h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .main-footer .container .contact .left p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .main-footer .container .contact .left ul li {
        font-size: 16px;
    }
    .main-footer .container .contact .left ul li + li {
        margin-top: 25px;
    }
    .main-footer .container .contact form {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }
    .main-footer .container .bottom .box {
        align-items: center;
    }
    .main-footer .container .bottom .box img {
        width: 178px;
        height: 32px;
    }
    .main-footer .container .bottom .wrapper {
        flex-direction: column;
    }
}

.btn-primary {
    padding: 20px 30px;
    background-color: #0F1E39;
    border-radius: 69px;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    width: -moz-max-content;
    width: max-content;
    transition: 200ms;
    text-transform: uppercase;
}
.btn-primary:hover {
    background-color: #1d3b6f;
}
@media screen and (max-width: 993px) {
    .btn-primary {
        font-size: 16px;
        padding: 20px 30px;
    }
}

.input-group {
    height: 58px;
    position: relative;
}
.input-group label {
    position: absolute;
    bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.4px;
    line-height: 130%;
    z-index: 1;
    transition: 200ms;
}
.input-group input {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 1px solid #677192;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.4px;
    line-height: 130%;
    z-index: 2;
    outline: 0;
}
.input-group.show label {
    font-size: 14px;
    transform: translateY(-20px);
    color: #FFFFFF;
}
.input-group.show input {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.input-group.error::after {
    content: "Campo obrigatório!";
    display: block;
    width: calc(100% - 16px);
    position: absolute;
    top: calc(100% + 5px);
    font-size: 12px;
    color: rgb(237, 94, 94);
}
.input-group.error label {
    color: rgb(237, 94, 94);
}
.input-group.error input {
    border-color: rgb(237, 94, 94);
}

.input-group-contact > label {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    margin-bottom: 16px;
    line-height: 130%;
    display: block;
}
.input-group-contact .wrapper {
    display: flex;
    align-items: center;
    gap: 50px;
}
.input-group-contact .wrapper div {
    display: flex;
    align-items: center;
    gap: 10px;
}
.input-group-contact .wrapper div input {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 24px;
    height: 24px;
    border: 1px solid #677192;
    background-color: transparent;
    border-radius: 999px;
    transition: 200ms;
    cursor: pointer;
}
.input-group-contact .wrapper div input:checked {
    border: 2px solid #0F1E39;
    outline: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}
.input-group-contact .wrapper div input:checked + label {
    color: #FFFFFF;
}
.input-group-contact .wrapper div label {
    font-size: 20px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.4px;
    cursor: pointer;
}
@media screen and (max-width: 993px) {
    .input-group-contact .wrapper {
        gap: 0;
        justify-content: space-between;
        max-width: 400px;
    }
    .input-group-contact .wrapper div label {
        font-size: 16px;
    }
    .input-group-contact .wrapper div input {
        width: 20px;
        height: 20px;
    }
}

.input-group-message label {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 12px;
    display: block;
}

.input-group-message label a {
    color: #FFF;
}

.input-group-message textarea {
    display: block;
    padding: 25px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    height: 286px;
    resize: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}
.input-group-message textarea::-moz-placeholder {
    color: #677192;
}
.input-group-message textarea::placeholder {
    color: #677192;
}

.page-01-home main {
    overflow-x: hidden;
}
.page-01-home .presentation {
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 1920/992;
    max-height: 98vh;
    width: 100%;
    background-position: center bottom;
    margin-bottom: 80px;
}

.page-01-home .presentation::after {
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ' ';
}

.page-01-home .presentation .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 20;
}
.page-01-home .presentation .container h1 {
    font-weight: 400;
    color: #FFF;
    width: 940px;
    position: relative;
    margin-bottom: 30px;
    font-size: 80px;
    line-height: 88%;
    letter-spacing: -0.02em;
}
.page-01-home .presentation .container h1 .group-image {
    position: relative;
   margin-top: 15px;
   
    width: -moz-max-content;
    width: max-content;
    line-height: initial;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0;
}
.page-01-home .presentation .container h1 .group-image .cover {
    display: flex;
    align-items: center;
    gap: 0;
}
.page-01-home .presentation .container h1 .group-image .cover img {
    border: 1px solid #FFF;
    border-radius: 999px;
}
.page-01-home .presentation .container h1 .group-image .cover img:not(:first-of-type) {
    margin-left: -18px;
}
.page-01-home .presentation .container h1 .group-image span {
    font-size: 14px;
    line-height: initial;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    text-transform: uppercase;
}
.page-01-home .presentation .container h1 .group-image span:first-of-type {
    font-weight: 700;
    margin-bottom: 4px;
}
.page-01-home .presentation .container p {
    font-size: 27px;
    font-weight: 400;
    color: #FFF;
    line-height: 130%;
    letter-spacing: -0.4px;
    max-width: 503px;
    margin-bottom: 28px;
}
@media screen and (max-width: 1700px) {
    .page-01-home .presentation {
        aspect-ratio: initial;
        height: 98vh;
    }
}
@media screen and (max-width: 1600px) {
    .page-01-home .presentation .container h1 {
        font-size: 100px;
    }
    .page-01-home .presentation .container h1 .group-image {
        left: 0%;
    }
}
@media screen and (max-width: 1140px) {
    .page-01-home .presentation .container h1 .group-image {
        position: static;
        margin-top: 20px;
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .presentation {
        margin-bottom: 48px;
    }
    .page-01-home .presentation .container {
        justify-content: flex-start;
        padding-top: 132px;
    }
    .page-01-home .presentation .container h1 {
        font-size: 80px;
        line-height: 105%;
        margin-bottom: 16px;
    }
    .page-01-home .presentation .container h1 .group-image {
        align-items: center;
        gap: 8px;
    }
    .page-01-home .presentation .container h1 .group-image .cover img {
        width: 48px;
        height: 48px;
    }
    .page-01-home .presentation .container h1 .group-image span {
        font-size: 12px;
    }
    .page-01-home .presentation .container h1 .group-image span:first-of-type {
        margin-bottom: 0;
        font-size: 16px;
    }
    .page-01-home .presentation .container p {
        font-size: 16px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 769px) {
    .page-01-home .presentation .container h1 {
        font-size: 40px;
        line-height: 105%;
        margin-bottom: 16px;
        width: 100%;
    }
}
.page-01-home .about {
    margin-bottom: 152px;
}
.page-01-home .about .group-title {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    margin-bottom: 60px;
}
.page-01-home .about .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
}
.page-01-home .about .group-title p {
    flex: 1;
    max-width: 810px;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-01-home .about .wrapper {
    display: grid;
    grid-template-columns: 530px 1fr;
    gap: 30px;
    margin-bottom: 48px;
}
.page-01-home .about .wrapper .features .item {
    padding: 40px;
    background-color: #F2F3F8;
    transition: 200ms;
}
.page-01-home .about .wrapper .features .item + .item {
    margin-top: 12px;
}
.page-01-home .about .wrapper .features .item svg.active {
    display: none;
}
.page-01-home .about .wrapper .features .item span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    letter-spacing: -0.4px;
    color: #3C4C62;
    line-height: 130%;
    margin-bottom: 16px;
    transition: 200ms;
}
.page-01-home .about .wrapper .features .item p {
    font-size: 16px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.32px;
    line-height: 130%;
    transition: 200ms;
}
.page-01-home .about .wrapper .features .item:hover {
    background-color: #3C4C62;
}
.page-01-home .about .wrapper .features .item:hover svg {
    display: none;
}
.page-01-home .about .wrapper .features .item:hover svg.active {
    display: block;
}
.page-01-home .about .wrapper .features .item:hover span, .page-01-home .about .wrapper .features .item:hover p {
    color: #F2F3F8;
}
.page-01-home .about .wrapper .video-or-image {
    background-color: #0F1E39;
    position: relative;
}
.page-01-home .about .wrapper .video-or-image iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-01-home .about .wrapper .video-or-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1090/650;
}
.page-01-home .about .btn-primary {
    margin-inline: auto;
    display: flex;
}
@media screen and (max-width: 1600px) {
    .page-01-home .about .group-title h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .about {
        margin-bottom: 80px;
    }
    .page-01-home .about .group-title {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 35px;
    }
    .page-01-home .about .group-title h2 {
        font-size: 32px;
        margin-bottom: 0;
    }
    .page-01-home .about .group-title p {
        font-size: 16px;
    }
    .page-01-home .about .wrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
        margin-bottom: 0;
    }
    .page-01-home .about .wrapper .video {
        display: block;
        aspect-ratio: 16/9;
    }
    .page-01-home .about .wrapper .features {
        gap: 8px;
    }
    .page-01-home .about .wrapper .features .item {
        padding: 28px 24px 24px 24px;
    }
    .page-01-home .about .btn-primary {
        display: none;
    }
}
.page-01-home .box-number {
    margin-bottom: 200px;
}
.page-01-home .box-number .container {
    display: flex;
    justify-content: space-between;
}
.page-01-home .box-number .container .item .title {
    font-size: 64px;
    font-weight: 700;
    line-height: 102%;
    letter-spacing: -1.28px;
    color: #0F1E39;
    text-align: center;
    display: block;
    margin-bottom: 4px;
}
.page-01-home .box-number .container .item .title::before {
    content: "+";
}
.page-01-home .box-number .container .item .text {
    font-size: 40px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.8px;
    line-height: 105%;
    display: block;
    text-align: center;
}
@media screen and (max-width: 993px) {
    .page-01-home .box-number {
        margin-bottom: 80px;
    }
    .page-01-home .box-number .container {
        flex-direction: column;
        gap: 64px;
    }
    .page-01-home .box-number .container .item .title {
        font-size: 48px;
        margin-bottom: 8px;
        line-height: 88%;
        letter-spacing: -0.96px;
    }
    .page-01-home .box-number .container .item .text {
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.64px;
    }
}
.page-01-home .box-built {
    background-color: #F2F3F8;
    margin-bottom: 152px;
}
.page-01-home .box-built .container {
    padding-block: 125px;
    position: relative;
    width: 100%;
}
.page-01-home .box-built .container .left {
    max-width: 530px;
}
.page-01-home .box-built .container .left h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    line-height: -1.28px;
    margin-bottom: 8px;
}
.page-01-home .box-built .container .left p {
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 32px;
}
.page-01-home .box-built .container .left ul {
    list-style-type: none;
    list-style-position: inside;
}
.page-01-home .box-built .container .left ul li {
    padding-left: 30px;
    background-image: url(../images/icon-check.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-01-home .box-built .container .left ul li + li {
    margin-top: 24px;
}
.page-01-home .box-built .container .left .btn-primary {
    display: flex;
    margin-top: 40px;
}
.page-01-home .box-built .container img {
    display: block;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 1600px) {
    .page-01-home .box-built .container .left h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 1400px) {
    .page-01-home .box-built .container .left {
        max-width: 670px;
    }
    .page-01-home .box-built .container img {
        width: 650px;
    }
}
@media screen and (max-width: 1230px) {
    .page-01-home .box-built .container .left {
        max-width: 530px;
    }
    .page-01-home .box-built .container img {
        width: 550px;
    }
}
@media screen and (max-width: 1024px) {
    .page-01-home .box-built .container {
        padding-bottom: 720px;
    }
    .page-01-home .box-built .container .left {
        max-width: initial;
    }
    .page-01-home .box-built .container .left .btn-primary {
        margin-inline: auto;
    }
    .page-01-home .box-built .container img {
        width: 700px;
        bottom: -40px;
        left: 50%;
        margin-inline: auto;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .box-built {
        margin-bottom: 120px;
    }
    .page-01-home .box-built .container {
        padding-top: 62px;
    }
    .page-01-home .box-built .container .left h2 {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 8px;
    }
    .page-01-home .box-built .container .left p {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .page-01-home .box-built .container .left ul li {
        font-size: 16px;
    }
    .page-01-home .box-built .container .left ul li + li {
        margin-top: 16px;
    }
    .page-01-home .box-built .container .left .btn-primary {
        margin-top: 32px;
    }
}
@media screen and (max-width: 993px) and (max-width: 500px) {
    .page-01-home .box-built .container {
        padding-bottom: 600px;
    }
    .page-01-home .box-built .container img {
        width: 580px;
    }
    .page-01-home .box-built .container .left .btn-primary {
        font-size: 0;
    }
    .page-01-home .box-built .container .left .btn-primary::after {
        content: "Conheça mais";
        font-size: 16px;
    }
}
.page-01-home .real-estate {
    margin-bottom: 152px;
}
.page-01-home .real-estate .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 24px;
}
.page-01-home .real-estate .container .menu {
    display: flex;
    gap: 80px;
    padding-bottom: 26px;
    border-bottom: 1px solid #D6DDE8;
    margin-bottom: 32px;
}
.page-01-home .real-estate .container .menu a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    position: relative;
    transition: 200ms;
}
.page-01-home .real-estate .container .menu a::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background-color: #181818;
    position: absolute;
    top: 49.5px;
    transition: 200ms;
}
.page-01-home .real-estate .container .menu a:hover, .page-01-home .real-estate .container .menu a.active {
    font-weight: 700;
}
.page-01-home .real-estate .container .menu a:hover::after, .page-01-home .real-estate .container .menu a.active::after {
    width: 100%;
}
.page-01-home .real-estate .container .menu a:hover {
    font-weight: 700;
}
.page-01-home .real-estate .container .menu a:nth-of-type(1) {
    min-width: 59px;
}
.page-01-home .real-estate .container .menu a:nth-of-type(2) {
    min-width: 192px;
}
.page-01-home .real-estate .container .menu a:nth-of-type(3) {
    min-width: 185px;
}
.page-01-home .real-estate .container .menu a:nth-of-type(4) {
    min-width: 106px;
}
.page-01-home .real-estate .container .card-real-estate {
    padding: 40px 48px;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 628px;
    cursor: pointer;
}
.page-01-home .real-estate .container .card-real-estate .top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-01-home .real-estate .container .card-real-estate .top .category {
    padding: 10px 31px;
    background-color: #545E7C;
    border-radius: 69px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}
.page-01-home .real-estate .container .card-real-estate .top .new {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    background-color: #00853C;
    border-radius: 69px;
    padding: 10px 31px;
    text-transform: uppercase;
}
.page-01-home .real-estate .container .card-real-estate h3 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.64px;
    color: #FFFFFF;
    margin-bottom: 4px;
    height: 32px;
    overflow: hidden;
}
.page-01-home .real-estate .container .card-real-estate p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    height: 104px;
    overflow: hidden;
}
.page-01-home .real-estate .container .card-real-estate .btn-ghost {
    padding: 20px 30px;
    border-radius: 69px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 24px;
    transition: 200ms;
}
.page-01-home .real-estate .container .card-real-estate .btn-ghost:hover {
    transform: scale(1.05);
}
.page-01-home .real-estate .container .swiper {
    margin-inline: auto;
    gap: 34px;
    padding-inline: 100px;
    padding-bottom: 64px;
}
.page-01-home .real-estate .container .swiper::after, .page-01-home .real-estate .container .swiper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 90px;
    background-color: #FFFFFF;
    z-index: 2;
}
.page-01-home .real-estate .container .swiper::before {
    left: initial;
    right: 0;
}
.page-01-home .real-estate .container .swiper .swiper-wrapper {
    max-width: 1370px;
}
.page-01-home .real-estate .container .swiper .swiper-pagination {
    bottom: 0;
    background-color: #D9DCEA;
    width: calc(100% - (100% - 1650px) / 2);
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    display: flex;
    gap: 0;
    border-radius: 9px;
}
.page-01-home .real-estate .container .swiper .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border-radius: 9px;
    background-color: #D9DCEA;
    transition: 200ms;
}
.page-01-home .real-estate .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
.page-01-home .real-estate .container > .btn-primary {
    margin-top: 48px;
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1600px) {
    .page-01-home .real-estate .container h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .real-estate .container h2 {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 24px;
    }
    .page-01-home .real-estate .container .menu {
        padding-bottom: 16px;
        margin-bottom: 24px;
    }
    .page-01-home .real-estate .container .menu a {
        font-size: 16px;
    }
    .page-01-home .real-estate .container .menu a::after {
        top: 33.5px;
    }
    .page-01-home .real-estate .container .card-real-estate {
        padding: 24px 20px 32px 20px;
    }
    .page-01-home .real-estate .container .card-real-estate .top {
        gap: 8px;
    }
    .page-01-home .real-estate .container .card-real-estate .top .category,
    .page-01-home .real-estate .container .card-real-estate .top .new {
        font-size: 12px;
    }
    .page-01-home .real-estate .container .card-real-estate h3 {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 115%;
    }
    .page-01-home .real-estate .container .card-real-estate p {
        font-size: 16px;
    }
    .page-01-home .real-estate .container .card-real-estate .btn-ghost {
        font-size: 16px;
    }
    .page-01-home .real-estate .container .wrapper-container {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .page-01-home .real-estate .container .swiper {
        padding-inline: 0;
        padding-bottom: 48px;
        width: calc(100% + 20px);
    }
    .page-01-home .real-estate .container .swiper::after, .page-01-home .real-estate .container .swiper::before {
        display: none;
    }
    .page-01-home .real-estate .container > .btn-primary {
        margin-top: 32px;
    }
}
@media screen and (max-width: 769px) {
    .page-01-home .real-estate .container .wrapper-container .swiper {
        width: calc(100% + 20px);
    }
}
.page-01-home .banner-main {
    padding-block: 128px;
    background-color: #0F1E39;
    max-width: 1650px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 152px;
}
.page-01-home .banner-main h2,
.page-01-home .banner-main p {
    max-width: 722px;
    margin-inline: auto;
}
.page-01-home .banner-main h2 {
    font-size: 48px;
    font-weight: 400;
    color: #D6DDE8;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
    text-align: center;
}
.page-01-home .banner-main p {
    font-size: 20px;
    font-weight: 400;
    color: #D6DDE8;
    letter-spacing: -0.4px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 32px;
}
.page-01-home .banner-main .btn-ghost {
    padding: 20px 30px;
    border-radius: 69px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    margin-inline: auto;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    text-transform: uppercase;
    transition: 200ms;
}
.page-01-home .banner-main .btn-ghost:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 1750px) {
    .page-01-home .banner-main {
        width: calc(100% - 80px);
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .banner-main {
        padding-block: 64px;
        padding-inline: 33px;
        margin-bottom: 80px;
        width: calc(100% - 40px);
    }
    .page-01-home .banner-main h2 {
        font-size: 36px;
        margin-bottom: 16px;
    }
    .page-01-home .banner-main p {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .page-01-home .banner-main .btn-ghost {
        font-size: 16px;
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .review .swiper {
        width: calc(100% - 40px);
    }
}
.page-01-home .blog {
    margin-bottom: 152px;
}
.page-01-home .blog .container .group-title {
    margin-bottom: 24px;
}
.page-01-home .blog .container .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 8px;
}
.page-01-home .blog .container .group-title p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-01-home .blog .container > .btn-primary {
    display: flex;
    margin-top: 64px;
    margin-inline: auto;
}
@media screen and (max-width: 1600px) {
    .page-01-home .blog .container .group-title h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-01-home .blog .container .group-title {
        margin-bottom: 24px;
    }
    .page-01-home .blog .container .group-title h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .page-01-home .blog .container .group-title p {
        font-size: 16px;
    }
    .page-01-home .blog .container .swiper {
        width: calc(100% + 20px);
        padding-bottom: 64px;
    }
    .page-01-home .blog .container > .btn-primary {
        margin-top: 32px;
    }
}

.page-02-sobre .presentation {
    margin-bottom: 152px;
}
.page-02-sobre .presentation .top {
    background-image: url(../images/presentation-sobre.svg);
    background-position: center;
    background-size: cover;
    width: 100%;
}
.page-02-sobre .presentation .top .container {
    padding-top: 142px;
    padding-bottom: 392px;
}
.page-02-sobre .presentation .top .container h1 {
    text-align: center;
    font-size: 64px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 8px;
}
.page-02-sobre .presentation .top .container p {
    text-align: center;
    max-width: 810px;
    margin-inline: auto;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-02-sobre .presentation .bottom {
    width: 100%;
    margin-top: -366px;
}
.page-02-sobre .presentation .bottom .container .embed {
    aspect-ratio: 16/9;
    background-color: #ccc;
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
    max-width: 1080px;
}
@media screen and (max-width: 993px) {
    .page-02-sobre .presentation {
        margin-bottom: 48px;
    }
    .page-02-sobre .presentation .top .container {
        padding-top: 75px;
        padding-bottom: 150px;
    }
    .page-02-sobre .presentation .top .container h1 {
        font-size: 40px;
        line-height: 105%;
    }
    .page-02-sobre .presentation .top .container p {
        font-size: 16px;
        max-width: initial;
        padding-inline: 0;
    }
    .page-02-sobre .presentation .bottom {
        margin-top: -116px;
    }
}
.page-02-sobre .box-about-2 {
    margin-bottom: 216px;
}
.page-02-sobre .box-about-2 .top {
    margin-bottom: 80px;
}
.page-02-sobre .box-about-2 .top h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    line-height: 102%;
    letter-spacing: -1.28px;
    margin-bottom: 16px;
}
.page-02-sobre .box-about-2 .top .columns {
    display: grid;
    gap: 210px;
    grid-template-columns: 1fr 1fr;
}
.page-02-sobre .box-about-2 .top .columns p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-02-sobre .box-about-2 .top .columns p + p {
    margin-top: 25px;
}
@media screen and (max-width: 1100px) {
    .page-02-sobre .box-about-2 .top .columns {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}
.page-02-sobre .box-about-2 .box-numbers {
    display: flex;
    gap: 80px;
    margin-bottom: 64px;
}
.page-02-sobre .box-about-2 .box-numbers .item .number {
    font-size: 64px;
    font-weight: 700;
    color: #181818;
    line-height: 102%;
    letter-spacing: -1.28px;
    margin-bottom: 4px;
    display: block;
}
.page-02-sobre .box-about-2 .box-numbers .item .number::before {
    content: "+";
}
.page-02-sobre .box-about-2 .box-numbers .item .text {
    font-size: 40px;
    font-weight: 400;
    color: #181818;
    line-height: 105%;
    letter-spacing: -0.8px;
}
.page-02-sobre .box-about-2 .cover {
    margin-bottom: 152px;
    aspect-ratio: 1650 / 800;
}
.page-02-sobre .box-about-2 .cover img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
}
.page-02-sobre .box-about-2 .mission {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.page-02-sobre .box-about-2 .mission .item {
    max-width: 450px;
}
.page-02-sobre .box-about-2 .mission .item svg, .page-02-sobre .box-about-2 .mission .item img {
    margin-bottom: 22px;
        height: 48px;
    width: 48px;
    object-fit: contain;
}
.page-02-sobre .box-about-2 .mission .item h3 {
    font-size: 40px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 8px;
}
.page-02-sobre .box-about-2 .mission .item p {
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    line-height: 130%;
    letter-spacing: -0.4px;
}
@media screen and (max-width: 993px) {
    .page-02-sobre .box-about-2 {
        margin-bottom: 80px;
    }
    .page-02-sobre .box-about-2 .top {
        margin-bottom: 64px;
    }
    .page-02-sobre .box-about-2 .top h2 {
        font-size: 40px;
        line-height: 105%;
    }
    .page-02-sobre .box-about-2 .top .columns p {
        font-size: 16px;
    }
    .page-02-sobre .box-about-2 .box-numbers {
        flex-direction: column;
        gap: 64px;
        margin-bottom: 80px;
    }
    .page-02-sobre .box-about-2 .box-numbers .item .number {
        font-size: 40px;
        line-height: 105%;
        margin-bottom: 0;
    }
    .page-02-sobre .box-about-2 .box-numbers .item .text {
        font-size: 24px;
    }
    .page-02-sobre .box-about-2 .cover {
        margin-bottom: 80px;
    }
    .page-02-sobre .box-about-2 .cover img {
        display: block;
        width: 100%;
        aspect-ratio: 335/244;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .page-02-sobre .box-about-2 .mission {
        flex-direction: column;
        gap: 80px;
    }
    .page-02-sobre .box-about-2 .mission .item svg, .page-02-sobre .box-about-2 .mission .item img {
        margin-bottom: 16px;
        width: 28px;
    }
    .page-02-sobre .box-about-2 .mission .item h3 {
        font-size: 24px;
        margin-bottom: 4px;
    }
    .page-02-sobre .box-about-2 .mission .item p {
        font-size: 16px;
    }
}
.page-02-sobre .our-history {
    margin-bottom: 152px;
}
.page-02-sobre .our-history .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 58px;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-02-sobre .our-history .container .swiper-slide {
    max-width: 650px;
}
.page-02-sobre .our-history .container .swiper-slide .item::after {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 32px;
    height: 32px;
    background-color: #0F1E39;
    transform: translateX(-50%) rotate(45deg);
    z-index: 2;
    border: 4px solid #FFFFFF;
    outline: 1px solid #0F1E39;
}
.page-02-sobre .our-history .container .swiper-slide .item .text {
    height: 180px;
}
.page-02-sobre .our-history .container .swiper-slide.swiper-slide-active .item {
    opacity: 1;
}
.page-02-sobre .our-history .container .swiper-slide.swiper-slide-active .item::before {
    position: absolute;
    bottom: 77px;
    transform: translateY(-50%);
    width: 700px;
    background-image: url(../images/line.svg);
    content: "";
    height: 2px;
    z-index: 1;
    left: 50%;
}
.page-02-sobre .our-history .container .swiper-slide.swiper-slide-active.last-with-content .item::before {
    left: initial;
    right: 50%;
}
.page-02-sobre .our-history .container .swiper-slide.swiper-slide-active .cover img {
    opacity: 1;
}
.page-02-sobre .our-history .container .swiper-slide:first-of-type .item p, .page-02-sobre .our-history .container .swiper-slide.last-with-content .item p {
    max-width: 450px;
    margin-inline: auto;
}
.page-02-sobre .our-history .container .swiper-slide.empty {
    width: 100%;
    max-width: 400px;
}
.page-02-sobre .our-history .container .swiper-slide .item {
    max-width: 650px;
    opacity: 0.1;
    width: 100%;
    margin-inline: auto;
    position: relative;
    padding-bottom: 180px;
}
.page-02-sobre .our-history .container .swiper-slide .item h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    color: #0F1E39;
    line-height: 88%;
    letter-spacing: -0.72px;
    margin-bottom: 16px;
}
.page-02-sobre .our-history .container .swiper-slide .item p {
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    line-height: 130%;
    letter-spacing: -0.4px;
    text-align: center;
}
.page-02-sobre .our-history .container .swiper-slide .cover {
        aspect-ratio: 650 / 320;
}

.page-02-sobre .our-history .container .swiper-slide .cover img {
    display: block;
    margin-inline: auto;
    opacity: 0.1;
        height: 100%;
    width: 100%;
    object-fit: contain;
}
@media screen and (max-width: 1600px) {
    .page-02-sobre .our-history .container .swiper-slide.empty:last-of-type {
        display: none;
    }
}
@media screen and (max-width: 993px) {
    .page-02-sobre .our-history .container .swiper-slide {
        max-width: initial !important;
    }
    .page-02-sobre .our-history .container .swiper-slide.empty {
        display: none;
        margin-right: 0 initial;
    }
    .page-02-sobre .our-history .container .swiper-slide:not(:first-of-type, .empty) .item::before {
        left: initial;
        right: -50%;
        width: 1000%;
    }
}
@media screen and (max-width: 400px) {
    .page-02-sobre .our-history .container .swiper-slide .item {
        padding-bottom: 120px;
    }
    .page-02-sobre .our-history .container .swiper-slide .item h3 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .page-02-sobre .our-history .container .swiper-slide .item p {
        font-size: 16px;
    }
    .page-02-sobre .our-history .container .swiper-slide .item .text {
        min-height: initial;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 993px) {
    .page-02-sobre .our-history {
        margin-bottom: 80px;
    }
    .page-02-sobre .our-history .container h2 {
        font-size: 40px;
        line-height: 105%;
        margin-bottom: 32px;
    }
}

.page-02-sobre .team .container {
    display: flex; 
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 10rem;
}
.page-02-sobre .team .container .info { 
    padding: 48px;
    background-color: #0F1E39;
    z-index: 10;
    width: 100%;
}
.page-02-sobre .team .container .info h2 {
    font-size: 64px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 16px;
    letter-spacing: -1.28px;
    line-height: 102%;
}

.page-02-sobre .team .cada-tarja {
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
    cursor: text;
}

.page-02-sobre .team .cada-tarja .baixo {
    color: #FFF;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 15px;
}

.page-02-sobre .team .cada-tarja .baixo .titulo {
    font-weight: bold;
    font-size: 18px;
}


.page-02-sobre .team .cada-tarja .baixo .texto {
   max-height: 0;
   overflow: hidden;
   transition: all 0.4s;
   margin-top: 1rem;
}

.page-02-sobre .team .cada-tarja:hover .baixo .texto{
    max-height: 500px;
}

.page-02-sobre .team .container .info p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 2rem;
}
.page-02-sobre .team .container .info p + p {
    margin-top: 25px;
}
.page-02-sobre .team .container .cover {
    display: block;
    max-width: 100vw;
}



@media screen and (max-width: 1450px) {
    .page-02-sobre .team .container {
        flex-direction: column-reverse;
        padding-inline: 0;
        width: calc(100% - 80px);
        margin-inline: auto;
    }
    .page-02-sobre .team .container .info {
        padding-bottom: 60px;
        padding-inline: 40px;
        margin-inline: 0;
    }
    .page-02-sobre .team .container .cover {
        width: 100%;
    }
    .page-02-sobre .team .container .cover img {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 993px) {
    .page-02-sobre .team {
        margin-bottom: 240px;
    }
    .page-02-sobre .team .container {
        width: 100%;
    }
    .page-02-sobre .team .container .info {
        padding: 24px 24px 40px 24px;
    }
    .page-02-sobre .team .container .info h2 {
        font-size: 40px;
        margin-bottom: 16px;
    }
    .page-02-sobre .team .container .info p {
        font-size: 16px;
    }
    .page-02-sobre .team .container .info p + p {
        margin-top: 20px;
    }
    .page-02-sobre .team .cada-tarja .baixo .texto{
        max-height: unset;
    }
}
.page-15-contato .banner {
    margin-bottom: 152px;
    max-width: 1650px;
    margin-inline: auto;
    padding: 80px 140px;
    background-color: #F2F3F8;
    display: flex;
    gap: 260px;
}
.page-15-contato .banner .btn-secondary {
    border-radius: 69px;
    padding: 15px 24px;
    background-color: #424B65;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: 200ms;
}
.page-15-contato .banner .btn-secondary:hover {
    background-color: #6775a1;
}
.page-15-contato .banner div {
    max-width: 440px;
}
.page-15-contato .banner div h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    margin-bottom: 24px;
    line-height: 102%;
    letter-spacing: -1.28px;
}
.page-15-contato .banner p {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-15-contato .banner > .btn-secondary {
    display: none;
}
@media screen and (max-width: 1100px) {
    .page-15-contato .banner {
        gap: 40px;
        width: calc(100% - 80px);
        padding: 80px 40px;
        flex-direction: column;
        gap: 0;
    }
    .page-15-contato .banner div {
        max-width: initial;
    }
    .page-15-contato .banner div h2 {
        margin-bottom: 16px;
    }
    .page-15-contato .banner div .btn-secondary {
        display: none;
    }
    .page-15-contato .banner > .btn-secondary {
        display: flex;
        width: -moz-max-content;
        width: max-content;
        margin-top: 20px;
    }
}
@media screen and (max-width: 993px) {
    .page-15-contato .banner {
        padding-block: 64px;
        padding-left: 24px;
        padding-right: 30px;
        margin-bottom: 80px;
        width: calc(100% - 40px);
        margin-top: 2rem;
    }
    .page-15-contato .banner div h2 {
        font-size: 40px;
        line-height: 105%;
        margin-bottom: 16px;
    }
    .page-15-contato .banner p {
        font-size: 16px;
    }
    .page-15-contato .banner > .btn-secondary {
        font-size: 16px;
        margin-top: 24px;
    }
}
.page-02-sobre .box-review {
    padding-block: 80px;
    border-block: 1px solid #D9DCEA;
    margin-bottom: 100px;
}
.page-02-sobre .box-review .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.page-02-sobre .box-review .container .person {
    padding-top: 40px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.page-02-sobre .box-review .container .person img {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-02-sobre .box-review .container .person div .name {
    display: block;
    font-size: 40px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 4px;
}
.page-02-sobre .box-review .container .person div .role {
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #919ABA;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-02-sobre .box-review .container .content {
    padding-top: 40px;
    padding-left: 80px;
    max-width: 1027px;
    background-image: url(../images/quotes.svg);
    background-repeat: no-repeat;
    background-position: top left;
}
.page-02-sobre .box-review .container .content p {
    font-size: 40px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.8px;
    line-height: 105%;
}
.page-02-sobre .box-review .container .content p + p {
    margin-top: 25px;
}
@media screen and (max-width: 1100px) {
    .page-02-sobre .box-review .container {
        flex-direction: column-reverse;
    }
    .page-02-sobre .box-review .container .content {
        padding-left: 0;
    }
}
@media screen and (max-width: 993px) {
    .page-02-sobre .box-review {
        margin-bottom: 80px;
        padding-bottom: 80px;
    }
    .page-02-sobre .box-review .container .content p {
        font-size: 24px;
    }
    .page-02-sobre .box-review .container .person {
        padding-top: 32px;
        gap: 16px;
    }
    .page-02-sobre .box-review .container .person img {
        width: 64px;
        height: 64px;
    }
    .page-02-sobre .box-review .container .person div .name {
        font-size: 24px;
        line-height: 115%;
        margin-bottom: 0;
    }
    .page-02-sobre .box-review .container .person div .role {
        font-size: 16px;
        line-height: 130%;
    }
}

@media screen and (max-width: 1450px) {
    .page-03-loteamento .main-header .container .btn-mobile span {
        background-color: #0F1E39;
    }
    .page-03-loteamento .main-header .container .btn-mobile.active span {
        background-color: #FFFFFF;
    }
}
.page-03-loteamento .subdivisions {
    margin-top: 126px;
    margin-bottom: 80px;
}
@media screen and (max-width: 993px) {
    .page-03-loteamento .subdivisions {
        margin-top: 75px;
    }
    .page-03-loteamento .subdivisions .container .group-title h2, .page-03-loteamento .subdivisions .container .group-title p {
        text-align: left;
        max-width: initial;
    }
}
.page-03-loteamento .main-footer.no-contact {
    padding-top: 50px;
}

.page-04-loteamento-interna main {
    max-width: 100%;
    overflow-x: hidden;
}
.page-04-loteamento-interna .presentation {
    display: block;
    height: auto;
    aspect-ratio: 16/9;
    min-height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}
.page-04-loteamento-interna .presentation::after{
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    inset: 0;
    aspect-ratio: 16/9;
}

.page-04-loteamento-interna #banner iframe{
    pointer-events: none;
    z-index: -1;
}

.page-04-loteamento-interna .presentation .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.page-04-loteamento-interna .presentation .container h1 {
    margin-bottom: 24px;
    max-width: 1120px;
    text-align: center;
    font-size: 128px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -2.3px;
    line-height: 88%;
    margin-inline: auto;
}
.page-04-loteamento-interna .presentation .container .group-image {
    left: 85%;
    width: 100%;
    line-height: initial;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
}
.page-04-loteamento-interna .presentation .container .group-image .cover {
    display: flex;
    align-items: center;
    gap: 0;
}
.page-04-loteamento-interna .presentation .container .group-image .cover img {
    border: 1px solid #FFF;
    border-radius: 999px;
}
.page-04-loteamento-interna .presentation .container .group-image .cover img:not(:first-of-type) {
    margin-left: -18px;
}
.page-04-loteamento-interna .presentation .container .group-image span {
    font-size: 14px;
    line-height: initial;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    text-transform: uppercase;
}
.page-04-loteamento-interna .presentation .container .group-image span:first-of-type {
    font-weight: 700;
    margin-bottom: 4px;
}
.page-04-loteamento-interna .presentation .container p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
    text-align: center;
    margin-bottom: 24px;
    max-width: 710px;
    margin-inline: auto;
}
.page-04-loteamento-interna .presentation .container .buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.page-04-loteamento-interna .presentation .container .btn-ghost {
    padding: 20px 30px;
    border: 1px solid #FFFFFF;
    border-radius: 69px;
    background-color: transparent;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 88%;
    text-transform: uppercase;
    transition: 200ms;
}
.page-04-loteamento-interna .presentation .container .btn-ghost:hover {
    transform: scale(1.1);
}
.page-04-loteamento-interna .presentation iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
@media screen and (max-width: 1250px) {
    .page-04-loteamento-interna .presentation .container h1 {
        font-size: 60px;
        margin-left: 0;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .presentation {
        margin-bottom: 50px;
        min-height: unset;
    }
    .page-04-loteamento-interna .presentation .container h1 {
        font-size: 40px;
        margin-bottom: 16px;
        max-width: 100%;
        text-align: center;
        margin-right: auto !important;
        letter-spacing: -0.8px;
        margin-bottom: 16px;
    }
    
       
    .page-04-loteamento-interna .presentation .container .group-image {
        margin-bottom: 24px;
        margin-left: 0;
    }
    .page-04-loteamento-interna .presentation .container .group-image .cover img {
        width: 48px;
        height: 48px;
    }
    .page-04-loteamento-interna .presentation .container .group-image span {
        font-size: 12px;
        line-height: 120%;
    }
    .page-04-loteamento-interna .presentation .container .group-image span:first-of-type {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 130%;
    }
    .page-04-loteamento-interna .presentation .container p {
        font-size: 16px;
        margin-bottom: 24px;
        margin-left: 0;
        max-width: 94vw;
    }
    .page-04-loteamento-interna .presentation .container .buttons .btn-ghost{
        margin-left: 0 !important;
        padding: 5px 10px;
        max-width: 150px;
    }
    .page-04-loteamento-interna .presentation .container .buttons {
        flex-direction: column;
    }
    .page-04-loteamento-interna .presentation .container .buttons .btn-ghost,
    .page-04-loteamento-interna .presentation .container .buttons .btn-primary {
        width: 100%;
        max-width: 400px;
        margin-inline: auto;
        text-align: center;
    }
    
}

@media(max-width: 600px){
    .page-04-loteamento-interna .presentation .container .group-image{
        display: none;
    }
    .page-04-loteamento-interna .presentation .container h1{
        font-size: 25px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content img{
        width: 100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

    }
    .page-08-venda-terreno .lp-footer{
        overflow: hidden;
        width: 100vw;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-goback{
       padding-inline: 65px !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-next{
        padding-inline: 35px !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group{
        max-width: 100%;
        flex-wrap: wrap;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .box.box-attach h3{
        white-space: unset !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .steps-progress{
        width: 85% !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.active .text{
        width: calc( 100vw - 30px);
        white-space: normal;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .box .group-select-obs span{
        white-space: unset !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group span{
        white-space: unset !important;
    }
    
    .page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-next, .page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-goback, .page-08-venda-terreno .lp-footer .top .container .form .buttons button[type=button]{
        padding: 14px 35px;
            font-size: 16px;
    }
    
}

.page-04-loteamento-interna .box-details {
    display: block;
    margin-bottom: 152px;
}
.page-04-loteamento-interna .box-details .container .top {
    display: flex;
    align-items: flex-start;
    gap: 170px;
    margin-bottom: 58px;
}
.page-04-loteamento-interna .box-details .container .top h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-04-loteamento-interna .box-details .container .top p {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-04-loteamento-interna .box-details .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 80px;
}
.page-04-loteamento-interna .box-details .container .wrapper .item {
    padding: 45px 40px 40px 40px;
    background-color: #F2F3F8;
}
.page-04-loteamento-interna .box-details .container .wrapper .item h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 16px;
}
.page-04-loteamento-interna .box-details .container .wrapper .item p {
    font-size: 16px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.page-04-loteamento-interna .box-details .container .embed {
   margin-bottom: 32px;
}

.page-04-loteamento-interna .box-details .container .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1250px) {
    .page-04-loteamento-interna .box-details .container .top {
        flex-direction: column;
        gap: 8px;
    }
}
@media screen and (max-width: 1100px) {
    .page-04-loteamento-interna .box-details .container .wrapper {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .box-details {
        margin-bottom: 80px;
        margin-top: 6rem;
    }
    .page-04-loteamento-interna .box-details .container .top {
        margin-bottom: 32px;
    }
    .page-04-loteamento-interna .box-details .container .top h2 {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 100%;
    }
    .page-04-loteamento-interna .box-details .container .wrapper .item {
        padding: 24px;
    }
    .page-04-loteamento-interna .box-details .container .embed {
        aspect-ratio: 335/300;
    }
}
.page-04-loteamento-interna .box-technical-data {
    display: block;
    margin-bottom: 152px;
}
.page-04-loteamento-interna .box-technical-data .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    text-align: center;
    margin-bottom: 56px;
}
.page-04-loteamento-interna .box-technical-data .container ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 152px;
}
.page-04-loteamento-interna .box-technical-data .container ul li {
    padding: 30px 40px;
    padding-right: 100px;
    background-color: #F2F3F8;
    min-height: 108px;
    display: flex;
    align-items: center;
    transition: 200ms;
}
.page-04-loteamento-interna .box-technical-data .container ul li div {
    align-items: flex-start;
    display: flex;
    gap: 8px;
}
.page-04-loteamento-interna .box-technical-data .container ul li span {
    flex: 1;
    font-size: 16px;
    color: #3C4C62;
}
.page-04-loteamento-interna .box-technical-data .container ul li:hover {
    background-color: #e4e6ef;
}
.page-04-loteamento-interna .box-technical-data .container .embed {

    margin-bottom: 32px;
}

.page-04-loteamento-interna .box-technical-data .container .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1050px) {
    .page-04-loteamento-interna .box-technical-data .container ul {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .box-technical-data {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .box-technical-data .container h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-04-loteamento-interna .box-technical-data .container ul {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .box-technical-data .container ul li {
        padding: 24px 28px;
        min-height: 69px;
    }
    .page-04-loteamento-interna .box-technical-data .container .embed {
        aspect-ratio: 335/300;
    }
}
.page-04-loteamento-interna .gallery .container .menu a {
    min-width: 90px;
}
.page-04-loteamento-interna .banner {
    display: block;
    margin-bottom: 183px;
}
.page-04-loteamento-interna .banner .container {
    display: flex;
    align-items: center;
    gap: 140px;
}
.page-04-loteamento-interna .banner .container .info {
    max-width: 560px;
    width: 560px;
    min-width: 560px;
}
.page-04-loteamento-interna .banner .container .info h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 48px;
}
.page-04-loteamento-interna .banner .container .info ul {
    list-style: none;
    margin-bottom: 48px;
}
.page-04-loteamento-interna .banner .container .info ul li {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}
.page-04-loteamento-interna .banner .container .info ul li + li {
    margin-top: 37px;
}
.page-04-loteamento-interna .banner .container .info ul li span {
    flex: 1;
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
}
.page-04-loteamento-interna .banner .container .cover {
    flex: 1;
}
.page-04-loteamento-interna .banner .container .cover img {
    display: block;
}
.page-04-loteamento-interna .banner .container .cover .btn-primary {
    display: none;
}
@media screen and (max-width: 1550px) {
    .page-04-loteamento-interna .banner .container .cover {
        max-width: 800px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1250px) {
    .page-04-loteamento-interna .banner .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .page-04-loteamento-interna .banner .container .info {
        max-width: initial;
        flex: 1;
        width: 100%;
        min-width: 560px;
    }
    .page-04-loteamento-interna .banner .container .info h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-04-loteamento-interna .banner .container .info ul {
        margin-bottom: 0;
    }
    .page-04-loteamento-interna .banner .container .info ul li + li {
        margin-top: 24px;
    }
    .page-04-loteamento-interna .banner .container .info ul li span {
        font-size: 20px;
    }
    .page-04-loteamento-interna .banner .container .info .btn-primary {
        display: none;
    }
    .page-04-loteamento-interna .banner .container .cover {
        max-width: initial;
        width: 100%;
    }
    .page-04-loteamento-interna .banner .container .cover img {
        display: block;
        width: 100%;
    }
    .page-04-loteamento-interna .banner .container .cover .btn-primary {
        display: flex;
        margin-top: 32px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .banner {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .banner .container .info{
        min-width: auto;
        max-width: 100%;
    }
}
.page-04-loteamento-interna .location {
    display: block;
    padding-block: 120px;
    background-color: #F2F3F8;
    margin-bottom: 80px;
}
.page-04-loteamento-interna .location .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    line-height: 102%;
    letter-spacing: -1.28px;
    text-align: center;
    margin-bottom: 32px;
}
.page-04-loteamento-interna .location .container .embed {
    aspect-ratio: 1650/600;
    width: 100%;
    background-color: #3C4C62;
    position: relative;
    margin-bottom: 80px;
}
.page-04-loteamento-interna .location .container .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-04-loteamento-interna .location .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.page-04-loteamento-interna .location .container .wrapper li {
    min-height: 108px;
    display: flex;
    align-items: center;
    background-color: #D9DCEA;
    padding-inline: 32px;
    padding-block: 40px;
    transition: 200ms;
}
.page-04-loteamento-interna .location .container .wrapper li div {
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-04-loteamento-interna .location .container .wrapper li div span {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-04-loteamento-interna .location .container .wrapper li:hover {
    background-color: #d1d5ea;
}
.page-04-loteamento-interna .location .container .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 32px;
}
@media screen and (max-width: 1250px) {
    .page-04-loteamento-interna .location {
        padding-block: 80px;
    }
    .page-04-loteamento-interna .location .container h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-04-loteamento-interna .location .container .wrapper {
        margin-top: 16px;
        gap: 8px;
    }
    .page-04-loteamento-interna .location .container .wrapper li {
        padding: 23px 24px;
        min-height: 69px;
    }
    .page-04-loteamento-interna .location .container .wrapper li div {
        gap: 8px;
    }
    .page-04-loteamento-interna .location .container .wrapper li div span {
        font-size: 16px;
    }
}
@media screen and (max-width: 1050px) {
    .page-04-loteamento-interna .location .container .wrapper {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 769px) {
    .page-04-loteamento-interna .location .container .embed {
        aspect-ratio: 335/200;
    }
}
.page-04-loteamento-interna .work-stage {
    display: block;
    margin-bottom: 152px;
}
.page-04-loteamento-interna .work-stage .container {
    display: flex;
    gap: 170px;
}
.page-04-loteamento-interna .work-stage .container .info {
    max-width: 405px;
}
.page-04-loteamento-interna .work-stage .container .info h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 48px;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-04-loteamento-interna .work-stage .container .info .wrapper .item + .item {
    margin-top: 32px;
}
.page-04-loteamento-interna .work-stage .container .info .wrapper .item .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.page-04-loteamento-interna .work-stage .container .info .wrapper .item .top span {
    font-size: 20px;
    font-weight: 400;
    color: #424B65;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-04-loteamento-interna .work-stage .container .info .wrapper .item .bars-progress {
    width: 100%;
    height: 13px;
    border-radius: 53px;
    background-color: #D9DCEA;
}
.page-04-loteamento-interna .work-stage .container .info .wrapper .item .bars-progress .bars-progress-percentage {
    height: 100%;
    width: 100%;
    border-radius: 53px;
    background-color: #424B65;
}
.page-04-loteamento-interna .work-stage .container .swiper {
    flex: 1;
    padding-inline: 100px;
    padding-bottom: 48px;
}
.page-04-loteamento-interna .work-stage .container .swiper::after, .page-04-loteamento-interna .work-stage .container .swiper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 90px;
    background-color: #FFFFFF;
    z-index: 2;
}
.page-04-loteamento-interna .work-stage .container .swiper::before {
    left: initial;
    right: 0;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-button-next,
.page-04-loteamento-interna .work-stage .container .swiper .swiper-button-prev {
    top: calc(50% - 48px);
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-pagination {
    display: flex;
    bottom: 0;
    height: 4px;
    background-color: #D9DCEA;
    border-radius: 53px;
    width: calc(100% - 200px);
    left: 100px;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    border-radius: 0;
    height: 100%;
    background-color: #D9DCEA;
    border-radius: 53px;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #424B65;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-slide {
    aspect-ratio: 810/465;
    position: relative;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-04-loteamento-interna .work-stage .container .swiper .swiper-slide span {
    padding: 17px 32px;
    background-color: #0F1E39;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
}
@media screen and (max-width: 1370px) {
    .page-04-loteamento-interna .work-stage .container {
        flex-direction: column;
        gap: 50px;
    }
}
@media screen and (max-width: 1250px) {
    .page-04-loteamento-interna .work-stage .container {
        gap: 100px;
        justify-content: space-between;
    }
    .page-04-loteamento-interna .work-stage .container .info {
        flex: 1;
    }
    .page-04-loteamento-interna .work-stage .container .info h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 1050px) {
    .page-04-loteamento-interna .work-stage .container {
        flex-direction: column;
    }
    .page-04-loteamento-interna .work-stage .container .info {
        max-width: initial;
    }
    .page-04-loteamento-interna .work-stage .container .swiper {
        aspect-ratio: 16/9;
        max-width: initial;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .work-stage {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .work-stage .container {
        gap: 42px;
    }
    .page-04-loteamento-interna .work-stage .container .info .wrapper .item .top span {
        font-size: 16px;
    }
    .page-04-loteamento-interna .work-stage .container .info .wrapper .item .bars-progress {
        height: 8px;
    }
    .page-04-loteamento-interna .work-stage .container .swiper {
        padding-inline: 0;
        aspect-ratio: 335/365;
    }
    .page-04-loteamento-interna .work-stage .container .swiper::after, .page-04-loteamento-interna .work-stage .container .swiper::before {
        display: none;
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-slide span {
        padding-inline: 24px;
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-slide img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-button-next,
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-button-prev {
        top: initial;
        bottom: -16px;
        transform: translateY(0) scale(0.5);
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-button-next {
        right: -16px;
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-button-prev {
        right: 20px;
    }
    .page-04-loteamento-interna .work-stage .container .swiper .swiper-pagination {
        bottom: 12px;
        left: 0;
        right: 90px;
        width: auto;
    }
}
.page-04-loteamento-interna .banner-portal {
    display: block;
    margin-bottom: 152px;
}
.page-04-loteamento-interna .banner-portal .banner-content {
    max-width: 1370px;
    width: 100%;
    margin-inline: auto;
    padding: 70px 64px;
    background-color: #0F1E39;
    position: relative;
}
.page-04-loteamento-interna .banner-portal .banner-content .info {
    max-width: 470px;
}
.page-04-loteamento-interna .banner-portal .banner-content .info h2 {
    font-size: 48px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 8px;
    letter-spacing: -0.96px;
}
.page-04-loteamento-interna .banner-portal .banner-content .info p {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 24px;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-04-loteamento-interna .banner-portal .banner-content .info ul {
    padding-left: 22px;
    list-style-image: url(../images/check-li.svg);
}
.page-04-loteamento-interna .banner-portal .banner-content .info ul li {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-04-loteamento-interna .banner-portal .banner-content .info ul li + li {
    margin-top: 10px;
}
.page-04-loteamento-interna .banner-portal .banner-content img {
    position: absolute;
    right: 75px;
    top: -39px;
    max-height: 600px;
}
.page-04-loteamento-interna .banner-portal .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 32px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1450px) {
    .page-04-loteamento-interna .banner-portal .banner-content {
        max-width: initial;
        width: calc(100% - 80px);
    }
}
@media screen and (max-width: 1200px) {
    .page-04-loteamento-interna .banner-portal {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content {
        padding: 40px;
        padding-bottom: 250px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content .info h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content .info p {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content .info ul li {
        font-size: 16px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content .info ul li + li {
        margin-top: 16px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content img {
        top: initial;
        right: 0;
        bottom: 0;
        transform: translateY(0);
        width: 800px;
    }
}
@media screen and (max-width: 1050px) {
    .page-04-loteamento-interna .banner-portal .banner-content {
        padding-bottom: 230px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content img {
        bottom: -183px;
        left: 50%;
        right: initial;
        transform: translateX(-50%);
        width: 700px;
    }
    .page-04-loteamento-interna .banner-portal .btn-primary {
        margin-top: 200px;
    }
}
@media screen and (max-width: 993px) {
    .page-04-loteamento-interna .banner-portal {
        margin-bottom: 80px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content {
        width: calc(100% - 40px);
        padding-top: 48px;
        padding-inline: 32px;
    }
    .page-04-loteamento-interna .banner-portal .banner-content img {
        width: 550px;
        bottom: -90px;
        left: 100px;
    }
    .page-04-loteamento-interna .banner-portal .btn-primary {
        margin-top: 140px;
    }
}

.page-05-imoveis .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-05-imoveis .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-05-imoveis .real-estate {
    display: block;
    margin-top: 126px;
    margin-bottom: 80px;
}
.page-05-imoveis .real-estate .container h2,
.page-05-imoveis .real-estate .container h1{
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 24px;
}
.page-05-imoveis .real-estate .container .menu {
    display: flex;
    gap: 80px;
    padding-bottom: 26px;
    border-bottom: 1px solid #D6DDE8;
    margin-bottom: 32px;
    width: -moz-max-content;
    width: max-content;
}
.page-05-imoveis .real-estate .container .menu a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    position: relative;
    transition: 200ms;
}
.page-05-imoveis .real-estate .container .menu a::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background-color: #181818;
    position: absolute;
    top: 49.5px;
    transition: 200ms;
}
.page-05-imoveis .real-estate .container .menu a:hover, .page-05-imoveis .real-estate .container .menu a.active {
    font-weight: 700;
}
.page-05-imoveis .real-estate .container .menu a:hover::after, .page-05-imoveis .real-estate .container .menu a.active::after {
    width: 100%;
}

.page-05-imoveis .real-estate .container .scroll-menu {
    overflow-x: auto;
    width: calc(100% + 20px);
}
.page-05-imoveis .real-estate .container .scroll-menu::-webkit-scrollbar {
    height: 6px;
}
.page-05-imoveis .real-estate .container .scroll-menu::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.page-05-imoveis .real-estate .container .wrapper-container {
    padding-bottom: 0px;
}
.page-05-imoveis .real-estate .container .wrapper-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 34px;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate {
    padding: 40px 48px;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 628px;
    transition: 200ms;
    position: relative;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .top {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .top .category {
    padding: 10px 31px;
    background-color: #545E7C;
    border-radius: 69px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .top .new {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    background-color: #00853C;
    border-radius: 69px;
    padding: 10px 31px;
    text-transform: uppercase;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate h3 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.64px;
    color: #FFFFFF;
    margin-bottom: 4px;
    position: relative;
    z-index: 2;
    height: 38px;
    overflow: hidden;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    position: relative;
    z-index: 2;
    height: 80px;
    overflow: hidden;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .btn-ghost {
    padding: 20px 30px;
    border-radius: 69px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-top: 24px;
    transition: 200ms;
    position: relative;
    z-index: 2;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .btn-ghost:hover {
    transform: scale(1.1);
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-image: linear-gradient(to bottom, transparent, #0F1E39);
    z-index: 1;
    width: 100%;
    height: 0%;
    transition: 200ms;
    cursor: pointer;
    bottom: 0;
    height: 100%;
    opacity: 0;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate:hover::after {
    opacity: 1;
}
.page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate:hover .btn-ghost:hover {
    transform: scale(1.1);
}
.page-05-imoveis .real-estate .container > .btn-primary {
    margin-top: 80px;
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1200px) {
    .page-05-imoveis .real-estate .container h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner {
        grid-template-columns: 1fr 1fr;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate {
        padding: 24px 20px 32px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate h3 {
        font-size: 24px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate p {
        font-size: 16px;
    }
}
@media screen and (max-width: 993px) {
    .page-05-imoveis .real-estate {
        margin-top: 75px;
    }
    .page-05-imoveis .real-estate .container .menu {
        padding-bottom: 16px;
        margin-bottom: 20px;
        gap: 17px;
    }
    .page-05-imoveis .real-estate .container .menu a {
        font-size: 16px;
        text-align: center;
    }
    .page-05-imoveis .real-estate .container .menu a::after {
        top: 35.5px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate {
        min-height: initial;
        aspect-ratio: 335/539;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .top .category {
        font-size: 12px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .top .new {
        font-size: 12px;
    }
    .page-05-imoveis .real-estate .container .wrapper-inner .card-real-estate .btn-ghost {
        font-size: 16px;
    }
    .page-05-imoveis .real-estate .container .btn-primary {
        margin-top: 32px;
    }
}

.page-06-imoveis-interna .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-06-imoveis-interna .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-06-imoveis-interna .presentation {
    display: block;
    width: calc(100% - (100% - 1650px) / 2);
    margin-left: auto;
    margin-bottom: 152px;
    gap: 200px;
    display: flex;
    margin-top: 158px;
}
.page-06-imoveis-interna .presentation .info {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}
.page-06-imoveis-interna .presentation .info .top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}
.page-06-imoveis-interna .presentation .info .top .category,
.page-06-imoveis-interna .presentation .info .top .type {
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    border-radius: 99px;
}
.page-06-imoveis-interna .presentation .info .top .category {
    background-color: #545E7C;
}
.page-06-imoveis-interna .presentation .info .top .type {
    background-color: #00853C;
}
.page-06-imoveis-interna .presentation .info h2, .page-06-imoveis-interna .presentation .info h1 {
    margin-bottom: auto;
    font-size: 40px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.8px;
    line-height: 105%;
}
.page-06-imoveis-interna .presentation .info .box .price {
    font-size: 36px;
    font-weight: 700;
    color: #181818;
    line-height: -0.72px;
    line-height: 88%;
    margin-bottom: 16px;
}
.page-06-imoveis-interna .presentation .info .box .price span {
    font-size: 20px;
    font-weight: 400;
    color: #7488A3;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-06-imoveis-interna .presentation .info .box .buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-06-imoveis-interna .presentation .info .box .buttons .btn-primary {
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-06-imoveis-interna .presentation .info .box .buttons .btn-ghost {
    border: 1px solid #0F1E39;
    padding: 20px 30px;
    border-radius: 69px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    line-height: 88%;
    letter-spacing: -0.4px;
    text-decoration: none;
    transition: 200ms;
}
.page-06-imoveis-interna .presentation .info .box .buttons .btn-ghost:hover {
    transform: scale(1.05);
}
.page-06-imoveis-interna .presentation .swiper {
    flex: 1;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide {
    position: relative;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-inline: 32px;
    padding-bottom: 20px;
    display: flex;
    gap: 8px;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a {
    width: -moz-max-content;
    width: max-content;
    padding: 10px 24px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #545E7C;
    transition: 200ms;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a svg.active {
    display: none;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a:hover {
    background-color: #545E7C;
    color: #FFFFFF;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a:hover svg {
    display: none;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a:hover svg.active {
    display: block;
}
.page-06-imoveis-interna .presentation .swiper .swiper-slide:hover .bottom {
    visibility: visible;
    opacity: 1;
}
.page-06-imoveis-interna .presentation .swiper .swiper-button-prev,
.page-06-imoveis-interna .presentation .swiper .swiper-button-next {
    top: initial;
    transform: translateY(0);
    bottom: 20px;
    margin-top: 0;
    background-color: #FFF;
    border-radius: 999px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
}
.page-06-imoveis-interna .presentation .swiper .swiper-button-prev::after,
.page-06-imoveis-interna .presentation .swiper .swiper-button-next::after {
    display: none;
}
.page-06-imoveis-interna .presentation .swiper .swiper-button-prev {
    left: initial;
    right: 16.5%;
    background-image: url(../images/swiper-arrow-prev-gallery.svg);
}
.page-06-imoveis-interna .presentation .swiper .swiper-button-next {
    right: 13%;
    background-image: url(../images/swiper-arrow-next-gallery.svg);
}
@media screen and (max-width: 1750px) {
    .page-06-imoveis-interna .presentation .info {
        padding-left: 40px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-button-prev {
        right: 80px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-button-next {
        right: 40px;
    }
}
@media screen and (max-width: 1550px) {
    .page-06-imoveis-interna .presentation {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width: 1200px) {
    .page-06-imoveis-interna .presentation {
        display: block;
        margin-top: 100px;
        width: 100%;
    }
    .page-06-imoveis-interna .presentation .info {
        padding-inline: 20px;
    }
    .page-06-imoveis-interna .presentation .info h2 {
        font-size: 32px;
    }
    .page-06-imoveis-interna .presentation .info .price {
        display: none;
    }
    .page-06-imoveis-interna .presentation .swiper {
        margin-left: 40px;
        margin-top: 24px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-slide.swiper-slide-active .bottom {
        visibility: visible;
        opacity: 1;
    }
}
@media screen and (max-width: 1030px) {
    .page-06-imoveis-interna .presentation {
        margin-top: 75px;
        margin-bottom: 48px;
    }
    .page-06-imoveis-interna .presentation .info .top .category, .page-06-imoveis-interna .presentation .info .top .type {
        font-size: 12px;
    }
    .page-06-imoveis-interna .presentation .info .box .buttons {
        display: none;
    }
    .page-06-imoveis-interna .presentation .swiper {
        margin-left: 20px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom {
        padding: 10px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a {
        padding: 10px 16px;
        gap: 8px;
        height: 32px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a svg {
        width: 14px;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-slide .bottom a span {
        flex: 1;
    }
    .page-06-imoveis-interna .presentation .swiper .swiper-button-prev,
    .page-06-imoveis-interna .presentation .swiper .swiper-button-next {
        display: none;
    }
}
.page-06-imoveis-interna .page-content {
    display: block;
    margin-bottom: 80px;
}
.page-06-imoveis-interna .page-content .container {
    display: flex;
    gap: 170px;
    justify-content: space-between;
}
.page-06-imoveis-interna .page-content .container .left {
    flex: 1;
    max-width: 950px;
}
.page-06-imoveis-interna .page-content .container .left .breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}
.page-06-imoveis-interna .page-content .container .left .breadcrumbs a {
    font-size: 12px;
    font-weight: 700;
    color: #181818;
    line-height: 120%;
    letter-spacing: -0.24px;
    text-decoration: none;
}
.page-06-imoveis-interna .page-content .container .left .breadcrumbs a:last-of-type {
    font-weight: 400;
}
.page-06-imoveis-interna .page-content .container .left .box {
    width: 100%;
    padding: 40px;
    margin-bottom: 80px;
    background-image: url(../images/bg-location.png);
    background-position: center;
    background-size: cover;
}
.page-06-imoveis-interna .page-content .container .left .box a {
    text-decoration: none;
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 36px 48px;
    flex-direction: column;
}
.page-06-imoveis-interna .page-content .container .left .box a span {
    display: block;
}
.page-06-imoveis-interna .page-content .container .left .box a span.title {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
    margin-bottom: 4px;
}
.page-06-imoveis-interna .page-content .container .left .box a span.text {
    font-size: 16px;
    font-weight: 400;
    color: #677192;
    line-height: 130%;
    letter-spacing: -0.32px;
}
.page-06-imoveis-interna .page-content .container .left .box a .icon {
    position: absolute;
    top: 50%;
    right: 64px;
    transform: translateY(-50%);
}
.page-06-imoveis-interna .page-content .container .left h2 {
    font-size: 32px;
    font-weight: 400;
    color: #181818;
    line-height: 100%;
    letter-spacing: -0.64px;
}
.page-06-imoveis-interna .page-content .container .left .about {
    margin-bottom: 80px;
}
.page-06-imoveis-interna .page-content .container .left .about h2 {
    margin-bottom: 16px;
}
.page-06-imoveis-interna .page-content .container .left .about p {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.4px;
    color: #181818;
}
.page-06-imoveis-interna .page-content .container .left .about p + p {
    margin-top: 20px;
}
.page-06-imoveis-interna .page-content .container .left .features {
    margin-bottom: 80px;
}
.page-06-imoveis-interna .page-content .container .left .features h2 {
    margin-bottom: 32px;
}
.page-06-imoveis-interna .page-content .container .left .features ul {
    margin-left: 22px;
    list-style-image: url(../images/check-li-color.svg);
}
.page-06-imoveis-interna .page-content .container .left .features ul li {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-06-imoveis-interna .page-content .container .left .features ul li + li {
    margin-top: 24px;
}
.page-06-imoveis-interna .page-content .container .left .box-modal {
    margin-block: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.page-06-imoveis-interna .page-content .container .left .box-modal .item {
   position: relative;
    background-size: cover;
    padding: 60px 105px;
    transition: 200ms;
    cursor: pointer;
}

.page-06-imoveis-interna .page-content .container .left .box-modal .item::after{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    content: ' ';
}

.page-06-imoveis-interna .page-content .container .left .box-modal .item a {
    padding: 50px 40px;
    border: 3px solid #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 13px;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.48px;
    line-height: 115%;
    z-index: 20;
    position: relative;
    text-decoration: none;
}
.page-06-imoveis-interna .page-content .container .left .box-modal .item:hover {
    outline: 4px solid #2CB776;
}
.page-06-imoveis-interna .page-content .container .left .nearby h2 {
    margin-bottom: 32px;
}
.page-06-imoveis-interna .page-content .container .left .nearby ul {
    list-style: none;
}
.page-06-imoveis-interna .page-content .container .left .nearby ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #3C4C62;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-06-imoveis-interna .page-content .container .left .nearby ul li + li {
    margin-top: 48px;
}
.page-06-imoveis-interna .page-content .container .left .banner {
    padding: 64px;
    background-color: #0F1E39;
    position: relative;
    width: 100%;
    margin-block: 80px;
}
.page-06-imoveis-interna .page-content .container .left .banner .info {
    max-width: 340px;
}
.page-06-imoveis-interna .page-content .container .left .banner .info h2 {
    font-size: 48px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 8px;
    letter-spacing: -0.96px;
    line-height: 88%;
}
.page-06-imoveis-interna .page-content .container .left .banner .info span {
    display: block;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-06-imoveis-interna .page-content .container .left .banner .info ul {
    list-style-image: url(../images/check-li.svg);
    margin-left: 22px;
}
.page-06-imoveis-interna .page-content .container .left .banner .info ul li {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-06-imoveis-interna .page-content .container .left .banner .info ul li + li {
    margin-top: 18px;
}
.page-06-imoveis-interna .page-content .container .left .banner img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -83px;
    max-width: 600px;
}
@media screen and (max-width: 1600px) {
    .page-06-imoveis-interna .page-content .container .left .banner {
        padding-bottom: 380px;
        margin-bottom: 100px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner img {
        bottom: 0;
        left: 50%;
        right: initial;
        transform: translateX(-50%);
    }
}
.page-06-imoveis-interna .page-content .container .left .review {
    margin-bottom: 80px;
}
.page-06-imoveis-interna .page-content .container .left .review h2 {
    font-size: 32px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 24px;
    letter-spacing: -0.64px;
    line-height: 100%;
    text-align: left;
}
.page-06-imoveis-interna .page-content .container .left .review .swiper {
    display: block;
    padding-bottom: 88px;
    width: 100%;
    padding-inline: 0;
}
.page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-prev,
.page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-next {
    bottom: 0;
    top: initial;
}
.page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-next {
    right: 0;
}
.page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-prev {
    left: initial;
    right: 80px;
}
.page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-pagination {
    display: flex;
    bottom: 32px;
    width: calc(100% - 191px);
}
.page-06-imoveis-interna .page-content .container .left .faq h2 {
    font-size: 32px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 8px;
}
.page-06-imoveis-interna .page-content .container .left .faq > p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 64px;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item + .faq-item {
    border-top: 1px solid #D9DCEA;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item .faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 16px;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item .faq-title h3 {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item .faq-response {
    max-height: 0;
    overflow: hidden;
    transition: 200ms;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item .faq-response p {
    font-size: 16px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item:not(:first-of-type) .faq-title {
    padding-top: 24px;
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item.active .faq-title svg {
    transform: scale(-1);
}
.page-06-imoveis-interna .page-content .container .left .faq .faq-item.active .faq-response {
    max-height: 1000px;
    padding-bottom: 16px;
}
.page-06-imoveis-interna .page-content .container .right {
    max-width: 530px;
}
.page-06-imoveis-interna .page-content .container .right .box-address {
    padding: 48px;
    border: 2px solid #D9DCEA;
    position: sticky;
    top: 120px;
}
.page-06-imoveis-interna .page-content .container .right .box-address h2 {
    font-size: 32px;
    font-weight: 400;
    color: #181818;
    line-height: 100%;
    letter-spacing: -0.64px;
    margin-bottom: 16px;
}
.page-06-imoveis-interna .page-content .container .right .box-address address {
    font-style: normal;
}
.page-06-imoveis-interna .page-content .container .right .box-address address span {
    display: block;
}
.page-06-imoveis-interna .page-content .container .right .box-address address span.title {
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-06-imoveis-interna .page-content .container .right .box-address address span.text {
    font-size: 16px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.page-06-imoveis-interna .page-content .container .right .box-address .embed {
    aspect-ratio: 434/255;
    width: 100%;
    margin-bottom: 32px;
    margin-top: 16px;
    position: relative;
}
.page-06-imoveis-interna .page-content .container .right .box-address .embed iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.page-06-imoveis-interna .page-content .container .right .box-address .price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 48px;
    padding-top: 32px;
    border-top: 1px solid #D9DCEA;
}
.page-06-imoveis-interna .page-content .container .right .box-address .price .text {
    font-size: 32px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.64px;
    line-height: 100%;
}
.page-06-imoveis-interna .page-content .container .right .box-address .price .total {
    font-size: 36px;
    font-weight: 700;
    color: #181818;
    letter-spacing: -0.72px;
}
.page-06-imoveis-interna .page-content .container .right .box-address .price .total span {
    font-size: 20px;
    font-weight: 400;
    color: #7488A3;
    letter-spacing: -0.4px;
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 69px;
    padding-block: 20px;
    width: 100%;
    padding-inline: 20px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    background-color: #2CB776;
    transition: 200ms;
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp svg {
    position: relative;
    z-index: 1;
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp span {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -0.4px;
    position: relative;
    z-index: 1;
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 69px;
    background: linear-gradient(95.15deg, #2CB776 -10.72%, #2CCD82 114.01%);
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp:hover {
    transform: scale(1.1);
}
.page-06-imoveis-interna .page-content .container .right .box-address .btn-whatsapp:hover::after {
    opacity: 0;
}
@media screen and (max-width: 1550px) {
    .page-06-imoveis-interna .page-content .container {
        grid-template-columns: 1fr 500px;
        gap: 50px;
    }
}
@media screen and (max-width: 1300px) {
    .page-06-imoveis-interna .page-content .container {
        gap: 0;
        display: block;
    }
    .page-06-imoveis-interna .page-content .container .left {
        max-width: initial;
    }
    .page-06-imoveis-interna .page-content .container .right .box-address {
        display: none;
    }
}
@media screen and (max-width: 993px) {
    .page-06-imoveis-interna .page-content .container .left .breadcrumbs {
        display: none;
    }
    .page-06-imoveis-interna .page-content .container .left h2 {
        font-size: 40px;
    }
    .page-06-imoveis-interna .page-content .container .left .box {
        padding: 20px;
        margin-bottom: 80px;
    }
    .page-06-imoveis-interna .page-content .container .left .box a {
        padding: 20px;
    }
    .page-06-imoveis-interna .page-content .container .left .box a span.title {
        font-size: 20px;
        line-height: 130%;
        margin-bottom: 0;
    }
    .page-06-imoveis-interna .page-content .container .left .box a .icon {
        right: 30px;
        height: 14px;
    }
    .page-06-imoveis-interna .page-content .container .left .about h2 {
        font-size: 40px;
    }
    .page-06-imoveis-interna .page-content .container .left .about p {
        font-size: 16px;
    }
    .page-06-imoveis-interna .page-content .container .left .features {
        margin-bottom: 60px;
    }
    .page-06-imoveis-interna .page-content .container .left .features h2 {
        font-size: 40px;
        margin-bottom: 24px;
    }
    .page-06-imoveis-interna .page-content .container .left .features ul li {
        font-size: 16px;
    }
    .page-06-imoveis-interna .page-content .container .left .box-modal {
        grid-template-columns: 1fr;
        margin-bottom: 80px;
    }
    .page-06-imoveis-interna .page-content .container .left .box-modal .item {
        padding: 32px;
    }
    .page-06-imoveis-interna .page-content .container .left .box-modal .item a {
        padding: 40px 50px;
        gap: 8px;
    }
    .page-06-imoveis-interna .page-content .container .left .nearby {
        margin-bottom: 0;
    }
    .page-06-imoveis-interna .page-content .container .left .nearby h2 {
        margin-bottom: 32px;
    }
    .page-06-imoveis-interna .page-content .container .left .nearby ul li {
        font-size: 16px;
        gap: 7px;
    }
    .page-06-imoveis-interna .page-content .container .left .nearby ul li + li {
        margin-top: 32px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner {
        padding: 48px 32px 230px;
        margin-top: 80px;
        margin-bottom: 185px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner .info h2 {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 100%;
        margin-bottom: 16px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner .info span {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner .info ul li {
        font-size: 16px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner .info ul li + li {
        margin-top: 16px;
    }
    .page-06-imoveis-interna .page-content .container .left .banner img {
        width: 500px;
        bottom: -160px;
        position: absolute;
        top: initial;
    }
    .page-06-imoveis-interna .page-content .container .left .review .swiper {
        padding-bottom: 48px;
        width: 100%;
    }
    .page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-next {
        right: -16px;
        bottom: -16px;
    }
    .page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-button-prev {
        left: initial;
        right: 20px;
        bottom: -16px;
    }
    .page-06-imoveis-interna .page-content .container .left .review .swiper .swiper-pagination {
        display: flex;
        bottom: 12px;
        width: calc(100% - 88px);
    }
}
@media screen and (max-width: 1030px) {
    .page-06-imoveis-interna .main-footer {
        padding-bottom: 192px;
    }
}
.page-06-imoveis-interna .float-menu {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    background-color: #FFFFFF;
    z-index: 3;
    border-top: 1px solid #ededed;
}
.page-06-imoveis-interna .float-menu .price {
    font-size: 36px;
    font-weight: 700;
    color: #181818;
    letter-spacing: -0.72px;
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
    justify-content: center;
    max-width: 400px;
    margin-inline: auto;
}
.page-06-imoveis-interna .float-menu .price span {
    font-size: 20px;
    font-weight: 400;
    color: #7488A3;
    letter-spacing: -0.4px;
}
.page-06-imoveis-interna .float-menu .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
    margin-bottom: 4px;
    padding-block: 18px;
}
.page-06-imoveis-interna .float-menu .btn-ghost {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    margin-inline: auto;
    border: 1px solid #0F1E39;
    border-radius: 69px;
    padding: 18px 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #0F1E39;
    text-transform: uppercase;
    letter-spacing: -0.32px;
}
@media screen and (max-width: 1030px) {
    .page-06-imoveis-interna .float-menu {
        display: block;
    }
}

.page-07-built-to-suit .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-07-built-to-suit .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-07-built-to-suit .presentation {
    display: block;
    background-position: bottom right;
    background-size: cover;
    width: 100%;
    height: 98vh;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.page-07-built-to-suit .presentation h1 {
    font-size: 128px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -2.3px;
    line-height: 88%;
    margin-bottom: 16px;
    text-align: center;
}
.page-07-built-to-suit .presentation p {
    max-width: 845px;
    margin-inline: auto;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.48px;
    line-height: 115%;
    margin-bottom: 42px;
}
.page-07-built-to-suit .presentation .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.page-07-built-to-suit .presentation .buttons .btn-ghost {
    padding: 20px 30px;
    border: 1px solid #0F1E39;
    border-radius: 69px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    transition: 200ms;
}
.page-07-built-to-suit .presentation .buttons .btn-ghost:hover {
    transform: scale(1.1);
}
.page-07-built-to-suit .presentation .only-mobile {
    display: none;
}
@media screen and (max-width: 1200px) {
    .page-07-built-to-suit .presentation h1 {
        font-size: 60px;
    }
}
@media screen and (max-width: 993px) {
    .page-07-built-to-suit .presentation {
        justify-content: flex-start;
        padding-top: 115px;
        background: #FFFFFF;
        position: relative;
        height: 810px;
        padding-inline: 20px;
    }
    .page-07-built-to-suit .presentation h1 {
        font-size: 40px;
        margin-bottom: 8px;
    }
    .page-07-built-to-suit .presentation p {
        font-size: 16px;
        margin-bottom: 24px;
        max-width: 500px;
        margin-inline: auto;
    }
    .page-07-built-to-suit .presentation .buttons {
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }
    .page-07-built-to-suit .presentation .buttons .btn-primary,
    .page-07-built-to-suit .presentation .buttons .btn-ghost {
        width: 100%;
        padding: 20px 30px;
        font-size: 16px;
        text-align: center;
        max-width: 335px;
        margin-inline: auto;
    }
    .page-07-built-to-suit .presentation .only-mobile {
        display: block;
        width: 100%;
        max-width: 390px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}
.page-07-built-to-suit .bg {
    background-color: #F2F3F8;
    padding-top: 120px;
    padding-bottom: 445px;
    display: block;
}
.page-07-built-to-suit .bg .details-office .container .top {
    display: flex;
    align-items: flex-start;
    gap: 170px;
}
.page-07-built-to-suit .bg .details-office .container .top .group-title {
    max-width: 670px;
}
.page-07-built-to-suit .bg .details-office .container .top .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    line-height: 102%;
    letter-spacing: -1.28px;
    margin-bottom: 24px;
}
.page-07-built-to-suit .bg .details-office .container .top .right {
    flex: 1;
}
.page-07-built-to-suit .bg .details-office .container .top .right p {
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-07-built-to-suit .bg .details-office .container .top .right p + p {
    margin-top: 25px;
}
.page-07-built-to-suit .bg .details-office .container .top .right .btn-primary {
    display: none;
}
.page-07-built-to-suit .bg .details-office .container .cover {
    margin-top: 48px;
    aspect-ratio: 1650/700;
    margin-bottom: 48px;
}
.page-07-built-to-suit .bg .details-office .container .cover img {
    display: block;
    width: 100%;
    margin-bottom: 48px;
}
.page-07-built-to-suit .bg .how-work .container h2 {
    margin-bottom: 48px;
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -1.28px;
    line-height: 102%;
    text-align: center;
}

.page-07-built-to-suit .bg .how-work .container .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1600px) {
    .page-07-built-to-suit .bg .details-office .container .top {
        flex-direction: column;
        gap: 0;
    }
    .page-07-built-to-suit .bg .details-office .container .top .group-title .btn-primary {
        display: none;
    }
    .page-07-built-to-suit .bg .details-office .container .top .right .btn-primary {
        display: flex;
        margin-top: 24px;
    }
}
@media screen and (max-width: 1300px) {
    .page-07-built-to-suit .bg .how-work .container .wrapper {
        flex-direction: column;
        align-items: center;
        gap: 200px;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper::after {
        height: calc(100% - 300px);
        width: 1px;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item {
        background-color: #F2F3F8;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item:not(:first-of-type) {
        padding-block: 24px;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item:first-of-type {
        padding-bottom: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .page-07-built-to-suit .bg .details-office .container .top .group-title h2 {
        font-size: 48px;
    }
    .page-07-built-to-suit .bg .how-work .container h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-07-built-to-suit .bg {
        padding-top: 80px;
        padding-bottom: 420px;
    }
    .page-07-built-to-suit .bg .details-office .container .top .group-title h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-07-built-to-suit .bg .details-office .container .top .right p {
        font-size: 16px;
    }
    .page-07-built-to-suit .bg .details-office .container .cover {
        margin-top: 80px;
        aspect-ratio: 335/250;
        margin-bottom: 80px;
    }
    .page-07-built-to-suit .bg .details-office .container .cover img {
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .page-07-built-to-suit .bg .how-work .container h2 {
        font-size: 32px;
        margin-bottom: 38px;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper {
        margin-bottom: 16px;
        gap: 50px;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item svg {
        width: 80px;
        height: 94px;
        margin-bottom: 0;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item h3 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .page-07-built-to-suit .bg .how-work .container .wrapper .item p {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
    .page-07-built-to-suit .bg .details-office .container .cover {
        aspect-ratio: 335/450;
    }
}
.page-07-built-to-suit .video {
    display: block;
    margin-top: -335px;
    margin-bottom: 152px;
}
.page-07-built-to-suit .video .container .embed {
    aspect-ratio: 16/9;
    background-color: #181818;
    width: 100%;
    max-width: 1370px;
    margin-inline: auto;
    position: relative;
}
.page-07-built-to-suit .video .container .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 993px) {
    .page-07-built-to-suit .video {
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 500px) {
    .page-07-built-to-suit .video {
        margin-bottom: 80px;
    }
    .page-07-built-to-suit .video .container .embed {
        aspect-ratio: 1/1;
    }
}
.page-07-built-to-suit .advantages {
    display: block;
    margin-bottom: 152px;
}
.page-07-built-to-suit .advantages .container h2 {
    max-width: 711px;
    margin-inline: auto;
    text-align: center;
    margin-bottom: 32px;
    font-size: 64px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-07-built-to-suit .advantages .container .wrapper {
    display: flex;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 32px;
    flex-wrap: wrap;
    justify-content: center;
}
.page-07-built-to-suit .advantages .container .wrapper .item {
    width: calc(50% - 16px);
    background-color: #F2F3F8;
    padding: 40px;
    display: flex;
    gap: 12px;
}
.page-07-built-to-suit .advantages .container .wrapper .item div {
    flex: 1;
}
.page-07-built-to-suit .advantages .container .wrapper .item div h3 {
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    line-height: 130%;
    letter-spacing: -0.4px;
    margin-bottom: 4px;
}
.page-07-built-to-suit .advantages .container .wrapper .item div p {
    max-width: 545px;
    font-size: 16px;
    font-weight: 400;
    color: #3C4C62;
}
.page-07-built-to-suit .advantages .container .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 48px;
}
@media screen and (max-width: 1200px) {
    .page-07-built-to-suit .advantages .container h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-07-built-to-suit .advantages {
        margin-bottom: 80px;
    }
    .page-07-built-to-suit .advantages .container h2 {
        font-size: 40px;
        margin-bottom: 16px;
        max-width: 500px;
        margin-inline: auto;
    }
    .page-07-built-to-suit .advantages .container .wrapper {
        gap: 8px;
    }
    .page-07-built-to-suit .advantages .container .wrapper .item {
        width: 100%;
        padding: 24px;
    }
    .page-07-built-to-suit .advantages .container .wrapper .item div p {
        font-size: 14px;
    }
    .page-07-built-to-suit .advantages .container > .btn-primary {
        display: none;
    }
}
.page-07-built-to-suit .faq {
    display: block;
    margin-block: 152px;
}
.page-07-built-to-suit .faq .container {
    display: flex;
    gap: 170px;
}
.page-07-built-to-suit .faq .container .left {
    max-width: 532px;
}
.page-07-built-to-suit .faq .container .left h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 16px;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-07-built-to-suit .faq .container .left p {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-07-built-to-suit .faq .container .right {
    flex: 1;
}
.page-07-built-to-suit .faq .container .right .faq-item + .faq-item {
    border-top: 1px solid #D9DCEA;
}
.page-07-built-to-suit .faq .container .right .faq-item .faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 16px;
}
.page-07-built-to-suit .faq .container .right .faq-item .faq-title h3 {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
}
.page-07-built-to-suit .faq .container .right .faq-item .faq-response {
    max-height: 0;
    transition: 200ms;
    overflow: hidden;
}
.page-07-built-to-suit .faq .container .right .faq-item .faq-response p {
    font-size: 18px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.page-07-built-to-suit .faq .container .right .faq-item:not(:first-of-type) .faq-title {
    padding-top: 24px;
}
.page-07-built-to-suit .faq .container .right .faq-item.active .faq-title svg {
    transform: scale(-1);
}
.page-07-built-to-suit .faq .container .right .faq-item.active .faq-response {
    max-height: 1000px;
    padding-bottom: 16px;
}
@media screen and (max-width: 1300px) {
    .page-07-built-to-suit .faq .container {
        flex-direction: column;
        gap: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .page-07-built-to-suit .faq .container .left h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-07-built-to-suit .faq {
        margin-bottom: 80px;
        margin-top: 0;
    }
    .page-07-built-to-suit .faq .container {
        gap: 32px;
    }
    .page-07-built-to-suit .faq .container .left h2 {
        font-size: 32px;
    }
    .page-07-built-to-suit .faq .container .left p {
        font-size: 16px;
    }
    .page-07-built-to-suit .faq .container .right .faq-item .faq-title h3 {
        font-size: 20px;
    }
 
}
.page-07-built-to-suit main .presentation .btn-primary {
    padding: 20px 30px;
    font-size: 20px;
}
.page-07-built-to-suit main .btn-primary {
    padding: 16px 26px;
    font-size: 18px;
}

.page-08-venda-terreno .presentation {
    height: 98vh;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: 33px;
    margin-bottom: 152px;
    min-height: 750px;
}
.page-08-venda-terreno .presentation h1 {
    margin-top: 100px;
    max-width: 1120px;
    margin-inline: auto;
    font-size: 80px;
    letter-spacing: -2.3px;
    line-height: 88%;
    font-weight: 400;
    color: #0F1E39;
    margin-bottom: 24px;
    text-align: center;
}
.page-08-venda-terreno .presentation p {
    max-width: 709px;
    margin-inline: auto;
    font-size: 24px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 24px;
    text-align: center;
    background: rgba(255,255,255,0.1);
}
.page-08-venda-terreno .presentation .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 27px;
}
.page-08-venda-terreno .presentation .buttons .btn-ghost {
    padding: 20px 30px;
    border: 1px solid #0F1E39;
    border-radius: 69px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    transition: 200ms;
}
.page-08-venda-terreno .presentation .buttons .btn-ghost:hover {
    background-color: rgba(15, 30, 57, 0.2666666667);
    transform: scale(1.1);
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .presentation h1 {
        font-size: 60px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .presentation {
        padding-inline: 20px;
        justify-content: flex-start;
        margin-bottom: 80px;
        min-height: unset;
        height: calc(100vh - 30px);
    }
    .page-08-venda-terreno .presentation img {
        width: 161px;
    }
    .page-08-venda-terreno .presentation h1 {
        margin-top: 86px;
        font-size: 40px;
        margin-bottom: 8px;
    }
    .page-08-venda-terreno .presentation p {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .page-08-venda-terreno .presentation .buttons {
        flex-direction: column;
        gap: 8px;
    }
    .page-08-venda-terreno .presentation .buttons .btn-primary,
    .page-08-venda-terreno .presentation .buttons .btn-ghost {
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        max-width: 335px;
        margin-inline: auto;
        padding: 20px 30px;
        font-size: 16px;
    }
}
.page-08-venda-terreno .how-work {
    margin-bottom: 152px;
}
.page-08-venda-terreno .how-work .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 48px;
    text-align: center;
}
.how-work .container .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    position: relative;
}
.how-work .container .wrapper::after {
    content: "";
    display: block;
    background-color: #000000;
    height: 1px;
    position: absolute;
    left: 12%;
    right: 12%;
    top: 64px;
    z-index: -1;
}
.how-work .container .wrapper .item {
    max-width: 482px;
}
.how-work .container .wrapper .item svg, .how-work .container .wrapper .item .circulo {
    display: block;
    margin-inline: auto;
}

.how-work .container .wrapper .item .circulo {
    text-align: center;
    border-radius: 50%;
    border: solid 1px #000;
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
     background: #FFF;
}

.how-work .container .wrapper .item .circulo label {
   position: absolute;
    bottom: -7px;
    background: #FFF;
    z-index: 99;
    font-size: 32px;
        padding-left: 5px;
    padding-right: 5px
}

.how-work .container .wrapper .item h3 {
    text-align: center;
    font-size: 32px;
    margin-block: 8px;
    color: #181818;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.64px;
}
.how-work .container .wrapper .item p {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #60738E;
    letter-spacing: -0.48px;
    line-height: 115%;
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .how-work .container h2 {
        font-size: 48px;
    }
    .how-work .container .wrapper .item h3 {
        font-size: 24px;
    }
    .how-work .container .wrapper .item p {
        font-size: 16px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .how-work {
        margin-bottom: 56px;
    }
    .page-08-venda-terreno .how-work .container h2 {
        font-size: 40px;
        margin-bottom: 24px;
    }
    .how-work .container .wrapper {
        flex-direction: column;
        align-items: center;
        gap: 210px;
    }
    .how-work .container .wrapper::after {
        width: 1px;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .how-work .container .wrapper .item {
        background-color: #FFF;
    }
    .how-work .container .wrapper .item:first-of-type {
        padding-bottom: 24px;
    }
    .how-work .container .wrapper .item:not(:first-of-type) {
        padding-block: 24px;
    }
    .how-work .container .wrapper .item svg {
        width: 80px;
        height: 94px;
        margin-bottom: 4px;
    }
    .how-work .container .wrapper .item h3 {
        font-size: 20px;
    }
    .how-work .container .wrapper .item p {
        font-size: 14px;
        max-width: 335px;
        margin-inline: auto;
    }
}
.page-08-venda-terreno .box-future {
    margin-bottom: 80px;
}
.page-08-venda-terreno .box-future .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    text-align: center;
    margin-bottom: 16px;
}
.page-08-venda-terreno .box-future .container p {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
    margin-bottom: 24px;
    text-align: center;
    max-width: 1078px;
    margin-inline: auto;
}
.page-08-venda-terreno .box-future .container .embed {
    aspect-ratio: 16/9;
    width: 100%;
    background-color: #181818;
    position: relative;
    max-width: 1370px;
    margin-inline: auto;
}
.page-08-venda-terreno .box-future .container .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-08-venda-terreno .box-future .container .btn-primary {
    display: flex;
    margin-inline: auto;
    margin-top: 48px;
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .box-future .container h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .box-future {
        margin-bottom: 80px;
    }
    .page-08-venda-terreno .box-future .container h2 {
        font-size: 40px;
        margin-bottom: 8px;
    }
    .page-08-venda-terreno .box-future .container p {
        font-size: 16px;
        margin-bottom: 24px;
        max-width: 500px;
        margin-inline: auto;
    }
    .page-08-venda-terreno .box-future .container .btn-primary {
        margin-top: 24px;
    }
}
.page-08-venda-terreno .benefits {
    padding-block: 120px;
    background-color: #F2F3F8;
    margin-bottom: 80px;
}
.page-08-venda-terreno .benefits .container .top {
    display: flex;
    align-items: flex-end;
    margin-bottom: 100px;
    gap: 80px;
}
.page-08-venda-terreno .benefits .container .top .left {
    flex: 1;
    max-width: 810px;
}
.page-08-venda-terreno .benefits .container .top .left h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 16px;
}
.page-08-venda-terreno .benefits .container .top .left p {
    font-size: 24px;
    font-weight: 400;
    color: #60738E;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-08-venda-terreno .benefits .container .top .cover {
    max-width: 800px;
    aspect-ratio: 800/215;
}
.page-08-venda-terreno .benefits .container .top .cover img {
    display: block;
    margin-right: -38px;
        height: 100%;
    width: 100%;
    object-fit: cover;
}
.page-08-venda-terreno .benefits .container .bottom h2 {
    font-size: 64px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 16px;
    text-align: center;
}
.page-08-venda-terreno .benefits .container .bottom .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 48px;
}
.page-08-venda-terreno .benefits .container .bottom .wrapper .item {
    padding: 44px 74px 40px 40px;
    background-color: #D9DCEA;
}
.page-08-venda-terreno .benefits .container .bottom .wrapper .item h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 16px;
}
.page-08-venda-terreno .benefits .container .bottom .wrapper .item p {
    font-size: 16px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.page-08-venda-terreno .benefits .container .bottom .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1550px) {
    .page-08-venda-terreno .benefits .container .top .cover {
        max-width: 600px;
    }
    .page-08-venda-terreno .benefits .container .top .cover img {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .benefits .container .top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: 80px;
    }
    .page-08-venda-terreno .benefits .container .top .left h2 {
        font-size: 48px;
    }
    .page-08-venda-terreno .benefits .container .top .cover {
        margin-top: 30px;
    }
    .page-08-venda-terreno .benefits .container .bottom h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .benefits {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 80px;
    }
    .page-08-venda-terreno .benefits .container .top .left h2 {
        font-size: 40px;
        margin-bottom: 16px;
        letter-spacing: -0.8px;
        line-height: 105%;
    }
    .page-08-venda-terreno .benefits .container .top .left p {
        font-size: 16px;
    }
    .page-08-venda-terreno .benefits .container .bottom h2 {
        font-size: 40px;
        margin-bottom: 24px;
    }
    .page-08-venda-terreno .benefits .container .bottom .wrapper {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 24px;
    }
    .page-08-venda-terreno .benefits .container .bottom .wrapper .item {
        padding: 28px 24px;
    }
    .page-08-venda-terreno .benefits .container .bottom .wrapper .item h3 {
        gap: 12px;
        margin-bottom: 4px;
    }
    .page-08-venda-terreno .benefits .container .bottom .wrapper .item p {
        font-size: 14px;
        padding-left: 33px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .review {
        padding-inline: 20px;
    }
}
.page-08-venda-terreno .faq {
    display: block;
    margin-block: 152px;
}
.page-08-venda-terreno .faq .container {
    display: flex;
    gap: 170px;
}
.page-08-venda-terreno .faq .container .left {
    max-width: 532px;
}
.page-08-venda-terreno .faq .container .left h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 16px;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-08-venda-terreno .faq .container .left p {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-08-venda-terreno .faq .container .right {
    flex: 1;
}
.page-08-venda-terreno .faq .container .right .faq-item + .faq-item {
    border-top: 1px solid #D9DCEA;
}
.page-08-venda-terreno .faq .container .right .faq-item .faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 16px;
}
.page-08-venda-terreno .faq .container .right .faq-item .faq-title h3 {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    line-height: 115%;
    letter-spacing: -0.48px;
}
.page-08-venda-terreno .faq .container .right .faq-item .faq-response {
    max-height: 0;
    transition: 200ms;
    overflow: hidden;
}
.page-08-venda-terreno .faq .container .right .faq-item .faq-response p {
    font-size: 16px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.32px;
    line-height: 130%;
}
.page-08-venda-terreno .faq .container .right .faq-item:not(:first-of-type) .faq-title {
    padding-top: 24px;
}
.page-08-venda-terreno .faq .container .right .faq-item.active .faq-title svg {
    transform: scale(-1);
}
.page-08-venda-terreno .faq .container .right .faq-item.active .faq-response {
    max-height: 1000px;
    padding-bottom: 16px;
}
@media screen and (max-width: 1300px) {
    .page-08-venda-terreno .faq .container {
        flex-direction: column;
        gap: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .faq .container .left h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .faq {
        margin-top: 0;
        margin-bottom: 80px;
    }
    .page-08-venda-terreno .faq .container {
        gap: 32px;
    }
    .page-08-venda-terreno .faq .container .left h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-08-venda-terreno .faq .container .left p {
        margin-top: 0;
        font-size: 16px;
    }
    .page-08-venda-terreno .faq .container .right .faq-item .faq-title h3 {
        font-size: 20px;
    }
    .page-08-venda-terreno .faq .container .right .faq-item .faq-response p {
        font-size: 14px;
    }
}
.page-08-venda-terreno .lp-footer .top {
    padding-block: 80px;
    background-color: #0F1E39;
    background-repeat: no-repeat;
    background-position: left top 226px;
}
.page-08-venda-terreno .lp-footer .top .container .group-title {
    max-width: 810px;
    margin-bottom: 48px;
}
.page-08-venda-terreno .lp-footer .top .container .group-title h2 {
    font-size: 64px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 16px;
}
.page-08-venda-terreno .lp-footer .top .container .group-title p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-08-venda-terreno .lp-footer .top .container .form {
    max-width: 800px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box {
    max-width: 670px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box h2 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.48px;
    line-height: 115%;
    margin-bottom: 16px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group + .input-group {
    margin-top: 40px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group.show label, .page-08-venda-terreno .lp-footer .top .container .form .box .input-group:focus-within label {
    color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group.show input, .page-08-venda-terreno .lp-footer .top .container .form .box .input-group:focus-within input {
    border-bottom: 1px solid #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 33px;
    margin-block: 30px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .row .input-group + .input-group {
    margin-top: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select {
    position: relative;
    z-index: 3;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select label {
    padding: 16px 24px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select label span {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    margin-top: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select .modal-select {
    position: absolute;
    top: calc(100% + 10px);
    height: 200px;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 5;
    max-height: 140px;
    list-style: none;
    overflow: auto;
    max-height: 0;
    transition: 200ms;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select .modal-select::-webkit-scrollbar {
    width: 6px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select .modal-select::-webkit-scrollbar-thumb {
    background-color: #919fb9;
    border-radius: 6px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select .modal-select li {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #0F1E39;
    cursor: pointer;
    transition: 200ms;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select .modal-select li:hover {
    background-color: #919fb9;
    color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select.active label svg {
    transform: scale(-1);
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-select.active .modal-select {
    max-height: 140px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .group-select {
    margin-bottom: 40px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .group-select .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .group-select span {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 125%;
    display: block;
    margin-top: 8px;
    letter-spacing: -0.28px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .column-1fr_110 {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 30px;
    margin-bottom: 20px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .column-1fr_110 .input-group + .input-group {
    margin-top: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .column-_1-2fr_1fr {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 80px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .column-_1-2fr_1fr .input-group + .input-group {
    margin-top: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .group-select-obs span {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 125%;
    display: block;
    margin-top: 8px;
    letter-spacing: -0.28px;
    white-space: nowrap;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-message {
    margin-top: 40px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .input-group-message textarea {
    height: 286px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box .box-value {
    margin-bottom: 16px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach h2 {
    margin-bottom: 8px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach h3 {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    white-space: nowrap;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group {
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    gap: 20px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group .btn-attach {
    padding: 20px 45px;
    border: 1px solid #FFFFFF;
    border-radius: 69px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    width: 260px;
    transition: 200ms;
    cursor: pointer;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group .btn-attach svg.active {
    display: none;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group .btn-attach:hover {
    background-color: #FFF;
    color: #0F1E39;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group .btn-attach:hover svg {
    display: none;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group .btn-attach:hover svg.active {
    display: block;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group input {
    display: none;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .attach-group span {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .input-group-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 48px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .input-group-checkbox input {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #FFFFFF;
    background-image: url(../images/icon-check.svg);
    background-repeat: no-repeat;
    background-position: top -20px center;
    background-size: 10px;
    transition: 200ms;
    cursor: pointer;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .input-group-checkbox input:checked {
    background-color: #FFFFFF;
    background-position: center center;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .input-group-checkbox label {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    cursor: pointer;
}
.page-08-venda-terreno .lp-footer .top .container .form .box.box-attach .input-group-checkbox label a {
    font-weight: 700;
    text-decoration: underline;
    color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-attach {
    margin-top: 64px;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location {
    margin-top: 64px;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location h3 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 16px;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .embed {
    aspect-ratio: 670/500;
    width: 100%;
    margin-bottom: 30px;
    display: block;
    position: relative;
    background-color: #132649;
}

.page-08-venda-terreno .lp-footer .top .container .form .group-location .embed #map{
    width: 100%;
    height: 100%;
}

.page-08-venda-terreno .lp-footer .top .container .form .group-location .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .input-group-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .input-group-checkbox input {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 16px;
    height: 16px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    cursor: pointer;
    transition: 200ms;
    background-image: url(../images/icon-check-primary.svg);
    background-repeat: no-repeat;
    background-position: top -20px center;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .input-group-checkbox input:checked {
    background-color: #FFFFFF;
    background-position: center center;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .input-group-checkbox label {
    color: #FFFFFF;
    font-size: 20px;
}
.page-08-venda-terreno .lp-footer .top .container .form .group-location .input-group-checkbox label a {
    font-weight: 700;
    color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 64px;
    flex-wrap: wrap;
}
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-next,
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-goback,
.page-08-venda-terreno .lp-footer .top .container .form .buttons button[type=button] {
    padding: 20px 96px;
    background-color: #FFFFFF;
    border-radius: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    transition: 200ms;
    cursor: pointer;
}
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-next:hover,
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-goback:hover,
.page-08-venda-terreno .lp-footer .top .container .form .buttons button[type=submit]:hover {
    transform: scale(1.1);
}
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-next {
    padding-inline: 123px;
}
.page-08-venda-terreno .lp-footer .top .container .form .buttons .btn-goback {
    margin-left: 0;
    padding-inline: 80px;
    background-color: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-success {
    align-items: center;
    gap: 16px;
    margin-top: 60px;
    display: none;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-success div h3 {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 4px;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-success div p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 130%;
    letter-spacing: -0.4px;
    max-width: 340px;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress {
    width: 100%;
    height: 11px;
    background-image: linear-gradient(to right, #FFFFFF 50%, #FFFFFF 0);
    margin-bottom: 65px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step {
    position: relative;
    height: 100%;
    cursor: pointer;
    border: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step .number {
    min-width: 27px;
    height: 27px;
    border-radius: 999px;
    border: 2px solid #919ABA;
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #32394D;
    padding: 3px;
    left: -2px;
    transition: 200ms;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step .number .icon {
    font-size: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step .text {
    font-size: 14px;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    color: #8B9CB6;
    white-space: nowrap;
    opacity: 0;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step:last-of-type {
    margin-right: 10px;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step:last-of-type .text {
    left: initial;
    right: -68px;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step:not(:first-of-type, :last-of-type) .text {
    transform: translateX(-50%);
    left: 50%;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.finished {
    background-color: #32394D;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.finished .number {
    background-color: #32394D;
    border-color: #32394D;
    color: #FFFFFF;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.active .number {
    background-color: #919ABA;
    padding-inline: 13px;
    gap: 4px;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.active .number .icon {
    font-size: 18px;
}
.page-08-venda-terreno .lp-footer .top .container .form .steps-progress .step.active .text {
    opacity: 1;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-steps .step {
    display: none;
}
.page-08-venda-terreno .lp-footer .top .container .form .box-steps .step.active {
    display: block;
}
.page-08-venda-terreno .lp-footer .top .container .form.success .box-success {
    display: flex;
}
.page-08-venda-terreno .lp-footer .top .container .form.success .box-steps,
.page-08-venda-terreno .lp-footer .top .container .form.success .steps-progress {
    display: none;
}
@media screen and (max-width: 1800px) {
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -moz-column-gap: 100px;
        column-gap: 100px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box {
        width: 600px;
    }
}
@media screen and (max-width: 1500px) {
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -moz-column-gap: 100px;
        column-gap: 100px;
        max-width: 800px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .page-08-venda-terreno .lp-footer .top .container .group-title h2 {
        font-size: 48px;
    }
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .lp-footer .top .container .group-title {
        margin-bottom: 32px;
    }
    .page-08-venda-terreno .lp-footer .top .container .group-title h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .page-08-venda-terreno .lp-footer .top .container .group-title p {
        font-size: 16px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .row {
        grid-template-columns: 75px 1fr;
        gap: 12px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .input-group-message textarea {
        height: 190px !important;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .input-group-select label {
        padding: 15px 16px;
        justify-content: space-between;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .input-group-select label span {
        font-size: 19px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .group-select-obs span {
        white-space: wrap;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box .group-select .wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach h2 {
        font-size: 20px;
        margin-bottom: 4px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach h3 {
        white-space: wrap;
        font-size: 16px;
        margin-bottom: 24px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach .attach-group {
        width: 100%;
        flex-direction: column;
        gap: 16px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach .attach-group .btn-attach {
        padding: 20px 30px;
        font-size: 16px;
        width: 100%;
        justify-content: center;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach .attach-group span {
        white-space: wrap;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach .input-group-checkbox {
        margin-top: 57px;
        gap: 8px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form > .wrapper .box.box-attach .input-group-checkbox label {
        font-size: 16px;
    }
    .page-08-venda-terreno .lp-footer .top .container .form button[type=submit] {
        padding: 20px 60px;
        margin-top: 66px;
    }
}
.page-08-venda-terreno .lp-footer .social {
    background-color: #32394D;
    padding-block: 36px;
}
.page-08-venda-terreno .lp-footer .social .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-08-venda-terreno .lp-footer .social .container nav {
    display: flex;
    align-items: center;
    gap: 24px;
}
.page-08-venda-terreno .lp-footer .social .container nav a {
    text-align: none;
    transition: 200ms;
}
.page-08-venda-terreno .lp-footer .social .container nav a:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 993px) {
    .page-08-venda-terreno .lp-footer .social .container img.logo {
        width: 178px;
    }
}
.page-08-venda-terreno .lp-footer .bottom {
    padding-block: 20px;
    background-color: #0F1E39;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-09-trabalhe-conosco .presentation {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #112242;
    background-image: url(../images/presentation-trabalhe-conosco.svg);
    background-position: center;
    background-size: cover;
    height: 550px;
    padding-top: 242px;
}
.page-09-trabalhe-conosco .presentation .info {
    max-width: 810px;
}
.page-09-trabalhe-conosco .presentation .info h1 {
    font-size: 64px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 8px;
    text-align: center;
}
.page-09-trabalhe-conosco .presentation .info p {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    text-align: center;
}
@media screen and (max-width: 993px) {
    .page-09-trabalhe-conosco .presentation {
        height: auto;
        padding-top: 75px;
        padding-bottom: 60px;
        padding-inline: 20px;
    }
    .page-09-trabalhe-conosco .presentation .info h1 {
        font-size: 40px;
    }
    .page-09-trabalhe-conosco .presentation .info p {
        font-size: 16px;
    }
}
.page-09-trabalhe-conosco .list-open-vacancies {
    display: block;
    padding-top: 80px;
    margin-bottom: 152px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container {
    max-width: 1170px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
    margin-bottom: 32px;
    text-align: center;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper {
    margin-bottom: 152px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box {
    padding: 48px 110px 48px 48px;
    background-color: #F2F3F8;
    transition: 200ms;
    cursor: pointer;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box + .box {
    margin-top: 24px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box h3 {
    font-size: 24px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.48px;
    line-height: 115%;
    margin-bottom: 16px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box ul li {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #D9DCEA;
    border-radius: 69px;
    font-size: 16px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.32px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box p {
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box .btn-ghost {
    display: flex;
    margin-top: 48px;
    gap: 8px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #0F1E39;
    text-transform: uppercase;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box:hover {
    background-color: #0F1E39;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box:hover h3, .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box:hover p, .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box:hover p {
    color: #F2F3F8;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box:hover .btn-ghost {
    color: #F2F3F8;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .newsletter {
    max-width: 600px;
    margin-inline: auto;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .newsletter h2 {
    font-size: 24px;
    font-weight: 400;
    color: #0F1E39;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .newsletter p {
    font-size: 20px;
    font-weight: 400;
    color: #545E7C;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 24px;
}
.page-09-trabalhe-conosco .list-open-vacancies .container .newsletter .btn-primary {
    display: flex;
    margin-inline: auto;
    padding-inline: 52px;
}
@media screen and (max-width: 993px) {
    .page-09-trabalhe-conosco .list-open-vacancies {
        padding-top: 48px;
        margin-bottom: 80px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container h2 {
        font-size: 40px;
        margin-bottom: 16px;
        text-align: left;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper {
        margin-bottom: 80px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box {
        padding: 32px 32px 56px 32px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box + .box {
        margin-top: 16px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box ul {
        flex-direction: column;
        margin-bottom: 16px;
        gap: 4px;
        align-items: flex-start;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box p {
        font-size: 16px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .wrapper .box .btn-ghost {
        margin-top: 32px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .newsletter {
        padding-inline: 20px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .newsletter h2 {
        font-size: 20px;
        margin-bottom: 4px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .newsletter p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 24px;
    }
    .page-09-trabalhe-conosco .list-open-vacancies .container .newsletter .btn-primary {
        font-size: 16px;
    }
}
.page-09-trabalhe-conosco .box-about {
    margin-top: 152px;
}
@media screen and (max-width: 993px) {
    .page-09-trabalhe-conosco .box-about {
        margin-top: 80px;
    }
}
.page-09-trabalhe-conosco .main-footer {
    padding-top: 80px;
    background-image: none;
}

.page-10-trabalhe-conosco-interna .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-10-trabalhe-conosco-interna .main-header .container .btn-mobile.active span {
    background-color: #FFF;
}
.page-10-trabalhe-conosco-interna .presentation {
    display: block;
    background-color: #F2F3F8;
}
.page-10-trabalhe-conosco-interna .presentation .container {
    padding-top: 142px;
    padding-bottom: 40px;
}
.page-10-trabalhe-conosco-interna .presentation .container h1 {
    font-size: 48px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}
.page-10-trabalhe-conosco-interna .presentation .container .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-10-trabalhe-conosco-interna .presentation .container .bottom ul {
    display: flex;
    align-items: center;
    gap: 8px;
}
.page-10-trabalhe-conosco-interna .presentation .container .bottom ul li {
    padding: 20px 30px;
    background-color: #D9DCEA;
    border-radius: 69px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.32px;
}
.page-10-trabalhe-conosco-interna .presentation .container .bottom .btn-primary {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media screen and (max-width: 993px) {
    .page-10-trabalhe-conosco-interna .presentation .container {
        padding-top: 75px;
        padding-bottom: 32px;
    }
    .page-10-trabalhe-conosco-interna .presentation .container h1 {
        font-size: 36px;
        margin-bottom: 16px;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .scroll-h {
        width: calc(100% + 20px);
        overflow-x: auto;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .scroll-h::-webkit-scrollbar {
        height: 0;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .bottom {
        width: -moz-max-content;
        width: max-content;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .bottom ul {
        gap: 8px;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .bottom ul li {
        padding: 18px 30px;
    }
    .page-10-trabalhe-conosco-interna .presentation .container .bottom .btn-primary {
        display: none;
    }
}
.page-10-trabalhe-conosco-interna .details {
    margin-bottom: 152px;
    display: block;
    padding-top: 72px;
}
.page-10-trabalhe-conosco-interna .details .container {
    display: grid;
    grid-template-columns: 1fr 530px;
    gap: 310px;
}
.page-10-trabalhe-conosco-interna .details .container article h2 {
    font-size: 16px;
    font-weight: 700;
    color: #0F1E39;
    letter-spacing: 0px;
    line-height: 25px;
    margin-bottom: 25px;
}
.page-10-trabalhe-conosco-interna .details .container article h3 {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    line-height: 25px;
    letter-spacing: 0px;
    margin: 8px;
}
.page-10-trabalhe-conosco-interna .details .container article p {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    letter-spacing: 0px;
    line-height: 25px;
}
.page-10-trabalhe-conosco-interna .details .container article p + p {
    margin-top: 20px;
}
.page-10-trabalhe-conosco-interna .details .container article ul {
    list-style: inside;
}
.page-10-trabalhe-conosco-interna .details .container article ul li {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    letter-spacing: 0px;
    line-height: 25px;
}
.page-10-trabalhe-conosco-interna .details .container article .box {
    margin-top: 80px;
}
.page-10-trabalhe-conosco-interna .details .container article .box ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.page-10-trabalhe-conosco-interna .details .container article .box ul li {
    padding: 8px 20px;
    border: 1px solid #424B65;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #424B65;
    letter-spacing: -0.32px;
}
.page-10-trabalhe-conosco-interna .details .container aside {
    position: relative;
}
.page-10-trabalhe-conosco-interna .details .container aside .box {
    position: sticky;
    top: 140px;
    border: 1px solid #E8E8E8;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .location {
    height: 315px;
    width: 100%;
    position: relative;
    background-color: #333333;
    margin-bottom: 24px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .location iframe {
    position: absolute;
    inset: 0;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .info {
    padding-inline: 40px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .info h2 {
    font-size: 40px;
    font-weight: 400;
    color: #0F1E39;
    margin-bottom: 24px;
    letter-spacing: -0.8px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .info .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 16px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box .info .time {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #7488A3;
    letter-spacing: -0.32px;
    margin-bottom: 24px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box footer {
    padding: 34px 40px;
    background-color: #0F1E39;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-10-trabalhe-conosco-interna .details .container aside .box footer span {
    font-size: 16px;
    font-weight: 400;
    color: #A8B0CC;
    line-height: -0.32px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box footer nav {
    display: flex;
    align-items: center;
    gap: 24px;
}
.page-10-trabalhe-conosco-interna .details .container aside .box footer nav a {
    text-decoration: none;
    transition: 200ms;
}
.page-10-trabalhe-conosco-interna .details .container aside .box footer nav a:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 1300px) {
    .page-10-trabalhe-conosco-interna .details .container {
        grid-template-columns: 1fr;
        gap: 80px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside {
        max-width: 500px;
    }
}
@media screen and (max-width: 993px) {
    .page-10-trabalhe-conosco-interna .details {
        padding-top: 24px;
        margin-bottom: 80px;
    }
    .page-10-trabalhe-conosco-interna .details .container article h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .page-10-trabalhe-conosco-interna .details .container article h3 {
        font-size: 20px;
    }
    .page-10-trabalhe-conosco-interna .details .container article p {
        line-height: 160%;
    }
    .page-10-trabalhe-conosco-interna .details .container article p + h3 {
        margin-top: 30px;
    }
    .page-10-trabalhe-conosco-interna .details .container article .box {
        margin-top: 0;
    }
    .page-10-trabalhe-conosco-interna .details .container article .box ul {
        gap: 8px;
    }
    .page-10-trabalhe-conosco-interna .details .container article .box ul li {
        font-size: 14px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box {
        max-width: 400px;
        gap: 0;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box .location {
        aspect-ratio: 335/250;
        height: auto;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box .info {
        padding-inline: 20px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box .info h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box .info .btn-primary {
        padding: 16px 20px;
        margin-bottom: 36px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box .info .time {
        margin-bottom: 34px;
    }
    .page-10-trabalhe-conosco-interna .details .container aside .box footer {
        padding: 16px 24px 24px;
        flex-direction: column;
        gap: 17px;
    }
}
.page-10-trabalhe-conosco-interna .main-footer {
    padding-top: 80px;
    background-image: none;
}
.page-10-trabalhe-conosco-interna .box-about {
    margin-top: 152px;
}
@media screen and (max-width: 993px) {
    .page-10-trabalhe-conosco-interna .box-about {
        margin-top: 80px;
    }
}
.modal {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 100ms;
}
.modal .modal-content {
    max-width: 1240px;
    width: 100%;
    height: 90vh;
    background-color: #FFF;
    transform: translateY(100%);
    transition: 200ms;
    display: grid;
    grid-template-columns: 1fr 1.06fr;
}
.modal .modal-content > div {
    height: 100%;
}
.modal .modal-content .info {
    padding: 48px 80px 48px 48px;
    background-color: #FFF;
    height: 100%;
    overflow-y: auto;
}
.modal .modal-content .info h2 {
    font-size: 40px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 4px;
}
.modal .modal-content .info p {
    font-size: 16px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.32px;
    line-height: 130%;
    margin-bottom: 32px;
}
.modal .modal-content .info form .cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 48px;
    margin-top: 48px;
}
.modal .modal-content .info form .input-group.show label {
    color: #0F1E39;
}
.modal .modal-content .info form .input-group.show input {
    border-bottom: 1px solid #0F1E39;
    color: #0F1E39;
}
.modal .modal-content .info form .box-attach .title {
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    display: block;
    margin-bottom: 8px;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.modal .modal-content .info form .box-attach label {
    border: 1px solid #0F1E39;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding-block: 20px;
}
.modal .modal-content .info form .box-attach label .attach {
    font-size: 12px;
    font-weight: 400;
    color: #599DF6;
    letter-spacing: -0.24px;
    border: none;
}
.modal .modal-content .info form .box-attach label span .attach {
    color: #0F1E39;
}
.modal .modal-content .info form .box-attach .list-attach-item {
    display: none;
    align-items: center;
    gap: 32px;
    margin-top: 8px;
    margin-bottom: 15px;
}
.modal .modal-content .info form .box-attach .list-attach-item div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.modal .modal-content .info form .box-attach .list-attach-item div span {
    font-size: 12px;
    font-weight: 400;
    color: #0F1E39;
    line-height: -0.24px;
}
.modal .modal-content .info form .box-attach .list-attach-item .btn-delete {
    font-size: 10px;
    font-weight: 400;
    color: #D00416;
    letter-spacing: -0.2px;
}
.modal .modal-content .info form .box-attach input[type=file] {
    display: none;
}
.modal .modal-content .info form .box-attach .text {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    font-weight: 400;
    color: #677192;
    letter-spacing: -0.2px;
    line-height: 110%;
}
.modal .modal-content .info form .box-attach.has-content label {
    display: none;
}
.modal .modal-content .info form .box-attach.has-content .list-attach-item {
    display: flex;
}
.modal .modal-content .info form .input-group-message textarea {
    border: 1px solid #0F1E39;
    height: 163px;
    color:  #0F1E39;
}
.modal .modal-content .info form .btn-primary {
    padding-inline: 58px;
    margin-top: 24px;
    display: flex;
    margin-inline: auto;
    border: 0;
}
.modal .modal-content .info::-webkit-scrollbar {
    width: 6px;
}
.modal .modal-content .info::-webkit-scrollbar-thumb {
    background-color: #424B65;
}
.modal .modal-content .cover {
    background-image: url(../images/bg-modal.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.modal .modal-content .cover .btn-close {
    position: absolute;
    top: 48px;
    right: 48px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    cursor: pointer;
}
.modal.active {
    visibility: visible;
    opacity: 1;
}
.modal.active .modal-content {
    transform: translateY(0);
}
@media screen and (max-width: 1200px) {
    .modal .modal-content {
        display: block;
        width: calc(100% - 40px);
        position: relative;
    }
    .modal .modal-content .cover {
        height: 40px;
        width: 40px;
        position: absolute;
        top: 27px;
        right: 20px;
        background-image: none;
    }
    .modal .modal-content .cover .btn-close {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
    }
    .modal .modal-content .cover .btn-close svg rect {
        fill: #0F1E39;
    }
}
@media screen and (max-width: 993px) {
    .modal .modal-content {
        height: 100vh;
        width: 100%;
    }
    .modal .modal-content .info {
        padding: 78px 20px;
        overflow-y: auto;
    }
    .modal .modal-content .info h2 {
        font-size: 36px;
        margin-bottom: 8px;
    }
    .modal .modal-content .info p {
        margin-bottom: 24px;
        font-size: 14px;
    }
    .modal .modal-content .info form .cols-2 {
        margin-block: 30px;
    }
}

.page-11-cases-listagem .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-11-cases-listagem .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-11-cases-listagem .box-cases {
    margin-bottom: 80px;
}
.page-11-cases-listagem .box-cases .container {
    padding-top: 126px;
}
.page-11-cases-listagem .box-cases .container .group-title {
    margin-bottom: 24px;
}
.page-11-cases-listagem .box-cases .container .group-title h1 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-11-cases-listagem .box-cases .container .group-title p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    max-width: 670px;
}
.page-11-cases-listagem .box-cases .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 80px;
}
.page-11-cases-listagem .box-cases .container .card-case {
    position: relative;
    cursor: pointer;
}
.page-11-cases-listagem .box-cases .container .card-case img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-11-cases-listagem .box-cases .container .card-case .overlay {
    padding: 40px;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.page-11-cases-listagem .box-cases .container .card-case .overlay::after {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    content: ' ';
}

.page-11-cases-listagem .box-cases .container .card-case .overlay h3 {
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.64px;
    line-height: 100%;
    margin-bottom: 4px;
    position: relative;
    z-index: 20;
}
.page-11-cases-listagem .box-cases .container .card-case .overlay p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 545px;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 24px;
    position: relative;
    z-index: 20;
}
.page-11-cases-listagem .box-cases .container .card-case .overlay .btn-primary {
    background-color: #FFFFFF;
    color: #0F1E39;
    position: relative;
    z-index: 20;
}
.page-11-cases-listagem .box-cases .container .card-case .overlay .btn-primary:hover {
    background-color: #FFFFFF;
    transform: scale(1.1);
}
.page-11-cases-listagem .box-cases .container > .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1550px) {
    .page-11-cases-listagem .box-cases .container .card-case {
        aspect-ratio: 700/500;
    }
}
@media screen and (max-width: 1200px) {
    .page-11-cases-listagem .box-cases .container .wrapper {
        grid-template-columns: 1fr;
    }
    .page-11-cases-listagem .box-cases .container .card-case {
        aspect-ratio: 700/400;
    }
}
@media screen and (max-width: 993px) {
    .page-11-cases-listagem .box-cases .container {
        padding-top: 75px;
    }
    .page-11-cases-listagem .box-cases .container .group-title {
        margin-bottom: 16px;
    }
    .page-11-cases-listagem .box-cases .container .group-title h2 {
        font-size: 40px;
        margin-bottom: 4px;
    }
    .page-11-cases-listagem .box-cases .container .group-title p {
        font-size: 16px;
    }
    .page-11-cases-listagem .box-cases .container .wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    .page-11-cases-listagem .box-cases .container .card-case {
        aspect-ratio: 335/443;
    }
    .page-11-cases-listagem .box-cases .container .card-case .overlay {
        padding: 0 18px 24px;
    }
    .page-11-cases-listagem .box-cases .container .card-case .overlay h3 {
        font-size: 24px;
    }
    .page-11-cases-listagem .box-cases .container .card-case .overlay p {
        font-size: 16px;
    }
}
@media screen and (max-width: 769px) {
    .page-11-cases-listagem .box-cases {
        margin-bottom: 80px;
    }
    .page-11-cases-listagem .box-cases .container .wrapper {
        grid-template-columns: 1fr;
        margin-bottom: 64px;
    }
}
.page-11-cases-listagem .main-footer {
    background-image: none;
    padding-top: 95px;
}

.page-12-cases-interna main .presentation {
    margin-bottom: 80px;
    display: block;
   background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.page-12-cases-interna main .presentation::after{
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ' ';
}

.page-12-cases-interna main .presentation .container {
    height: auto;
    min-height: 750px;
    padding-top: 280px;
    padding-bottom: 200px;
    position: relative;
    z-index: 10;
    aspect-ratio: 16/9;
}
.page-12-cases-interna main .presentation .container h1 {
    max-width: 950px;
    font-size: 128px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -2.3px;
    margin-bottom: 24px;
}
.page-12-cases-interna main .presentation .container .calendar {
    display: flex;
    align-items: center;
    padding: 15px 32px;
    gap: 12px;
    border: 1px solid #FFFFFF;
    border-radius: 53px;
    margin-bottom: 32px;
    width: -moz-max-content;
    width: max-content;
}
.page-12-cases-interna main .presentation .container .calendar span {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.48px;
    line-height: 115%;
}
.page-12-cases-interna main .presentation .container p {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.48px;
    line-height: 115%;
    max-width: 950px;
    margin-bottom: 32px;
}
.page-12-cases-interna main .presentation .container .btn-primary {
    background-color: #FFFFFF;
    color: #0F1E39;
    display: block;
    width: -moz-max-content;
    width: max-content;
}
.page-12-cases-interna main .presentation .container .btn-primary:hover {
    transform: scale(1.1);
    background-color: #FFFFFF;
}
@media screen and (max-width: 993px) {
    .page-12-cases-interna main .presentation {
        margin-bottom: 80px;
    }
    .page-12-cases-interna main .presentation .container {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
        padding-top: 328px;
        padding-bottom: 64px;
        min-height: initial;
        max-width: 100%;
    }
    .page-12-cases-interna main .presentation .container h1 {
        font-size: 40px;
        margin-bottom: 16px;
        letter-spacing: -0.8px;
    }
    .page-12-cases-interna main .presentation .container .calendar {
        padding: 12px 24px;
        gap: 8px;
        margin-bottom: 16px;
    }
    .page-12-cases-interna main .presentation .container .calendar span {
        font-size: 20px;
    }
    .page-12-cases-interna main .presentation .container p {
        font-size: 16px;
        margin-bottom: 24px;
    }
    .page-12-cases-interna main .presentation .container .btn-primary {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .page-12-cases-interna main .presentation .container{
        padding-top: 50px;
    }
}

.page-12-cases-interna main .what-did-we-do {
    margin-bottom: 152px;
    display: block;
}
.page-12-cases-interna main .what-did-we-do .container .info {
    display: flex;
    gap: 200px;
    align-items: flex-start;
    margin-bottom: 152px;
    justify-content: space-between;
}
.page-12-cases-interna main .what-did-we-do .container .info h2 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -1.28px;
    line-height: 102%;
}
.page-12-cases-interna main .what-did-we-do .container .info .right {
    flex: 1;
    width: 810px;
    min-width: 810px;
}
.page-12-cases-interna main .what-did-we-do .container .info .right p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-12-cases-interna main .what-did-we-do .container .info .right p + p {
    margin-top: 25px;
}
.page-12-cases-interna main .what-did-we-do .container .embed {
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 1370px;
    background-color: #0F1E39;
    margin-inline: auto;
}

@media screen and (max-width: 1500px){
    .page-12-cases-interna main .what-did-we-do .container .info .right{
        width: 650px;
        min-width: 650px;
    }
}

@media screen and (max-width: 1350px) {
    .page-12-cases-interna main .what-did-we-do .container .info {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 64px;
    }
    .page-12-cases-interna main .what-did-we-do .container .info .right {
        max-width: initial;
        min-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 993px) {
    .page-12-cases-interna main .what-did-we-do {
        margin-bottom: 64px;
    }
    .page-12-cases-interna main .what-did-we-do .container .info h2 {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 8px;
    }
    .page-12-cases-interna main .what-did-we-do .container .info .right p {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .page-12-cases-interna main .what-did-we-do .container .info .right p + p {
        margin-top: 20px;
    }
}
.page-12-cases-interna main .gallery {
    display: block;
    margin-bottom: 152px;
}
.page-12-cases-interna main .review {
    display: block;
    margin-bottom: 152px;
}
@media screen and (max-width: 1250px) {
    .page-12-cases-interna main .review {
        padding-inline: 40px;
    }
    .page-12-cases-interna main .review .swiper {
        padding-inline: 0;
        width: 100%;
    }
}
@media screen and (max-width: 993px) {
    .page-12-cases-interna main .review {
        padding-inline: 0px;
    }
    .page-12-cases-interna main .review .swiper {
        width: calc(100% - 40px);
    }
}
.page-12-cases-interna main .our-work {
    display: block;
    margin-bottom: 80px;
}

.page-13-blog-listagem .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-13-blog-listagem .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-13-blog-listagem .presentation {
    display: block;
}
.page-13-blog-listagem .presentation > .container {
    padding-top: 100px;
    padding-bottom: 24px;
}
.page-13-blog-listagem .presentation > .container .breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 11px;
}
.page-13-blog-listagem .presentation > .container .breadcrumb a {
    font-size: 12px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.24px;
    text-decoration: none;
}
.page-13-blog-listagem .presentation > .container .breadcrumb a:not(:last-of-type) {
    font-weight: 700;
}
.page-13-blog-listagem .presentation > .container h1 {
    font-size: 64px;
    font-weight: 400;
    color: #181818;
    line-height: 102%;
    letter-spacing: -1.28px;
    margin-bottom: 8px;
}
.page-13-blog-listagem .presentation > .container p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-13-blog-listagem .presentation .menu-categories-container {
   
    background-color: #F2F3F8;
}
.page-13-blog-listagem .presentation .menu-categories-container .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-13-blog-listagem .presentation .menu-categories-container .swiper-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories {
    display: flex;
    align-items: center;
    gap: 60px;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a {
    padding-inline: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    text-decoration: none;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -33px;
    left: 35px;
    transform: translateX(-50%);
    background-color: #0F1E39;
    width: 0;
    transition: 200ms;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a.active, .page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a:hover {
    color: #0F1E39;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a.active::after, .page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a:hover::after {
    width: 50%;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .search {
    width: 390px;
    height: 58px;
    position: relative;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .search label {
    position: absolute;
    bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
    z-index: 1;
    transition: 200ms;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .search input {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 1px solid #3C4C62;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    line-height: 130%;
    z-index: 2;
    outline: 0;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .search button {
    position: absolute;
    top: calc(50% + 5px);
    transform: translateY(-50%);
    right: 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}
.page-13-blog-listagem .presentation .menu-categories-container .container .search.show label {
    font-size: 14px;
    transform: translateY(-20px);
}
@media screen and (max-width: 1500px) {
    .page-13-blog-listagem .presentation .menu-categories-container {
        background-color: transparent;
    }
    .page-13-blog-listagem .presentation .menu-categories-container .container {
        flex-direction: column;
        padding-inline: 0;
    }
     .presentation .menu-categories-container .container .scroll-h {
        width: 100%;
        flex: 1;
        overflow-x: auto;
        background-color: #F2F3F8;
    }
    .presentation .menu-categories-container .container .scroll-h::-webkit-scrollbar {
        height: 0;
    }
   .presentation .menu-categories-container .container .menu-categories {
        flex: 1;
        width: 100%;
        padding-block: 34px;
        margin-left: 0px;
        padding-left: 40px;
        width: -moz-max-content;
        width: max-content;
    }
     .presentation .menu-categories-container .container .search {
        margin-top: 16px;
        width: 100%;
        max-width: 400px;
        margin-left: 40px;
        margin-right: auto;
    }
}
@media screen and (max-width: 993px) {
    .page-13-blog-listagem .presentation > .container {
        padding-top: 83px;
        padding-bottom: 20px;
    }
    .page-13-blog-listagem .presentation > .container .breadcrumb {
        margin-bottom: 0;
    }
    .page-13-blog-listagem .presentation > .container h1 {
        font-size: 40px;
        margin-top: 13px;
        margin-bottom: 4px;
    }
    .page-13-blog-listagem .presentation .menu-categories-container {
        padding-block: 0;
    }
    .page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories {
        padding-block: 16px;
        gap: 20px;
    }
    .page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a {
        font-size: 16px;
    }
    .page-13-blog-listagem .presentation .menu-categories-container .container .menu-categories a::after {
        bottom: -16px;
    }
    .page-13-blog-listagem .presentation .menu-categories-container .container .search {
        margin-left: 20px;
        width: calc(100% - 40px);
    }
}
.page-13-blog-listagem .featured-article {
    display: block;
    margin-top: 32px;
    margin-bottom: 80px;
}
.page-13-blog-listagem .featured-article .container {
    display: grid;
    grid-template-columns: 756px 1fr;
    gap: 64px;
    cursor: pointer;
}
.page-13-blog-listagem .featured-article .container .cover {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 760/500;
}
.page-13-blog-listagem .featured-article .container .info {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.page-13-blog-listagem .featured-article .container .info .top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
}
.page-13-blog-listagem .featured-article .container .info .top .category {
    padding: 10px 30px;
    background-color: #545E7C;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}
.page-13-blog-listagem .featured-article .container .info .top .category.ghost {
    gap: 7px;
    display: flex;
    align-content: center;
    background-color: #FFFFFF;
    border: 1px solid #545E7C;
    color: #545E7C;
}
.page-13-blog-listagem .featured-article .container .info h2 {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.48px;
    line-height: 115%;
    margin-bottom: 16px;
}
.page-13-blog-listagem .featured-article .container .info p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-13-blog-listagem .featured-article .container .info p + p {
    margin-top: 20px;
}
.page-13-blog-listagem .featured-article .container .info .btn-more {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    color: #0F1E39;
    letter-spacing: -0.4px;
    margin-top: auto;
}
@media screen and (max-width: 1400px) {
    .page-13-blog-listagem .featured-article .container {
        grid-template-columns: 500px 1fr;
    }
    .page-13-blog-listagem .featured-article .container .cover {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media screen and (max-width: 1300px) {
    .page-13-blog-listagem .featured-article .container {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .page-13-blog-listagem .featured-article .container .cover {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .page-13-blog-listagem .featured-article .container .info .btn-more {
        margin-top: 32px;
    }
}
@media screen and (max-width: 993px) {
    .page-13-blog-listagem .featured-article .container .cover {
        height: auto;
        aspect-ratio: 335/262;
    }
    .page-13-blog-listagem .featured-article .container .info .top {
        margin-bottom: 13px;
    }
    .page-13-blog-listagem .featured-article .container .info .top .category {
        font-size: 12px;
    }
    .page-13-blog-listagem .featured-article .container .info h2 {
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: 700;
    }
    .page-13-blog-listagem .featured-article .container .info p {
        font-size: 16px;
    }
    .page-13-blog-listagem .featured-article .container .info p:not(:first-of-type) {
        display: none;
    }
    .page-13-blog-listagem .featured-article .container .info .btn-more {
        font-size: 16px;
    }
}
.page-13-blog-listagem .all-posts {
    display: block;
    padding-bottom: 80px;
}
.page-13-blog-listagem .all-posts .container h2 {
    font-size: 24px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.48px;
    line-height: 115%;
    margin-bottom: 24px;
}
.page-13-blog-listagem .all-posts .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 48px;
    margin-bottom: 80px;
}
.page-13-blog-listagem .all-posts .container > .btn-primary {
    display: flex;
    margin-inline: auto;
}
@media screen and (max-width: 1300px) {
    .page-13-blog-listagem .all-posts .container .wrapper {
        grid-template-columns: 1fr 1fr;
        row-gap: 64px;
    }
}
@media screen and (max-width: 993px) {
    .page-13-blog-listagem .all-posts .container h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .page-13-blog-listagem .all-posts .container .wrapper {
        grid-template-columns: 1fr;
    }
}

 .presentation .menu-categories-container .scroll-h {
    overflow: hidden;
}

.page-13-blog-listagem .main-footer {
    padding-top: 80px;
    background-image: none;
}

.swiper-categoria-blog{
        max-width: 1300px;
    width: 1300px;
    overflow: hidden;
}

@media screen and (max-width: 1550px){
    .swiper-categoria-blog{
           max-width: 100%;
    width: 100%;
    }
}

.page-14-blog-interna .main-header .container .btn-mobile span {
    background-color: #0F1E39;
}
.page-14-blog-interna .main-header .container .btn-mobile.active span {
    background-color: #FFFFFF;
}
.page-14-blog-interna .presentation {
    display: block;
}
.page-14-blog-interna .presentation > .container {
    padding-top: 100px;
    padding-bottom: 24px;
}
.page-14-blog-interna .presentation > .container .breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 11px;
    flex-wrap: wrap;
    z-index: 999;
    position: relative;
}
.page-14-blog-interna .presentation > .container .breadcrumb a {
    font-size: 14px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.24px;
    text-decoration: none;
}
.page-14-blog-interna .presentation > .container .breadcrumb a:not(:last-of-type) {
    font-weight: 700;
}
.page-14-blog-interna .presentation .menu-categories-container {
    padding-block: 24px;
    background-color: #F2F3F8;
}
.page-14-blog-interna .presentation .menu-categories-container .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-14-blog-interna .presentation .menu-categories-container .container .menu-categories {
    display: flex;
    align-items: center;
    gap: 60px;
}
.page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a {
    padding-inline: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    text-decoration: none;
}
.page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0F1E39;
    width: 0;
    transition: 200ms;
}
.page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a.active, .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a:hover {
    color: #0F1E39;
}
.page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a.active::after, .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a:hover::after {
    width: 100%;
}
.page-14-blog-interna .presentation .menu-categories-container .container .search {
    border-bottom: 1px solid #3C4C62;
    width: 390px;
    display: flex;
}
.page-14-blog-interna .presentation .menu-categories-container .container .search input {
    flex: 1;
    padding-right: 20px;
    padding-block: 4px;
    height: 40px;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 400;
    color: #3C4C62;
}
.page-14-blog-interna .presentation .menu-categories-container .container .search button {
    padding: 8px;
    background-color: transparent;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
@media screen and (max-width: 1500px) {
    .page-14-blog-interna .presentation .menu-categories-container {
        background-color: transparent;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container {
        flex-direction: column;
        padding-inline: 0;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .scroll-h {
        width: 100%;
        flex: 1;
        overflow-x: auto;
        background-color: #F2F3F8;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .scroll-h::-webkit-scrollbar {
        height: 0;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories {
        flex: 1;
        width: 100%;
        padding-block: 34px;
        margin-left: 0px;
        padding-left: 40px;
        width: -moz-max-content;
        width: max-content;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .search {
        margin-top: 16px;
        width: 100%;
        max-width: 400px;
        margin-left: 40px;
        margin-right: auto;
    }
}
@media screen and (max-width: 993px) {
    .page-14-blog-interna .presentation > .container {
        padding-top: 83px;
        padding-bottom: 20px;
    }
    .page-14-blog-interna .presentation > .container .breadcrumb {
        margin-bottom: 0;
    }
    .page-14-blog-interna .presentation > .container h1 {
        font-size: 40px;
        margin-top: 13px;
        margin-bottom: 4px;
    }
    .page-14-blog-interna .presentation .menu-categories-container {
        padding-block: 0;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories {
        padding-block: 16px;
        gap: 20px;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a {
        font-size: 16px;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .menu-categories a::after {
        bottom: -16px;
    }
    .page-14-blog-interna .presentation .menu-categories-container .container .search {
        margin-left: 20px;
        width: calc(100% - 40px);
    }
}
.page-14-blog-interna .full-article {
    display: block;
    margin-top: 32px;
    margin-bottom: 80px;
}
.page-14-blog-interna .full-article .container .top {
    display: flex;
    gap: 140px;
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #A3B2C8;
}
.page-14-blog-interna .full-article .container .top .info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.page-14-blog-interna .full-article .container .top .info .category {
    margin-bottom: 32px;
    padding: 10px 30px;
    border-radius: 999px;
    background-color: #545E7C;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    margin-bottom: 32px;
    width: -moz-max-content;
    width: max-content;
}
.page-14-blog-interna .full-article .container .top .info .cover {
    display: none;
}
.page-14-blog-interna .full-article .container .top .info h1 {
    font-size: 40px;
    font-weight: 700;
    color: #181818;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 16px;
}
.page-14-blog-interna .full-article .container .top .info p {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    line-height: 130%;
    letter-spacing: -0.4px;
}
.page-14-blog-interna .full-article .container .top .info p + p {
    margin-top: 20px;
}
.page-14-blog-interna .full-article .container .top .info .box-audio {
    margin-top: auto;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .title {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 8px;
    display: block;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    background-color: #F2F3F8;
    gap: 30px;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .left span {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .left .play-pause {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .progress {
    flex: 1;
    height: 6px;
    background-color: #7B85A7;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .progress .percentage {
    display: block;
    width: 0%;
    height: 100%;
    background-color: #32394D;
}
.page-14-blog-interna .full-article .container .top .info .box-audio .controlls .volume {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}
.page-14-blog-interna .full-article .container .top .cover {
    max-width: 810px;
    aspect-ratio: 756 / 500;
    min-width: 756px;
}
.page-14-blog-interna .full-article .container .top .cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-14-blog-interna .full-article .container .content {
    display: grid;
    grid-template-columns: 1fr 810px 1fr;
}
.page-14-blog-interna .full-article .container .content .social {
    position: relative;
}
.page-14-blog-interna .full-article .container .content .social nav {
    position: sticky;
    top: 140px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.page-14-blog-interna .full-article .container .content .text img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.page-14-blog-interna .full-article .container .content .social nav a {
    text-decoration: none;
}
.page-14-blog-interna .full-article .container .content .social nav a svg {
    transition: 200ms;
}
.page-14-blog-interna .full-article .container .content .social nav a:hover svg {
    transform: scale(1.2);
}
.page-14-blog-interna .full-article .container .content .text h2 {
    font-size: 20px;
    font-weight: 700;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
    margin-bottom: 20px;
}
.page-14-blog-interna .full-article .container .content .text p, .page-14-blog-interna .full-article .container .content .text ul, .page-14-blog-interna .full-article .container .content .text li {
    font-size: 20px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.4px;
    line-height: 130%;
}
.page-14-blog-interna .full-article .container .content .text p + p {
    margin-top: 25px;
}
.page-14-blog-interna .full-article .container .content .text p + h2 {
    margin-top: 30px;
}
.page-14-blog-interna .full-article .container .content .text figure {
    margin-top: 24px;
    margin-bottom: 80px;
}
.page-14-blog-interna .full-article .container .content .text figure img {
    display: block;
    width: 100%;
}
.page-14-blog-interna .full-article .container .content .text figure legend {
    font-size: 14px;
    font-weight: 400;
    color: #181818;
    letter-spacing: -0.28px;
    line-height: 125%;
    margin-top: 8px;
    text-align: center;
    display: block;
}
@media screen and (max-width: 1500px) {
    .page-14-blog-interna .full-article .container .top {
        grid-template-columns: 1fr;
    }
    .page-14-blog-interna .full-article .container .top .info .cover {
        display: block;
        width: 100%;
        max-width: initial;
        max-height: 500px;
        overflow: hidden;
        margin-top: 8px;
        margin-bottom: 16px;
    }
    .page-14-blog-interna .full-article .container .top .info .cover img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .page-14-blog-interna .full-article .container .top .info .box-audio {
        margin-top: 32px;
    }
    .page-14-blog-interna .full-article .container .top .cover {
        display: none;
    }
}
@media screen and (max-width: 993px) {
    .page-14-blog-interna .full-article {
        margin-bottom: 0;
    }
    .page-14-blog-interna .full-article .container .top {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
    .page-14-blog-interna .full-article .container .top .info .category {
        margin-bottom: 13px;
    }
    .page-14-blog-interna .full-article .container .top .info h1 {
        margin-bottom: 8px;
        font-size: 20px;
    }
    .page-14-blog-interna .full-article .container .top .info .cover {
        max-height: 260px;
        max-width: 100%;
        min-width: 100%;
    }
    .page-14-blog-interna .full-article .container .top .info p {
        font-size: 16px;
    }
    .page-14-blog-interna .full-article .container .top .info .box-audio .title {
        font-size: 16px;
    }
    .page-14-blog-interna .full-article .container .content {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }
    .page-14-blog-interna .full-article .container .content .text p {
        font-size: 16px;
    }
    .page-14-blog-interna .full-article .container .content .social {
        padding: 0;
        margin-top: 32px;
        padding-top: 24px;
        padding-bottom: 64px;
        border-top: 1px solid #A3B2C8;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 16px;
    }
    .page-14-blog-interna .full-article .container .content .social::before {
        content: "Compartilhe:";
        font-size: 16px;
        font-weight: 400;
        color: #A3B2C8;
    }
    .page-14-blog-interna .full-article .container .content .social nav {
        flex-direction: row;
        justify-content: center;
    }
}
.page-14-blog-interna .related-articles {
    background-color: #F2F3F8;
    padding-block: 80px;
    display: block;
}
.page-14-blog-interna .related-articles .container h2 {
    font-size: 40px;
    font-weight: 400;
    color: #3C4C62;
    letter-spacing: -0.8px;
    line-height: 105%;
    margin-bottom: 24px;
}
@media screen and (max-width: 993px) {
    .page-14-blog-interna .related-articles {
        padding-block: 64px;
    }
    .page-14-blog-interna .related-articles .container h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .page-14-blog-interna .related-articles .container .swiper {
        width: calc(100% + 20px);
    }
}
.page-14-blog-interna .main-footer {
    padding-top: 80px;
    background-image: none;
}

.page-15-contato .main-header .container .btn-primary {
    background-color: #FFFFFF;
    color: #0F1E39;
}
.page-15-contato .main-header .container .btn-primary:hover {
    transform: scale(1.05);
}
.page-15-contato .main-footer {
    background-position: top 20% left;
}
.page-15-contato .main-footer .container .location {
    height: 330px;
    display: flex;
    margin-top: 48px;
    background-color: #0F1E39;
}
.page-15-contato .main-footer .container .location .left {
    flex: 1;
    padding-top: 32px;
    padding-right: 20px;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-15-contato .main-footer .container .location .left span {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.4px;
    line-height: 130%;
    font-style: normal;
}
.page-15-contato .main-footer .container .location .embed {
    width: 328px;
    position: relative;
    height: 100%;
}
.page-15-contato .main-footer .container .location .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-15-contato .main-footer .container .contact {
    margin-bottom: 200px;
    padding-bottom: 0;
}
.page-15-contato .main-footer .container .contact.mobile {
    display: none;
}
.page-15-contato .main-footer .container .instagram {
    margin-bottom: 152px;
}
.page-15-contato .main-footer .container .instagram .group-title h2 {
    color: #FFFFFF;
}
.page-15-contato .main-footer .container .instagram .group-title .btn-link {
    color: #FFFFFF;
}
.page-15-contato .main-footer .container .instagram .group-title .btn-primary {
    background-color: #FFFFFF;
    color: #0F1E39;
}
.page-15-contato .main-footer .container .instagram .group-title .btn-primary:hover {
    background-color: #FFFFFF;
    transform: scale(1.1);
}
@media screen and (max-width: 993px) {
    .page-15-contato .main-footer {
        padding-top: 80px;
    }
    .page-15-contato .main-footer .container .contact {
        margin-bottom: 0;
        padding-top: 0;
    }
    .page-15-contato .main-footer .container .contact .location {
        flex-direction: column-reverse;
        height: auto;
        gap: 16px;
        display: none;
    }
    .page-15-contato .main-footer .container .contact .location .left {
        padding: 0;
    }
    .page-15-contato .main-footer .container .contact .location .left span {
        font-size: 16px;
    }
    .page-15-contato .main-footer .container .contact .location .embed {
        aspect-ratio: 335/210;
        width: 100%;
    }
    .page-15-contato .main-footer .container .contact.mobile {
        margin-bottom: 80px;
    }
    .page-15-contato .main-footer .container .contact.mobile .location {
        display: block;
    }
    .page-15-contato .main-footer .container .contact.mobile .location .embed {
        margin-top: 16px;
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-next,
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-prev {
        background-color: #FFFFFF;
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-next.swiper-button-disabled,
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-prev.swiper-button-disabled {
        background-color: #0F1E39;
        border: 1px solid #FFFFFF;
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-next {
        background-image: url(../images/swiper-arrow-next-active-2.svg);
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-next.swiper-button-disabled {
        background-image: url(../images/swiper-arrow-next-inactive-2.svg);
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-prev {
        background-image: url(../images/swiper-arrow-prev-active-2.svg);
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-button-prev.swiper-button-disabled {
        background-image: url(../images/swiper-arrow-prev-inactive-2.svg);
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-pagination {
        background-color: #F2F3F8;
    }
    .page-15-contato .main-footer .container .swiper-pagination-custom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #7B85A7;
    }
}

#aviso-cookies{
    position: fixed;
    bottom: 0;
    background: #222;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 1000;
}

#aviso-cookies .conteudo{
    max-width: 1140px;
    margin: auto;
}

#aviso-cookies .conteudo .flex{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

#aviso-cookies .conteudo .flex p, #aviso-cookies .conteudo .flex p a {
    color: #FFF;
    font-size: 13px;
    margin-right: 0px;
    text-align: left;
    font-weight: bold;
    z-index: 8000;
}

#aviso-cookies .conteudo .flex button{
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: none;
}

#aviso-cookies .conteudo .flex button span{
    font-size: 14px;
}

@media(max-width: 991px){
    #aviso-cookies .conteudo .flex{
        display: block;
    }
    #aviso-cookies .conteudo .flex button{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.grecaptcha-badge{
    display: none;
}


/* WhatsApp Form */
.form-wpp {
    position: fixed;
    bottom: -125px;
    right: -40px;
    opacity: 0;
    border-radius: 8px;
    width: max(350px, 30%);
    overflow: hidden;
    z-index: 10;
    background-image: url("../images/wpp-wallpaper.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: lighten;
    background-color: #d9d9d9;
    box-shadow: 0 0 25px -5px #8c8c8c;
    transition: all 250ms ease;
    transform: scale(0);
}
.form-wpp.active {
    transform: scale(1);
    bottom: 70px;
    right: 15px;
    opacity: 1;
}
.form-wpp .fw-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
    padding: 15px 24px 13px;
    color: white;
    font-size: 18px;
    box-shadow: 5px 0px 40px 15px white;
}
.form-wpp .fw-header img {
    width: 75px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
}

.form-wpp .fw-content {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 16px;
}

.form-wpp :is(input, textarea, button) {
    width: 100%;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    border: 1px solid #0dc152;
    outline: none;
    font-size: 14px;
}
.form-wpp h5 {
    color: #404041;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}
.form-wpp h5 a {
    text-decoration: underline;
    font-weight: 600;
}

.form-wpp button {
    background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
    color: white;
    cursor: pointer;
    transition: all 200ms ease;
}
.form-wpp button:is(:hover, :focus-visible) {
    background-color: #30C96B;
}

.form-wpp a {
    color: inherit;
}

.btn-whatsapp-float {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 120.1%;
    letter-spacing: -0.04rem;
    background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
    transition: background 0.3s ease;
    z-index: 4;
    border: none;
    cursor: pointer;
}
.btn-whatsapp-float:hover {
    background: #30C96B;
}

.swal2-styled.swal2-confirm{
    background-color: #0F1E39 !important;
    color: #FFF;
}

.swiper-history .swiper-button-next, .swiper-history .swiper-button-prev{
    filter: brightness(0) saturate(100%) invert(8%) sepia(40%) saturate(2225%) hue-rotate(196deg) brightness(99%) contrast(95%);
}

.swiper-companies .swiper-wrapper{
    justify-content: center;
}