/********** common setting **********/
html, body {
    overflow-x: hidden;
}
h2 {
    font-size: 2.8rem !important;
    font-weight: 700;
}

img {
    display: block;
    max-width: 100%;
}

a,
button {
    cursor: pointer;
}

.jumbotron {
    margin-bottom: 0 !important;
}

.atlas-cta {
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-weight: 700;
    transition: .3s ease-in-out !important;
}

    .atlas-cta:hover {
        text-decoration: none;
        transform: translateY(-5px);
    }

.atlas-cta-wide {
    width: 100%;
}

.cta-green {
    background: #5ce1e6;
    color: #192440;
}

    .cta-green:hover {
        color: #ffffff;
        background: #68d4d7b5;
    }

.cta-blue {
    background: #192440;
    color: #ffffff;
}

    .cta-blue:hover {
        color: #ffffff;
        background: #121a2e;
    }

.cta-ghost {
    border: 2px solid #192440 !important;
    color: #192440;
}

    .cta-ghost:hover {
        color: #ffffff;
        background: #121a2e;
    }

.cta-wh {
    background: #e7e7e7;
    color: #000000;
}

    .cta-wh:hover {
        background: #1a279f;
        color: #ccd0d7;
    }

#banner {
    background-size: cover;
}

    /********** banner **********/
    #banner header {
        overflow: hidden;
    }

    /*    #banner header img {
            max-width: 80px;
        }*/

/********** feature (skew background) **********/
.feature img {
    width: 100%;
    /*max-width: 600px;*/
}

#feature-first {
    background: linear-gradient(190deg, #ffffff 50% 45%, #5ce1e6 0);
}

#feature-last {
    background: #2A7B9B;
    background: linear-gradient(0deg, rgb(92 225 230) 0%, rgb(0 75 173) -12%, rgb(92 225 230) 100%);
}

/********** price table **********/
#price-table {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

#price-table__premium {
    background: #192440;
    color: #ffffff;
}

#price-table ul li {
    padding: 5px 0;
}

/********** contact **********/
#contact {
    background-size: cover;
}

    #contact ul li {
        padding: 3px 0;
    }

    #contact form {
        color: #5ce1e6;
    }

        #contact form input,
        #contact form textarea {
            background: transparent;
            border: 1px solid #5ce1e6;
            color: #ffffff;
        }

/********** copyright **********/
#copyright {
    background: #192440;
    padding: 2rem 3rem;
}

    #copyright #social-media a {
        width: 40px;
        height: 40px;
        border-radius: 99%;
        background: #ffffff;
        transition: .4s ease;
    }

        #copyright #social-media a i {
            color: #192440;
            font-size: 1.2rem;
            line-height: 40px;
        }

        #copyright #social-media a:hover {
            background: #5ce1e6;
        }

            #copyright #social-media a:hover i {
                color: #ffffff;
            }

.height-full {
    height: 100vh;
}

/********** RWD **********/
@media (max-width: 575px) {
    #banner h1 {
        font-size: 3.6rem;
    }
}

/* FAQ COLLAPSE/EXPAND STYLES */
* {
    box-sizing: border-box;
}

.faqanswer {
    display: none;
    background: #e5e5e5;
    padding: 12px 20px 0 30px;
}

    .faqanswer p {
        font-size: 13px;
        line-height: 17px;
    }


a.active {
    font-weight: bold;
}

.togglefaq {
    text-decoration: none;
    color: #333;
    font-size: 13px;
    padding: 10px 30px;
    line-height: 20px;
    display: block;
    border: 1px solid #d0d0d0;
    margin-bottom: -1px;
}

.icon-plus {
    color: #5ec4cd;
    margin-right: 20px;
    font-size: 20px;
    float: left;
}

.icon-minus {
    color: #5ec4cd;
    margin-right: 20px;
    font-size: 20px;
    float: left;
}

p {
    margin: 0;
    padding-bottom: 20px;
}

.just-center {
    justify-items: anchor-center;
}

.pdtop {
    padding-top: 74px;
}

.padcenter {
    padding: 7rem 2rem;
}

.font-butom {
    font-size: larger;
}

.border-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid white;
}
.vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.sessao1 {
    background-color: black;
    min-height: max-content;
    color: white;
}
.sessao2 {
    min-height: max-content;
    color: rgb(0, 0, 0);
}
.sessao3 {
    background-color: rgb(255, 255, 255);
    min-height: max-content;
}
.sessao4 {
    background-color: black;
    color: white;
    min-height: max-content;
}
#mobilevideo {
    display: none;
}
.border {
    border: 1px solid black;
    border-radius: 11px;
}
@media (max-width: 600px) {
    /* estilos aplicados apenas quando a tela tem até 600px de largura */
    body h1 {
        font-size: xx-large;
    }
    .height-full {
        height: auto; /* sobrescreve o 100vh */
    }
    #mobilevideo {
        display: block;
    }
    #desckvideo{
        display:none;
    }
    #price-table h6{
        font-size:larger;
    }
}