/*
Theme Name: Weby
Author: JPS
Author URI: 
Description: 
Version: 1.0

*/

:root {
    --red: #FF5143;
    --red-low: #C7453D;
    --red-high: #FF7870;
    --white: #FFFFFF;
    --gray: #4D4D4D;
    --gray-low: #1E1E1C;
    --gray-high: #BEBEC1;
    --yellow: #FFC738;
    --yellow-low: #D1A138;
    --yellow-high: #FFC182;
    --green: #007A78;
    --green-low: #006661;
    --green-high: #00948F;
    --pink: #FF85A1;
    --pink-low: #C96B85;
    --pink-high: #FFBAC9;
    --blue: #2B3D69;
    --blue-low: #243059;
    --blue-high: #4F6187;
    --black: #000000;
}

html {
    font-size: 10px;
}

body {
    font-family: 'Encode Sans', sans-serif;
    font-weight: 400;
    color: var(--black);
    font-size: 1.3rem;
    line-height: 1.5;
}

img {
    max-width: 100%;
}

a {
    color: var(--blue);
}

    a:hover,
    a:focus,
    a:active {
        color: var(--blue-low);
    }

h1,
h2,
h3,
h4,
h5 {
    color: var(--blue);
    font-weight: 300;
}

    h1 strong,
    h2 strong,
    h3 strong,
    h4 strong,
    h5 strong {
        font-weight: 700;
    }

p,
ul {
    line-height: 2;
}

.page-wrapper {
    overflow: hidden;
}

.container {
    width: 100%;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.btn {
    display: inline-block;
    padding: .7rem 2rem;
    font-weight: 600;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 1.5;
    position: relative;
}

    .btn[disabled] {
        cursor: not-allowed;
    }

.btn-primary {
    border: 2px solid var(--red);
    background: var(--red);
    color: var(--white);
}

.btn-secondary {
    border: 2px solid var(--red);
    color: var(--red);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active {
        color: var(--white);
        text-decoration: none;
        border-color: var(--red-low);
        background: var(--red-low);
    }

.btn-loading {
    border-color: var(--gray) !important;
}

    .btn-loading:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--gray);
        background-image: url('../img/loading.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

.form-control {
    border: 0.1rem solid #E9E9E9;
    background: #FAFAFA;
    padding: 1rem 2rem;
    min-height: 4.2rem;
    border-radius: 0.3rem;
    font-size: 1.6rem;
    transition: all 0.3s ease;
    width: 100%;
}

    .form-control:focus {
        border-color: var(--blue-low);
        outline: none;
    }

@media (min-width: 768px) {
    body {
        font-size: 1.6rem;
    }

    .container {
        width: 72rem;
    }
}

@media (min-width: 992px) {
    .container {
        width: 96rem;
    }
}

@media (min-width: 1200px) {
    body {
        background: #FBC547;
    }

    .page-wrapper {
        background: var(--white);
        border-radius: 3rem;
        margin: 3rem auto;
        position: relative;
        width: 95%;
        max-width: 130rem;
    }

    .container {
        width: 114rem;
    }
}


/* HEADER */
.header {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem 0;
    width: 100%;
    z-index: 100;
}

.header-inner {
    display: flex;
    align-items: center;
}

.header .logo {
    display: inline-block;
    width: 14rem;
}

.header-navigation {
    display: flex;
    align-items: center;
}

    .header-navigation ul {
        padding: 0;
        margin: 0;
    }

        .header-navigation ul li {
            list-style: none;
            display: inline-block;
        }

    .header-navigation .language-menu li a {
        font-weight: 600;
        padding: 0.5rem 1rem;
        display: block;
        transition: all 0.3s ease;
        color: var(--blue);
        white-space: nowrap;
    }

.language-selector button {
    font-weight: 600;
    padding: 0.5rem 1rem;
    display: block;
    transition: all 0.3s ease;
    color: var(--blue);
    white-space: nowrap;
    border: 0.2rem solid transparent;
    border-radius: 0.3rem;
    cursor: pointer;
}

    .language-selector button:hover,
    .language-selector button:focus,
    .language-selector button:active,
    .dropdown-menu.open.language-selector button {
        border-color: var(--red-low);
        outline: none !important;
    }

.header-navigation .language-menu li a:hover,
.header-navigation .language-menu li a:focus,
.header-navigation .language-menu li a:active {
    text-decoration: none;
    background-color: var(--red-low);
    color: var(--white);
}

.language-selector button span,
.header-navigation .language-menu li a span {
    vertical-align: middle;
}

.language-selector button img,
.header-navigation .language-menu li a img {
    vertical-align: middle;
    width: 2rem;
    margin-left: 0.3rem;
}

.header-navigation .main-menu li {
    margin: 1rem;
}

    .header-navigation .main-menu li a {
        font-weight: 500;
        padding: 0.5rem;
        transition: all 0.3s ease;
    }

        .header-navigation .main-menu li a:hover,
        .header-navigation .main-menu li a:focus,
        .header-navigation .main-menu li a:active {
            color: var(--red-low);
            text-decoration: none;
        }

.header-navigation .button-menu .btn {
    min-width: 10.6rem;
}

.header-navigation .button-menu li:not(:last-child) {
    margin-right: 1rem;
}

.toggle-menu {
    border: none;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    padding: 0.5rem;
    color: var(--red);
    font-size: 2rem;
}

    .toggle-menu:hover,
    .toggle-menu:focus,
    .toggle-menu:active {
        color: var(--red);
        outline: none;
    }

.open-menu {
    margin-left: auto;
}

.dropdown-menu {
    position: relative;
}

    .dropdown-menu ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 50vh;
        overflow: auto;
    }

    .dropdown-menu.open ul {
        display: block;
    }

.language-selector button {
    background: transparent;
}

.language-selector ul {
    border: 0.2rem solid var(--red-low);
    border-radius: 0.2rem;
    background: var(--white);
    margin-top: -0.2rem;
}

@media (max-width: 991px) {
    .header-navigation {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 110;
        width: 100vw;
        height: 100vh;
        background: var(--white);
        flex-direction: column;
        padding: 5rem 1.5rem 10rem;
        overflow: auto;
        transform: translateY(-100%);
        transition: all 0.3s ease;
    }

    .menu-open .header-navigation {
        transform: translateY(0);
    }

    .header-navigation .main-menu {
        margin: auto 0;
        padding: 5rem 0;
    }

        .header-navigation .main-menu li {
            display: block;
            text-align: center;
            margin: 1rem;
            font-size: 2.4rem;
        }

    .header-navigation .toggle-menu {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
    }
}

@media (max-width: 992px) {
    .header-navigation .language-menu li a {
        color: var(--blue);
    }

        .header-navigation .language-menu li a.active,
        .header-navigation .language-menu li a:hover,
        .header-navigation .language-menu li a:focus,
        .header-navigation .language-menu li a:active {
            color: var(--red-low);
            border-bottom-color: var(--red-low);
        }
}

@media (min-width: 992px) {
    .header {
        padding: 5rem 0;
    }

    .header-navigation {
        flex-grow: 1;
        font-size: 1.5rem;
    }

        .header-navigation ul li {
            display: inline-block;
        }

        .header-navigation .language-selector {
            margin-left: auto;
            order: 3;
        }

    .home .header-navigation .language-selector button {
        color: var(--white);
    }

    .header-navigation .button-menu {
        margin-left: 4rem;
    }

    .toggle-menu {
        display: none;
    }

    .header-navigation .main-menu {
        margin-left: 4rem;
    }
}


/* HOME - HERO */
.home-hero {
    position: relative;
    transition: all 0.4s;
    min-height: 553px;
}

    .home-hero:before {
        content: '';
        display: block;
        background: var(--red);
        width: 100%;
        height: 29rem;
        position: absolute;
        bottom: 0;
        right: 0;
    }

.home-hero-content {
    padding: 10rem 0 2rem;
    max-width: 43rem;
    transition: all 0.4s;
}

.home-hero-text {
    margin-bottom: 2rem;
}

    .home-hero-text p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        line-height: 1.5;
    }

    .home-hero-signup h2, .home-hero-text p:nth-child(2) {
        text-transform: uppercase;
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        color: var(--black);
    }

    .home-hero-signup .form-inline {
        display: flex;
        margin-bottom: 3rem;
    }

    .home-hero-signup .form-control {
        margin-right: 1rem;
    }

.home-hero-graphic {
    background-image: url('../img/home-hero-img.png');
    background-size: contain;
    background-position: center bottom, 0 75%;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .home-hero:before {
        width: 100vw;
        height: 100%;
        left: calc(50% + 30rem);
    }

    .home-hero-content {
        padding: 10rem 0 5rem;
    }

    .home-hero-text {
        margin-bottom: 3rem;
    }

        .home-hero-text p {
            font-size: 1.8rem;
        }

        .home-hero-signup .form-inline {
            max-width: 30rem;
        }

    .home-hero-graphic {
        width: 40rem;
    }
}

@media (max-width: 436px) {
    .home-hero:before {
        height: 20rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-hero:before {
        display: none;
    }
}

@media (min-width: 992px) {
    .home-hero-graphic {
        width: 50rem;
    }

    .home-hero-content {
        padding: 16rem 0 9rem;
    }

    .home-hero-graphic:before {
        content: '';
    }
}


/* HOME - INTRO */
.direction-play-video {
    display: flex !important;
    flex-direction: column;
}

.home-hero .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-intro {
    padding: 2.5rem 0;
    position: relative;
    z-index: 1;
}

    .home-intro:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100vw;
        height: 100%;
        background: #F5F5F5;
        z-index: -1;
    }

.home-intro-video {
    margin-bottom: -7rem;
    position: relative;
    z-index: 5;
    width: 505px;
    transition: all .5s;
}

@media (max-width: 1199px) {
    .home-intro-video {
        width: 377px;
        margin-bottom: 3rem;
    }
}

@media (max-width: 991px) {
    .home-intro-video {
        width: 100%;
    }
}

    .home-intro-video img {
        background: var(--white);
    }

.video-16-9 {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

    .video-16-9 iframe,
    .video-16-9 video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        outline: none !important;
    }

.home-intro-video .video-16-9 {
    border-radius: 1.4rem;
    overflow: hidden;
}

.video-placeholder {
    border-radius: 1.4rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    background: transparent;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    outline: none !important;
    min-height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

    .video-placeholder:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 7.6rem;
        height: 7.6rem;
        background-image: url('../img/icon-play.svg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* NOVO BOTÃO DE PLAY */

    /*.video-placeholder:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 7.6rem;
        height: 7.6rem;
        backdrop-filter: blur(2px);
        background-image: url('../img/icon-play-new.svg');
        border-radius: 50%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }*/

.home-intro-text {
    margin: auto 0;
}

    .home-intro-text h2 {
        font-size: 2.8rem;
    }

    .home-intro-text p {
        margin-bottom: 3rem;
    }

    .home-intro-text p a {
        margin: 5px;
    }

@media (min-width: 768px) {
    .home-intro:before {
        top: 0;
        left: 1.5rem;
        width: 100vw;
        height: 100%;
        border-radius: 2rem;
    }

    .home-intro-text h2 {
        font-size: 4rem;
    }

    .home-hero-graphic:before {
        display: block;
        background: url('../img/curve-2.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 90%;
        bottom: 0;
        width: 16rem;
        height: 35rem;
        z-index: -1;
    }
}

@media (min-width: 992px) {
    .home-intro {
        padding-bottom: 2.5rem;
    }

        .home-intro:before {
            top: 0;
            left: 30%;
            width: 100vw;
            height: 100%;
        }

        .home-intro .container {
            display: grid;
            grid-template-columns: 3fr 4fr;
            column-gap: 5rem;
        }
}

@media (min-width: 1200px) {
    .home-intro .container {
        grid-template-columns: 1fr 1fr;
        column-gap: 10rem;
    }
}


/* FEATURES PAGE */
.default-content.features-page {
    padding-bottom: 1rem;
}


/* HOME - FEATURES */
.home-features {
    padding: 5rem 0;
    text-align: center;
}

    .home-features h2 {
        font-size: 3rem;
    }

.home-features-list {
    margin: 5rem 0 3rem;
}

.home-features-item {
    display: block;
    border-radius: 2.5rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
    padding: 3rem;
    color: var(--black);
}

    .home-features-item:hover,
    .home-features-item:focus,
    .home-features-item:active {
        text-decoration: none;
        box-shadow: 0 2.4rem 4.4rem rgba(0,0,0,.1);
        color: var(--black);
    }

    .home-features-item img {
        width: 9.4rem;
        max-height: 7.4rem;
        object-fit: contain;
        object-position: center;
        margin-bottom: 1.5rem;
    }

    .home-features-item h3 {
        font-weight: 600;
        font-size: 2rem;
    }

    .home-features-item p {
        font-size: 1.4rem;
        max-width: 23.5rem;
        margin: 0 auto;
    }

.home-features h4 {
    font-size: 1.4rem;
    color: var(--black);
    margin-bottom: 1.5rem;
    font-weight: 400;
}

@media (min-width: 768px) {
    .home-features h2 {
        font-size: 5.4rem;
    }

    .home-features-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 3rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-features-item:last-child {
        grid-column-start: span 2;
    }
}

@media (min-width: 992px) {
    .home-features-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .home-features-list {
        padding: 0 3rem;
    }
}


/* HOME - MANIFEST */
.home-manifest {
    position: relative;
    z-index: 1;
}

    .home-manifest:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100vw;
        background-color: var(--blue);
        z-index: -1;
    }

.home-manifest-image {
    background-image: url('../img/home-manifest-img.png?v=2');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 30rem;
}

.home-manifest-content {
    color: var(--white);
    padding: 5rem 0;
}

    .home-manifest-content h2 {
        color: var(--white);
        font-size: 5rem;
        line-height: 1;
        margin-bottom: 3rem;
    }

        .home-manifest-content h2 strong {
            color: var(--yellow);
        }

@media (min-width: 1375px) {
    .home-manifest-content {
        font-size: 1.4rem;
        width: 120%;
    }
}

@media (min-width: 768px) {
    .home-manifest:before {
        top: 0;
        left: 1.5rem;
        width: 100vw;
        height: 100%;
        border-radius: 2rem;
    }

    .home-manifest-content {
        font-size: 1.4rem;
    }

    .home-manifest-content h2 {
        margin-left: 16rem;
    }
}

@media (min-width: 992px) {
    .home-manifest:before {
        top: 0;
        width: 65%;
        height: 100%;
    }

    .home-manifest:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 25rem);
        right: 3%;
        width: 50rem;
        height: 50rem;
        border-radius: 50%;
        background: var(--red);
        z-index: -1;
    }

    .home-manifest .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 3rem;
        grid-auto-flow: dense;
    }

    .home-manifest-image {
        grid-column: 2;
        margin-top: 5rem;
    }

    .home-manifest-content {
        grid-column: 1;
        padding: 10rem 0 5rem;
    }

        .home-manifest-content h2 {
            font-size: 7.2rem;
        }
}


/* HOME - TESTIMONIALS */
.home-testimonials {
    padding-bottom: 2rem;
}

.home-testimonials-item {
    text-align: center;
    border-radius: 2.5rem;
    margin-bottom: 7rem;
    transition: all 0.3s ease;
    padding: 3rem 1.5rem;
    box-shadow: 0 -0.6rem 4.4rem rgb(0 0 0 / 20%);
}

    .home-testimonials-item p {
        font-size: 1.5rem;
        line-height: 1.5;
        margin: 0 auto 2rem;
        font-style: italic;
    }

    .home-testimonials-item h3 {
        font-weight: 600;
        font-size: 1.6rem;
        margin: 0;
    }

    .home-testimonials-item h4 {
        font-weight: 400;
        font-size: 1.2rem;
        margin: 0;
    }

@media (min-width: 768px) {
    .home-testimonials-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 3rem;
    }

    .home-testimonials-item {
        padding: 3rem 3rem;
    }

        .home-testimonials-item p {
            font-size: 1.6rem;
        }
}


/* HOME - CTA */
.home-cta {
    padding: 5rem 0;
}

.home-cta-content {
    font-size: 1.6rem;
    margin-bottom: 3rem;
}

    .home-cta-content h2 {
        font-size: 2.5rem;
    }

.home-cta-form form {
    display: grid;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

    .home-cta-form form button {
        width: 100%;
    }

.response-message {
    background: var(--blue);
    color: var(--white);
    text-align: center;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    border-radius: 0.3rem;
    display: none;
}

.home-cta-form .response-message {
    width: 100%;
}

.iti {
    width: 100%;
}

.iti__country-list {
    font-size: 1.4rem;
}

@media (min-width: 768px) {
    .home-cta {
        padding: 10rem 0;
    }

        .home-cta .container {
            display: grid;
            grid-template-columns: 3fr 2fr;
            column-gap: 3rem;
            align-items: center;
        }

    .home-cta-content {
        font-size: 2rem;
        margin-bottom: 0;
    }

        .home-cta-content h2 {
            font-size: 3.5rem;
        }
}

@media (min-width: 992px) {
    .home-cta-form form {
        grid-template-columns: 1fr 1fr;
    }

        .home-cta-form form .form-group:nth-child(4n + 1),
        .home-cta-form form .form-group:nth-child(4n + 4) {
            grid-column: span 2;
        }

    .home-cta-form .response-message {
        grid-column: span 2;
    }
}

@media (min-width: 1200px) {
    .home-cta-content h2 {
        font-size: 4.2rem;
    }
}

 
/* HOME - FAQ */
.home-faq {
    background: var(--yellow);
    padding: 3rem 0;
}

    .home-faq .container {
        max-width: 100%;
    }

    .home-faq h2 {
        font-weight: 700;
        margin-bottom: 3rem;
        text-align: center;
        font-size: 2.3rem;
    }

    .home-faq .accordion {
        margin: 2.5rem auto;
        max-width: 75rem;
    }

.accordion-item {
    background: var(--white);
    border-radius: 1rem;
    margin-bottom: 2rem;
}

.accordion-title {
    border: none;
    border-radius: 0;
    padding: 2rem 5rem 2rem 2rem;
    background: transparent;
    display: block;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none !important;
    position: relative;
    text-decoration: none !important;
}

.accordion-title:after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-left: 0.2rem solid var(--black);
    border-bottom: 0.2rem solid var(--black);
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-75%) rotateZ(-45deg);
    transition: all 0.3s ease;
}

.open .accordion-title:after {
    transform: translateY(-25%) rotateZ(135deg)
}

.accordion-title h3 {
    font-weight: 600;
    font-size: 1.6rem;
    margin: 0;
    color: var(--black);
}

.accordion-content {
    display: none;
    padding: 0 5rem 2rem 2rem;
}

@media (min-width: 768px) {
    .home-faq {
        margin: 0 3rem;
        padding: 5rem;
        border-radius: 2.5rem;
    }

        .home-faq h2 {
            font-size: 4.4rem;
            margin-bottom: 5rem;
        }
}




/* DEFAULT CONTENT */
.default-content {
    padding: 10rem 0 5rem;
}

.content-wrapper {
    max-width: 70rem;
    margin: 0 auto;
}


.default-content h1 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.default-content a:not(.btn) {
    color: var(--red);
    text-decoration: underline;
}

.default-content * + h2 {
    margin-top: 3rem;
}

@media (min-width: 768px) {
    .default-content h1 {
        font-size: 3.5rem;
    }
}

@media (min-width: 992px) {
    .default-content {
        padding: 15rem 0 10rem;
    }
}


/* FEATURES PAGE */
.features-intro {
    text-align: center;
}

    .features-intro h1 {
        margin-bottom: 0;
        font-weight: 800;
        font-size: 3.5rem;
    }

.features-list {
    margin: 5rem 0;
}

.features-item {
    margin-bottom: 5rem;
}

    .features-item:last-child {
        margin-bottom: 0;
    }

.features-item-image {
    border-radius: 1.4rem;
    overflow: hidden;
}

.features-item-content {
    margin: 2rem 0;
    padding: 0 3rem;
}

    .features-item-content h2 {
        font-weight: 700;
    }

@media (min-width: 768px) {
    .features-intro h1 {
        font-size: 5.5rem;
    }

    .features-item {
        display: flex;
        align-items: center;
        margin-bottom: 10rem;
    }

        .features-item:nth-child(odd) {
            flex-direction: row-reverse;
        }

        .features-item > div {
            width: 50%;
        }
}


/* CALL TO ACTION */
.cta {
    margin: 5rem 0;
    text-align: center;
}

    .cta h2 {
        font-weight: 600;
    }

@media (min-width: 768px) {
    .cta {
        margin-bottom: 5rem;
    }
}


/* ABOUT - INTRO */
.about-hero {
    padding-top: 10rem;
}

.about-hero-content {
    margin-bottom: 2rem;
}

    .about-hero-content h1 {
        font-size: 5rem;
        margin-bottom: 2rem;
    }

.about-hero-graphic {
    position: relative;
    min-height: 30rem;
}

    .about-hero-graphic:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../img/about-hero-img.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

@media (min-width: 992px) {
    .about-hero {
        padding-top: 15rem;
    }

        .about-hero > .container {
            display: flex;
        }

    .about-hero-content {
        width: 70%;
        padding: 0 1.5rem;
        margin-bottom: 5rem;
    }

    .about-hero-graphic {
        width: 30%;
        position: relative;
        z-index: 1;
        min-height: 50rem;
    }

        .about-hero-graphic:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 55%;
            transform: translateY(-50%);
            height: 50rem;
            width: 25rem;
            background: var(--green);
            border-radius: 50rem 0 0 50rem;
        }

        .about-hero-graphic:after {
            width: 142%;
        }

    .about-hero-content h1 {
        font-size: 7.2rem;
    }
}


/* ABOUT - VALUES */
.about-values {
    margin: 5rem 0 2rem;
}

.about-values-item {
    text-align: center;
    border-radius: 2.5rem;
    margin-bottom: 7rem;
    transition: all 0.3s ease;
    padding: 5rem 3rem;
    box-shadow: 0 2.4rem 4.4rem rgba(0,0,0,.1);
}

    .about-values-item h3 {
        font-weight: 600;
        font-size: 2rem;
    }

    .about-values-item p {
        font-size: 1.4rem;
        max-width: 23.5rem;
        margin: 0 auto;
    }

@media (min-width: 768px) {
    .about-values {
        margin: 10rem 0 5rem;
    }

    .about-values-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 3rem;
    }
}


/* PRICING */
.pricing-intro {
    text-align: center;
}

    .pricing-intro h1 {
        margin-bottom: 0;
        font-weight: 800;
    }

.pricing-table {
    margin: 5rem 0;
}

.pricing-plan {
    border-radius: 2.5rem;
    box-shadow: 0 2.4rem 4.4rem rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 7rem;
    position: relative;
}

.pricing-plan-featured,
.pricing-plan-global-title {
    background: var(--red);
    font-weight: 500;
    border-radius: 2.5rem 2.5rem 0 0;
    line-height: 4.4rem;
    color: var(--white);
}

.pricing-plan-global-title {
    background: var(--yellow);
    color: var(--blue-low);
}

.pricing-plan-header {
    padding: 1.5rem 3rem;
}

    .pricing-plan-header h3 {
        font-weight: 500;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .pricing-plan-header .price {
        font-weight: 800;
        font-size: 3.5rem;
        line-height: 1;
        color: var(--green);
        display: inline-block;
        text-align: left;
    }

        .pricing-plan-header .price del {
            opacity: 0.4;
            font-size: 0.5em;
        }

    .pricing-plan-header .details {
        line-height: 1;
        font-size: 1.2rem;
        margin-bottom: 0;
        display: inline-block;
        text-align: left;
        margin-left: .5rem;
    }

.pricing-plan-global-features {
    border-radius: 0 0 25px 25px;
    overflow: hidden;
}

    .pricing-plan-features ul,
    .pricing-plan-global-features ul {
        margin: 0;
        padding: 0;
    }

        .pricing-plan-features ul li,
        .pricing-plan-global-features ul li {
            list-style: none;
            display: block;
            background: #F5F5F5;
            padding: 1rem 5rem;
            text-align: left;
            position: relative;
            line-height: 1.25;
            font-size: 1.4rem;
        }

            .pricing-plan-features ul li:before,
            .pricing-plan-global-features ul li:before {
                content: "\f00c";
                display: block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                top: 50%;
                left: 2rem;
                transform: translateY(-50%);
                color: var(--green);
                width: 1.6rem;
                text-align: center;
            }

            .pricing-plan-features ul li.not:before {
                content: "\f00d";
                color: var(--gray-high);
            }

            .pricing-plan-features ul li:nth-child(even),
            .pricing-plan-global-features ul li:nth-child(even) {
                background: #FAFAFA;
            }

            .pricing-plan-features ul li.not {
                color: rgba(0,0,0,.5);
            }

            .pricing-plan-features ul li button,
            .pricing-plan-global-features ul li button {
                background: transparent;
                border: none;
                padding: 0;
                margin: 0;
                border-radius: 0;
                outline: none !important;
                -webkit-appearence: none;
                appearance: none;
                position: absolute;
                top: 50%;
                right: 2rem;
                transform: translateY(-50%);
                cursor: pointer;
            }

                .pricing-plan-features ul li button i,
                .pricing-plan-global-features ul li button i {
                    color: var(--blue);
                }

.pricing-plan-footer {
    padding: 3rem;
}

    .pricing-plan-footer .details {
        line-height: 1.2;
        font-size: 1.2rem;
        margin-bottom: 0;
        margin-top: 1.5rem;
    }

.tippy-box[data-theme~=light] {
    text-align: center;
}

@media (min-width: 768px) {
    .pricing-intro h1 {
        font-size: 5.5rem;
    }

    .pricing-plan-featured,
    .pricing-plan-global-title {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
    }

    .pricing-plan-global-features ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

        .pricing-plan-global-features ul li {
            display: flex;
            align-items: center;
            justify-content: left;
        }

            .pricing-plan-global-features ul li:nth-child(6n + 1),
            .pricing-plan-global-features ul li:nth-child(6n + 2),
            .pricing-plan-global-features ul li:nth-child(6n + 3) {
                background: #F5F5F5;
            }

            .pricing-plan-global-features ul li:nth-child(6n + 4),
            .pricing-plan-global-features ul li:nth-child(6n + 5),
            .pricing-plan-global-features ul li:nth-child(6n + 6) {
                background: #FAFAFA;
            }

            .pricing-plan-global-features ul li:nth-child(3n + 2),
            .pricing-plan-global-features ul li:nth-child(3n + 3) {
                border-left: 1px solid #E9E9E9;
            }
}

@media (min-width: 992px){
    .pricing-table {
        margin: 10rem 0;
        display: flex;
        justify-content: center;
        border-radius: 2.5rem;
        box-shadow: 0 2.4rem 4.4rem rgba(0,0,0,.1);
    }

    .pricing-plan {
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        border-right: 0.1rem solid #E9E9E9;
        margin-bottom: 0;
    }

        .pricing-plan:last-child {
            border-right: none;
         }

}

/*@media (min-width: 768px) and (max-width: 991px) {
    .pricing-plan-header .price del {
        display: block;
        min-height: 1.7rem;
    }
}*/


/* PRICING TABLE DESKTOP */
.pricing .page-wrapper {
    overflow: visible;
}

.pricing-plans-desktop {
    margin: 10rem 0;
    border-radius: 2.5rem;
    box-shadow: 0 2.4rem 4.4rem rgba(0,0,0,.1);
    position: relative;
    width: 100%;
}

    .pricing-plans-desktop td {
        padding: 1rem 2rem;
        text-align: center;
        border-left: 0.1rem solid #E9E9E9;
        position: relative;
    }

        .pricing-plans-desktop td:first-child {
            text-align: left;
            border-left: none;
            font-weight: 600;
            color: var(--blue);
            padding-right: 4rem;
            font-size: 1.4rem;
            position: relative;
        }

            .pricing-plans-desktop td:first-child button {
                background: transparent;
                border: none;
                padding: 0;
                margin: 0;
                border-radius: 0;
                outline: none !important;
                -webkit-appearence: none;
                appearance: none;
                position: absolute;
                top: 50%;
                right: 1rem;
                transform: translateY(-50%);
                cursor: pointer;
                color: var(--blue-low);
            }

    .pricing-plans-desktop thead td {
        position: sticky;
        top: 0;
        background: var(--white);
        z-index: 1;
        white-space: nowrap;
    }

    .pricing-plans-desktop thead h3 {
        font-weight: 500;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .pricing-plans-desktop thead .price {
        font-weight: 800;
        font-size: 2rem;
        line-height: 1;
        color: var(--green);
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
    }

    .pricing-plans-desktop tbody tr:nth-child(odd) {
        background: #F5F5F5;
    }

    .pricing-plans-desktop tbody tr:nth-child(even) {
        background: #FAFAFA;
    }

    .pricing-plans-desktop tbody .yes-icon {
        color: var(--green);
    }

    .pricing-plans-desktop tbody .no-icon {
        color: rgba(0,0,0,.5);
    }

    .pricing-plans-desktop tfoot td {
        padding: 2rem 1rem;
        white-space: nowrap;
    }

.pricing-plan-featured-desktop {
    background: var(--red);
    font-weight: 500;
    border-radius: 1.5rem 1.5rem 0 0;
    padding: 1rem;
    color: var(--white);
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    font-size: 1.2rem;
}


@media (max-width: 991px) {
    .pricing-plans-desktop {
        display: none;
    }
}

@media (min-width: 992px) {
    .pricing-table:not(.pricing-table-global) {
        display: none;
    }
}


/* BLOG */
.blog p {
    font-size: 18px;
}

.default-content.blog-page {
    padding-bottom: 0;
}

.blog-intro {
    text-align: center;
}

    .blog-intro h1,
    .blog-intro .h1 {
        color: var(--blue);
        margin-bottom: 0;
        font-weight: 800;
        font-size: 3.5rem;
        line-height: 1;
    }

.posts-list{
    margin: 5rem 0;
}

.post-list-item{
    display: grid;
    grid-row-gap: 2rem;
    column-gap: 3rem;
    grid-template-columns: 100%;
    text-decoration: none!important;
    color: var(--black);
    margin-bottom: 5rem;
}

.post-thumbnail {
    border-radius: 1.4rem;
    text-align: center;
    overflow: hidden;
}

    .post-thumbnail img{
        width: 100%;
    }

.post-item-content h3 {
    font-size: 2.4rem;
    font-weight: 700;
}

.post-item-content p{
    color: var(--black);
}

.post{
    max-width: 70rem;
    margin: 5rem auto;
}

    .post .post-thumbnail{
        margin-bottom: 2.5rem;
    }

    .post h1{
        font-weight: 700;
    }

    .post p,
    .post ul,
    .post ol{
        margin-bottom: 2rem;
    }

.related-posts{
    margin: 5rem 0;
}

    .related-posts h2 {
        font-weight: 700;
        text-align: center;
    }

.related-posts-list{
    margin: 3rem 0 0;
    display: grid;
    column-gap: 3rem;
    grid-row-gap: 3rem;
}

    .related-posts-list .post-list-item{
        grid-template-columns: 100%;
    }

.more-posts{
    text-align: center;
}

@media (min-width: 768px) {
    .blog-intro h1,
    .blog-intro .h1 {
        font-size: 4.5rem;
        margin-bottom: 1rem;
    }

    .post-list-item{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
    }

    .related-posts-list{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .related-posts{
        margin: 10rem 0;
    }
}



/* CONTACT & SIGNUP */
.contact-intro,
.signup-intro {
    text-align: center;
}

    .contact-intro h1,
    .signup-intro h1 {
        margin-bottom: 0;
        font-weight: 800;
    }

.contact-page .contact-form,
.signup-page .signup-form,
.validate-page .validate-form,
.password-page .password-form,
.job-form .contact-form,
.lp-form .signup-form {
    max-width: 70rem;
    margin: 5rem auto 0;
    text-align: center;
}

.contact-page .form-group,
.signup-page .form-group,
.validate-page .form-group,
.password-page .form-group,
.job-form .form-group,
.lp-form .form-group {
    margin-bottom: 1.5rem;
}

.signup-legal {
    font-size: 1.4rem;
}

.form-control.error {
    border-color: var(--red);
}

.form-control.success {
    border-color: var(--green);
}

.form-help {
    font-size: 1.2rem;
    text-align: left;
    padding: 0 1.5rem;
    margin: 0.5rem 0 0;
}

.error-notice {
    display: none;
}

@media (min-width: 768px) {
    .contact-intro h1,
    .signup-intro h1 {
        font-size: 5.5rem;
    }
}


/* LANDING PAGE */
#mini-form-lp header, #mini-form-lp h1, #mini-form-lp p {
    display: none;
}

#mini-form-lp section {
    padding-top: 0;
}

.lp-intro {
    margin-top: 90px;
    padding-top: 2.5rem;
    position: relative;
    z-index: 1;
}
#lp-first .container {
    display: block;
}
.lp-intro:before {
    background: #fff;
}
.lp-intro-video:before {
    display: none;
}

.lp-hero-content {
    padding: 5rem 0 42rem;
    max-width: 46rem;
}
.lp-hero{
    position: relative;
}
.lp-hero:before {
    content: '';
    display: block;
    background: var(--red);
    width: 100%;
    height: 20rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.lp-hero-text{
    padding: 1rem 0;
    margin: auto 0;
}
.lp-hero-text p {
    margin-bottom: 3rem;
    font-size: 1.3rem;
}
.lp-hero-text h2{
    font-size: 2.8rem;
}

.lp-hero-signup {
    padding-top: 2rem;
    border-top: 0.1rem solid rgba(0,0,0,.1);
}
.lp-hero-signup h2 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}
.lp-hero-signup .form-inline {
    display: flex;
}
.lp-hero-graphic {
    background-image: url('../img/home-hero-img.png'), url('../img/curve-1.svg');
    background-size: contain;
    background-position: center bottom, 0 75%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30rem;
    height: 40rem;
    transform: translateX(-50%);
}
.lp-testimonials {
    padding-top: 7rem;
}

@media (min-width: 50px) and (max-width: 576px) {
    .lp-hero-content {
        padding: 5rem 0 42rem!important;
    }
}

@media (min-width: 768px) {
    .lp-hero:before {
        width: 100vw;
        height: 100%;
        left: calc(50% + 30rem);
    }
    .lp-intro-video:before {
        display: none;
    }
    .lp-hero-text h2 {
        font-size: 4rem;
    }

    .lp-hero-text p {
        font-size: 1.6rem;
    }

    .lp-hero-text h1 {
        font-size: 6.4rem;
    }

    .lp-hero-signup {
        padding-top: 5rem;
    }

    .lp-hero-signup .form-inline {
        max-width: 30rem;
    }
    .lp-hero-graphic {
        width: 30rem;
        height: 40rem;
        transform: none;
        left: 65%;
    }
    .lp-hero-content {
        padding: 3rem 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lp-hero:before {
        display: none;
    }
}

@media (min-width: 992px) {
    .lp-hero-graphic {
        width: 38rem;
        height: 63rem;
        left: 59%;
    }
    .lp-intro {
        padding-bottom: 2.5rem;
    }
}


/* LOGIN REDIRECT */
.login-redirect {
    background-color: var(--white);
    background-image: url('../img/loading.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}


/* QUIZ */

.quiz-question {
    margin-bottom: 5rem !important;
}

.quiz-question p {
    margin: 0;
    padding: 0;
}

.quiz-question-content, .quiz-response {
    display: inline;
}

.quiz-options {
    margin-top: 10px;
}

.quiz-success {
    text-align: center;
    background: var(--blue);
    padding: 10px 0;
    border-radius: 0.3rem;
    color: white;
    margin-top: 1.2rem;
}

.quiz-error {
    text-align: center;
    background: var(--red);
    padding: 5px 0;
    border-radius: 0.3rem;
    color: white;
    margin-top: 10px;
}


    .quiz-question .question-number {
        border-color: var(--red);
        border-style: solid;
        border-width: 2px;
        border-radius: 3px;
        color: var(--red);
        padding: 0rem 1rem 0rem 1rem;
        font-weight: bold !important;
        margin-right: 0.8rem;
    }

    .quiz-question strong {
        border-bottom: 0.1rem solid var(--red);
    }

.quiz-form input#quiz-name {
    margin-bottom: .8rem;
}

/* SIGNUP COMPLETE */
.signup-complete {
    max-width: 40rem;
    text-align: center;
    margin: 10rem auto;
}

    .signup-complete h1 {
        font-weight: 700;
    }


/* FOOTER */
.footer {
    position: relative;
    padding: 5rem 0;
    text-align: center;
    background-image: url('../img/cup.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .footer .social-networks {
        margin: 0 0 5rem;
    }

.social-networks ul {
    padding: 0;
    margin: 0;
}

    .social-networks ul li {
        list-style: none;
        display: inline-block;
    }

        .social-networks ul li a {
            color: var(--red);
            font-size: 2.4rem;
            padding: 1rem;
            transition: all 0.3s ease;
        }

            .social-networks ul li a:hover,
            .social-networks ul li a:focus,
            .social-networks ul li a:active {
                color: var(--red-low);
                text-decoration: none;
            }

.footer-menu {
    margin-bottom: 5rem;
}

    .footer-menu ul {
        padding: 0;
        margin: 0;
    }

        .footer-menu ul li {
            list-style: none;
            display: inline-block;
        }

            .footer-menu ul li a {
                display: inline-block;
                padding: 0.5rem 0;
                border-bottom: 0.1rem solid var(--red);
                color: var(--black);
                font-weight: 500;
                margin: 0.5rem;
                line-height: 1;
                transition: all 0.3s ease;
            }

                .footer-menu ul li a:hover,
                .footer-menu ul li a:focus,
                .footer-menu ul li a:active {
                    text-decoration: none;
                    border-bottom-color: var(--red-low);
                }

.copyright p {
    line-height: 1.4;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .footer {
        padding: 7rem 0;
    }

        .footer .container {
            display: flex;
            align-items: center;
        }

        .footer .copyright {
            order: 1;
            text-align: left;
        }

        .footer .social-networks {
            order: 2;
            margin: 0 0 0 5rem;
        }

        .footer .footer-menu {
            order: 3;
            margin: 0 0 0 auto;
        }

    .footer-menu ul li {
        margin: 0 1rem;
    }
}


/* The Modal Class BEGIN */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 800px;
}

.container_modal {
    padding: 20px;
    margin: auto;
    max-width: 800px;
}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.center-button {
    display: flex;
    justify-content: center;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#btn_newsletter {
    border: 2px solid var(--blue);
    background: var(--blue);
}

.newsletter-card {
    max-width: 70rem;
    margin: 5rem auto;
    border: 1px solid var(--gray);
    border-radius: 0.2em;
    color: var(--gray);
    box-shadow: 5px 5px 7px rgba(0,0,0, 0.15);
    padding: 1.5em;
}

/* The Modal Class END */

/* Landing Pages Text Media Queries */

@media (max-width: 1199px) {
    .lp h1 {
        font-size: 3rem!important;
    }
    .lp h2 {
        font-size: 2.5rem!important;
    }
    .lp h3 {
        font-size: 1.5rem!important;
    } 
}

@media (max-width: 618px) {
    .lp h1 {
        font-size: 2.3rem !important;
    }
}

/* Lp Newsletter Trabalho Remoto */

.lp-newsletter-remote {
    width: 90%;
    margin: 3rem auto;
    background: var(--white);
    border-radius: 3rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .lp-newsletter-remote::before{
        content: '';
        display: block;
        position: absolute;
        top: 7rem;
        right: 90%;
        width: 35rem;
        height: 35rem;
        border-radius: 50%;
        background: var(--blue);
        z-index: 2;
    }
    .lp-newsletter-remote::after {
        content: '';
        display: block;
        background: url('../img/curve-3.svg');
        transform: rotate(180deg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: -1%;
        bottom: 58%;
        width: 16rem;
        height: 35rem;
        z-index: 2;
    }

.lp-newsletter-container {
    z-index: 3;
}
.lp-newsletter-logo {
    width: 20rem;
}
.lp-newsletter-logo-container {
    margin: 2rem 0 2.5rem;
}
.lp-newsletter-header {
    padding: 2rem 2rem 0;
}

.lp-newsletter-header-text {
    margin-bottom: 3.5rem;
}
    .lp-newsletter-header-text h1, .lp-newsletter-header-text h3, .lp-newsletter-header p {
        color: var(--gray-low);
    }
    .lp-newsletter-header-text h1 {
        font-size: 5rem;
        font-weight: 800;
    }
    .lp-newsletter-header-text h3 {
        font-size: 2rem;
        font-weight: 600;
    }
    .lp-newsletter-header-text span{
        color: var(--gray);
    }
    .lp-newsletter-header p{
        font-weight: 500;
    }

.newsletter-mensage {
    text-align: center;
}

.lp-newsletter-form-container{
    width: 45rem;
    margin: auto;
}
    .lp-newsletter-form-container button {
        margin-bottom: 2rem;
    }
    .lp-newsletter-form-container p {
        font-weight: 600;
        margin: 3rem 0 .5rem;
    }
    .lp-newsletter-form-container::before{
        content: '';
        display: block;
        background: url('../img/rectangle.svg');
        position: absolute;
        left: 0;
        bottom: 15%;
        width: 16rem;
        height: 35rem;
        z-index: 2;
    }
    .lp-newsletter-form-container form {
        display: flex;
        flex-direction: column;
    }
    .lp-newsletter-form-container form input{
        border-radius: .3rem;
    }
    .lp-newsletter-form-container form input {
        margin-bottom: .8rem;
        padding: .8rem 1.5rem;
        border: 1px solid var(--gray-high);
        
    }

@media (max-width: 1199px) {
    .lp-newsletter-form-container:before{
        bottom: -150%;
    }
    .lp-newsletter-remote::after {
        bottom: -35%;
    }
}

@media (max-width: 1100px) {
    .lp-newsletter-form-container:before, .lp-newsletter-remote::before, .lp-newsletter-remote::after{
        display: none;
    }
}

@media (max-width: 580px) {
    .lp-newsletter-logo {
        width: 15rem;
    }
    .lp-newsletter-form-container{
        width: 35rem;
    }
}

@media (max-width: 420px) {
    .lp-newsletter-form-container{
        width: 25rem;
    }
}

@media (max-width: 300px) {
    .lp-newsletter-form-container{
        width: 18rem;
    }
}

.lp-newsletter-content-container {
    margin-bottom: 5rem;
}
.lp-newsletter-content {
    width: 95%;
    max-width: 60rem;
    margin: 3rem auto;
}
    .lp-newsletter-content h2{
        font-size: 3.5rem;
        color: var(--blue);
        font-weight: 800;
        margin-bottom: 1.5rem;
    }
    .lp-newsletter-content h3{
        color: var(--gray-low);
        font-size: 1.7rem;
        text-align: justify;
    }
    .lp-newsletter-content img{
        margin: 2rem 0;
        width: 100%;
        border-radius: 1.5rem;
    }
.lp-newsletter-message {
    border: 1px solid var(--gray);
    box-shadow: 5px 5px 7px rgb(0 0 0 / 15%);
    padding: 1.5em;
    margin-bottom: 3rem;
}
    .lp-newsletter-message h1 {
        font-weight: 600;
    }
    .lp-newsletter-message p {
        font-weight: 500;
        margin: 1rem 0 2rem;
    }

/* Lp ebook default styles */

.lp-ebook-form-container {
    background: var(--gray);
    border-radius: .5rem;
    display: flex;
    width: 52rem;
    flex-direction: column;
    padding: 1.5rem 3rem 2rem;
    transition: all 0.3s;
    justify-content: center;
    margin: 0 1rem;
}

#form-ebook {
    transition: all 0.3s;
}

.lp-ebook-message {
    display: none;
    opacity: 0;
    transition: all 0.3s;
    text-align: center;
    margin-bottom: 2rem;
}

    .lp-ebook-message h1 {
        margin-top: 2rem;
        color: var(--gray-low);
        font-size: 3.5rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .lp-ebook-message h2 {
        color: var(--gray-low);
        font-size: 3rem;
        font-weight: 500;
    }
    
    .lp-ebook-message i {
        color: var(--green-high);
        font-size: 6rem;
    }

.ebook-image {
    width: 33rem!important;
    transition: all 0.3s;
}

.ebook-image-small {
    width: 15rem!important;
    transition: all 0.3s;
}

.ebook-image-medium {
    width: 25rem!important;
    height: 100%;
    transition: all 0.3s;
}

.lp input[type=tel] {
    width: 100%;
}

.lp input:disabled, .lp select:disabled {
    background: var(--gray-high)!important;
}

.work-group-inputs {
    display: none;
    /*display: flex;*/
    flex-direction: column;
}

@media (max-width: 768px) {
    .lp-ebook-form-container {
        margin-top: 3rem;
    }
    .lp-ebook-message h1 {
        font-size: 2rem!important;
    }
    .lp-ebook-message h2 {
        font-size: 1.5rem!important;
    }
    .lp-ebook-message i {
        font-size: 3rem;
    }
    .ebook-image {
        width: 25rem!important;
    }
    .ebook-image-small {
        width: 10rem;
    }
    .ebook-image-medium {
        width: 20rem !important;
    }
}

@media (max-width: 667px) {
    .ebook-image {
        width: 25rem!important;
    }
    .lp-ebook-form-container {
        margin-top: 0;
        width: 100%;
    }
}

@media (max-width: 568px) {
    .ebook-image-medium {
        width: 15rem;
    }
    .ebook-image-small {
        width: 10rem;
    }
    .ebook-image {
        width: 20rem!important;
    }
}

@media (max-width: 388px) {
    .ebook-image {
        width: 15rem!important;
    }
    .lp-ebook-form-container {
        padding: 1.3rem;
    }
}

/* Lp Ebook VAPE */

.lp-ebook {
    padding: 0 3rem;
}

@media (max-width: 1168px) {
    .lp-ebook {
        text-align: center;
    }
}

.lp-ebook-logo {
    width: 15rem;
    margin: 2rem;
}

.lp-ebook-header {
    margin-top: 7vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 3rem;
}

.lp-ebook-header ul {
    margin-top: 3rem;
    font-size: 2rem;
    text-align: left;
}

.lp-ebook-header ul li {
    line-height: 3rem;
}

.lp-ebook-header ul li h3 {
    font-size: 1.7rem;
    font-weight: 500;
}

.lp-ebook-header-text h1, .lp-ebook-header h3 {
    color: var(--black);
}

.lp-ebook-header-text h1 {
    font-size: 2.5rem;
    font-weight: 600;
}

.lp-ebook-header h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.lp-ebook-image-container {
    margin-bottom: 5rem;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lp-ebook-image-container img {
    border-radius: .5rem;
    width: 100%;
    max-width: 60rem;
}
    #vape .lp-ebook-form-container {
        background: transparent;
    }

    .lp-ebook-form-container form .form-ebook-content {
        display: flex;
        flex-direction: column;
    }

    .form-ebook-content h1 {
        font-weight: 600;
        font-size: 2.5rem;
    }

    .form-ebook-content span {
        text-align: center;
    }

    .lp-ebook-form-container form input {
        margin-bottom: .8rem;
        padding: .8rem 1.5rem;
        border: 1px solid var(--gray-high);
        border-radius: .3rem;
    }

@media (max-width: 1199px) {
    .lp-ebook::before, .lp-ebook::after {
        display: none;
    }
    .lp-ebook-image-container {
        align-items: center;
    }
}

@media (max-width: 400px) {
    .form-ebook-content h1 {
        font-size: 2rem!important;
    }
}

.ebook-form button {
    margin-bottom: .8rem;
}

.lp-ebook .footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-ebook .footer .container .social-networks {
    margin: 0;
    order: 1;
}

.lp-ebook .form-ebook-content a#btn_footer_privacy {
    color: var(--red);
    text-decoration: underline;
    font-weight: 700;
}

/* Lp Integração Times Distribuídos */

@media (min-width: 768px) {
    .lp-integracao-times-distribuidos .home-hero-text h1 {
        font-size: 5.4rem;
    }
    .lp-integracao-times-distribuidos .home-intro-video:before {
        display: none;
    }

    .lp-integracao-times-distribuidos .home-intro-video {
        width: 110%;
    }
}

@media (min-width: 992px){
    .lp-integracao-times-distribuidos .home-hero-graphic {
        width: 40rem;
        height: 58rem;
        left: 56%;
    }    
    .lp-integracao-times-distribuidos .home-hero-content {
        padding: 13rem 0 11rem;
    }
}

/* Lp Coworking */

.lp-coworking {
    padding: 3rem;
}

    .lp-coworking h1 {
        text-align: center;
        font-weight: 600;
    }

    .lp-coworking .home-hero-text h2 {
        margin-top: 2rem;
    }

    .lp-coworking .home-faq {
        margin-top: 7rem;
    }

.lp-coworking-header-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 1rem 0 3rem;
}

.lp-coworking-main-content {
    margin-bottom: 3rem;
    text-align: center;
    max-width: 60rem;
}

    .lp-coworking-main-content h3 {
        color: var(--gray-low);
        font-weight: 400;
    }

@media (min-width: 1184px) {
    .lp-coworking-main-content {
        margin-right: 2.5rem;
    }
}

.lp-coworking-form-container form {
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .lp-coworking-form-container form h3 {
        font-weight: 400;
    }

    .lp-coworking-form-container form input, .lp-coworking-form-container form select, .lp-coworking-form-container form div.iti, .lp-coworking-form-container form button {
        width: 100%;
        margin: 5px 0;
    }

    .lp-coworking-form-container form button {
        padding: .7rem 1.5rem;
    }

    .lp-coworking-form-container form input, .lp-coworking-form-container form select {
        padding: .8rem 1.5rem;
        border-radius: .3rem;
    }

    .lp-coworking-form-container form input, .lp-coworking-form-container form select {
        border: 1px solid var(--gray-high);
    }

.lp-coworking-countdown {
    display: flex;
    justify-content: space-between;
    margin: 1rem auto;
    padding: 7px;
    width: 47.5rem;
    height: 95px;
}

.countdown-day, .countdown-hour, .countdown-minute, .countdown-second {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10rem;
    padding: 3px;
    border: 2px solid var(--red);
    border-radius: 10px;
}

    .countdown-day h3, .countdown-hour h3, .countdown-minute h3, .countdown-second h3 {
        font-size: 2rem;
        font-weight: 700;
        color: var(--black);
        margin: 0;
    }

.countdown-hour::after, .countdown-minute::after {
    content: ":";
    color: var(--red);
    font-size: 4rem;
    font-weight: 600;
    position: relative;
    top: -68px;
    left: 60px;
}

.countdown-number {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    width: 50px;
    color: var(--red);
    line-height: 4rem;
}

@media (max-width: 1199px) {
    .countdown-hour::after, .countdown-minute::after {
        top: -65px;
    }
    .countdown-number {
        margin-top: 0.3rem;
    }
}

@media (max-width: 767px) {
    .countdown-hour::after, .countdown-minute::after {
        top: -64px;
    }
}

@media (max-width: 535px) {
    .lp-coworking-countdown {
        width: 44rem;
    }
    .countdown-hour::after, .countdown-minute::after {
        left: 56px;
    }
    .countdown-day, .countdown-hour, .countdown-minute, .countdown-second {
        width: 9rem;
    }
}

@media (max-width: 473px) {
    .lp-coworking-countdown {
        width: 35rem;
    }
    .countdown-hour::after, .countdown-minute::after {
        left: 44px;
        font-size: 3rem;
        top: -54px;
    }
    .countdown-day, .countdown-hour, .countdown-minute, .countdown-second {
        width: 7.3rem;
    }
    .countdown-number {
        font-size: 2.5rem;
    }
    .countdown-day h3, .countdown-hour h3, .countdown-minute h3, .countdown-second h3 {
        font-size: 1.4rem!important;
    }
}

@media (max-width: 379px) {
    .lp-coworking-countdown {
        width: 26rem;
        height: 85px;
    }
    .countdown-hour::after, .countdown-minute::after {
        left: 32px;
        top: -51px;
    }
    .countdown-day, .countdown-hour, .countdown-minute, .countdown-second {
        width: 5.5rem;
    }
    .countdown-number {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
    .countdown-day h3, .countdown-hour h3, .countdown-minute h3, .countdown-second h3 {
        font-size: 1.3rem!important;
    }
}

@media (max-width: 315px) {
    .lp-coworking-countdown {
        margin-left: -6vw;
    }
}

@media (min-width: 1200px) {
    .lp-coworking-header-content {
        flex-wrap: unset;
    }
}

h4.inauguration-coworking {
    margin-bottom: 7rem;
    color: var(--gray-low)
}

h3.inauguration-coworking, h4.inauguration-coworking {
    font-weight: 400;
}

    .inauguration-coworking span {
        font-weight: 600;
    }

.coworking-form {
    transition: all 0.4s;
}

.feedback-coworking {
    text-align: center;
    margin: 7rem 0 4rem;
    align-self: center;
    display: none;
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.4s;
}

@media (max-width: 1182px) {
    .feedback-coworking {
        margin: 4rem 0!important;
    }
}

    .feedback-coworking i {
        color: var(--green-high);
        font-size: 6rem;
    }

.lp-coworking-advantages ul {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .lp-coworking-advantages ul li {
        margin: 0 20px;
    }

.lp-coworking-body-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.coworking-benefits {
    margin: -9rem auto 0;
    width: 45%;
    text-align: center;
    margin-left: 5rem;
}

    .coworking-benefits ul {
        margin: 4rem;
        text-align: start;
    }

    .coworking-benefits h4 {
        text-align: center;
    }

#coworking-video {
    width: 100%;
}

.coworking-time-left {
    text-align: center;
    margin-left: 2rem;
    width: 45%;
}

@media (max-width: 1182px) {
    .lp-coworking-body-content {
        justify-content: center;
    }
    .coworking-benefits, .coworking-time-left {
        margin: 0 auto;
        width: 100%;
    }
    .coworking-benefits ul {
        margin: 3rem auto;
        display: inline-block;
    }
    
}

@media (max-width: 980px) {
    .lp-coworking-body-content {
        justify-content: center;
    }
    .coworking-time-left {
        margin-top: 3rem;
    }
}

.shortly {
    color: var(--red)!important;
}

.coworking-benefits h1 {
    color: var(--gray);
}

.lp-coworking-logo-container img {
    width: 13rem;
    margin-bottom: .5rem;
}


/* Meeting Exit */

body.lp-meeting-exit {
    background-color: var(--white);
    overflow: hidden;
}

    body.lp-meeting-exit:before {
        content: "";
        display: block;
        position: absolute;
        top: -25rem;
        right: 80%;
        width: 50rem;
        height: 50rem;
        border-radius: 50%;
        background: #FEA724;
        z-index: 1;
    }

    body.lp-meeting-exit:after {
        content: "";
        display: block;
        background: url('/img/curve-2.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(180deg);
        position: absolute;
        right: -2%;
        bottom: -10%;
        width: 16rem;
        height: 35rem;
        z-index: 1;
    }

.back-white {
    background-color: var(--white);
}

.meeting-exit-content {
    margin-top: 80px;
}

.meeting-exit-content-internal {
    margin-top: 4rem;
}

.stars {
    max-width: 300px;
    padding-top: 9px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

    .stars a, .stars img {
        width: 2.5rem;
    }


    .stars h6 {
        font-size: 1.1rem;
        padding-top: 7px;
        color: var(--gray);
    }

    .stars a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--gray);
    }

.ratingContainer h5 {
    color: var(--gray);
    font-size: 1.5rem;
    font-weight: bold;
}

#section-rate {
    text-align: center;
}

.ratingContainer {
    color: var(--gray);
    font-size: 3rem;
    line-height: 1.2rem;
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}

.meeting-exit-title {
    padding: 2rem 0 1rem;
    text-align: center;
}

    .meeting-exit-title div {
        margin: 2rem 0;
    }

    .meeting-exit-title h1 {
        color: var(--gray-low);
        font-weight: bold;
    }

    .meeting-exit-title a {
        text-decoration: none;
        border-radius: 0.4rem;
    }

    .meeting-exit-title button {
        cursor: pointer;
        padding: 10px 15px;
        border-radius: 0.4rem;
    }

.button-white {
    border: 3px solid var(--gray-high);
    color: var(--gray);
    background-color: var(--white);
}

.button-red {
    border: 3px solid var(--red);
    color: var(--gray);
    background-color: var(--white);
}

.button-white, .button-red {
    margin: .7rem;
}

    .button-red:hover {
        color: var(--white);
        background-color: var(--red-high);
    }

.meeting-exit-video {
    margin: auto 0;
    position: relative;
    top: -22px;
    z-index: 1;
    max-width: 475px;
    display: flex;
}

.meeting-exit-video-subtitle-call {
    font-size: 1.6rem;
    text-align: center;
    color: var(--gray);
}

@media (min-width: 768px) {
    .meeting-exit-video-text h2 {
        font-size: 3rem !important;
    }

    .meeting-exit-video-text p {
        font-size: 1.5rem !important;
    }

    .meeting-exit-video-text-signup {
        padding-top: 2rem;
    }
}

@media(max-width: 1199px) {
    body.lp-meeting-exit:before {
        display: none;
    }

    body.lp-meeting-exit {
        overflow-y: scroll;
    }

    .meeting-exit-video-text-content {
        text-align: center;
    }

    .meeting-exit-video-text-signup {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media(min-width: 1268px) {
    .meeting-exit-logo {
        top: 90% !important;
        left: 3vw !important;
    }
}

@media(max-width: 1267px) {
    .meeting-exit-logo {
        width: 140px;
        top: 3% !important;
        left: 0;
        right: 0;
        margin: auto;
    }

    body.lp-meeting-exit:after {
        display: none;
    }
}

@media (min-width: 50px) and (max-width: 576px) {
    .meeting-exit-video-text-content {
        padding: 5rem 0 !important;
    }
}

.meeting-exit-video-text-content {
    padding: 1rem 0;
    max-width: 46rem !important;
}

.meeting-exit-video-text-signup {
    border-top: 0.1rem solid rgba(0,0,0,.1);
    padding-top: 2rem;
}

    .meeting-exit-video-text-signup h2 {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }

.meeting-exit-video-text h2 {
    font-size: 2.5rem;
}

.meeting-exit-video-text p {
    font-size: 1.3rem;
}

.body.lp-meeting-exit .lp-hero-signup .form-inline {
    display: flex;
}

body.lp-meeting-exit .form-inline {
    display: flex;
    flex-flow: row;
}

.meeting-exit-video-text-signup button.btn {
    line-height: 1.9;
    font-size: 1.5rem;
}

.meeting-exit-logo {
    max-width: 150px;
    position: fixed;
    margin-top: 1rem;
    z-index: -1;
}

.meeting-exit-end {
    margin-bottom: 4rem;
}

    .meeting-exit-end div.meeting-exit-content-internal {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

/* lp ebooks */

.ebooks .iti {
    padding: 0rem;
}

.lp-ebooks-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 1rem;
}

.lp-ebooks-title-left {
    text-align: left;
    margin-bottom: 1.3rem;
}

    .lp-ebooks-title-left h1 {
        line-height: 1.2;
        margin-bottom: 0;
    }

.form-ebooks-content {
    margin-bottom: 1.5rem;
}

    .form-ebooks-content select {
        border-radius: 3px;
        border: 1px solid var(--gray-high);
        margin-bottom: .8rem;
        height: 4rem;
        padding-left: .8rem;
    }

    .form-ebooks-content select, .form-ebooks-content input {
        height: 40px;
    }

    .form-ebooks-content span {
        color: white;
        text-align: center;
        margin-top: .5rem;
    }

    .form-ebooks-content a {
        color: var(--red);
    }

    .form-ebooks-content h1 {
        color: white;
        font-weight: 600;
        margin-top: .5rem;
        margin-bottom: 2rem;
        text-align: center;
        transition: all 0.3s;
    }

    .form-ebooks-content input[type=tel] {
        margin-bottom: .8rem !important;
        font-size: inherit;
    }

    .form-ebooks-content .error-notice {
        color: white;
        margin-top: -.5rem;
        margin-bottom: .8rem;
    }

.lp-ebooks-header-text {
    margin-bottom: 2rem;
    text-align: center;
}

    .lp-ebooks-header-text h1 {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3.2rem;
        color: var(--gray-low);
    }

.lp-ebooks-image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
    width: 60rem;
}

    .lp-ebooks-image-container .video-16-9, .ebooks-thumb {
        width: 100%;
    }

.lp-ebooks-logo-container img {
    width: 13rem;
    margin: 4rem;
}

.ebooks-form-inputs {
    display: flex;
    flex-direction: column;
}

.ebooks footer {
    margin-top: 3rem;
}

.privacy-policy-container {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: .8rem;
}

    .privacy-policy-container input {
        margin-bottom: 0!important;
        margin-right: 1rem;
    }

    .privacy-policy-container label {
        margin: 0;
        cursor: pointer;
    }

.ebooks-presentation {
    text-align: center;
}

.ebooks-presentation-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    margin: 5rem 0;
}

.ebooks-presentation-text h1 {
    color: var(--gray-low);
    font-weight: 500;
    margin: 0 5rem;
    font-size: 3rem;
}

.ebooks-presentation-text ul {
    margin: 2rem 0 3rem 3rem;
    font-size: 1.8rem;
    text-align: start;
}

.ebooks .iti__selected-flag {
    height: calc(100% - 0.8rem)!important;
}

@media (max-width: 1280px) {
    .lp-ebooks-image-container {
        width: 50rem;
    }
}

@media (max-width: 1097px) {
    .lp-ebooks-image-container {
        margin-bottom: 5rem!important;
    }
}

@media (max-width: 980px) {
    .lp-ebooks-header-text {
        text-align: center;
    }
}    

@media (max-width: 768px) {
    .form-ebooks-content h1 {
        font-size: 2.5rem!important;
    }
    .lp-ebooks-header-text h1 {
        font-size: 2.5rem!important;
    }
    .ebooks-presentation-text h1 {
        font-size: 2.5rem!important;
    }
    .ebooks-presentation-text ul {
        font-size: 1.5rem;
    }
}

@media (max-width: 667px) {
    .lp-ebooks-logo-container img {
        width: 10rem;
        margin: 2rem;
    }
    .lp-ebooks-header-text h1 {
        font-size: 2rem!important;
    }
    .form-ebooks-content h1 {
        font-size: 2rem!important;
    }
}

@media (max-width: 596px) {
    .ebooks-presentation-text ul {
        margin: 2rem 0 3rem;
    }
    .ebooks-presentation-text h1 {
        font-size: 2rem!important;
    }
    .lp-ebooks-image-container {
        width: 100%;
    }
}

/* Download page */

.ebooks-download {
    padding: 1rem;
}

.lp-ebooks-download-logo-container img {
    width: 13rem;
    margin: 2rem;
}

.ebooks-download-title {
    text-align: center;
}

    .ebooks-download-title h1 {
        font-size: 2.5rem;
        color: var(--gray-low);
        font-weight: 700;
        text-transform: uppercase;
    }

    .ebooks-download-title h2 {
        font-size: 2rem;
        color: var(--gray-low);
        font-weight: 400;
    }

.ebooks-download-image {
    width: 30rem;
    transition: all 0.3s;
}

.ebooks-download-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    margin: 3rem 0;
}

.ebooks-image-download-container, .ebooks-text-download-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 1.5rem;
}

.ebooks-text-download-container h1 {
    color: var(--gray-low);
    font-weight: 400;
}

    .ebooks-text-download-container span {
        font-size: 23px;
        font-weight: 600;
    }

    .ebooks-image-download-container img {
        margin-bottom: 2.5rem;
    }

    .ebooks-text-download-container a.create-account-button {
        margin: 5rem 0 .8rem;
    }

    .ebooks-text-download-container a:last-child {
        margin: 1rem 0 0;
    }

@media (max-width: 733px) {
    .ebooks-image-download-container, .ebooks-text-download-container {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .ebooks-download-title h1, .ebook-text-download-container h1 {
        font-size: 2.2rem!important;
    }

    .ebooks-download-title h2 {
        font-size: 1.7rem!important;
    }
    .ebooks-download-image {
        width: 25rem;
    }
}

@media (max-width: 667px) {
    .lp-ebooks-logo-container img {
        width: 10rem;
        margin: 2rem;
    }
}

/* Ebook Como montar meu squad */

@media (min-width: 1200px) {
    body.background-red {
        background: var(--red);
    }
}

/* Lp webinar */

.lp-webinar-logo-container img {
    width: 13rem;
    margin: 4rem;
}

.lp-webinar-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 4rem 2rem;
}

.lp-webinar-image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 1rem 3rem;
    width: 55rem;
}

    .lp-webinar-image-container .video-16-9, .webinar-thumb {
        width: 100%;
    }

.lp-webinar-participants-images {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .lp-webinar-participants-images::before {
        content: '';
        width: 100%;
        z-index: 2;
        height: 70px;
        background: var(--yellow);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .lp-webinar-participants-images img {
        width: 45%;
        border-radius: 50%;
        box-shadow: 0 0 0 7px var(--yellow);
        z-index: 3;
    }

    .lp-webinar-header-text {
        margin-bottom: 1.5rem;
        text-align: center;
        position: relative;
    }

    .lp-webinar-header-text h1 {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3.2rem;
        color: var(--gray-low);
    }

    .lp-webinar-header-text h3 {
        color: var(--gray-low);
        align-self: flex-start;
        position: absolute;
        top: -3rem;
    }

#form-webinar {
    transition: all 0.3s;
}

.lp-webinar {
    background-image: url('../pt-br/webinar/webinar-background.jpg') !important;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.lp-webinar .page-wrapper {
    background: transparent;
}

.lp-webinar button {
    background: var(--yellow);
    color: var(--white);
    border-color: var(--yellow);
}

    .lp-webinar button:hover {
        background: var(--yellow-low);
        border-color: var(--yellow-low);
    }

.form-webinar-content {
    margin-bottom: 1.5rem;
}

    .form-webinar-content select {
        border-radius: 3px;
        border: 1px solid var(--gray-high);
        margin-bottom: .8rem;
        height: 4rem;
        padding-left: .8rem;
    }

    .form-webinar-content select, .form-webinar-content input {
        height: 40px;
    }

    .privacy-policy-container span {
        color: var(--white);
    }

    .lp-webinar-default span {
        color: var(--gray-low);
    }

    .form-webinar-content span {
        text-align: center;
        margin-top: .5rem;
    }

    .form-webinar-content a {
        color: var(--red);
    }

    .form-webinar-content h1 {
        color: white;
        font-weight: 600;
        margin-top: .5rem;
        margin-bottom: 2rem;
        text-align: center;
        transition: all 0.3s;
    }

    .form-webinar-content .iti {
        margin-bottom: .8rem !important;
        font-size: inherit;
    }

    .form-webinar-content .error-notice {
        color: white;
        margin-top: -.5rem;
        margin-bottom: .8rem;
    }

.webinar-form-inputs {
    display: flex;
    flex-direction: column;
}

.webinar-presentation {
    text-align: center;
}

.webinar-presentation-container {
    padding: 1rem;
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.webinar-presentation-text {
    margin-top: 4rem;
}

    .webinar-presentation-text a {
        color: var(--red);
    }

    .webinar-presentation-text h1, .webinar-presentation-text h2 {
        color: var(--white);
    }

    .webinar-presentation-text h2 {
        font-weight: 500;
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .webinar-presentation-text h1 {
        font-weight: 700;
        margin-top: 2rem;
        font-size: 3rem;
    }

.lp-webinar-default .webinar-image {
    width: calc(20rem + 40vw) !important;
    margin-top: -16rem !important;
}

.webinar-image {
    width: 35rem !important;
    transition: all 0.3s;
    margin: 0 auto 2rem;
}

.inauguration-webinar {
    font-weight: 400;
    margin-top: 4rem;
    display: flex;
    align-items: center;
}

    .inauguration-webinar img {
        width: 100px;
        margin-right: 1rem;
        margin-left: -2rem;
    }

    .inauguration-webinar span {
        color: var(--white);
        font-weight: 600;
        font-size: 4rem;
    }

.webinar-time-left {
    text-align: center;
    margin-left: 2rem;
}

.lp-webinar-countdown {
    display: flex;
    justify-content: space-between;
    margin: 1rem auto;
    padding: 7px;
    width: 47.5rem;
    height: 95px;
}

.lp-webinar-message {
    display: none;
    opacity: 0;
    transition: all 0.3s;
    text-align: center;
    margin-top: 2rem;
}

    .lp-webinar-message h1 {
        margin-top: 2rem;
        color: var(--gray-low);
        font-size: 3.5rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .lp-webinar-message h2 {
        color: var(--white);
        font-size: 2.5rem;
        font-weight: 500;
    }

    .lp-webinar-message i {
        color: var(--green-high);
        font-size: 7rem;
        margin-top: 3rem;
    }

.lp-webinar-form-container {
    border-radius: .5rem;
    display: flex;
    width: 52rem;
    flex-direction: column;
    padding-left: 3rem;
    transition: all 0.3s;
    margin: 0 1rem;
}

    .lp-webinar-form-container h1 {
        color: var(--white);
        text-align: center;
        font-size: 3rem;
        font-weight: bold;
        margin: 3rem;
    }

    .lp-webinar-form-container form .form-webinar-content {
        display: flex;
        flex-direction: column;
    }

    .lp-webinar-form-container form input::placeholder, .lp-webinar-form-container form select, .lp-webinar-form-container form input {
        color: #030D62;
        font-weight: 500;
    }

    .lp-webinar-form-container form input {
        margin-bottom: .8rem;
        padding: .8rem 1.5rem;
        border: 1px solid var(--gray-high);
        border-radius: .3rem;
    }

.lp-webinar input[type='tel'] {
    font-size: inherit;
}

.lp-webinar .footer {
    background: none;
}

    .lp-webinar .footer p, .lp-webinar .footer a {
        color: var(--white);
    }

@media (max-width: 1182px) {
    .coworking-benefits, .coworking-time-left {
        margin: 0 auto;
        width: 100%;
    }

        .coworking-benefits ul {
            margin: 3rem auto;
            display: inline-block;
        }
}

@media (max-width: 1149px) {
    .lp-webinar-image-container {
        text-align: center;
    }

    .webinar-image {
        position: absolute;
        top: 4rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 25rem !important;
    }

    .lp-webinar-header {
        margin-top: 24rem;
    }

    .webinar-presentation-text h2 {
        font-size: 2.2rem !important;
    }

    .inauguration-webinar span {
        font-size: 3.2rem;
    }

    .inauguration-webinar {
        display: flex;
        justify-content: center;
    }

    .inauguration-webinar img {
        margin-left: 0;
        width: 80px;
    }

    .lp-webinar-form-container h1 {
        margin-top: -1rem;
    }
}

@media (max-width: 980px) {
    .lp-webinar-header-text {
        text-align: center;
    }

    .webinar-time-left {
        margin-top: 3rem;
    }
}

@media (max-width: 768px) {
    .lp-webinar-header-text h1 {
        font-size: 2.5rem !important;
    }

    .form-webinar-content h1 {
        font-size: 2.5rem !important;
    }

    .webinar-presentation-text h1 {
        font-size: 2.5rem !important;
    }

    .webinar-presentation-text ul {
        font-size: 1.5rem;
    }

    .lp-webinar-message h1 {
        font-size: 2rem !important;
    }

    .lp-webinar-message h2 {
        font-size: 1.5rem !important;
    }

    .lp-webinar-message i {
        font-size: 3rem;
    }

    .lp-webinar-form-container {
        margin-top: 3rem;
    }
}

@media (max-width: 667px) {
    .lp-webinar-header-text h1 {
        font-size: 2rem !important;
    }

    .form-webinar-content h1 {
        font-size: 2rem !important;
    }

    .lp-webinar-form-container {
        margin-top: 0;
        width: 100%;
    }

    .lp-webinar-participants-images {
        flex-direction: column;
    }

    .lp-webinar-participants-images::before {
        width: 50px;
        height: 80%;
    }

    .lp-webinar-participants-images img:nth-child(1) {
        margin-bottom: 2rem;
    }

    .lp-webinar-participants-images img:nth-child(2) {
        margin-top: 2rem;
    }

    .inauguration-webinar span {
        font-size: 2rem !important;
    }
}

@media (max-width: 596px) {
    .webinar-presentation-text ul {
        margin: 2rem 0 3rem;
    }

    .webinar-presentation-text h1 {
        font-size: 2rem !important;
    }
}

@media (max-width: 535px) {
    .lp-webinar-countdown {
        width: 44rem;
    }
}

@media (max-width: 473px) {
    .lp-webinar-countdown {
        width: 35rem;
    }

    .webinar-image {
        width: 20rem !important;
    }

    .lp-webinar-header {
        margin-top: 21rem;
    }
}

@media (max-width: 388px) {
    .lp-webinar-form-container {
        padding: 1.3rem;
    }
}

@media (max-width: 379px) {
    .lp-webinar-countdown {
        width: 26rem;
        height: 85px;
    }
}

@media (max-width: 315px) {
    .lp-webinar-countdown {
        margin-left: -6vw;
    }
}