@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700&display=swap');

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Oculta menu mobile */
.mobile {
    display: none;
}

.g-menu-home {
    background: var(--Primria---1, #141959);
    margin: 0;
    color: white;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.g-menu-home ul {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 20px;
}

.g-menu-home a {
    color: white;
    font-weight: bold;
    margin: 0 25px;
    margin-top: 15px;
}

.g-menu-home button {
    background-color: #141959;
    color: white;
    border: 2px solid #CD853F;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 15px;
}

.btn-entrar {
    background-color: #141959;
    border: 2px solid #CD853F;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.btn-entrar span {
    background-color: #141959;
    color: #CD853F;
    border-radius: 50px
}

.btn-entrar svg {
    margin-right: 5px;
    border: 2px solid #CD853F;
    border-radius: 50px;
    height: 25px;
    width: 25px;
}

.btn-matricular {
    border-radius: 55px;
    background: var(--Secundria---1, #FF4958);
    display: flex;
    width: 215px;
    height: 50px;
    padding: 13px 40px 14px 39px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.btn-matricular span {
    background-color: #FF4500;
    color: white;
    border-radius: 50px;
}

.btn-matricular:hover {
    background: var(--Secundria---1, #FF4958);
    border-radius: 50px;
    color: white;
    padding: 13px 40px 14px 39px;
}

.g-page-1 {
    position: relative;
    background-image: url(../img/pag1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-clip-path: polygon(0 0, 0% 20%, 0 52%, 0 95%, 47% 95%, 50% 100%, 53% 95%, 100% 95%, 100% 55%, 100% 20%, 100% 0, 49% 0);
    clip-path: polygon(0 0, 0% 20%, 0 52%, 0 95%, 47% 95%, 50% 100%, 53% 95%, 100% 95%, 100% 55%, 100% 20%, 100% 0, 49% 0);
}

.g-page-1 .g-page-1-text {
    /* Deixar na esquerda */
    margin-left: 70%;
    text-align: left;
    width: 50%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.g-page-1 .g-page-1-text h1 {
    color: var(--Secundria---4, #FFD4AD);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.g-page-1 .g-page-1-text img {
    margin-bottom: 20px;
    width: 254px;
    height: 181px;
    flex-shrink: 0;
}

.g-page-1 .g-page-1-text a,
p {
    color: white;
}

.start {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.start .btn-comecar-agora {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: var(--Secundria---1, #FF4958);
    border-radius: 55px;
    width: 215px;
    height: 50px;
    padding: 13px 40px 14px 39px;
    margin-top: 20px;
}

.start a {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.start a:hover {
    background: var(--Secundria---1, #FF4958);
    border-radius: 50px;
    color: white;
}

.g-page-2 {
    color: #0B0F40;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
}

.check {
    margin-top: 30px;
}

.check svg {
    margin-left: 30px;
    margin-top: 35px;
}

.g-page-2 img {
    margin-left: 30px;
}

.g-linha {
    background: #141959;
    width: 1px;
    height: 270px;
    margin: auto;
}

.g-page-2 p {
    color: #0c0c10;
}

.check-1 {
    position: relative;
    margin-top: -210px;
    margin-left: 340px;
    width: 290px;

}

.check p {
    margin-left: 60px;
    position: relative;
}

.check-2 {
    position: relative;
    margin-left: 120px;
    width: 390px;
    margin-top: -50px;
}

.check-3 {
    position: relative;
    margin-left: -33px;
    margin-top: -5px;
    width: 390px;
    /* uma abaixo do outro display: flex; */
}

.g-page2-text {
    margin-top: 30px;
    position: relative;
    margin-right: 10px;
    margin-left: 2px;
    width: 350px;
}

.g-page-2-text h2,
h2,
h2 {
    color: var(--Primria---1, #141959);
    width: 250px;
}

.g-page-2 .text h2 {
    color: var(--Primria---1, #141959);
    /* Tpo - 3B */
    font-family: Open Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 44px */
}

.g-page-2 .text p {
    color: var(--Primria---1, #141959);
    font-family: Open Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 25.5px */
}

.g-page-3 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
}

.g-page-3 h3 {
    font-family: Open Sans, sans-serif;
}

.g-page-3 .items h3 {
    color: var(--Primria---1, #141959);
    margin-left: 150px;
    margin-top: -90px;
    width: 250px;
    margin-bottom: 20px;
    position: relative;
}

.g-page-3 .items {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 30px;
    width: 620px;
    height: 100%;
}

.g-page-3 .items img {
    margin-left: 30px;
    margin-bottom: 20px;
    width: 80px;
    height: 62.857px;
    flex-shrink: 0;
}

.g-page-3 .items p {
    color: var(--Primria---1, #141959);
    margin-left: 160px;
    margin-top: -30px;
    margin-top: 10px;
    position: relative;
}

.g-page-3-text {
    background: var(--sec-4, #FFE2C7);

}

.g-page-3-text>h1 {
    color: var(--Sec---1-, #E52E3D);
    font-family: Open Sans, sans-serif;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding: 0 10px 0 10px;
    margin-left: auto;
}


.g-page-4 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
}

.g-page-4-text {
    background: var(--Primria---1, #141959);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.g-page-4 .g-page-4-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.g-page-4 .g-page-4-text>img {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 20px;
    padding: 0 10px 0 10px;
    width: 254px;
    height: 254px;


}

.g-page-5 {
    display: flex;
    flex-direction: space-between;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}

.g-page-5>p {
    color: #000;
}

.g-page-5 .livros {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.g-page-5 .livros img {
    width: 350px;
    margin: 0 10px;
    vertical-align: middle;
}

.livros-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.livros-items p {
    color: #000;
}

.livros-items .basico {
    color: var(--Livro---1, #0083FF);
    text-align: center;
    font-family: Open Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.livros-items .basico p {
    color: var(--Black, #000);
    /* Tipo - 5 */
    font-family: Open Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0 10px 0 10px;
}

.livros-items .intermediario {
    color: var(--Livro---2, #84BC27);
    text-align: center;
    font-family: Open Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 44px */
}

.livros-items .intermediario p {
    color: var(--Black, #000);
    font-family: Open Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0 10px 0 10px;
}

.livros-items .avancado {
    color: var(--Livro---3, #FE0000);
    text-align: center;
    /* Tipo - 3B */
    font-family: Open Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 44px */
}

.g-page-rodape-1-btn-mobile {
    display: none;
}

/* none mobile  via web */
.livros-mobile {
    display: none;
    overflow-y: hidden;
}

.g-page-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 18px;
    border: 1px solid var(--pri-1, #154387);
    background: var(--Primria---1, #141959);
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.18);
}

.g-page-6 .g-page-6-title {
    /* deixar no centro */
    margin-left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: var(--Primria---2, #FB8009);
}

.g-page-6 .g-page-6-p p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 450px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}

.g-page-6 .items {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    margin-top: 20px;
    margin-bottom: 20px;
}

.g-page-6 .items h2 {
    margin-left: 150px;
    margin-top: -90px;
    width: 250px;
    margin-bottom: 20px;
    position: relative;
}

.g-page-6 .items img {
    margin-left: 30px;
    margin-bottom: 20px;
    width: 80px;
    height: 62.857px;
    flex-shrink: 0;
}

.g-page-6 .items h2 {
    color: white;
    margin-left: 160px;
    margin-top: -50px;
    margin-top: 10px;
    position: relative;

}

.g-page-6 .items p {
    color: white;
    margin-left: 160px;
    margin-top: -30px;
    margin-top: 10px;
    position: relative;
}

.g-page-6 .item {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 30px;
    width: 520px;
    height: 100%;
}

.g-page-6 .item h2 {
    margin-top: -90px;
}

.img-item6-1 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #00ABBD);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-1 img {
    background-color: var(--Secundria---2, #00ABBD);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.img-item6-1 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #00ABBD);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-1 img {
    background-color: var(--Secundria---2, #00ABBD);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.img-item6-2 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #FF4958);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-2 img {
    background-color: var(--Secundria---2, #FF4958);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.img-item6-3 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #FF85B1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-3 img {
    background-color: var(--Secundria---2, #FF85B1);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.img-item6-4 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #84BC27);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-4 img {
    background-color: var(--Secundria---2, #84BC27);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.img-item6-5 {
    width: 120px;
    height: 120px;
    background-color: var(--Secundria---2, #F2C50C);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-page-6 .item .img-item6-5 img {
    background-color: var(--Secundria---2, #F2C50C);
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.g-page-7 {
    background-color: var(--Pri---1-, #0B0F40);
    margin-top: 60px;
}

.g-page-7 .item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.g-page-7 .item img {
    width: 190px;
    height: 163.4px;
    flex-shrink: 0;
    margin-top: 30px;
}

.g-page-7 .item .text {
    display: flex;
    margin-left: 20px;
    margin-top: 40px;
    flex-direction: column;
    justify-content: center;
    width: 500px;
}

.g-page-7 .item .text h2 {
    color: var(--Primria---2, #FB8009);
    margin-left: 20px;
    font-size: 25px;
    font-family: Open Sans;
    font-weight: 700;
    margin-top: -20px;
    width: 450px;
}

.g-page-7 .item .text p {
    margin-left: 20px;
    font-size: 20px;
}

.g-page-7-play {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    margin-top: 30px;
    padding-bottom: 60px;
    height: 100%;
}

.g-page-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.g-page-8 .accordion-item .accordion-header {
    background-color: var(--Primria---1, #141959);
    color: var(--Secundria---1, #FF4958);
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: auto;
}

.g-page-rodape-1 {
    background-color: var(--Primria---1, #FB8009);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    height: 300px;
}

.g-page-rodape-1-mobile {
    display: none;
}

.g-page-rodape-1-text {
    display: flex;
    align-items: center;
    justify-content: center;

}

.g-page-rodape-1-text h1 {
    color: white;
    font-weight: bold;
    margin-top: -100px;
    margin-bottom: 20px;
    margin-left: 30px;
}

.g-page-rodape-1 .g-page-rodape-1-text>a {
    background-color: var(--Secundria---1, rgb(14, 13, 82));
    color: white;
    margin-left: 250px;
    position: relative;

}

.g-page-rodape-1-btn .btn-matricular-r {
    display: flex;
    width: 215px;
    height: 50px;
    padding: 13px 40px 14px 39px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: var(--Primria---1, #141959);
    border-radius: 55px;
    color: white;
}

.g-page-rodape-1-btn {
    margin-top: -100px;
    margin-left: 170px;

}

.g-rodape {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: var(--Black, #000);
    width: auto;
    height: 180px;
    flex-shrink: 0;
    flex-shrink: 0;
}

.g-rodape .item {
    display: flex;
    justify-content: center;
    align-items: center;

}

.g-rodape .item img {
    display: flex;
    width: 190px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 20px;
    padding: 0 10px 0 10px;
    margin-left: 30px;
}

.g-rodape .item p {
    color: #FFF;
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 460px;
    height: 76px;
    padding: 0 10px 0 10px;
}

.g-rodape .item p,
hr,
img {
    margin-left: 20px;
}

.g-rodape .item hr {
    /* uma linha na vertifical */
    border: 1px solid #FFF;
    width: 1px;
    height: 36px;
    padding: 0 0px 10 0px;
}

.redesocial {
    display: flex;
}

.redesocial a {
    margin-right: 10px;
    /* Ajuste conforme necessário */
}

/* Adicionado regras de estilo para mobiles */
@media (max-width: 768px) {
    * {
        margin: 0;
        padding: 0;
        overflow-x: hidden;


    }

    .navbar .navbar-expand-lg .g-menu-home {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
    }

    .mobile .container .text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .mobile .container .entrar a {
        margin-left: 10px;
        background: var(--Primria---1, #141959);
        border: none;
        width: 100%;
        height: 50px;
        margin-left: 20px;
    }

    .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .g-menu-home {
        flex-direction: column;
        align-items: flex-start;
    }

    .g-menu-home ul {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .g-menu-home a,
    .g-menu-home button {
        margin: 10px 0;
    }

    .g-page-1 {

        background-image: none;
        background-color: var(--Primria---1, #0B0F40);
        width: 100%;
        height: 389px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .g-page-1 .g-page-1-text {
        margin-left: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .start {
        margin-top: 20px;
    }

    .start .btn-comecar-agora {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: var(--Secundria---1, #FF4958);
        border-radius: 55px;
        width: 255px;
        height: 65px;
        padding: 13px 40px 14px 39px;
        margin-top: 20px;
    }

    .g-page-1 .g-page-1-text img {
        width: 147px;
        height: 105px;
        flex-shrink: 0;
    }

    .g-page-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-top: 30px;
        width: 100%;
        height: 100%;
    }

    .g-page-2 img {
        margin-left: 0px;
        margin-top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .check {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 10px;
        width: 100%;
        height: 100%;
    }

    .check .g-check-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 30px;
    }

    .check .g-check-item h2 {
        display: flex;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-top: 20px;
        padding: auto;
    }


    .check .check-1 .g-check-item p {
        margin-left: 40px;
    }

    .check p {
        margin-left: 80px;
        position: relative;
    }

    .check span {
        margin-left: 5px;
        color: #000;

        /* Tipo - 5B */
        font-family: Open Sans;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 22.8px */
    }

    .check-1,
    .check-2,
    .check-3 {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
    }

    .g-page-2-text {
        margin-top: 0px;
        margin-right: 400px;
    }

    .check svg {
        display: none;
    }

    .g-linha {
        display: none;
    }

    .g-page-5 .livros {
        display: block;
        text-align: center;
        padding: 20px 40px 0 30px;
        margin-bottom: 20px;
    }

    .livros-items {
        display: none;
    }

    .livros-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
    }

    .livros-mobile .basico {
        color: var(--Livro---1, #0083FF);
        text-align: center;
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .livros-mobile .basico p {
        color: var(--Black, #000);
        /* Tipo - 5 */
        font-family: Open Sans;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        padding: 0 10px 0 10px;
    }

    .livros-mobile .intermediario {
        color: var(--Livro---2, #84BC27);
        text-align: center;
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .livros-mobile .intermediario p {
        color: var(--Black, #000);
        font-family: Open Sans;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        padding: 0 10px 0 10px;
    }

    .livros-mobile .avancado {
        color: var(--Livro---3, #FE0000);
        text-align: center;
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .matricular-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .livros-mobile p {
        color: #000;
    }

    .g-page-3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
        margin-top: 10px;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .g-page-3 .matricular-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .g-page-3 img {
        margin: 0;
        width: 100%;
        height: 100%;

    }

    .g-page-3 .g-page-3-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .g-page-3 .g-page-3-text .g-page-title>h1 {
        color: var(--Secundria---1, #FF4958);
        font-size: 36px;
        font-style: bold;
        font-weight: 400;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
        font-family: bold;
        font-family: 'Open Sans';
    }

    .g-page-3 .items {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .g-page-3 .items .item {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .g-page-3 .items .item img {
        margin-left: 0;
        margin-right: 0;
    }

    .g-page-3 .items h3 {
        color: var(--Primria---1, #141959);
        margin-left: 0px;
        margin-top: 0px;
        /* Fonte bold  Open Sans bem forte */
        font-family: 'Open Sans';
        font-size: bold;
        font-size: 29px;
        font-style: normal;
    }

    .g-page-3 .items img {
        margin-left: 0px;
        margin-bottom: 20px;
        flex-shrink: 0;
        /* Remova a propriedade margin-right */
    }

    .g-page-3 .items p {
        color: var(--Primria---1, #141959);
        margin-left: 0;
        margin-top: 0;
        margin-top: 10px;
    }

    .g-page-3 .items {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-4 {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        margin-top: 40px;
    }

    .g-page-4 .g-page-4-text {
        width: 100%;
        height: 100%;

    }

    .g-page-4 img {
        margin: 0;
        width: 100%;
        height: 100%;

    }

    .g-page-6 {
        /* Deicar mobile um abaixo do outro ; */
        display: block;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        margin-left: 0;
        margin-right: 20px;
        border-radius: 0;
        width: 100%;
        height: 100%;
        border: 1px solid var(--pri-1, #154387);
        /* background: var(--Primria---1, #141959); */
    }

    .g-page-6 .g-page-6-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */

    }

    .g-page-6 .g-page-6-text h1 {
        color: var(--Primria---2, #FB8009);
        font-size: 36px;
        font-style: normal;
        font-family: Open Sans;
        font-weight: 400;
        line-height: normal;
        margin-left: 0px;
        margin-top: 0px;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .g-page-6 .items {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-6 .items .item {
        display: block;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;

    }

    .g-page-6 .items h2 {
        margin-left: 0px;
        margin-top: 0px;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .g-page-6 .item {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 16px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */

    }

    .g-page-6 .item h2 {
        margin-top: 10px;
        margin-left: 10px;
        font-style: normal;
        font-family: Open Sans;
        font-weight: 400;
    }

    .g-page-6 .item p {
        color: white;
        margin-left: 10px;
        margin-top: 0px;
        margin-top: 10px;
        position: relative;
    }

    .g-page-6 .g-page-6-p p {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 0px;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-7 {
        margin-top: 0;
    }

    .g-page-7 .item {
        display: flex;
        flex-shrink: 0;
        margin-left: 0px;
        margin-top: 0;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-7 .item>img {
        margin-top: -190px;
        margin-left: 120px;
        width: 90px;
        height: 163.4px;
        position: relative;

    }

    .g-page-7 .item .text {
        display: flex;
        flex-direction: column;
        justify-self: start;
        flex-shrink: 0;
        margin-left: -90px;
        margin-top: 80px;
        width: 100%;
        height: 100%;
    }

    .g-page-7 .item .text>h2 {
        color: var(--Primria---2, #FB8009);
        font-size: 19px;
        margin-left: 0;
        margin-right: -440px;
        width: 390px;
        font-family: Open Sans;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        margin-top: 70px;
        margin-bottom: 20px;
        position: relative;

    }


    .g-page-7 .item .text>p {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 0px;
        font-size: 15px;
        width: 301px;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-7 .g-page-7-play {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-8 {
        display: none;
    }

    .g-page-rodape-1 {
        display: none;
    }

    .g-page-rodape-1-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        height: 100%;
        width: 100%;
    }

    .g-page-rodape-1-mobile h1 {
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-page-rodape-1-text-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .g-page-rodape-1-text img {
        display: none;
    }

    .g-page-rodape-1-btn-mobile {
        display: flex;
        color: white;
        margin-top: 20px;
        font-family: Open Sans;
        width: 255px;
        padding: 21px 60px 21px 59px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: 55px;
        background: var(--Primria---2, #FB8009);
    }

    .g-page-rodape-1-btn-mobile a {
        font-family: Open Sans;
        color: white;
    }

    .g-page-rodape-1-text img {
        background-image: url(../img/profile-rodape.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .g-rodape {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-rodape .item {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 100%;
        align-items: center;
        /* Adicione esta propriedade */
    }

    .g-rodape .item p {
        display: flex;
        width: 100%;
        height: 66px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-bottom: 20px;
        padding: 0 10px 0 10px;
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .g-rodape .item img {
        display: flex;
        width: 190px;
        height: 46px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-bottom: 20px;
        padding: 0 10px 0 10px;
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;

    }

    .g-rodape .item hr {
        display: none;
    }
}