@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://use.typekit.net/zyg2fbu.css);
:root {
    --padding-fluid: 12rem;
    --padding: 2rem;
    --header-height: 7.5rem;
    --pt-header: 0
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
     :root {
        --header-height: 8rem;
        --padding-fluid: 6rem
    }
}

@media only screen and (max-width:767.98px) {
     :root {
        --header-height: 6.5rem;
        --padding-fluid: 2.5rem
    }
}

@media only screen and (min-width:1025.1px) {
    html {
        font-size: .5208333333333334vw
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    html {
        font-size: 1.2vw
    }
}

@media only screen and (max-width:767.98px) {
    html {
        font-size: 2.415vw
    }
}

@media only screen and (max-width:768px) and (max-height:550px) and (orientation:landscape) {
    html {
        font-size: 1.2vw
    }
}

@media only screen and (min-width:768px) and (max-width:1025px) and (max-height:550px) and (orientation:landscape) {
    html {
        font-size: 1vw
    }
}

#loader {
    --percentage: 0;
    align-content: center;
    align-items: center;
    background-color: var(--red-1);
    bottom: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: auto;
    top: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transition-delay: 0s;
    width: 100vw;
    z-index: 98
}

#loader img {
    height: 15rem;
    width: 15rem
}

#main-transition {
    transform-origin: top center;
    -webkit-transition: all 1.6s ease-in-out;
    -moz-transition: all 1.6s ease-in-out;
    -ms-transition: all 1.6s ease-in-out;
    -o-transition: all 1.6s ease-in-out;
    transition: all 1.6s ease-in-out;
    transition-delay: .2s
}

body[data-load=first-loading] #loader {
    opacity: 1;
    pointer-events: auto;
    z-index: 110
}

body[data-load=first-loading] #main-transition {
    opacity: 0;
    transform: scale(1.2)
}

body[data-load=first-done] #loader {
    opacity: 0;
    pointer-events: none;
    z-index: 110
}

body[data-load=first-done] #loader .container-loader {
    -webkit-animation: unscaleOut 1.4s ease-in-out 0s 1 both;
    -moz-animation: unscaleOut 1.4s ease-in-out 0s 1 both;
    -ms-animation: unscaleOut 1.4s ease-in-out 0s 1 both;
    -o-animation: unscaleOut 1.4s ease-in-out 0s 1 both;
    animation: unscaleOut 1.4s ease-in-out 0s 1 both
}

body[data-load=first-done] #main-transition {
    opacity: 1;
    transform: none
}

.font-1 {
    font-family: regulator-nova, sans-serif
}

#bt-menu span,
#pg-home #intro-banner .swiper-slide .text-intro,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
#pg-home .section-home-menu .list-home-menu .list-item a p,
.btn,
.btn-border,
.font-2,
.form-01 .container-input a,
.form-01 .container-submit a,
.form-01 .container-submit button,
.form-01 input,
.form-01 label,
.menu--wrapper .menu--list li a .link-text {
    font-family: Inter
}

.font-3 {
    font-family: regulator-nova-cameo, sans-serif
}

.fs--header,
.menu--wrapper .menu--list li a .link-title {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    .fs--header,
    .menu--wrapper .menu--list li a .link-title {
        font-size: 6.4rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .fs--header,
    .menu--wrapper .menu--list li a .link-title {
        font-size: 3.2rem
    }
}

@media only screen and (max-width:767.98px) {
    .fs--header,
    .menu--wrapper .menu--list li a .link-title {
        font-size: 2rem
    }
}

.fs--10 {
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    .fs--10 {
        font-size: clamp(10px, 1rem, 1rem)
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .fs--10 {
        font-size: 1rem
    }
}

@media only screen and (max-width:767.98px) {
    .fs--10 {
        font-size: 1rem
    }
}

.form-01 .container-input a,
.fs--12 {
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    .form-01 .container-input a,
    .fs--12 {
        font-size: clamp(11px, 1.2rem, 1.2rem)
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .form-01 .container-input a,
    .fs--12 {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:767.98px) {
    .form-01 .container-input a,
    .fs--12 {
        font-size: 1.2rem
    }
}

#bt-menu span,
#footer .column-content,
#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
#pg-home .section-home-menu .list-home-menu .list-item a p,
.btn-b2c span,
.btn-login span,
.btn.small,
.form-01 .container-submit a,
.form-01 .container-submit button,
.form-01 input,
.form-01 label,
.fs--14,
.menu--wrapper .menu--list li a .link-text,
.small.btn-border {
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4em
}

@media only screen and (min-width:1025.1px) {
    #bt-menu span,
    #footer .column-content,
    #pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
    #pg-home .section-home-menu .list-home-menu .list-item a p,
    .btn-b2c span,
    .btn-login span,
    .btn.small,
    .form-01 .container-submit a,
    .form-01 .container-submit button,
    .form-01 input,
    .form-01 label,
    .fs--14,
    .menu--wrapper .menu--list li a .link-text,
    .small.btn-border {
        font-size: clamp(11px, 1.4rem, 1.4rem)
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #bt-menu span,
    #footer .column-content,
    #pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
    #pg-home .section-home-menu .list-home-menu .list-item a p,
    .btn-b2c span,
    .btn-login span,
    .btn.small,
    .form-01 .container-submit a,
    .form-01 .container-submit button,
    .form-01 input,
    .form-01 label,
    .fs--14,
    .menu--wrapper .menu--list li a .link-text,
    .small.btn-border {
        font-size: clamp(10px, 1.4rem, 1.4rem)
    }
}

@media only screen and (max-width:767.98px) {
    #bt-menu span,
    #footer .column-content,
    #pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
    #pg-home .section-home-menu .list-home-menu .list-item a p,
    .btn-b2c span,
    .btn-login span,
    .btn.small,
    .form-01 .container-submit a,
    .form-01 .container-submit button,
    .form-01 input,
    .form-01 label,
    .fs--14,
    .menu--wrapper .menu--list li a .link-text,
    .small.btn-border {
        font-size: 1.4rem
    }
}

#pg-home #intro-banner .swiper-slide .text-intro,
.btn.medium,
.fs--16,
.medium.btn-border {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .text-intro,
    .btn.medium,
    .fs--16,
    .medium.btn-border {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide .text-intro,
    .btn.medium,
    .fs--16,
    .medium.btn-border {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home #intro-banner .swiper-slide .text-intro,
    .btn.medium,
    .fs--16,
    .medium.btn-border {
        font-size: 1.6rem
    }
}

.btn.large,
.fs--18,
.large.btn-border {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    .btn.large,
    .fs--18,
    .large.btn-border {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .btn.large,
    .fs--18,
    .large.btn-border {
        font-size: 1.8rem
    }
}

@media only screen and (max-width:767.98px) {
    .btn.large,
    .fs--18,
    .large.btn-border {
        font-size: 1.8rem
    }
}

#pg-home .section-home-posts .list-home-posts li a .container-text p,
.fs--22 {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text p,
    .fs--22 {
        font-size: 2.2rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text p,
    .fs--22 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text p,
    .fs--22 {
        font-size: 1.5rem
    }
}

#pg-home .section-home-blog #swiper-home-blog a h4,
.fs--24 {
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.6em
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-blog #swiper-home-blog a h4,
    .fs--24 {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-blog #swiper-home-blog a h4,
    .fs--24 {
        font-size: 2rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-blog #swiper-home-blog a h4,
    .fs--24 {
        font-size: 1.4rem
    }
}

#pg-home .section-home-posts .list-home-posts li a .container-text h4,
.fs--36 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text h4,
    .fs--36 {
        font-size: 3.6rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text h4,
    .fs--36 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text h4,
    .fs--36 {
        font-size: 2.1rem
    }
}

.fs--64 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2em
}

@media only screen and (min-width:1025.1px) {
    .fs--64 {
        font-size: 6.4rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .fs--64 {
        font-size: 4rem
    }
}

@media only screen and (max-width:767.98px) {
    .fs--64 {
        font-size: 2.8rem
    }
}

#pg-home .section-home-menu .list-home-menu .list-item a h2,
.fs--68 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1em
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu .list-item a h2,
    .fs--68 {
        font-size: 4.8rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-menu .list-home-menu .list-item a h2,
    .fs--68 {
        font-size: 6.8rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-menu .list-home-menu .list-item a h2,
    .fs--68 {
        font-size: 3.4rem
    }
}

#pg-home #intro-banner .swiper-slide .title-intro,
.fs--192 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1em
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .title-intro,
    .fs--192 {
        font-size: 15rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide .title-intro,
    .fs--192 {
        font-size: 8.2rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home #intro-banner .swiper-slide .title-intro,
    .fs--192 {
        font-size: 5.2rem !important;
        text-align: center !important;
    }
}

.lh-50 {
    line-height: .5em
}

.lh-60 {
    line-height: .6em
}

.lh-70 {
    line-height: .7em
}

.lh-80 {
    line-height: .8em
}

.lh-90 {
    line-height: .9em
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
.btn-b2c span,
.btn-login span,
.lh-100,
.menu--wrapper .menu--list li a .link-title {
    line-height: 1em
}

.lh-110 {
    line-height: 1.1em
}

#pg-home .section-home-blog #swiper-home-blog a h4,
.lh-120 {
    line-height: 1.2em
}

.lh-125 {
    line-height: 1.25em
}

#pg-home #intro-banner .swiper-slide .text-intro,
.lh-130 {
    line-height: 1.3em
}

.lh-140 {
    line-height: 1.4em
}

.lh-150 {
    line-height: 1.5em
}

.lh-160 {
    line-height: 1.6em
}

.lh-170 {
    line-height: 1.7em
}

.lh-180 {
    line-height: 1.8em
}

.lh-190 {
    line-height: 1.9em
}

.lh-200 {
    line-height: 2em
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4,
#pg-home .section-home-menu .list-home-menu .list-item a p,
#pg-home .section-home-posts .list-home-posts li a .container-text p,
.fw-500 {
    font-weight: 500
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span,
.btn-b2c span,
.btn-login span,
.btn.large,
.btn.medium,
.btn.small,
.fw-600,
.large.btn-border,
.medium.btn-border,
.small.btn-border {
    font-weight: 600
}

#bt-menu span,
#pg-home .section-home-blog #swiper-home-blog a h4,
#pg-home .section-home-posts .list-home-posts li a .container-text h4,
.form-01 .container-submit a,
.form-01 .container-submit button,
.fw-700,
.menu--wrapper .menu--list li a .link-title {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

[data-aos] {
    visibility: hidden
}

[data-aos].aos-animate {
    visibility: visible
}

[data-aos|=fade] {
    opacity: 0
}

[data-aos|=fade].aos-animate {
    opacity: 1;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

[data-aos|=fadeInUp] {
    opacity: 0
}

[data-aos|=fadeInUp].aos-animate {
    -webkit-animation: fadeInUp .8s ease-in-out both;
    animation: fadeInUp .8s ease-in-out both
}

[data-aos|=fadeInUp2] {
    opacity: 0
}

[data-aos|=fadeInUp2].aos-animate {
    -webkit-animation: fadeInUp2 .8s ease-in-out both;
    animation: fadeInUp2 .8s ease-in-out both
}

[data-aos|=fadeIn] {
    opacity: 0
}

[data-aos|=fadeIn].aos-animate {
    -webkit-animation: fadeIn .8s ease-in-out both;
    animation: fadeIn .8s ease-in-out both
}

[data-aos|=fadeOut] {
    opacity: 0
}

[data-aos|=fadeOut].aos-animate {
    -webkit-animation: fadeOut .8s ease-in-out both;
    animation: fadeOut .8s ease-in-out both
}

[data-aos|=scaleOut].aos-animate {
    -webkit-animation: scaleOut .8s ease-in-out both;
    animation: scaleOut .8s ease-in-out both
}

.rotate {
    -webkit-animation: rotate 8s linear infinite forwards;
    animation: rotate 8s linear infinite forwards;
    animation-direction: reverse
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        -ms-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        -ms-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    10% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    10% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeIn {
    -webkit-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -moz-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -ms-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -o-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both
}

.fadeOut {
    -webkit-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -moz-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -ms-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -o-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes scaleOut {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes unscaleOut {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        transform: scale(30)
    }
}

@keyframes unscaleOut {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        transform: scale(30)
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0);
        transform-origin: center center
    }
    to {
        opacity: 1;
        transform: rotate(-1turn);
        transform-origin: center center
    }
}

@keyframes rotate {
    0% {
        opacity: 1;
        transform: rotate(0);
        transform-origin: center center
    }
    to {
        opacity: 1;
        transform: rotate(-1turn);
        transform-origin: center center
    }
}

.swiper-container {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body {
    color: var(--black-2);
    font-family: regulator-nova, sans-serif;
    overflow-x: hidden;
    position: relative
}

@media only screen and (max-width:1025px) {
    body {
        width: 100%
    }
}

body ::-moz-selection {
    background: var(--red-1);
    color: var(--white-1)
}

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

.wrapper {
    width: 100%
}

.wrapper main {
    width: 100vw
}

#main-transition {
    transition: transform .8s ease-in-out, filter .3s ease-in-out
}

.form-01 {
    --color: var(--white-1);
    --color-error: var(--red-1);
    --label-color: var(--white-1);
    --bg-color: transparent;
    --input-height: 3.6rem;
    --border-height: 1px;
    --border-color: var(--white-1);
    --border-radius: 5rem;
    align-content: normal;
    align-items: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.form-01 input:-webkit-autofill,
.form-01 input:-webkit-autofill:active,
.form-01 input:-webkit-autofill:focus,
.form-01 input:-webkit-autofill:hover,
.form-01 select:-webkit-autofill,
.form-01 select:-webkit-autofill:active,
.form-01 select:-webkit-autofill:focus,
.form-01 select:-webkit-autofill:hover,
.form-01 textarea:-webkit-autofill,
.form-01 textarea:-webkit-autofill:active,
.form-01 textarea:-webkit-autofill:focus,
.form-01 textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--white-1);
    background-color: var(--red-1)!important;
    -webkit-box-shadow: 0 0 0 1000px var(--red-1) inset!important;
    box-shadow: 0 0 0 1000px var(--red-1) inset!important;
    color: var(--white-1)!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

@media only screen and (max-width:1025px) {
    .form-01 {
        --input-height: 4.4rem
    }
}

.form-01 label {
    bottom: auto;
    color: var(--label-color);
    left: 1.8rem;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: left;
    -webkit-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    -moz-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    -ms-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    -o-transition: all .3s cubic-bezier(.39, .575, .565, 1);
    transition: all .3s cubic-bezier(.39, .575, .565, 1);
    transition-delay: 0s
}

.form-01 label span,
.form-01 label.error {
    color: var(--color-error)
}

@media only screen and (max-width:767.98px) {
    .form-01 label {
        font-size: 1.6rem
    }
}

.form-01 input {
    -webkit-appearance: none;
    background: var(--bg-color);
    border: var(--border-height) solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--color);
    height: var(--input-height);
    outline: 0;
    padding: 0 1.8rem;
    -webkit-transition: all .5s cubic-bezier(.39, .575, .565, 1);
    -moz-transition: all .5s cubic-bezier(.39, .575, .565, 1);
    -ms-transition: all .5s cubic-bezier(.39, .575, .565, 1);
    -o-transition: all .5s cubic-bezier(.39, .575, .565, 1);
    transition: all .5s cubic-bezier(.39, .575, .565, 1);
    transition-delay: 0s;
    width: 100%
}

@media only screen and (max-width:767.98px) {
    .form-01 input {
        font-size: 16px
    }
}

.form-01 input.error,
.form-01 select.error {
    border: var(--border-color-error)
}

.form-01 .container-input {
    align-content: normal;
    align-items: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    position: relative
}

.form-01 .container-input a {
    bottom: -2.5rem;
    color: var(--white-1);
    display: block;
    left: auto;
    position: absolute;
    right: 0;
    top: auto
}

.form-01 .container-input.preenchido label {
    opacity: 0;
    transform: translateY(-50%) scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

.form-01 .container-input.preenchido label.error {
    opacity: 1;
    transform: none
}

.form-01 .container-submit {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.form-01 .container-submit a,
.form-01 .container-submit button {
    background: var(--white-1);
    border: 1px solid var(--red-1);
    border-radius: 5rem;
    color: var(--red-1);
    outline: 0;
    padding: .9rem 3rem .8rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s;
    width: auto
}

.form-01#form-newsletter {
    --color: var(--red-2);
    --label-color: var(--red-2);
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media only screen and (min-width:1025.1px) {
    .form-01#form-newsletter .container-input {
        margin-right: 2.2rem;
        width: 30.1rem
    }
}

@media only screen and (max-width:1025px) {
    .form-01#form-newsletter .container-input {
        flex: 1
    }
    .form-01#form-newsletter .container-submit button {
        height: var(--input-height)
    }
}

.form-01#form-newsletter .container-submit button:hover {
    background: var(--red-1);
    border-color: var(--white-1);
    color: var(--white-1)
}

.btn,
.btn-border {
    --color: var(--white-1);
    --bg-color: var(--red-1);
    align-content: center;
    align-items: center;
    background: var(--bg-color);
    border-radius: 5rem;
    color: var(--color);
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: .8rem 3rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

.btn i,
.btn-border i {
    display: block;
    font-size: 1rem;
    margin-left: 1rem
}

.btn.small,
.small.btn-border {
    min-height: 3.6rem
}

.btn.medium,
.medium.btn-border {
    min-height: 4.8rem
}

.btn.large,
.large.btn-border {
    min-height: 5.6rem
}

.btn-border {
    --border-color: var(--white-1);
    --bg-color: transparent;
    border: 1px solid var(--border-color)
}

.btn-border.red {
    --color: var(--red-1);
    --border-color: var(--red-1);
    padding: .8rem 1.2rem
}

.btn-border:hover {
    --border-color: var(--red-1);
    --bg-color: var(--red-1);
    color: var(--white-1)
}

lottie-player {
    display: block;
    width: 100%
}

.container-btn-scroll-top {
    bottom: 0;
    display: flex;
    height: 0;
    left: 100%;
    opacity: 0;
    padding-bottom: 7rem;
    position: sticky;
    transform: translate(calc(100% - var(--padding-fluid)), -2.5rem);
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    width: 7rem;
    z-index: 3
}

.container-btn-scroll-top .btn-scroll-top {
    background: var(--red-1);
    border-radius: 50%;
    height: 7rem;
    width: 7rem
}

.container-btn-scroll-top .btn-scroll-top i {
    font-size: 2rem
}

.container-btn-scroll-top .btn-scroll-top i:before {
    color: var(--white-1)
}

#footer .column-content a:not(.link-social-media),
.link-underline {
    color: var(--white-1);
    position: relative
}

#footer .column-content a:not(.link-social-media),
#footer .column-content a:not(.link-social-media):before,
.link-underline,
.link-underline:before {
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#footer .column-content a:not(.link-social-media):before,
.link-underline:before {
    background-color: var(--white-1);
    bottom: 0;
    content: "";
    display: block;
    height: .05ch;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    transform: scaleX(0);
    transform-origin: left;
    width: 100%
}

#footer .column-content a:hover:not(.link-social-media),
.link-underline:hover {
    color: var(--white-1)
}

#footer .column-content a:not(.link-social-media):hover:before,
.link-underline:hover:before {
    transform: scaleX(1)
}

[data-scroll-position=center] .container-btn-scroll-top {
    opacity: 1;
    transform: translate(calc(100% - var(--padding-fluid)), -5rem);
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: .2s
}

#header {
    --bg-active: var(--red-1);
    --color: var(--white-1);
    --color-hover: var(--red-2);
    --color-active: var(--red-2);
    --logo-color: var(--red-1);
    height: var(--header-height);
    position: fixed;
    width: 100vw;
    z-index: 99
}

#header,
#header:after {
    bottom: auto;
    left: 0;
    right: auto;
    top: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transition-delay: 0s
}

#header:after {
    background: var(--white-1);
    content: "";
    display: block;
    height: 7.5rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #header:after {
        height: 8rem
    }
}

@media only screen and (max-width:767.98px) {
    #header:after {
        height: 6.5rem
    }
}

#header>.container-fluid,
#header>.container-fluid>.row {
    height: 100%
}

[data-scroll-direction=initial] #header {
    --header-height: 8rem;
    --logo-color: var(--white-1);
    pointer-events: none;
    background-color: #00000047;
}

[data-scroll-direction=initial] #header:after {
    transform: translateY(-100%)
}

[data-scroll-direction=initial] #header .logo {
    transform: scale(1.61)
}

@media only screen and (max-width:1025px) {
    [data-scroll-direction=initial] #header .logo {
        transform: scale(1.7)
    }
}

[data-scroll-direction=initial] #header .btn-login:hover {
    --btn-login-border: var(--white-1)
}

[data-scroll-direction=initial] #header #bt-menu {
    --color: var(--white-1)
}

#bt-menu {
    --color: var(--red-1);
    align-content: center;
    align-items: center;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    outline: 0;
    padding: 0;
    pointer-events: auto;
    transition: transform .35s ease-in-out;
    z-index: 99
}

@media only screen and (max-width:1025px) {
    #bt-menu {
        transition: transform .35s ease-in-out, opacity .3s ease-in-out
    }
}

#bt-menu .container-svg {
    display: flex
}

@media only screen and (min-width:1025.1px) {
    #bt-menu .container-svg {
        height: 1.2rem;
        width: 1.6rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #bt-menu .container-svg {
        height: 2.4rem;
        width: 2.8rem
    }
}

@media only screen and (max-width:767.98px) {
    #bt-menu .container-svg {
        height: 1.9rem;
        width: 2.2rem
    }
}

#bt-menu .container-svg svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: visible;
    width: 100%
}

#bt-menu span {
    color: var(--color);
    display: block;
    line-height: 1em;
    margin-left: 1.1rem;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#bt-menu #bt-menu-bars .bar {
    fill: var(--color);
    cursor: pointer;
    height: 6px;
    opacity: 1;
    transform: rotate(0) translateY(0) translateX(0);
    transition: transform .35s ease-in-out, fill .2s ease-in-out, opacity .2s ease-in-out, fill .4s ease-in-out;
    width: 100%
}

#bt-menu #bt-menu-bars #middlebar {
    opacity: 1;
    -webkit-transform-origin: 20px 10px;
    transform-origin: 20px 10px
}

#bt-menu #bt-menu-bars #topbar {
    transform-origin: 15% 30%
}

#bt-menu #bt-menu-bars #bottombar {
    transform-origin: 10% 65%
}

body.menu-active #bt-menu #bt-menu-bars #bottombar {
    -webkit-transform: rotate(-45deg) translateY(0) translateX(0);
    transform: rotate(-45deg) translateY(0) translateX(0)
}

body.menu-active #bt-menu #bt-menu-bars #middlebar {
    opacity: 0
}

body.menu-active #bt-menu #bt-menu-bars #topbar {
    -webkit-transform: rotate(45deg) translateY(0) translateX(0);
    transform: rotate(45deg) translateY(0) translateX(0)
}

.logo {
    pointer-events: auto;
    transform-origin: left;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    .logo {
        width: 9rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    .logo {
        width: 7.3rem
    }
}

@media only screen and (max-width:767.98px) {
    .logo {
        width: 6.3rem
    }
}

.logo svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.logo svg .logo-color {
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

.logo span {
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

#header:before {
    background-color: var(--black-1);
    bottom: auto;
    content: "";
    opacity: 0;
    right: auto;
    width: 100%;
    z-index: 1
}

#header:before,
nav.menu {
    display: block;
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    transition-delay: 0s
}

nav.menu {
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(-100%);
    width: 100vw
}

@media only screen and (min-width:1025.1px) {
    nav.menu {
        background: var(--red-1);
        padding-left: var(--padding-fluid);
        padding-right: var(--padding-fluid)
    }
}

.show-on-menu-active {
    opacity: 0;
    pointer-events: none
}

.menu--wrapper {
    height: auto;
    min-height: 100%;
    -webkit-transition: all 0 cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 0 cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 0 cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 0 cubic-bezier(.645, .045, .355, 1);
    transition: all 0 cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper {
        align-content: normal;
        align-items: normal;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: normal;
        margin-left: calc(var(--padding)*-1);
        margin-right: calc(var(--padding)*-1);
        min-width: 100%
    }
}

.menu--wrapper .column--menu {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper .column--menu {
        margin-left: 8.33333333%;
        max-width: 91.66666667%;
        padding: var(--padding);
        width: 100%
    }
}

.menu--wrapper .menu--list {
    align-content: normal;
    align-items: normal;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    margin: auto 0
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper .menu--list {
        padding-bottom: 13rem;
        padding-top: calc(var(--header-height) + 4rem)
    }
}

.menu--wrapper .menu--list li {
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper .menu--list li:not(:last-child):not(:nth-last-child(2)) {
        margin-bottom: 4.8rem
    }
    .menu--wrapper .menu--list li.no-text a .link-title,
    .menu--wrapper .menu--list li:first-child a .link-title {
        margin-right: 0
    }
}

.menu--wrapper .menu--list li.no-text a .link-title:after,
.menu--wrapper .menu--list li:first-child a .link-title:after {
    display: none
}

.menu--wrapper .menu--list li a {
    align-content: center;
    align-items: center;
    color: var(--color);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative
}

.menu--wrapper .menu--list li a span {
    display: block
}

.menu--wrapper .menu--list li a .link-title {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper .menu--list li a .link-title {
        margin-right: 12rem
    }
    .menu--wrapper .menu--list li a .link-title:before {
        background: var(--white-1);
        bottom: 0;
        content: "";
        display: block;
        height: .05ch;
        left: 0;
        position: absolute;
        right: auto;
        top: auto;
        transform: scaleX(0);
        transform-origin: left;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        transition-delay: 0s;
        width: 100%
    }
    .menu--wrapper .menu--list li a .link-title:after {
        background: var(--white-1);
        bottom: auto;
        content: "";
        display: block;
        height: 1px;
        left: auto;
        position: absolute;
        right: -6rem;
        top: 60%;
        transform: translate(50%, -50%);
        width: 5.6rem
    }
}

@media only screen and (max-width:1025px) {
    .menu--wrapper .menu--list li a .link-title:before {
        display: none
    }
}

.menu--wrapper .menu--list li a .link-text {
    margin-top: 1rem
}

@media only screen and (max-width:1025px) {
    .menu--wrapper .menu--list li a .link-text {
        display: none
    }
}

.menu--wrapper .menu--list li a:hover .link-title:before {
    transform: scaleX(1)
}

@media only screen and (min-width:1025.1px) {
    .menu--wrapper .menu--list li a.active .link-title:before {
        transform: scaleX(1)
    }
}

.btn-b2c,
.btn-login {
    --btn-login-bg: var(--red-1);
    --btn-login-color: var(--white-1);
    --btn-login-border: var(--red-1);
    --logo-icon-color: var(--white-1);
    align-content: center;
    align-items: center;
    background: var(--btn-login-bg);
    border: 1px solid var(--btn-login-border);
    border-radius: 5rem;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 32px;
    padding: 1rem 1.4rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    .btn-b2c,
    .btn-login {
        pointer-events: auto
    }
}

.btn-b2c .container-svg,
.btn-login .container-svg {
    display: flex;
    margin-right: 1rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s;
    width: 1.7rem
}

.btn-b2c .container-svg svg,
.btn-login .container-svg svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.btn-b2c .container-img,
.btn-b2c .container-svg svg path,
.btn-login .container-img,
.btn-login .container-svg svg path {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

.btn-b2c .container-img,
.btn-login .container-img {
    bottom: auto;
    left: 1.6rem;
    opacity: 0;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem
}

.btn-b2c span,
.btn-login span {
    color: var(--btn-login-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    .btn-b2c:hover,
    .btn-login:hover {
        --btn-login-bg: var(--white-1);
        --btn-login-color: var(--red-1);
        --logo-icon-color: var(--red-1)
    }
}

.container-login {
    background: var(--red-1);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    pointer-events: auto;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    .container-login {
        bottom: auto;
        left: 0;
        padding: 10rem 1.8rem 2rem;
        position: absolute;
        right: auto;
        top: 0;
        transform: translateY(-100%);
        width: 24.7rem
    }
    .column-login.active .btn-login {
        --btn-login-bg: var(--white-1);
        --btn-login-color: var(--red-1);
        --btn-login-border: var(--white-1);
        --logo-icon-color: var(--red-1)
    }
    .column-login.active .btn-login .container-svg {
        opacity: 0
    }
    .column-login.active .btn-login .container-img {
        opacity: 1
    }
    .column-login.active .container-login {
        transform: translateY(0)
    }
}

body:not([data-scroll-direction=initial]) .column-login.active .container-login {
    transform: translateY(-1.2rem)
}

@media only screen and (max-width:1025px) and (min-width:767.98px) and (max-width:1025px) {
    #header {
        --menu-width: 50rem
    }
}

@media only screen and (max-width:1025px) and (max-width:767.98px) {
    #header {
        --menu-width: 28.1rem
    }
}

@media only screen and (max-width:1025px) {
    .column-h-1 {
        transition: opacity .2s ease-in-out
    }
    .column-h-2 {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end
    }
    .column-h-2:before {
        background: var(--bg-active);
        bottom: auto;
        content: "";
        display: block;
        height: 12rem;
        left: 0;
        position: fixed;
        right: auto;
        top: 0;
        transform: translateX(-100%);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        transition-delay: 0s;
        z-index: 99
    }
}

@media only screen and (max-width:1025px) and (min-width:767.98px) and (max-width:1025px) {
    .column-h-2:before {
        width: var(--menu-width)
    }
}

@media only screen and (max-width:1025px) and (max-width:767.98px) {
    .column-h-2:before {
        width: var(--menu-width)
    }
}

@media only screen and (max-width:1025px) {
    .column-login .btn-b2c,
    .column-login .btn-login {
        display: none
    }
    .column-login .container-login {
        border-radius: 2rem;
        padding: 9rem 2.5rem 12rem;
        position: relative;
        width: calc(100% - var(--padding-fluid)*2)
    }
    .column-login .container-login .btn-login-close {
        bottom: auto;
        left: auto;
        padding: 0;
        position: absolute;
        right: 1.7rem;
        top: -3.3rem
    }
    .column-login .container-login .btn-login-close .container-img {
        height: 1.5rem;
        width: 1.5rem
    }
    .column-login.active .container-login {
        display: block
    }
    nav.menu {
        background: var(--bg-active);
        padding-left: var(--padding-fluid);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        transition-delay: 0s
    }
}

@media only screen and (max-width:1025px) and (min-width:767.98px) and (max-width:1025px) {
    nav.menu {
        width: var(--menu-width)
    }
}

@media only screen and (max-width:1025px) and (max-width:767.98px) {
    nav.menu {
        width: var(--menu-width)
    }
}

@media only screen and (max-width:1025px) {
    .menu--wrapper,
    .menu--wrapper .column--menu {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .menu--wrapper .menu--list {
        padding-bottom: 15rem;
        padding-top: clamp(16rem, 26vh, 100rem)
    }
    @-moz-document url-prefix() {
        .menu--wrapper .menu--list {
            padding-bottom: 15rem;
            padding-top: 16rem
        }
    }
}

@media only screen and (max-width:1025px) and (min-width:767.98px) and (max-width:1025px) {
    .menu--wrapper .menu--list li:not(:last-child):not(:nth-last-child(2)) {
        margin-bottom: 3.8rem
    }
}

@media only screen and (max-width:1025px) and (max-width:767.98px) {
    .menu--wrapper .menu--list li:not(:last-child):not(:nth-last-child(2)) {
        margin-bottom: 2.8rem
    }
}

@media only screen and (max-width:1025px) {
    .menu--wrapper .menu--list li.login {
        margin-top: 8rem
    }
    .btn-login {
        --btn-login-bg: var(--white-1);
        --btn-login-color: var(--red-1);
        --btn-login-border: var(--white-1);
        --logo-icon-color: var(--red-1)
    }
}

body.menu-active {
    overflow: hidden
}

body.menu-active .show-on-menu-active {
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width:1025.1px) {
    body.menu-active #main-transition {
        transform: translateX(40rem)
    }
}

body.menu-active #header {
    --logo-color: var(--white-1)
}

body.menu-active #header:before {
    opacity: .3
}

@media only screen and (max-width:1025px) {
    body.menu-active #header .column-h-2:before {
        transform: translateX(0)
    }
}

@media only screen and (min-width:1025.1px) {
    body.menu-active #header .logo .logo-color {
        transition: fill .8s ease-in-out -.2s
    }
    body.menu-active #header #bt-menu {
        --color: var(--white-1)
    }
    body.menu-active #header #bt-menu span {
        transition: color .8s ease-in-out .1s
    }
    body.menu-active #header #bt-menu svg .bar {
        transition: transform .35s ease-in-out, fill .2s ease-in-out, opacity .2s ease-in-out, fill .8s ease-in-out .1s
    }
}

body.menu-active nav.menu {
    pointer-events: auto;
    transform: translateX(0)
}

body.menu-active .logo {
    opacity: 1;
    pointer-events: auto
}

body.menu-leave nav.menu {
    pointer-events: auto
}

body.menu-leave nav.menu:before {
    transition-delay: .3s!important
}

body.menu-leave #header .logo .logo-color {
    transition: fill .8s ease-in-out .3s
}

@media only screen and (max-width:1025px) {
    body.menu-leave #header .logo .logo-color {
        transition: fill .5s ease-in-out .2s
    }
}

body.menu-leave .menu--wrapper {
    opacity: 1
}

#footer {
    position: relative;
    z-index: 1
}

#footer .column-content {
    color: var(--white-1);
    position: relative
}

@media only screen and (min-width:1025.1px) {
    #footer .column-content {
        margin-left: calc(var(--padding)*-2);
        padding-left: calc(var(--padding)*2)
    }
    #footer .column-content:before {
        background: url(../images/logo-icon-white.svg) no-repeat;
        background-size: contain;
        bottom: auto;
        content: "";
        display: block;
        height: 1.5rem;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 1.5rem
    }
}

@media only screen and (min-width:1025.1px) and (min-width:1025.1px) {
    #footer .column-content:before {
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:1025.1px) {
    #footer .column-content:after {
        background: var(--white-1);
        bottom: auto;
        content: "";
        display: block;
        height: 9rem;
        left: 0;
        position: absolute;
        right: auto;
        top: 2.8rem;
        width: 1px;
    }
}

@media only screen and (min-width:1025.1px) and (min-width:1025.1px) {
    #footer .column-content:after {
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:1025.1px) and (max-width:1025px) {
    #footer .column-content:after {
        transform: translateX(calc(-50% + .75rem))
    }
}

#footer .column-content a {
    color: var(--white-1)
}

#footer .column-content h2 {
    font-weight: 600;
    text-transform: uppercase
}

#footer .column-1 .list-footer {
    font-weight: 600
}

#footer .column-1 .list-footer li:not(:last-child) {
    margin-bottom: .9rem
}

#footer .column-1 .list-footer-contato {
    margin-top: .7rem
}

#footer .column-1 .list-footer-contato li {
    margin-bottom: .7rem
}

@media only screen and (max-width:768px) and (max-height:550px) and (orientation:landscape) {
    #footer .column-2 #form-newsletter {
        max-width: 40rem;
        width: 100%
    }
}

#footer .column-2 .social-media {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

#footer .column-2 .social-media a {
    display: block;
    margin-right: 1.5rem
}

@media only screen and (max-width:767.98px) {
    #footer .column-2 .social-media a {
        margin-right: 2.8rem
    }
}

#footer .column-2 .social-media a i {
    display: block;
    font-size: 3.5rem
}

@media only screen and (max-width:767.98px) {
    #footer .column-2 .social-media a i {
        font-size: 2rem
    }
}

#footer .column-2 .social-media a i:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transition-delay: 0s
}

#footer .column-2 .social-media a i:hover:before {
    color: var(--red-2)
}

#footer .column-3 {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end
}

#footer .column-3 .container-img {
    width: 5rem
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon.eot?8g8uco);
    src: url(../fonts/icomoon.eot?8g8uco#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?8g8uco) format("truetype"), url(../fonts/icomoon.woff?8g8uco) format("woff"), url(../fonts/icomoon.svg?8g8uco#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-facebook2:before {
    color: #fff;
    content: ""
}

.icon-instagram2:before {
    color: #fff;
    content: ""
}

.icon-linkedin2:before {
    color: #fff;
    content: ""
}

.icon-arrow-2-right:before {
    color: #fff;
    content: ""
}

.icon-arrow-up:before {
    color: #f25e0c;
    content: ""
}

.icon-arrow-down:before {
    color: #f25e0c;
    content: ""
}

.icon-arrow-left:before {
    color: #fff;
    content: ""
}

.icon-arrow-right:before {
    color: #fff;
    content: ""
}

.icon-instagram:before {
    color: #fff;
    content: ""
}

.icon-linkedin:before {
    color: #fff;
    content: ""
}

.icon-facebook:before {
    color: #fff;
    content: ""
}

@media only screen and (max-width:1025px) {
    [data-modal-state=active] {
        overflow: hidden
    }
    [data-modal-state=active] #main-transition {
        transition: filter .5s ease-in-out .4s
    }
    @-moz-document url-prefix() {
        [data-modal-state=active] #main-transition {
            filter: blur(.6rem)
        }
    }
    [data-modal-state=active] .column-h-1,
    [data-modal-state=active] .column-h-2 #bt-menu {
        opacity: 0;
        pointer-events: none;
        transition: transform .35s ease-in-out, opacity .5s ease-in-out .4s
    }
    [data-modal-state=active]:not([data-scroll-direction=initial]) #header:after {
        transform: translateY(-100%);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        transition-delay: .4s
    }
    modal-group {
        -webkit-backdrop-filter: blur(.4rem);
        backdrop-filter: blur(.4rem);
        background: rgba(0, 0, 0, .6);
        bottom: auto;
        display: none;
        height: 100vh;
        left: 0;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: auto;
        scroll-behavior: smooth;
        top: 0;
        width: 100vw;
        z-index: 101
    }
    modal-group.active {
        -webkit-animation: fadeIn .5s ease-in-out .4s 1 both;
        -moz-animation: fadeIn .5s ease-in-out .4s 1 both;
        -ms-animation: fadeIn .5s ease-in-out .4s 1 both;
        -o-animation: fadeIn .5s ease-in-out .4s 1 both;
        animation: fadeIn .5s ease-in-out .4s 1 both;
        display: flex;
        opacity: 1;
        pointer-events: auto
    }
    modal-group.leave {
        -webkit-animation: fadeOut .5s ease-in-out 0s 1 both;
        -moz-animation: fadeOut .5s ease-in-out 0s 1 both;
        -ms-animation: fadeOut .5s ease-in-out 0s 1 both;
        -o-animation: fadeOut .5s ease-in-out 0s 1 both;
        animation: fadeOut .5s ease-in-out 0s 1 both;
        display: flex;
        opacity: 0;
        pointer-events: none
    }
    modal-container {
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        width: 100vw;
        z-index: 100
    }
    modal-container,
    modal-item {
        margin: auto;
        pointer-events: none
    }
    modal-item {
        background-color: var(---modal-background);
        bottom: auto;
        display: none;
        height: 100%;
        left: 0;
        opacity: 0;
        padding: 6rem 0;
        position: absolute;
        right: auto;
        top: 0;
        z-index: 99
    }
    modal-item.active {
        opacity: 1;
        pointer-events: auto
    }
    modal-item.active,
    modal-item.leave {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        position: relative
    }
    modal-item.leave {
        -webkit-animation: fadeOut .4s ease-in-out 0s 1 both;
        -moz-animation: fadeOut .4s ease-in-out 0s 1 both;
        -ms-animation: fadeOut .4s ease-in-out 0s 1 both;
        -o-animation: fadeOut .4s ease-in-out 0s 1 both;
        animation: fadeOut .4s ease-in-out 0s 1 both;
        opacity: 0;
        pointer-events: none
    }
}

.modal-close {
    align-content: center;
    align-items: center;
    border-radius: 0;
    bottom: auto;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 1.5rem!important;
    height: 4rem;
    justify-content: center;
    left: auto;
    pointer-events: auto;
    position: relative;
    position: absolute;
    right: 1.7rem;
    text-indent: -9999px;
    top: -3.3rem;
    width: 1.5rem!important;
    width: 4rem;
    z-index: 801
}

.modal-close,
.modal-close:hover {
    background: 0 0
}

.modal-close span {
    display: inline-block
}

.modal-close:after,
.modal-close:before {
    background-color: #fff;
    bottom: auto;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    width: 100%
}

.modal-close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal-close:hover:after,
.modal-close:hover:before {
    background-color: #fff
}

.modal-close:after,
.modal-close:before {
    height: .25rem
}

btn-modal-open {
    cursor: pointer
}

.modal-container-iframe {
    align-content: center;
    align-items: center;
    background: 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100vh;
    justify-content: center;
    max-width: 100vw;
    width: 156.25vh
}

.modal-container-iframe .modal-iframe {
    --inner-padding: 3rem;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.modal-container-iframe .modal-iframe iframe {
    bottom: auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%
}

.modal-container-image {
    background: 0 0;
    height: 100vh;
    width: 100vw
}

.modal-container-image,
.modal-container-image .modal-image {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.modal-container-image .modal-image {
    --inner-padding: 3rem;
    height: 100%;
    position: relative;
    width: 100%
}

.modal-container-image .modal-image img,
.modal-container-image .modal-image video {
    -webkit-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -moz-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -ms-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    -o-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s 1 both;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

#pg-home #intro-banner {
    position: relative;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner {
        height: 100vh;
        min-height: 82rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner {
        min-height: calc(var(--vh, 1vh)*100);
        z-index: 3
    }
}

#pg-home #intro-banner .swiper-container {
    position: relative
}

#pg-home #intro-banner .swiper-container,
#pg-home #intro-banner .swiper-container .swiper-wrapper {
    height: 100%;
    min-height: inherit;
    width: 100%
}

#pg-home #intro-banner .swiper.slide .text-intro .bt {
    color: #0ff
}

#pg-home #intro-banner .patch {
    bottom: auto;
    height: 24.7rem;
    left: 20%;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 60vh;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    transition-delay: 0s;
    width: 24.7rem;
    z-index: 10
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .patch {
        height: 9.1rem;
        width: 9.1rem
    }
}

#pg-home #intro-banner .patch img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

#pg-home #intro-banner .patch[data-slide=slide-2] {
    bottom: auto;
    left: 18%;
    position: absolute;
    right: auto;
    top: 11vh;
    transform: rotate(-90deg)
}

#pg-home #intro-banner .patch[data-slide=slide-3] {
    bottom: auto;
    left: 67%;
    position: absolute;
    right: auto;
    top: 12vh;
    transform: rotate(0)
}

#pg-home #intro-banner .patch[data-slide=slide-4] {
    bottom: auto;
    left: 21%;
    position: absolute;
    right: auto;
    top: 15vh;
    transform: rotate(-90deg)
}

#pg-home #intro-banner .patch[data-slide=slide-5] {
    bottom: auto;
    left: 55%;
    position: absolute;
    right: auto;
    top: 8vh;
    transform: rotate(0)
}

#pg-home #intro-banner .patch[data-slide=slide-6] {
    bottom: auto;
    left: 27%;
    position: absolute;
    right: auto;
    top: 19vh;
    transform: rotate(-90deg)
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .patch {
        bottom: auto;
        left: 63%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*26)
    }
    #pg-home #intro-banner .patch[data-slide=slide-2] {
        bottom: auto;
        left: 15%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*20);
        transform: rotate(-90deg)
    }
    #pg-home #intro-banner .patch[data-slide=slide-3] {
        bottom: auto;
        left: 62%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*30);
        transform: rotate(0)
    }
    #pg-home #intro-banner .patch[data-slide=slide-4] {
        bottom: auto;
        left: 53%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*14);
        transform: rotate(-90deg)
    }
    #pg-home #intro-banner .patch[data-slide=slide-5] {
        bottom: auto;
        left: 12%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*27);
        transform: rotate(0)
    }
    #pg-home #intro-banner .patch[data-slide=slide-6] {
        bottom: auto;
        left: 57%;
        position: absolute;
        right: auto;
        top: calc(var(--vh, 1vh)*31);
        transform: rotate(-90deg)
    }
}

#pg-home #intro-banner .swiper-slide {
    --color: var(--white-1);
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    min-height: inherit;
    overflow: hidden;
    padding-bottom: 18rem;
    padding-top: 0rem;
    position: relative;
    width: 100%
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide {
        align-content: center;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }
}

#pg-home #intro-banner .swiper-slide img {
    bottom: auto;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    right: auto;
    top: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    transition-delay: 0s;
    width: 100%;
    z-index: 1
}

#pg-home #intro-banner .swiper-slide .container-slide {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide .container-slide {
        justify-content: center
    }
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c {
    --btn-b2c-bg: var(--white-1);
    --btn-b2c-color: var(--red-1);
    --btn-b2c-border: var(--white-1);
    align-content: center;
    align-items: center;
    background: var(--btn-b2c-bg);
    border: 1px solid var(--btn-b2c-bg);
    border-radius: 5rem;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 1.4rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .container-slide .btn-b2c {
        pointer-events: auto
    }
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c .container-svg {
    display: flex;
    margin-right: 1rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s;
    width: 1.7rem
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c .container-svg svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c .container-img,
#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c .container-svg svg path {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c .container-img {
    bottom: auto;
    left: 1.6rem;
    opacity: 0;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem
}

#pg-home #intro-banner .swiper-slide .container-slide .btn-b2c span {
    color: var(--btn-b2c-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .container-slide .btn-b2c:hover {
        --btn-b2c-bg: var(--red-1);
        --btn-b2c-color: var(--white-1)
    }
}

#pg-home #intro-banner .swiper-slide .title-intro {
    -webkit-text-stroke: 2.5px var(--color);
    color: transparent;
    line-height: .8em;
    text-align: center
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .title-intro.small {
        font-size: 16rem
    }
}

#pg-home #intro-banner .swiper-slide .text-intro {
    color: var(--color)
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .swiper-slide .text-intro {
        bottom: 0;
        left: 30%;
        padding-top: 4vh;
        position: absolute;
        right: auto;
        top: auto;
        transform: translateY(100%)
    }
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide .text-intro {
        bottom: 0;
        left: 0;
        padding-top: 2.5rem;
        position: absolute;
        right: auto;
        text-align: center;
        top: auto;
        transform: translateY(100%)
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home #intro-banner .swiper-slide .text-intro {
        font-size: 1.4rem
    }
}

#pg-home #intro-banner .swiper-slide .text-intro p:not(:last-child) {
    margin-bottom: 2.2rem
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .swiper-slide .text-intro p:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

#pg-home #intro-banner .swiper-slide.swiper-slide-next img,
#pg-home #intro-banner .swiper-slide.swiper-slide-prev img {
    transform: scale(1.2)
}

#pg-home #intro-banner .swiper-slide.swiper-slide-active img {
    transform: scale(1)
}

#pg-home #intro-banner .swiper-button-next i,
#pg-home #intro-banner .swiper-button-prev i {
    font-size: 3.5rem
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .swiper-button-next i,
    #pg-home #intro-banner .swiper-button-prev i {
        font-size: 2.4rem
    }
}

#pg-home #intro-banner .swiper-button-prev {
    left: var(--padding-fluid)
}

#pg-home #intro-banner .swiper-button-next {
    right: var(--padding-fluid)
}

#pg-home #intro-banner .btn-veja-mais {
    align-content: center;
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    left: 27.3rem;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    right: auto;
    top: auto;
    transform: translateY(33rem);
    z-index: 2
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .btn-veja-mais {
        left: auto;
        right: var(--padding-fluid);
        transform: translate(-50%, 6.6rem)
    }
}

#pg-home #intro-banner .btn-veja-mais span {
    color: var(--white-1);
    text-orientation: mixed;
    text-transform: uppercase;
    transform: rotate(180deg);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

#pg-home #intro-banner .btn-veja-mais .line {
    height: 45rem;
    margin-bottom: 2rem;
    margin-top: 1.8rem;
    position: relative;
    width: 2px
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .btn-veja-mais .line {
        background: var(--red-1);
        transform: scaleY(0);
        transform-origin: top;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        transition-delay: .8s
    }
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .btn-veja-mais .line {
        height: 10rem;
        margin-bottom: 0
    }
}

#pg-home #intro-banner .btn-veja-mais .line:before {
    background: var(--red-1);
    content: "";
    display: block
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .btn-veja-mais .line:before {
        border-radius: 50%;
        bottom: -2rem;
        height: 1rem;
        left: 50%;
        position: absolute;
        right: auto;
        top: auto;
        transform: translateX(-50%);
        width: 1rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home #intro-banner .btn-veja-mais .line:before {
        bottom: auto;
        height: 3.4rem;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 100%;
        z-index: 3
    }
    #pg-home #intro-banner .btn-veja-mais .line:after {
        background: var(--white-1);
        bottom: 0;
        content: "";
        display: block;
        height: 6.6rem;
        left: 0;
        position: absolute;
        right: auto;
        top: auto;
        width: 100%;
        z-index: 2
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home #intro-banner .btn-veja-mais.aos-animate span {
        -webkit-animation: fadeIn .8s ease-in-out .6s 1 both;
        -moz-animation: fadeIn .8s ease-in-out .6s 1 both;
        -ms-animation: fadeIn .8s ease-in-out .6s 1 both;
        -o-animation: fadeIn .8s ease-in-out .6s 1 both;
        animation: fadeIn .8s ease-in-out .6s 1 both
    }
    #pg-home #intro-banner .btn-veja-mais.aos-animate .line {
        transform: scaleY(1)
    }
}

#pg-home .section-intro {
    position: relative;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-intro {
        margin-top: -23rem;
        padding-top: 23rem;
        pointer-events: none
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-intro {
        left: 0!important;
        width: 100vw!important
    }
    #pg-home .section-intro .container-fluid {
        align-content: center;
        align-items: center;
        background: var(--red-1);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        min-height: calc(var(--vh, 1vh)*100 - 16rem)
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-intro .row {
        pointer-events: auto
    }
}

#pg-home .section-intro .container-img {
    width: 25rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-intro .container-img {
        margin: 0 auto
    }
}

#pg-home .section-intro .column-text {
    background: var(--red-1);
    color: var(--white-1)
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-intro .column-text {
        border-radius: 2rem;
        margin-top: -10rem;
        padding: 8rem 14.3rem 12.4rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-intro .column-text .container-text {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

#pg-home .section-intro .column-text p {
    font-weight: 600;
    margin-bottom: 4rem;
    max-width: 74.5rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-intro .column-text p {
        margin-bottom: 1.8rem
    }
}

#pg-home .section-intro .btn-scroll-down {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 16rem;
    justify-content: center;
    padding: 6rem;
    width: 100%
}

#pg-home .section-intro .btn-scroll-down i {
    font-size: 2rem
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-intro.aos-animate .container-fluid {
        -webkit-animation: fadeInUp 1.2s ease-in-out .2s 1 both;
        -moz-animation: fadeInUp 1.2s ease-in-out .2s 1 both;
        -ms-animation: fadeInUp 1.2s ease-in-out .2s 1 both;
        -o-animation: fadeInUp 1.2s ease-in-out .2s 1 both;
        animation: fadeInUp 1.2s ease-in-out .2s 1 both
    }
}

#pg-home .section-home-menu {
    min-height: 100vh;
    overflow: hidden
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-menu {
        min-height: calc(var(--vh, 1vh)*100);
        position: relative;
        z-index: 20
    }
    #pg-home .section-home-menu:before {
        background: var(--red-1);
        border-radius: 50%;
        bottom: auto;
        content: "";
        display: block;
        height: 145.3rem;
        left: 50%;
        position: absolute;
        right: auto;
        top: 100%;
        transform: translate(-50%, -14rem);
        width: 145.3rem;
        z-index: 2
    }
}

@media only screen and (max-width:1025px) and (max-width:767.98px) {
    #pg-home .section-home-menu:before {
        height: 75.3rem;
        transform: translate(-50%, -9rem);
        width: 75.3rem
    }
}

#pg-home .section-home-menu #swiper-home-menu {
    height: 100%;
    min-height: inherit
}

#pg-home .section-home-menu #swiper-home-menu .swiper-container {
    min-height: inherit
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu #swiper-home-menu .swiper-container {
        height: 100%;
        list-style: none;
        margin: auto;
        overflow: visible;
        padding: 0;
        position: static;
        z-index: 1
    }
}

#pg-home .section-home-menu #swiper-home-menu .swiper-wrapper {
    min-height: inherit
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu #swiper-home-menu .swiper-wrapper {
        box-sizing: border-box;
        transform: none
    }
    #pg-home .section-home-menu #swiper-home-menu .swiper-slide {
        flex-shrink: 1;
        height: auto;
        position: static;
        width: 100%
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-menu #swiper-home-menu .swiper-slide {
        min-height: inherit
    }
}

#pg-home .section-home-menu #swiper-home-menu .swiper-button-next,
#pg-home .section-home-menu #swiper-home-menu .swiper-button-prev {
    top: 38%
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-menu #swiper-home-menu .swiper-button-next i,
    #pg-home .section-home-menu #swiper-home-menu .swiper-button-prev i {
        font-size: 3.4rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-menu #swiper-home-menu .swiper-button-next i,
    #pg-home .section-home-menu #swiper-home-menu .swiper-button-prev i {
        font-size: 2.4rem
    }
}

#pg-home .section-home-menu #swiper-home-menu .swiper-button-prev {
    left: var(--padding)
}

#pg-home .section-home-menu #swiper-home-menu .swiper-button-next {
    right: var(--padding)
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu {
        align-content: normal;
        align-items: normal;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 100%;
        justify-content: normal;
        margin-left: -1px;
        position: relative;
        width: calc(100% + 2px)
    }
    #pg-home .section-home-menu .list-home-menu .list-item {
        max-width: 25%;
        width: 100%
    }
}

#pg-home .section-home-menu .list-home-menu .list-item a {
    align-content: flex-start;
    align-items: flex-start;
    color: var(--white-1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    position: relative;
    z-index: 3
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu .list-item a {
        border-left: 1px solid var(--white-1);
        border-right: 1px solid var(--white-1);
        padding: 24rem 6rem 15rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-menu .list-home-menu .list-item a {
        min-height: inherit
    }
    #pg-home .section-home-menu .list-home-menu .list-item a:before {
        background: var(--black-1);
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: .2;
        position: absolute;
        right: auto;
        top: 0;
        width: 100%
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-menu .list-home-menu .list-item a {
        padding: clamp(56rem, calc(var(--vh, 1vh)*51), 60rem) calc(2.5rem + var(--padding)) 17rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-menu .list-home-menu .list-item a {
        padding: clamp(35rem, calc(var(--vh, 1vh)*45), 40rem) calc(2.5rem + var(--padding)) 12rem
    }
    #pg-home .section-home-menu .list-home-menu .list-item a h2 {
        max-width: 22rem;
        width: 100%
    }
}

#pg-home .section-home-menu .list-home-menu .list-item a p {
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu .list-item a p {
        margin-top: 4rem;
        max-width: 29.8rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-menu .list-home-menu .list-item a p {
        margin-top: 1.8rem;
        max-width: 60rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-menu .list-home-menu .list-item a p {
        max-width: 22.2rem
    }
}

#pg-home .section-home-menu .list-home-menu .list-item a .btn-border {
    margin-top: 5rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-menu .list-home-menu .list-item a .btn-border,
    #pg-home .section-home-menu .list-home-menu .list-item a h2,
    #pg-home .section-home-menu .list-home-menu .list-item a p {
        position: relative;
        z-index: 2
    }
}

#pg-home .section-home-menu .list-home-menu .list-item .container-img {
    bottom: auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu .list-item .container-img {
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        transition-delay: 0s
    }
    #pg-home .section-home-menu .list-home-menu .list-item .container-img img {
        -webkit-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        transition-delay: 0s
    }
    #pg-home .section-home-menu .list-home-menu .list-item .container-img:before {
        background: var(--red-1);
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        left: var(--bg-left);
        mix-blend-mode: multiply;
        position: absolute;
        right: auto;
        top: 0;
        width: 25%;
        z-index: 2
    }
    #pg-home .section-home-menu .list-home-menu .list-item .container-text {
        opacity: 0;
        transform: translateY(4rem);
        -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: all .4s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: all .4s cubic-bezier(.785, .135, .15, .86);
        -o-transition: all .4s cubic-bezier(.785, .135, .15, .86);
        transition: all .4s cubic-bezier(.785, .135, .15, .86);
        transition-delay: 0s
    }
}

#pg-home .section-home-menu .list-home-menu .list-item:first-child .container-img {
    --bg-left: 0
}

#pg-home .section-home-menu .list-home-menu .list-item:nth-child(2) .container-img {
    --bg-left: 25%
}

#pg-home .section-home-menu .list-home-menu .list-item:nth-child(3) .container-img {
    --bg-left: 50%
}

#pg-home .section-home-menu .list-home-menu .list-item:nth-child(4) .container-img {
    --bg-left: 75%
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-menu .list-home-menu .list-item.active .container-img {
        opacity: 1
    }
    #pg-home .section-home-menu .list-home-menu .list-item.active .container-img img {
        transform: scale(1.02)
    }
    #pg-home .section-home-menu .list-home-menu .list-item.active .container-text {
        opacity: 1;
        transform: translateY(0)
    }
}

#pg-home .section-home-nascemos {
    position: relative
}

#pg-home .section-home-nascemos .container-1 {
    position: sticky;
    top: 0;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-nascemos .container-1 {
        min-height: 100vh
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-nascemos .container-1 {
        height: calc(var(--vh, 1vh)*100);
        min-height: 42rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-nascemos .container-1 h2 {
        font-weight: 600;
        max-width: 28rem
    }
}

#pg-home .section-home-nascemos .container-2 {
    position: relative
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-nascemos .container-2 {
        min-height: 150vh
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-nascemos .container-2 {
        height: calc(var(--vh, 1vh)*60);
        min-height: 42rem
    }
    #pg-home .section-home-nascemos .container-2 .line {
        bottom: auto;
        left: 50%;
        position: absolute;
        right: auto;
        top: -10rem;
        transform: translateX(-50%)
    }
    #pg-home .section-home-nascemos .container-2 .line:before {
        background: var(--white-1);
        border-radius: 50%;
        bottom: auto;
        content: "";
        display: block;
        height: 1rem;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 1rem
    }
    #pg-home .section-home-nascemos .container-2 .line:after {
        background: var(--white-1);
        bottom: auto;
        content: "";
        display: block;
        height: 26.3rem;
        left: .5rem;
        position: absolute;
        right: auto;
        top: 2rem;
        transform: translateX(-50%);
        width: 2px
    }
}

@media only screen and (max-width:1025px) and (max-width:1025px) {
    #pg-home .section-home-nascemos .container-2 .line:after {
        height: 11.6rem
    }
}

@media only screen and (min-width:768px) and (max-width:1025px) and (max-height:550px) and (orientation:landscape) {
    #pg-home .section-home-nascemos .container-2 {
        height: calc(var(--vh, 1vh)*100);
        min-height: 40rem
    }
}

#pg-home .section-home-nascemos .container-2 .container-img {
    bottom: calc(var(--vh, 1vh)*100/2);
    left: 50%;
    overflow: visible;
    position: absolute;
    right: auto;
    top: auto;
    transform: translate(-50%, 40%);
    width: 157rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-nascemos .container-2 .container-img {
        bottom: auto;
        left: 50%;
        padding-left: 15rem;
        padding-right: 15rem;
        top: 22%;
        transform: translate(-50%);
        width: 100%
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-nascemos .container-2 .container-img {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

#pg-home .section-home-nascemos .container-2 .container-img .line {
    bottom: auto;
    left: 50%;
    position: absolute;
    right: auto;
    top: -43rem;
    transform: translateX(-50%)
}

#pg-home .section-home-nascemos .container-2 .container-img .line:before {
    background: var(--white-1);
    border-radius: 50%;
    bottom: auto;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 1rem
}

#pg-home .section-home-nascemos .container-2 .container-img .line:after {
    background: var(--white-1);
    bottom: auto;
    content: "";
    display: block;
    height: 26.3rem;
    left: .5rem;
    position: absolute;
    right: auto;
    top: 2rem;
    transform: translateX(-50%);
    width: 2px
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-nascemos .container-2 .container-img .line:after {
        height: 11.6rem
    }
}

#pg-home .section-home-posts {
    position: relative
}

#pg-home .section-home-posts .curva {
    bottom: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 100%;
    transform: translateY(calc(-100% + 1px));
    transform-origin: bottom;
    width: 100%
}

#pg-home .section-home-posts .curva img {
    transform-origin: bottom
}

#pg-home .section-home-posts .list-home-posts {
    align-content: normal;
    align-items: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts {
        padding-left: 7rem;
        padding-right: 7rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts {
        justify-content: center
    }
    #pg-home .section-home-posts .list-home-posts li {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li:not(:last-of-type) {
        margin-bottom: 6rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li:not(:last-of-type) {
        margin-bottom: 9rem
    }
}

#pg-home .section-home-posts .list-home-posts li a {
    display: block;
    pointer-events: none;
    width: 39.6rem
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li a {
        transform: scale(.8)
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a {
        width: 25rem
    }
}

#pg-home .section-home-posts .list-home-posts li a .content {
    position: relative
}

#pg-home .section-home-posts .list-home-posts li a .post-pic {
    border-radius: 2rem;
    height: 44rem;
    pointer-events: auto;
    position: relative;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .post-pic {
        height: 27.6rem
    }
}

#pg-home .section-home-posts .list-home-posts li a .post-pic .testimonials-name {
    bottom: 0;
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    height: 4rem;
    left: 1.5rem;
    position: absolute;
    text-transform: uppercase;
    width: 100%
}

#pg-home .section-home-posts .list-home-posts li a .post-pic img {
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

#pg-home .section-home-posts .list-home-posts li a .container-text {
    padding-top: 1.8rem;
    position: relative;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text {
        opacity: 0;
        padding-left: 2.3rem;
        padding-right: 4.2rem;
        transform: translateY(-3rem);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        transition-delay: 0s
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text {
        padding-left: 7rem;
        padding-right: 7rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

#pg-home .section-home-posts .list-home-posts li a .container-text h4 {
    color: var(--black-1)
}

#pg-home .section-home-posts .list-home-posts li a .container-text p {
    color: var(--red-1);
    margin-top: 1rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-posts .list-home-posts li a .container-text h4,
    #pg-home .section-home-posts .list-home-posts li a .container-text p {
        text-align: center
    }
}

#pg-home .section-home-posts .list-home-posts li a .form-img {
    bottom: auto;
    height: var(--form-height);
    left: var(--form-left);
    position: absolute;
    right: auto;
    top: var(--form-top);
    width: var(--form-width)
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img {
        opacity: 0;
        pointer-events: none;
        transform: scale(.7);
        -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
        -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
        transition: all .3s cubic-bezier(.785, .135, .15, .86);
        transition-delay: 0s
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-1 {
        --form-width: 20.4rem;
        --form-top: -7rem;
        --form-left: -9rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-1 {
        --form-width: 11.3rem;
        --form-top: -3rem;
        --form-left: -2.8rem
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-2 {
        --form-width: 17.6rem;
        --form-top: calc(100% - 16.6rem);
        --form-left: calc(100% - 9.3rem)
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-2 {
        --form-width: 8.7rem;
        --form-top: calc(100% - 10rem);
        --form-left: calc(100% - 6.3rem)
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-3 {
        --form-width: 24rem;
        --form-top: -5.5rem;
        --form-left: -6.3rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-3 {
        --form-width: 12.4rem;
        --form-top: -2.6rem;
        --form-left: -2rem
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-4 {
        --form-width: 14rem;
        --form-top: calc(100% - 11.3rem);
        --form-left: calc(100% - 7.1rem)
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-4 {
        --form-width: 7.5rem;
        --form-top: calc(100% - 8rem);
        --form-left: calc(100% - 5rem)
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-5 {
        --form-width: 13.7rem;
        --form-top: -6.8rem;
        --form-left: -9rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-5 {
        --form-width: 7rem;
        --form-top: calc(100% - 8.3rem);
        --form-left: -2.6rem
    }
}

@media only screen and (min-width:768px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-6 {
        --form-width: 17.8rem;
        --form-top: calc(100% - 10rem);
        --form-left: calc(100% - 13rem)
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-posts .list-home-posts li a .form-img.form-img-6 {
        --form-width: 10.4rem;
        --form-top: -3.6rem;
        --form-left: calc(100% - 6.6rem)
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-posts .list-home-posts li a:hover .container-text {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }
    #pg-home .section-home-posts .list-home-posts li a:hover .content .post-pic img {
        transform: scale(1.1)
    }
    #pg-home .section-home-posts .list-home-posts li a:hover .content .form-img {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1)
    }
}

#pg-home .section-home-posts .list-home-posts.aos-animate li {
    -webkit-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -moz-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -ms-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -o-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    animation: fadeInUp2 .6s ease-in-out .2s 1 both
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(0) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:first-child {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(3) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(5) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(7) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(8) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(9) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(10) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(11) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(12) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(13) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(14) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(15) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(16) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(17) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(18) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(19) {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(20) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(21) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(22) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(23) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(24) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(25) {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(26) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(27) {
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(28) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(29) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(30) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(31) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(32) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(33) {
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(34) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(35) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(36) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(37) {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(38) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(39) {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(40) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(41) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(42) {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(43) {
    -webkit-animation-delay: 2.35s;
    animation-delay: 2.35s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(44) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(45) {
    -webkit-animation-delay: 2.45s;
    animation-delay: 2.45s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(46) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(47) {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(48) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

#pg-home .section-home-posts .list-home-posts.aos-animate li:nth-child(49) {
    -webkit-animation-delay: 2.65s;
    animation-delay: 2.65s
}

#pg-home .section-health-lab {
    min-height: 400vh;
    position: relative
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab {
        min-height: calc(var(--vh, 1vh)*300)
    }
}

#pg-home .section-health-lab lottie-player {
    display: block;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 33
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab {
        padding-top: 10rem
    }
}

#pg-home .section-health-lab .btn-down {
    bottom: 7rem;
    left: 50%;
    position: absolute;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    z-index: 60
}

#pg-home .section-health-lab .btn-down i {
    font-size: 2rem
}

#pg-home .section-health-lab .bg-icon {
    bottom: auto;
    left: 30rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 0
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .bg-icon {
        width: 281rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .bg-icon {
        bottom: -76rem;
        left: -58.3rem;
        top: auto;
        width: 140.3rem
    }
}

#pg-home .section-health-lab #transicao-health-lab-01 {
    overflow: hidden;
    pointer-events: none
}

#pg-home .section-health-lab #transicao-health-lab-01 img {
    width: 13.8rem
}

#pg-home .section-health-lab .container-fluid {
    bottom: auto;
    display: block;
    left: 0;
    min-height: calc(var(--vh, 1vh)*100 + 37rem);
    overflow: hidden;
    position: sticky;
    top: -37rem;
    width: 100%;
    z-index: 34
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .container-fluid {
        height: calc(var(--vh, 1vh)*100 + 37rem)
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .container-fluid {
        opacity: 1;
        padding-top: calc(var(--vh, 1vh)*70);
        position: relative
    }
}

#pg-home .section-health-lab .row-1 {
    align-content: center;
    align-items: center
}

#pg-home .section-health-lab .row-1 .container-extra {
    align-content: normal;
    align-items: normal;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .row-1 .container-extra {
        padding-bottom: 20rem;
        padding-top: 74rem
    }
}

#pg-home .section-health-lab .row-1 .column-1 {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-1 {
        align-content: center;
        align-items: center;
        height: calc(var(--vh, 1vh)*100);
        justify-content: center
    }
}

#pg-home .section-health-lab .row-1 .column-1:before {
    background: var(--white-1);
    bottom: auto;
    content: "";
    display: block;
    height: 1px;
    left: auto;
    position: absolute;
    right: 0;
    top: 4.3rem;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    transition-delay: .2s;
    width: 39rem
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .row-1 .column-1:before {
        transform: translateX(calc(100% + var(--padding))) scaleX(0);
        transform-origin: left
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-1:before {
        bottom: 0;
        height: 27.3rem;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%, 4.7rem) scaleY(0);
        transform-origin: top;
        width: 1px
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-1:before {
        height: 22rem
    }
}

@media only screen and (max-width:768px) and (max-height:550px) and (orientation:landscape) {
    #pg-home .section-health-lab .row-1 .column-1:before {
        height: 15rem
    }
}

@media only screen and (min-width:768px) and (max-width:1025px) and (max-height:550px) and (orientation:landscape) {
    #pg-home .section-health-lab .row-1 .column-1:before {
        height: 13rem
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .row-1 .column-1 .container-img {
        width: 32.6rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-1 .container-img {
        width: 32rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-health-lab .row-1 .column-1 .container-img {
        width: 23.8rem
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-health-lab .row-1 .column-1.aos-animate:before {
        transform: translateX(calc(100% + var(--padding))) scaleX(1)
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-1.aos-animate:before {
        transform: translate(-50%, 4.7rem) scaleY(1)
    }
}

#pg-home .section-health-lab .row-1 .column-2 {
    position: relative
}

@media only screen and (max-width:1025px) {
    #pg-home .section-health-lab .row-1 .column-2 {
        justify-content: center;
        min-height: calc(var(--vh, 1vh)*90);
        padding-bottom: 20rem;
        padding-top: 20rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-health-lab .row-1 .column-2 {
        min-height: calc(var(--vh, 1vh)*100);
        padding-bottom: 15rem;
        padding-top: 15rem
    }
}

#pg-home .section-health-lab .row-1 .column-2 .container-text {
    max-width: 40rem;
    width: 100%
}

#pg-home .section-home-blog {
    overflow: hidden;
    position: relative
}

#pg-home .section-home-blog lottie-player {
    bottom: auto;
    height: 37rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 2rem
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-blog lottie-player {
        height: 29rem;
        left: -18rem;
        top: -1rem;
        width: 107rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-blog lottie-player {
        left: -22rem;
        top: -2rem
    }
}

#pg-home .section-home-blog #swiper-home-blog {
    position: relative
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-blog #swiper-home-blog .swiper-container {
        overflow: visible
    }
}

#pg-home .section-home-blog #swiper-home-blog a {
    display: block
}

#pg-home .section-home-blog #swiper-home-blog a .container-img {
    border-radius: 2rem;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#pg-home .section-home-blog #swiper-home-blog a .container-img:before {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%
}

#pg-home .section-home-blog #swiper-home-blog a .container-img img {
    bottom: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 0
}

#pg-home .section-home-blog #swiper-home-blog a h4 {
    color: var(--black-2);
    margin-top: 3rem;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-blog #swiper-home-blog a:hover .container-img,
    #pg-home .section-home-blog #swiper-home-blog a:hover h4 {
        transform: translateY(-4.5rem)
    }
}

#pg-home .section-home-blog #swiper-home-blog .swiper-button-next,
#pg-home .section-home-blog #swiper-home-blog .swiper-button-prev {
    margin-top: 10rem;
    top: 19.5rem
}

#pg-home .section-home-blog #swiper-home-blog .swiper-button-next i,
#pg-home .section-home-blog #swiper-home-blog .swiper-button-prev i {
    font-size: 3.5rem
}

#pg-home .section-home-blog #swiper-home-blog .swiper-button-next i:before,
#pg-home .section-home-blog #swiper-home-blog .swiper-button-prev i:before {
    color: var(--red-1)
}

#pg-home .section-home-blog #swiper-home-blog .swiper-button-prev {
    left: -5.6rem
}

#pg-home .section-home-blog #swiper-home-blog .swiper-button-next {
    right: -5.6rem
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide a {
    -webkit-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -moz-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -ms-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    -o-animation: fadeInUp2 .6s ease-in-out .2s 1 both;
    animation: fadeInUp2 .6s ease-in-out .2s 1 both
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(0) a {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:first-child a {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(2) a {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(3) a {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(4) a {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(5) a {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(6) a {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(7) a {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(8) a {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(9) a {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(10) a {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(11) a {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(12) a {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(13) a {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(14) a {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(15) a {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(16) a {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(17) a {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(18) a {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(19) a {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(20) a {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(21) a {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(22) a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(23) a {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(24) a {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(25) a {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(26) a {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(27) a {
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(28) a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(29) a {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(30) a {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(31) a {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(32) a {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(33) a {
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(34) a {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(35) a {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(36) a {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(37) a {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(38) a {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(39) a {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(40) a {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(41) a {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(42) a {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(43) a {
    -webkit-animation-delay: 2.35s;
    animation-delay: 2.35s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(44) a {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(45) a {
    -webkit-animation-delay: 2.45s;
    animation-delay: 2.45s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(46) a {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(47) a {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(48) a {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

#pg-home .section-home-blog #swiper-home-blog.aos-animate .swiper-slide:nth-child(49) a {
    -webkit-animation-delay: 2.65s;
    animation-delay: 2.65s
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item:not(:last-of-type) {
    border-bottom: 1px solid var(--white-2)
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item:not(:last-of-type) {
        border-color: var(--gray-1)
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header {
    align-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header {
        padding-bottom: 3.9rem;
        padding-top: 3.9rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header {
        padding-bottom: 2.2rem;
        padding-top: 2.2rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header {
        padding-bottom: 1.2rem;
        padding-top: 1.2rem
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4 {
        max-width: 100rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4 {
        max-width: 60rem
    }
}

@media only screen and (max-width:767.98px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4 {
        max-width: 25rem;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        transition-delay: .3s
    }
}

@media only screen and (max-width:768px) and (max-height:550px) and (orientation:landscape) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header h4 {
        max-width: 65rem
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header i {
    display: block;
    font-size: 1.3rem;
    opacity: 1;
    position: relative
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header i {
        font-size: 1rem
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-header i:before {
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text {
        padding-bottom: 3rem
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text {
        padding-bottom: 2rem
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text a,
#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text span {
    color: var(--red-1)
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item .accordion-content .container-text p {
    max-width: 82rem;
    width: 100%
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-faq .list-faq-accordion .accordion-item.active .accordion-header h4 {
        color: var(--gray-2);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        transition-delay: 0s
    }
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item.active .accordion-header i:before {
    color: var(--black-2);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-delay: 0s
}

#pg-home .section-home-faq .list-faq-accordion .accordion-item.active .accordion-content {
    max-height: 9999rem;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li {
    -webkit-animation: fadeInUp .5s ease-in-out .2s 1 both;
    -moz-animation: fadeInUp .5s ease-in-out .2s 1 both;
    -ms-animation: fadeInUp .5s ease-in-out .2s 1 both;
    -o-animation: fadeInUp .5s ease-in-out .2s 1 both;
    animation: fadeInUp .5s ease-in-out .2s 1 both
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(0) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:first-child {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(3) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(5) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(7) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(8) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(9) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(10) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(11) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(12) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(13) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(14) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(15) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(16) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(17) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(18) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(19) {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(20) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(21) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(22) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(23) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(24) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(25) {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(26) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(27) {
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(28) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(29) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(30) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(31) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(32) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(33) {
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(34) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(35) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(36) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(37) {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(38) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(39) {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(40) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(41) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(42) {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(43) {
    -webkit-animation-delay: 2.35s;
    animation-delay: 2.35s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(44) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(45) {
    -webkit-animation-delay: 2.45s;
    animation-delay: 2.45s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(46) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(47) {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(48) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

#pg-home .section-home-faq .list-faq-accordion.aos-animate li:nth-child(49) {
    -webkit-animation-delay: 2.65s;
    animation-delay: 2.65s
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-insta {
        overflow: hidden
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-insta .row-1 .column-1 p {
        max-width: 81rem;
        width: 100%
    }
}

#pg-home .section-home-insta #swiper-home-insta {
    position: relative
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-insta #swiper-home-insta:before {
        left: auto;
        right: 0
    }
    #pg-home .section-home-insta #swiper-home-insta:after,
    #pg-home .section-home-insta #swiper-home-insta:before {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, var(--white-1) 86.03%);
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 39.2rem;
        z-index: 2
    }
    #pg-home .section-home-insta #swiper-home-insta:after {
        left: 0;
        right: auto;
        transform: scaleX(-1)
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-insta #swiper-home-insta {
        padding-left: 7.5rem
    }
}

@media only screen and (min-width:1025.1px) {
    #pg-home .section-home-insta #swiper-home-insta .swiper-container:before {
        background: 0 0;
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        left: auto;
        pointer-events: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 26rem;
        z-index: 3
    }
    #pg-home .section-home-insta #swiper-home-insta .swiper-container:after {
        background: 0 0;
        bottom: auto;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        pointer-events: auto;
        position: absolute;
        right: auto;
        top: 0;
        width: 26rem;
        z-index: 3
    }
}

@media only screen and (max-width:1025px) {
    #pg-home .section-home-insta #swiper-home-insta .swiper-container {
        overflow: visible
    }
}

#pg-home .section-home-insta #swiper-home-insta .container-img {
    border-radius: 2rem;
    position: relative
}

#pg-home .section-home-insta #swiper-home-insta .container-img:before {
    content: "";
    display: block;
    padding-top: 126%;
    width: 100%
}

#pg-home .section-home-insta #swiper-home-insta .container-img img {
    bottom: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 0
}

#pg-home .section-home-insta #swiper-home-insta .swiper-button-next i,
#pg-home .section-home-insta #swiper-home-insta .swiper-button-prev i {
    font-size: 3.5rem
}

#pg-home .section-home-insta #swiper-home-insta .swiper-button-next i:before,
#pg-home .section-home-insta #swiper-home-insta .swiper-button-prev i:before {
    color: var(--red-1)
}

#pg-home .section-home-insta #swiper-home-insta .swiper-button-prev {
    left: 1.8rem
}

#pg-home .section-home-insta #swiper-home-insta .swiper-button-next {
    right: 1.8rem
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide a {
    -webkit-animation: fadeIn .6s ease-in-out 0s 1 both;
    -moz-animation: fadeIn .6s ease-in-out 0s 1 both;
    -ms-animation: fadeIn .6s ease-in-out 0s 1 both;
    -o-animation: fadeIn .6s ease-in-out 0s 1 both;
    animation: fadeIn .6s ease-in-out 0s 1 both
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(0) a {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:first-child a {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(2) a {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(3) a {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(4) a {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(5) a {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(6) a {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(7) a {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(8) a {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(9) a {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(10) a {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(11) a {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(12) a {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(13) a {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(14) a {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(15) a {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(16) a {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(17) a {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(18) a {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(19) a {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(20) a {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(21) a {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(22) a {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(23) a {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(24) a {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(25) a {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(26) a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(27) a {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(28) a {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(29) a {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(30) a {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(31) a {
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(32) a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(33) a {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(34) a {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(35) a {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(36) a {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(37) a {
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(38) a {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(39) a {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(40) a {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(41) a {
    -webkit-animation-delay: 2.05s;
    animation-delay: 2.05s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(42) a {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(43) a {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(44) a {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(45) a {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(46) a {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(47) a {
    -webkit-animation-delay: 2.35s;
    animation-delay: 2.35s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(48) a {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(49) a {
    -webkit-animation-delay: 2.45s;
    animation-delay: 2.45s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(50) a {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(51) a {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(52) a {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(53) a {
    -webkit-animation-delay: 2.65s;
    animation-delay: 2.65s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(54) a {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(55) a {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(56) a {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(57) a {
    -webkit-animation-delay: 2.85s;
    animation-delay: 2.85s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(58) a {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(59) a {
    -webkit-animation-delay: 2.95s;
    animation-delay: 2.95s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(60) a {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(61) a {
    -webkit-animation-delay: 3.05s;
    animation-delay: 3.05s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(62) a {
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(63) a {
    -webkit-animation-delay: 3.15s;
    animation-delay: 3.15s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(64) a {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(65) a {
    -webkit-animation-delay: 3.25s;
    animation-delay: 3.25s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(66) a {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(67) a {
    -webkit-animation-delay: 3.35s;
    animation-delay: 3.35s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(68) a {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(69) a {
    -webkit-animation-delay: 3.45s;
    animation-delay: 3.45s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(70) a {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(71) a {
    -webkit-animation-delay: 3.55s;
    animation-delay: 3.55s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(72) a {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(73) a {
    -webkit-animation-delay: 3.65s;
    animation-delay: 3.65s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(74) a {
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(75) a {
    -webkit-animation-delay: 3.75s;
    animation-delay: 3.75s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(76) a {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(77) a {
    -webkit-animation-delay: 3.85s;
    animation-delay: 3.85s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(78) a {
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(79) a {
    -webkit-animation-delay: 3.95s;
    animation-delay: 3.95s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(80) a {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(81) a {
    -webkit-animation-delay: 4.05s;
    animation-delay: 4.05s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(82) a {
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(83) a {
    -webkit-animation-delay: 4.15s;
    animation-delay: 4.15s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(84) a {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(85) a {
    -webkit-animation-delay: 4.25s;
    animation-delay: 4.25s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(86) a {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(87) a {
    -webkit-animation-delay: 4.35s;
    animation-delay: 4.35s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(88) a {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(89) a {
    -webkit-animation-delay: 4.45s;
    animation-delay: 4.45s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(90) a {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(91) a {
    -webkit-animation-delay: 4.55s;
    animation-delay: 4.55s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(92) a {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(93) a {
    -webkit-animation-delay: 4.65s;
    animation-delay: 4.65s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(94) a {
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(95) a {
    -webkit-animation-delay: 4.75s;
    animation-delay: 4.75s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(96) a {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(97) a {
    -webkit-animation-delay: 4.85s;
    animation-delay: 4.85s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(98) a {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

#pg-home .section-home-insta #swiper-home-insta.aos-animate .swiper-slide:nth-child(99) a {
    -webkit-animation-delay: 4.95s;
    animation-delay: 4.95s
}

body:not(.menu-active) .internal-header {
    background-color: var(--white-1)
}

body:not(.menu-active) .internal-header #bt-menu {
    --color: var(--red-1)!important
}

body:not(.menu-active) .internal-header .logo-color {
    fill: var(--red-1)
}

.internal.pf,
.internal.pj {
    background-color: var(--white-1);
    color: var(--white-1);
    padding-top: calc(var(--header-height) + 20px);
    position: relative;
    width: 100%;
    z-index: 0
}

.internal.pf:before,
.internal.pj:before {
    background-image: url(../images/bg-internal-pf.jpg);
    background-position: center calc(var(--header-height) + 20px);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s linear;
    width: 100%;
    z-index: -1
}

.internal.pf.animated:before,
.internal.pj.animated:before {
    background-position: 100% calc(var(--header-height) + 20px)
}

@media only screen and (min-width:1025.1px) {
    .internal.pf,
    .internal.pj {
        height: 100vh;
        min-height: 82rem
    }
}

@media only screen and (max-width:1025px) {
    .internal.pf,
    .internal.pj {
        background-position: 50% calc(var(--header-height) + 20px);
        min-height: calc(var(--vh, 1vh)*100);
        z-index: 3
    }
}

.internal.pj:before {
    background-image: url(../images/bg-internal-pj.jpg);
    background-position: center calc(var(--header-height) + 20px)
}

.internal.pj.animated:before {
    background-position: 5px calc(var(--header-height) + 20px)
}

.internal.pj .container {
    flex-direction: row-reverse
}

.internal.pj .container .form-large {
    left: 0;
    padding-left: 0!important;
    padding-right: 185px;
    transform: translateX(-100vw)!important
}

.internal.pj .container .form-large.animated {
    transform: translateX(180px)!important
}

@media only screen and (max-width:1025px) {
    .internal.pj .container .form-large.animated {
        margin-top: 120px;
        padding: 64px 32px 32px!important;
        transform: translateX(0)!important
    }
}

.internal.pj .container .form-large:before {
    left: auto!important;
    right: 100%
}

.internal .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end
}

@media only screen and (max-width:1025px) {
    .internal .container {
        margin-top: 120px
    }
}

.internal .container .form {
    max-width: 515px;
    transition: all .3s linear;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .internal .container .form {
        margin-top: -124px
    }
}

.internal .container .form .form-fields {
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px
}

.internal .container .form .form-fields input {
    background: hsla(0, 0%, 100%, .4);
    border: 1px solid var(--red-1);
    border-radius: 24px;
    flex: 1;
    height: 48px;
    margin: auto auto 1rem;
    padding: 0 26px
}

.internal .container .form .form-fields button {
    align-items: center;
    background: var(--red-1);
    border-radius: 24px;
    color: var(--white-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin: auto auto 1rem;
    padding: 12px 30px
}

@media only screen and (min-width:1025.1px) {
    .internal .container .form .form-fields button {
        margin-left: 7px
    }
}

.internal .container .form .form-fields button:focus,
.internal .container .form .form-fields button:hover {
    background: var(--red-2)
}

.internal .container .form .form-fields button:disabled {
    opacity: .5
}

.internal .container .form-large {
    background: var(--white-1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 625px;
    padding: 16px;
    position: absolute;
    transform: translateX(100vw);
    transition: all .3s linear;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1025.1px) {
    .internal .container .form-large {
        padding-left: 185px
    }
}

.internal .container .form-large.animated {
    transform: translateX(0)
}

.internal .container .form-large:before {
    background: var(--white-1);
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    width: 100vw
}

.internal .container .form-large h2 {
    color: var(--black-1);
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    text-transform: none
}

@media only screen and (min-width:1025.1px) {
    .internal .container .form-large form {
        margin: 57px 7px 0 -7px
    }
}

.internal .container .form-large form label {
    color: var(--black-2);
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 7px;
    padding: 0 7px
}

.internal .container .form-large form input,
.internal .container .form-large form select {
    background: hsla(0, 0%, 100%, .4);
    border: 1px solid var(--red-1);
    border-radius: 24px;
    flex: 1;
    height: 48px;
    margin: 7px;
    padding: 0 26px;
    width: 50%
}

.internal .container .form-large form input.full,
.internal .container .form-large form select.full {
    width: 100%
}

.internal .container .form-large form .form-columns {
    display: flex;
    margin: 0 -14px 0 0
}

.internal .container .form-large form .form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 57px 7px 0
}

.internal .container .form-large form .form-actions .alert {
    color: var(--red-1);
    font-size: 14px;
    margin-left: 24px;
    opacity: 0
}

.internal .container .form-large form button {
    align-items: center;
    background: var(--red-1);
    border-radius: 24px;
    color: var(--white-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    padding: 12px 30px
}

.internal .container .form-large form button:focus,
.internal .container .form-large form button:hover {
    background: var(--red-2)
}

.internal h1 {
    color: var(--red-1);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px
}

.internal h2 {
    color: var(--white-1);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.internal-proposal.pf,
.internal-proposal.pj {
    background-color: var(--white-1);
    color: var(--white-1);
    padding-top: calc(var(--header-height) + 20px);
    position: relative;
    width: 100%;
    z-index: 0
}

.internal-proposal.pf:before,
.internal-proposal.pj:before {
    background-image: url(../images/proposta_rede.png);
    background-position: center calc(var(--header-height) + 20px);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s linear;
    width: 100%;
    z-index: -1
}

.internal-proposal.pf.animated:before,
.internal-proposal.pj.animated:before {
    background-position: 100% calc(var(--header-height) + 20px)
}

@media only screen and (min-width:1025.1px) {
    .internal-proposal.pf,
    .internal-proposal.pj {
        height: 100vh;
        min-height: 82rem
    }
}

@media only screen and (max-width:1025px) {
    .internal-proposal.pf,
    .internal-proposal.pj {
        background-position: 50% calc(var(--header-height) + 20px);
        min-height: calc(var(--vh, 1vh)*100);
        z-index: 3
    }
}

.internal-proposal.pj:before {
    background-image: url(../images/proposta_rede.png);
    background-position: center calc(var(--header-height) + 20px)
}

.internal-proposal.pj.animated:before {
    background-position: 5px calc(var(--header-height) + 20px)
}

.internal-proposal.pj .container {
    flex-direction: row-reverse
}

.internal-proposal.pj .container .form-large {
    left: 0;
    padding-left: 0!important;
    padding-right: 185px;
    transform: translateX(-100vw)!important
}

.internal-proposal.pj .container .form-large.animated {
    transform: translateX(180px)!important
}

@media only screen and (max-width:1025px) {
    .internal-proposal.pj .container .form-large.animated {
        margin-top: 120px;
        padding: 64px 32px 32px!important;
        transform: translateX(0)!important
    }
}

.internal-proposal.pj .container .form-large:before {
    left: auto!important;
    right: 100%
}

.internal-proposal .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end
}

@media only screen and (max-width:1025px) {
    .internal-proposal .container {
        margin-top: 120px
    }
}

.internal-proposal .container .form {
    max-width: 515px;
    transition: all .3s linear;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .internal-proposal .container .form {
        margin-top: -124px
    }
}

.internal-proposal .container .form .form-fields {
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px
}

.internal-proposal .container .form .form-fields input {
    background: hsla(0, 0%, 100%, .4);
    border: 1px solid var(--red-1);
    border-radius: 24px;
    flex: 1;
    height: 48px;
    margin: auto auto 1rem;
    padding: 0 26px
}

.internal-proposal .container .form .form-fields button {
    align-items: center;
    background: var(--red-1);
    border-radius: 24px;
    color: var(--white-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin: auto auto 1rem;
    padding: 12px 30px
}

@media only screen and (min-width:1025.1px) {
    .internal-proposal .container .form .form-fields button {
        margin-left: 7px
    }
}

.internal-proposal .container .form .form-fields button:focus,
.internal-proposal .container .form .form-fields button:hover {
    background: var(--red-2)
}

.internal-proposal .container .form .form-fields button:disabled {
    opacity: .5
}

.internal-proposal .container .form-large {
    background: var(--white-1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 625px;
    padding: 16px;
    position: absolute;
    transform: translateX(100vw);
    transition: all .3s linear;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1025.1px) {
    .internal-proposal .container .form-large {
        padding-left: 185px
    }
}

.internal-proposal .container .form-large.animated {
    transform: translateX(0)
}

.internal-proposal .container .form-large:before {
    background: var(--white-1);
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    width: 100vw
}

.internal-proposal .container .form-large h2 {
    color: var(--black-1);
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    text-transform: none
}

@media only screen and (min-width:1025.1px) {
    .internal-proposal .container .form-large form {
        margin: 57px 7px 0 -7px
    }
}

.internal-proposal .container .form-large form label {
    color: var(--black-2);
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 7px;
    padding: 0 7px
}

.internal-proposal .container .form-large form input,
.internal-proposal .container .form-large form select {
    background: hsla(0, 0%, 100%, .4);
    border: 1px solid var(--red-1);
    border-radius: 24px;
    flex: 1;
    height: 48px;
    margin: 7px;
    padding: 0 26px;
    width: 50%
}

.internal-proposal .container .form-large form input.full,
.internal-proposal .container .form-large form select.full {
    width: 100%
}

.internal-proposal .container .form-large form .form-columns {
    display: flex;
    margin: 0 -14px 0 0
}

.internal-proposal .container .form-large form .form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 57px 7px 0
}

.internal-proposal .container .form-large form .form-actions .alert {
    color: var(--red-1);
    font-size: 14px;
    margin-left: 24px;
    opacity: 0
}

.internal-proposal .container .form-large form button {
    align-items: center;
    background: var(--red-1);
    border-radius: 24px;
    color: var(--white-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    padding: 12px 30px
}

.internal-proposal .container .form-large form button:focus,
.internal-proposal .container .form-large form button:hover {
    background: var(--red-2)
}

.internal-proposal h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px
}

.internal-proposal h2 {
    color: var(--white-1);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.internal-banner {
    background-color: #000;
    background-image: url(../images/img-internal-pra-voce.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white-1);
    padding-top: calc(var(--header-height) + 20px);
    position: relative;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .internal-banner {
        height: 100vh;
        min-height: 82rem
    }
}

@media only screen and (max-width:1025px) {
    .internal-banner {
        background-position: 85%;
        min-height: calc(var(--vh, 1vh)*100);
        z-index: 3
    }
}

.internal-banner .internal-banner-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.internal-banner .internal-banner-content-texts {
    max-width: 556px;
    width: 100%
}

.internal-banner .internal-banner-content-texts h1 {
    font-size: 64px;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 11px
}

.internal-banner .internal-banner-content-texts h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.internal-banner .price {
    align-items: center;
    display: flex;
    margin: 64px -35px 24px;
    text-align: center
}

.internal-banner .price>section {
    margin-left: 35px;
    margin-right: 35px
}

.internal-banner .price>section:first-child {
    position: relative
}

.internal-banner .price>section:first-child:before {
    background-color: var(--white-1);
    content: "";
    height: 100%;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.internal-banner .price>section:last-child {
    margin-right: 0
}

.internal-banner .price span {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: auto;
    width: 140px
}

.internal-banner .price h3 {
    display: inline-block;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px
}

.internal-banner .price h3.pricing:before {
    content: "R$";
    font-size: 22px;
    font-weight: 500;
    line-height: 80px;
    vertical-align: top
}

.internal-banner .price h3.pricing:after {
    content: ",90";
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px;
    vertical-align: top
}

.internal-column {
    display: flex
}

@media only screen and (min-width:1025.1px) {
    .internal-column {
        flex-direction: row
    }
}

@media only screen and (max-width:1025px) {
    .internal-column {
        flex-direction: column
    }
}

.internal-column>section {
    flex: 1
}

.internal-start-now {
    align-items: center;
    background-color: #000;
    background-image: url(../images/bg-start-now.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 660px
}

@media only screen and (min-width:1025.1px) {
    .internal-start-now {
        justify-content: flex-end;
        padding-right: 100px
    }
}

@media only screen and (max-width:1025px) {
    .internal-start-now {
        justify-content: center
    }
}

.internal-start-now p {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    max-width: 578px;
    text-align: center;
    width: 100%
}

.internal-start-form {
    align-items: center;
    display: flex;
    height: 660px
}

@media only screen and (min-width:1025.1px) {
    .internal-start-form {
        justify-content: flex-start;
        padding-left: 120px
    }
}

@media only screen and (max-width:1025px) {
    .internal-start-form {
        justify-content: center
    }
}

.internal-start-form form {
    border-radius: 50px;
    flex-direction: column;
    justify-content: center;
    max-width: 454px;
    padding: 73px 56px 55px;
    width: 100%
}

.internal-start-form form p {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 42px;
    text-align: center
}

.internal-start-form form .container-submit,
.internal-start-form form .container-submit button {
    width: 100%
}

.internal-start-form form .container-input {
    margin-bottom: 22px
}

.internal-all-your {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 760px;
    justify-content: center
}

@media only screen and (min-width:1025.1px) {
    .internal-all-your {
        padding-left: 100px;
        padding-right: 100px
    }
}

.internal-all-your-texts {
    max-width: 548px;
    width: 100%
}

.internal-all-your p {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 48px
}

.internal-all-your p span {
    color: var(--red-1);
    display: block;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 36px
}

.internal-all-your .btn,
.internal-all-your .btn-border {
    margin-top: 67px
}

.internal-all-your-img {
    align-items: center;
    display: flex;
    height: 760px
}

@media only screen and (min-width:1025.1px) {
    .internal-all-your-img {
        padding-left: 20px
    }
}

.internal-all-your-img img {
    border-radius: 25px
}

.internal-app-img {
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1025.1px) {
    .internal-app-img {
        justify-content: flex-end;
        padding-right: 180px
    }
}

.internal-app-texts {
    display: flex;
    flex-direction: column;
    height: 660px;
    justify-content: center;
    max-width: 645px;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .internal-app-texts {
        padding-left: 80px
    }
}

@media only screen and (max-width:1025px) {
    .internal-app-texts {
        align-items: center
    }
}

.internal-app-texts p {
    color: var(--red-1);
    font-size: 36px;
    font-weight: 700;
    line-height: 43px
}

.internal-app-texts>span {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 51px 0 46px;
    text-transform: uppercase
}

.internal-app-badges {
    align-items: center;
    display: flex;
    margin-bottom: 43px
}

.internal-family {
    align-items: center;
    background-color: #000;
    background-image: url(../images/bg-family.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 799px
}

.internal-family h2 {
    color: var(--white-1);
    font-size: 27.3271px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 20px;
    max-width: 553px;
    width: 100%
}

.internal-family p {
    color: var(--white-1);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 43px;
    max-width: 486px;
    width: 100%
}

.internal-care {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 760px;
    justify-content: center
}

.internal-care h2,
.internal-care p {
    color: var(--white-1);
    max-width: 618px;
    width: 100%
}

.internal-care h2 {
    font-size: 64px;
    font-weight: 700;
    line-height: 77px
}

.internal-care p {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 16px;
    text-transform: uppercase
}

.internal-care-img {
    align-items: center;
    display: flex;
    height: 760px;
    justify-content: flex-end
}

@media only screen and (min-width:1025.1px) {
    .internal-care-img {
        padding-right: 20px
    }
}

.internal-care-img img {
    border-radius: 25px
}

.internal-doctor {
    padding-top: 100px;
    position: relative
}

.internal-doctor:after,
.internal-doctor:before {
    bottom: -139px;
    content: "";
    height: 100%;
    position: absolute;
    right: -100px;
    width: 707px;
    z-index: -1
}

.internal-doctor:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 70%);
    height: 40%
}

.internal-doctor:before {
    background-color: #fff;
    background-image: url(../images/bg-doctor.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.internal-doctor h2 {
    font-size: 64px;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 35px;
    max-width: 684px;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .internal-doctor h2 {
        margin-left: 140px
    }
}

.internal-doctor-texts {
    display: flex;
    flex-direction: column
}

.internal-doctor-features {
    display: flex;
    flex-wrap: wrap;
    margin-left: -22px;
    margin-right: -22px
}

.internal-doctor-features>section {
    background-color: var(--red-1);
    border-radius: 20px;
    color: var(--white-1);
    display: flex;
    flex-direction: column;
    height: 278px;
    justify-content: space-between;
    margin: 15px 22px;
    max-width: 290px;
    padding: 20px;
    width: 100%
}

.internal-doctor-features>section h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.internal-doctor-features>section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px
}

.internal-doctor-features>section a {
    align-items: center;
    color: var(--white-1);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.internal-doctor-features>section a i {
    font-size: 10px;
    margin-left: 6px
}

.internal-testimonials {
    padding: 64px 0
}

.internal-testimonials #swiper-testimonials {
    position: relative
}

@media only screen and (max-width:1025px) {
    .internal-testimonials #swiper-testimonials .swiper-container {
        overflow: visible
    }
}

.internal-testimonials #swiper-testimonials .swiper-button-next,
.internal-testimonials #swiper-testimonials .swiper-button-prev {
    margin-top: 10rem;
    top: 19.5rem
}

.internal-testimonials #swiper-testimonials .swiper-button-next i,
.internal-testimonials #swiper-testimonials .swiper-button-prev i {
    font-size: 3.5rem
}

.internal-testimonials #swiper-testimonials .swiper-button-next i:before,
.internal-testimonials #swiper-testimonials .swiper-button-prev i:before {
    color: var(--red-1)
}

.internal-testimonials #swiper-testimonials .swiper-button-prev {
    left: -5.6rem
}

.internal-testimonials #swiper-testimonials .swiper-button-next {
    right: -5.6rem
}

.internal-testimonials h2 {
    color: var(--red-1);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: auto;
    max-width: 820px;
    text-align: center;
    width: 100%
}

.internal-testimonials-slider {
    align-items: center;
    display: flex
}

.internal-testimonials-texts {
    margin-right: 100px
}

.internal-testimonials-texts span {
    color: var(--red-1);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.internal-testimonials-texts p {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    max-width: 432px;
    width: 100%
}

.lowercase {
    text-transform: lowercase!important
}

.page-section {
    min-height: 100vh;
    width: 100%
}

.page-section:first-child {
    padding-top: var(--header-height)
}

.page-section.normal {
    min-height: auto
}

@media only screen and (max-width:1025px) {
    .page-section {
        min-height: 50vh
    }
}

@-webkit-keyframes carousel-animation {
    0% {
        transform: translateX(0)
    }
    35% {
        transform: translateX(0)
    }
    36% {
        transform: translateX(-100vw)
    }
    71% {
        transform: translateX(-100vw)
    }
    72% {
        transform: translateX(-200vw)
    }
    99% {
        transform: translateX(-200vw)
    }
    to {
        transform: translateX(-300vw)
    }
}

@keyframes carousel-animation {
    0% {
        transform: translateX(0)
    }
    35% {
        transform: translateX(0)
    }
    36% {
        transform: translateX(-100vw)
    }
    71% {
        transform: translateX(-100vw)
    }
    72% {
        transform: translateX(-200vw)
    }
    99% {
        transform: translateX(-200vw)
    }
    to {
        transform: translateX(-300vw)
    }
}

.b2c-carrousel {
    background: #fff;
    display: flex;
    max-width: 100vw;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1025.1px) {
    .b2c-carrousel {
        height: calc(100vh - var(--header-height))
    }
}

.b2c-carrousel .carousel {
    display: flex;
    height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel {
        left: -300px;
        min-height: 100vw
    }
}

@media only screen and (min-width:1025.1px) {
    .b2c-carrousel .carousel {
        left: -390px
    }
}

.b2c-carrousel .carousel-image {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    min-width: 100vw
}

.b2c-carrousel .carousel-image.bg-1 {
    background: #000;
    background-image: url(/images/img-b2c-carousel-1.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image.bg-1 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .6) 10%, transparent 55%), url(/images/img-b2c-carousel-1.webp);
        background-position-x: center;
        background-position-y: 38px!important;
        background-size: 100vh
    }
}

.b2c-carrousel .carousel-image.bg-2 {
    background: #000;
    background-image: url(/images/img-b2c-carousel-2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image.bg-2 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .6) 10%, transparent 55%), url(/images/img-b2c-carousel-2.webp);
        background-position-x: center;
        background-position-y: 38px!important;
        background-size: 100vh
    }
}

.b2c-carrousel .carousel-image.bg-2 .title {
    color: #f25e0c;
    max-width: 400px
}

.b2c-carrousel .carousel-image.bg-3 {
    background: #000;
    background-image: url(/images/img-b2c-carousel-3.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image.bg-3 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .6) 10%, transparent 55%), url(/images/img-b2c-carousel-3.webp);
        background-position-x: center;
        background-position-y: 38px!important;
        background-size: 100vh
    }
}

.b2c-carrousel .carousel-image.bg-3 .title h2 {
    color: #fff;
    font-size: 24px!important
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image.bg-3 .title h2 {
        font-size: 16px!important
    }
}

.b2c-carrousel .carousel-image .content {
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 64px;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image .content {
        padding: 0 32px
    }
}

.b2c-carrousel .carousel-image .title {
    color: #fff;
    font-family: regulator-nova, sans-serif;
    font-size: 64px;
    margin-top: 190px;
    max-width: 600px
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .carousel-image .title {
        color: #fff!important;
        font-size: 24px;
        margin-top: 57vw;
        text-align: center
    }
    .b2c-carrousel .carousel-image .title h2 {
        color: #fff!important;
        font-size: 16px!important
    }
}

.b2c-carrousel .carousel-image .title h1 {
    font-weight: 400
}

.b2c-carrousel .carousel-image .title h2 {
    color: #232220;
    font-family: Inter;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 16px
}

.b2c-carrousel .card {
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 3.41994px 8.54985px rgba(0, 0, 0, .25);
    color: #232220;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: auto;
    margin: auto 0;
    min-width: 390px;
    padding: 32px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2
}

@media only screen and (min-width:1025.1px) {
    .b2c-carrousel .card {
        right: calc(-100vw + 454px)
    }
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .card {
        left: 50%;
        margin-bottom: 32px;
        margin-top: 90vw;
        min-width: 300px;
        right: auto;
        transform: translateX(-50%)
    }
    .b2c-carrousel .card h2 {
        font-size: 24px!important
    }
    .b2c-carrousel .card h2.price {
        font-size: 48px!important
    }
    .b2c-carrousel .card h2.price sup {
        font-size: 18px!important;
        font-weight: 300;
        left: 12px!important;
        position: relative;
        top: -18px!important
    }
    .b2c-carrousel .card h2.price sub {
        bottom: 0;
        font-size: 48px;
        position: relative
    }
    .b2c-carrousel .card h3 {
        font-size: 16px!important
    }
}

.b2c-carrousel .card h2 {
    font-size: 32px;
    margin-bottom: 32px
}

.b2c-carrousel .card h2.price {
    color: #f25e0c;
    font-size: 85px;
    margin-bottom: 0;
    margin-top: 8px;
    position: relative
}

.b2c-carrousel .card h2.price sup {
    font-size: 32px;
    font-weight: 300;
    left: 16px;
    position: relative;
    top: -32px
}

.b2c-carrousel .card h2.price sub {
    bottom: 0;
    font-size: 48px;
    position: relative
}

.b2c-carrousel .card h3 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500
}

.b2c-carrousel .card .divider {
    background-color: #d0d0d0;
    height: 1px;
    margin: 32px 0;
    width: 200px
}

@media only screen and (max-width:1025px) {
    .b2c-carrousel .card .divider {
        margin: 16px 0
    }
}

.b2c-carrousel .card a {
    background: #f25e0c;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: none;
    margin-top: 32px;
    padding: 16px 32px;
    text-align: center;
    transition: all .25s;
    width: 100%
}

.b2c-carrousel .card a:hover {
    opacity: .6
}

.mt-2 {
    margin-top: 2px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.ml-10 {
    margin-top: 10px
}

.custom_font {
    font-family: regulator-nova!important
}

.wrapper-benefits {
    padding: 32px
}

.wrapper-benefits h1 {
    color: #232220;
    font-size: 64px;
    margin: 100px auto;
    max-width: 70%;
    text-align: center
}

@media only screen and (max-width:1025px) {
    .wrapper-benefits h1 {
        font-size: 24px;
        margin: 50px auto;
        max-width: 100%
    }
}

.benefits-swipper-container {
    background-color: #f25e0c;
    border-radius: 25px;
    color: #fff;
    font-size: 24px;
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    padding: 32px 0;
    position: relative
}

@media only screen and (max-width:1025px) {
    .benefits-swipper-container {
        padding: 0
    }
}

.benefits-swipper-container .swiper-slide {
    align-items: center;
    border-radius: 10%!important;
    display: flex;
    height: 110px;
    justify-content: center
}

.benefits-swipper-container .swiper-slide span {
    max-width: 190px
}

.benefits-swipper-container .swiper-slide img {
    margin-right: 16px;
    width: 72px
}

@media only screen and (max-width:1025px) {
    .benefits-swipper-container .swiper-slide {
        font-size: 16px
    }
    .benefits-swipper-container .swiper-slide img {
        border-radius: 10%!important;
        width: 48px
    }
    .benefits-swipper-container .swiper-slide span {
        max-width: 100px
    }
}

.benefits-swipper-container .next,
.benefits-swipper-container .prev {
    font-size: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.benefits-swipper-container .next:hover,
.benefits-swipper-container .prev:hover {
    cursor: pointer;
    opacity: .6
}

.benefits-swipper-container .prev {
    left: 32px
}

@media only screen and (max-width:1025px) {
    .benefits-swipper-container .prev {
        left: 16px
    }
}

.benefits-swipper-container .next {
    right: 32px
}

@media only screen and (max-width:1025px) {
    .benefits-swipper-container .next {
        right: 16px
    }
}

.benefits-cards-container {
    display: flex;
    margin: 64px auto;
    max-width: 80%
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container {
        flex-wrap: wrap;
        margin: 32px auto
    }
}

.benefits-cards-container .benefit-card {
    background: #000;
    background-size: cover;
    border-radius: 38px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 300px;
    padding: 64px
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card {
        margin-bottom: 32px;
        padding: 32px
    }
}

.benefits-cards-container .benefit-card:first-child {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .3) 55%), url(/images/bg-benefits-card-1.webp)
}

@media only screen and (min-width:1025.1px) {
    .benefits-cards-container .benefit-card:first-child {
        margin-right: 16px
    }
}

.benefits-cards-container .benefit-card:nth-child(2) {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .3) 55%), url(/images/bg-benefits-card-2.webp)
}

@media only screen and (min-width:1025.1px) {
    .benefits-cards-container .benefit-card:nth-child(2) {
        margin-left: 16px
    }
}

.benefits-cards-container .benefit-card h1,
.benefits-cards-container .benefit-card h2,
.benefits-cards-container .benefit-card h3 {
    color: #fff;
    max-width: 60%
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card h1,
    .benefits-cards-container .benefit-card h2,
    .benefits-cards-container .benefit-card h3 {
        max-width: 90%
    }
}

.benefits-cards-container .benefit-card h1 {
    font-size: 64px;
    margin-bottom: 32px
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card h1 {
        font-size: 48px;
        margin-bottom: 16px
    }
}

.benefits-cards-container .benefit-card h2 {
    font-size: 42px;
    margin-bottom: 32px;
    margin-top: 96px
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card h2 {
        font-size: 32px;
        margin-bottom: 16px;
        margin-top: 64px
    }
}

.benefits-cards-container .benefit-card h3 {
    font-family: Inter;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 32px
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card h3 {
        font-size: 18px;
        margin-bottom: 16px
    }
}

.benefits-cards-container .benefit-card a {
    border: 2px solid #fff;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    margin: auto auto 96px 0;
    padding: 16px 32px
}

@media only screen and (max-width:1025px) {
    .benefits-cards-container .benefit-card a {
        display: none;
        margin-bottom: 64px
    }
}

.benefits-cards-container .benefit-card a:hover {
    opacity: .6
}

.partners-wrapper {
    display: flex;
    margin: 32px auto;
    max-width: 80%
}

@media only screen and (max-width:1025px) {
    .partners-wrapper {
        flex-wrap: wrap-reverse;
        margin: 0 auto
    }
}

.partners-wrapper h1 {
    font-size: 36px;
    max-width: 90%
}

@media only screen and (max-width:1025px) {
    .partners-wrapper h1 {
        font-size: 26px;
        max-width: 100%;
        text-align: center
    }
}

.partners-wrapper h2 {
    font-family: Inter;
    font-size: 28px;
    font-weight: 400;
    margin-top: 16px;
    max-width: 100%
}

@media only screen and (max-width:1025px) {
    .partners-wrapper h2 {
        font-size: 18px;
        text-align: center
    }
}

.partners-wrapper .content,
.partners-wrapper .image {
    flex: 1
}

@media only screen and (max-width:1025px) {
    .partners-wrapper .content,
    .partners-wrapper .image {
        min-width: 100%
    }
}

.partners-wrapper .image {
    background-image: url(/images/bg-partners.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:1025px) {
    .partners-wrapper .image {
        min-height: 80vw
    }
}

.partners-wrapper .content {
    display: flex;
    flex-direction: column
}

.partners-wrapper .content a {
    background-color: #f25e0c;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    margin: 32px auto 32px 0;
    padding: 16px 32px
}

@media only screen and (max-width:1025px) {
    .partners-wrapper .content a {
        text-align: center;
        width: 100%
    }
}

.partners-wrapper .content a:hover {
    opacity: .6
}

.partners-wrapper .partners {
    display: flex;
    flex-wrap: wrap;
    margin: 32px 0;
    width: 70%
}

@media only screen and (max-width:1025px) {
    .partners-wrapper .partners {
        align-items: center;
        justify-content: center;
        width: 100%
    }
}

.partners-wrapper .partners img {
    height: 32px;
    margin-bottom: 16px;
    margin-right: 16px
}

@media only screen and (max-width:1025px) {
    .partners-wrapper .partners img {
        height: 24px;
        margin-bottom: 6px;
        margin-right: 6px
    }
}

.dependents-wrapper {
    align-items: flex-end;
    background-image: url(/images/bg-dependents.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--header-height));
    justify-content: center;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper {
        align-items: center;
        background-size: 150vw;
        justify-content: flex-start
    }
}

.dependents-wrapper .content {
    display: flex;
    flex-direction: column;
    max-width: 650px
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper .content {
        margin-top: 70vw;
        max-width: 300px
    }
}

.dependents-wrapper a,
.dependents-wrapper h1,
.dependents-wrapper h2 {
    color: #fff;
    margin-right: 10%
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper a,
    .dependents-wrapper h1,
    .dependents-wrapper h2 {
        color: #232220;
        margin: auto;
        text-align: center
    }
}

.dependents-wrapper h1 {
    font-size: 36px;
    margin-bottom: 32px
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper h1 {
        font-size: 28px;
        margin-bottom: 16px
    }
}

.dependents-wrapper h2 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper h2 {
        font-size: 18px
    }
}

.dependents-wrapper a {
    background-color: #f25e0c;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    margin: 32px auto 32px 0;
    padding: 16px 32px
}

@media only screen and (max-width:1025px) {
    .dependents-wrapper a {
        font-size: 16px;
        text-align: center;
        width: 100%
    }
}

.dependents-wrapper a:hover {
    opacity: .6
}

.app-wrapper {
    align-items: flex-end;
    background-image: url(/images/bg-app.gif);
    background-position-x: 20%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--header-height));
    justify-content: center;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .app-wrapper {
        align-items: center;
        background-position-x: center;
        background-position-y: 35vw;
        background-size: 45vw;
        justify-content: flex-start
    }
}

.app-wrapper .content {
    display: flex;
    flex-direction: column;
    max-width: 650px
}

@media only screen and (max-width:1025px) {
    .app-wrapper .content {
        max-width: 300px
    }
}

.app-wrapper a,
.app-wrapper h1,
.app-wrapper h2 {
    color: #232220;
    margin-right: 10%
}

@media only screen and (max-width:1025px) {
    .app-wrapper a,
    .app-wrapper h1,
    .app-wrapper h2 {
        color: #232220;
        margin: auto;
        text-align: center
    }
}

.app-wrapper h1 {
    font-size: 36px;
    margin-bottom: 32px
}

@media only screen and (max-width:1025px) {
    .app-wrapper h1 {
        font-size: 28px;
        margin-bottom: 65vw
    }
}

.app-wrapper h2 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width:1025px) {
    .app-wrapper h2 {
        font-size: 18px
    }
}

.app-wrapper .app-buttons {
    display: flex;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .app-wrapper .app-buttons {
        justify-content: center
    }
}

.app-wrapper a[target=_blank] {
    margin: 32px 0 0
}

@media only screen and (max-width:1025px) {
    .app-wrapper a[target=_blank] {
        margin-top: 16px
    }
}

.app-wrapper a[target=_blank]:nth-child(2) {
    background-image: url(/images/google-play-badge.webp);
    background-repeat: no-repeat;
    height: 78px;
    width: 200px
}

@media only screen and (max-width:1025px) {
    .app-wrapper a[target=_blank]:nth-child(2) {
        background-position-y: -9px;
        background-size: 150px;
        height: 48px;
        width: 150px
    }
}

.app-wrapper a[target=_blank]:first-child {
    background-image: url(/images/app-store-badge.webp);
    background-position-y: 12px;
    background-repeat: no-repeat;
    height: 78px;
    width: 150px
}

@media only screen and (max-width:1025px) {
    .app-wrapper a[target=_blank]:first-child {
        background-position-y: 0;
        background-size: 120px;
        height: 48px;
        width: 120px
    }
}

.app-wrapper a:not([target=_blank]) {
    background-color: #f25e0c;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    margin: 32px auto 32px 0;
    padding: 16px 32px
}

@media only screen and (max-width:1025px) {
    .app-wrapper a:not([target=_blank]) {
        font-size: 16px;
        margin: 16px auto;
        text-align: center;
        width: 100%
    }
}

.app-wrapper a:not([target=_blank]):hover {
    opacity: .6
}

.schedule-wrapper {
    align-items: flex-start;
    background-image: url(/images/bg-schedule.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--header-height));
    justify-content: center;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper {
        align-items: center;
        background-position: top;
        background-size: 150vw;
        justify-content: flex-start
    }
}

.schedule-wrapper .content {
    display: flex;
    flex-direction: column;
    margin-left: 10vw;
    max-width: 650px
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper .content {
        margin-left: 0;
        margin-top: 70vw;
        max-width: 300px
    }
}

.schedule-wrapper a,
.schedule-wrapper h1,
.schedule-wrapper h2 {
    color: #fff
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper a,
    .schedule-wrapper h1,
    .schedule-wrapper h2 {
        color: #232220;
        margin: auto;
        text-align: center
    }
}

.schedule-wrapper h1 {
    font-size: 36px;
    margin-bottom: 32px
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper h1 {
        font-size: 28px;
        margin-bottom: 16px
    }
}

.schedule-wrapper h2 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper h2 {
        font-size: 18px
    }
}

.schedule-wrapper a {
    background-color: #f25e0c;
    border-radius: 32px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    margin: 32px auto 32px 0;
    padding: 16px 32px
}

@media only screen and (max-width:1025px) {
    .schedule-wrapper a {
        font-size: 16px;
        text-align: center;
        width: 100%
    }
}

.schedule-wrapper a:hover {
    opacity: .6
}

.network-wrapper {
    align-items: center;
    display: flex;
    height: calc(100vh - var(--header-height));
    justify-content: center;
    margin: 0 auto;
    max-width: 80%;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .network-wrapper {
        flex-wrap: wrap
    }
}

.network-wrapper .image-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

@media only screen and (max-width:1025px) {
    .network-wrapper .image-wrapper {
        min-width: 100%
    }
}

.network-wrapper img {
    max-width: 80%
}

.network-wrapper .content {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.network-wrapper .disclaimers,
.network-wrapper h1,
.network-wrapper h2,
.network-wrapper h3 {
    color: #232220;
    max-width: 400px
}

@media only screen and (max-width:1025px) {
    .network-wrapper .disclaimers,
    .network-wrapper h1,
    .network-wrapper h2,
    .network-wrapper h3 {
        color: #232220;
        margin: auto;
        text-align: center
    }
}

.network-wrapper h1 {
    font-size: 56px
}

@media only screen and (max-width:1025px) {
    .network-wrapper h1 {
        font-size: 28px;
        margin-bottom: 8px;
        margin-top: 16px
    }
}

.network-wrapper h3 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400
}

@media only screen and (max-width:1025px) {
    .network-wrapper h3 {
        font-size: 14px
    }
}

.network-wrapper .disclaimers {
    display: flex;
    margin-top: 32px
}

@media only screen and (max-width:1025px) {
    .network-wrapper .disclaimers {
        margin-top: 16px
    }
}

.network-wrapper .disclaimers .disclaimer {
    flex: 1;
    margin-bottom: 16px
}

.network-wrapper .disclaimers .disclaimer:first-child {
    margin-right: 32px
}

@media only screen and (max-width:1025px) {
    .network-wrapper .disclaimers .disclaimer:first-child {
        margin-right: 16px
    }
}

.network-wrapper .disclaimers .disclaimer h2 {
    color: #f25e0c;
    font-size: 48px
}

@media only screen and (max-width:1025px) {
    .network-wrapper .disclaimers .disclaimer h2 {
        font-size: 32px
    }
}

.network-wrapper .disclaimers .disclaimer h3 {
    font-size: 13px
}

@media only screen and (max-width:1025px) {
    .network-wrapper .disclaimers .disclaimer h3 {
        font-size: 11px
    }
}

.testimonial-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 80%
}

.testimonial-wrapper h1 {
    color: #000;
    font-size: 28px;
    margin: 0 auto 32px;
    max-width: 70%;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper h1 {
        font-size: 24px;
        max-width: 80%
    }
}

.testimonial-wrapper .content {
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content {
        flex-wrap: wrap-reverse;
        margin-bottom: 32px
    }
}

.testimonial-wrapper .content .text {
    flex: 1;
    max-width: 400px
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .text {
        min-width: 100%
    }
}

.testimonial-wrapper .content .text h3 {
    color: #f25e0c;
    font-size: 18px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.testimonial-wrapper .content .text h2 {
    color: #232220;
    font-family: Inter;
    font-size: 24px;
    font-weight: 500
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .text h2,
    .testimonial-wrapper .content .text h3 {
        text-align: center
    }
    .testimonial-wrapper .content .text h2 {
        font-size: 16px
    }
}

.testimonial-wrapper .content .swiper {
    margin-bottom: 32px;
    margin-left: 50px;
    max-width: 980px;
    position: relative
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .swiper {
        margin-left: 0;
        max-width: 140px;
        overflow: hidden
    }
}

.testimonial-wrapper .content .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 8px;
    max-width: 300px;
    position: relative
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .swiper-slide {
        margin: 0
    }
}

.testimonial-wrapper .content .swiper-slide span {
    bottom: 16px;
    color: #fff;
    font-family: regulator-nova, sans-serif;
    font-size: 18px;
    position: absolute;
    right: 40px!important;
    text-transform: uppercase
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .swiper-slide span {
        bottom: 0;
        font-size: 9px;
        right: 20px!important;
        text-align: center;
        width: 100%
    }
}

.testimonial-wrapper .content .swiper-slide img {
    border-radius: 10%!important;
    cursor: pointer;
    max-height: 300px
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .swiper-slide img {
        max-height: 140px
    }
}

.testimonial-wrapper .content .swiper-slide img:hover {
    opacity: .6
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .swiper-slide img:hover {
        opacity: .6
    }
    .testimonial-wrapper .content .swiper-slide {
        font-size: 16px
    }
    .testimonial-wrapper .content .swiper-slide img {
        max-height: 140px
    }
    .testimonial-wrapper .content .swiper-slide span {
        max-width: 100px
    }
}

.testimonial-wrapper .content .next,
.testimonial-wrapper .content .prev {
    font-size: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .next,
    .testimonial-wrapper .content .prev {
        font-size: 16px
    }
}

.testimonial-wrapper .content .next:hover,
.testimonial-wrapper .content .prev:hover {
    cursor: pointer;
    opacity: .6
}

.testimonial-wrapper .content .next i:before,
.testimonial-wrapper .content .prev i:before {
    color: #f25e0c
}

.testimonial-wrapper .content .prev {
    left: -16px
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .prev {
        left: 6px
    }
}

.testimonial-wrapper .content .next {
    right: -16px
}

@media only screen and (max-width:1025px) {
    .testimonial-wrapper .content .next {
        right: 9px
    }
}

.hand {
    cursor: pointer
}

.modal {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 100%;
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 999
}

.modal,
.modal button {
    align-items: center;
    display: flex;
    justify-content: center
}

.modal button {
    background-color: #f1f1f1;
    border: 0;
    border-radius: 100%;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px
}

.modal button:hover {
    background-color: rgba(0, 0, 0, .2)
}

.modal button:hover svg {
    fill: #fff
}

@media only screen and (min-width:768px) {
    .modal button {
        height: 40px;
        right: 30px;
        top: 30px;
        width: 40px
    }
}

.modal:before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-content {
    align-items: flex-start;
    background-color: #fa4816;
    border-radius: 20px;
    display: flex;
    height: 460px;
    margin: 0 40px;
    max-width: 912px;
    overflow: hidden;
    padding: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9991
}

@media only screen and (min-width:768px) {
    .modal-content {
        align-items: center;
        height: 648px;
        margin: 0;
        padding: 30px
    }
}

.modal-content:before {
    background-image: url(../images/mobile-modal.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 157px;
    position: absolute;
    right: 50%;
    top: calc(50% + 49px);
    transform: translate(50%, -50%);
    width: 157px;
    z-index: -1
}

@media only screen and (min-width:768px) {
    .modal-content:before {
        height: 458px;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        width: 458px
    }
}

.modal-content-text {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .modal-content-text {
        margin-left: 43px;
        max-width: 403px
    }
}

.modal-content h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .modal-content h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.modal-content strong {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

@media only screen and (min-width:768px) {
    .modal-content strong {
        font-size: 50px;
        line-height: 75px
    }
}

.modal-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .modal-content p {
        font-size: 34px;
        line-height: 51px
    }
}

.modal-content a {
    align-items: center;
    background-color: #f3f3b9;
    border-radius: 10px;
    color: #fa4816;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 26px;
    margin-top: 169px
}

@media only screen and (min-width:768px) {
    .modal-content a {
        margin-top: 49px
    }
}

.modal-opened {
    opacity: 1;
    top: 0
}

@media (max-width: 700px) {
    .img-feras {
        display: flex !important;
        object-position: -384px 0px !important;
    }
    .gorila {
        left: -10% !important;
        max-width: 300px !important;
    }
}