@charset "utf-8";
/* CSS Document */

:root {
    --primary-green: #8CC63F;
    --primary-blue: #004282;
    --primary-orange: #F58220;
    --primary-pink: #ED0C6E;
    --primary-purple: #812990;
    --text: #4D4D4F;
}

body {
    margin: 0;
    font-family:"pill-gothic-300mg";
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

* {
    margin: 0;
    box-sizing: border-box;
}
/* header */

@media(min-width: 1200px) {
    .progress--container {
        display: none;
    }
}
.progress--container {
    width: 100%;
    padding: 1.1rem 1.5rem;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); 
    position: relative;
}

.progress--container p {
    position: absolute;
    bottom: 1.5rem;
    left: 20px;
    color: var(--primary-orange);
    font-size: 12px;
    font-weight: 800;
}

progress[value] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 20px;
}
progress[value]::-webkit-progress-bar {
    background-color: #FFF;
    border: 0.5px solid rgba(113, 113, 113, 0.30);
}
progress[value]::-webkit-progress-value {
    background-color: rgba(245, 130, 32, 0.30);
}
progress[value]::-moz-progress-bar {
    background-color: rgba(245, 130, 32, 0.30);
    /* border: 0.5px solid rgba(113, 113, 113, 0.30); */
}
.header {
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    min-height: 400px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-image: url('../images/bg_header.svg');
    background-repeat: no-repeat;
    background-size: 500px;
    background-position-y: 110px;
    background-position-x: 90%;
    color: var(--primary-green);
}

.header--heading {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.header--heading h1 {
    font-size: 6.2rem;
    margin: 0;
    font-weight: 700;
}

.header--heading p, .header--heading span {
    font-size: 2.0rem;
    margin: 0;
    font-family:"pill-gothic-300mg";
    color: var(--primary-green);
}
.header--heading p {
    font-weight: 700;
}

.header--heading span {
    font-weight: 400;
}

@media(max-width: 1390px) and (min-width: 1200px) {

    .header {
        padding: 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        min-height: 400px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        background-image: url('../images/bg_header.svg');
        background-repeat: no-repeat;
        background-size: 400px;
        background-position-y: 130px;
        background-position-x: 98%;
        color: var(--primary-green);
    }
}
@media(max-width: 1200px) {
    .header {
        background-image: none;
        padding: 2.4rem 4rem;
        min-height: 0;
        align-items: center;
        row-gap: 3rem;
        background-color: #FFF;
        text-align: center;
        max-width: 100%;
    }

    .header--heading {
        row-gap: 0.3rem;
    }

    .header--heading h1 {
        font-size: 2.4rem;
    }

    .header--heading p, .header--heading span {
        font-size: 1.4rem;
    }

    .header--img {
        width: 115px;
    }
}

/* summary */

.summary {
    background: #F8F8F8;
    padding: 75px 100px 124px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 75px;
}

.summary--heading {
    font-size: 4rem;
    font-weight: 700;
    color: var(--primary-green);
    text-align: center;
}

.summary--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    row-gap: 50px;
    column-gap: 80px;
    box-sizing: border-box;
    padding: 0;
}

.summary--item {
    width: 100%;
    padding: 10px 28px;
    padding-left: 75px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--primary-blue);
    text-decoration: none;
    list-style: none;
    background-color: rgba(77, 77, 79, 0.04);
    border-radius: 100px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-family:"pill-gothic-600mg";

}
.summary--item-ii {
    grid-column: 1;
    grid-row: 2;
}
.summary--item-iii {
    grid-column: 1;
    grid-row:3;
}

.summary--item-iv {
    grid-column: 1;
    grid-row: 4;
}
.summary--item-v {
    grid-column: 1;
    grid-row:5;
}
.summary--item-vi {
    grid-column: 1;
    grid-row:6;
}
.summary--item-vii {
    grid-column: 1;
    grid-row:7;
}
.summary--item-vii {
    grid-column: 1;
    grid-row:7;
}
.summary--item-viii {
    grid-column: 1;
    grid-row:8;
}
.summary--item-ix {
    grid-column: 2;
    grid-row:1;
}
.summary--item-x {
    grid-column: 2;
    grid-row:2;
}
.summary--item-xi {
    grid-column: 2;
    grid-row:3;
}

.summary--item-xii {
    grid-column: 2;
    grid-row:4;
}
.summary--item-xiii {
    grid-column: 2;
    grid-row: 5;
}
.summary--item-xiv {
    grid-column: 2;
    grid-row:6;
}
.summary--item-xv {
    grid-column: 2;
    grid-row: 7;
}
.summary--item a {
    text-decoration: none;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-blue);

}

@media(max-width: 1200px) {
    .summary {
        display: none;
    }
    .summary--heading {
        display: none;
    }

    .summary {
        background: #FFF;
        padding: 0 1.5rem;
        row-gap: 0px;
    }

    .summary--list {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        column-gap: 0;
        width: 100%;
    }

   .mobile-title {
        padding: 2.2rem 0;
        margin: 0 1.5rem;
        box-sizing: border-box;
        font-size: 1.8rem;
        background-color: transparent;
        border-radius: 0;    
        border-bottom: 1px solid #E0E0E0;
        height: 62px;
        display: flex;
        align-items: center;
        /* column-gap: 15px; */
        overflow: hidden;
        justify-content: space-between;
        cursor: pointer;
    }
    .mobile-title p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 80%;
        color:#004282;
        text-decoration: none;
        font-weight: 700;
    }
    .summary--item:first-child {
        border-top: 1px solid #E0E0E0;
    }

    .mobile-title img {
        transform: rotate(90deg);
        width: 8px;
        margin-right: 8px;
    }
    .rotate-svg img {
        transform: rotate(270deg);
    }
}
.content-section--main-header {
    background-image: url("../images/bg_titulos.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    height: fit-content;
    /* min-height: 120px; */
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 3.4rem;
    font-weight: 400; 
    padding: 2rem 0;  
    font-family:"pill-gothic-300mg";
    font-style: italic;
}

/* quem somos */

.content-section__quem-somos {
    padding: 120px 60px;
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    position: relative;
}

/* .content-section__quem-somos h2, .content-section__proposito h2, .content-section__quem h2, .content-section__controlador h2, .content-section__quais h2, .content-section__quando h2, .content-section__cookies h2, .content-section__armazenados header { */

@media(max-width: 1200px){
    .content-section--main-header {
        display: none;
    }
}
@media(min-width: 1200px) {
    .mobile-title {
        display: none;
    }
}
.content-section--main-header h2 {
    width: 60%;
    font-size: 3.4rem;
    font-weight: 400;    
    margin: 0;
}

.content-section__quem-somos header {
    width:363px;
}
.content-section__quem-somos h2 { 
    width: 100%;
    /* margin-right: 50px; */
}
.content-section__quem-somos div  {
    /* background-image: url('../images/bg_quem_somos.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain; */
    height: 620px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.content-section__quem-somos p {
    color: var(--text);
    line-height: 24px;
    font-size: 1.9rem;
    position: relative;
}

.quem-somos--img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    /* max-height: 590px; */
    bottom: -5px;
    /* transform: translateY(30%); */
    /* z-index: -1; */
    /* bottom: 100px; */
}
.quem-somos--img__mobile {
    display: none;
}

.quem-somos--img__tablet {
    display: none;
}
.content-section__quem-somos div p,  .content-section__quem-somos p {
    width: 360px;
    align-self: flex-start;
}

.content-section__quem-somos > p {
    position: absolute;
    right: 70px;
    bottom: 150px; 
    width: 500px;

}

.content-section__quem-somos div p:last-child {
    max-width: 45%;
    width: 40%;
    align-self: flex-end;
    /* margin-bottom: 100px; */
    position: absolute;
    object-fit: cover;
    bottom: 140px;
    right: 10px;
    /* position:absolute; */
    /* bottom: 150px; */
    /* right: 60px; */
}
@media(min-width: 1380px) {
    
    .content-section__quem-somos > p {
        position: absolute;
        right: 70px;
        bottom: 150px; 
        min-width: 540px;

    }

    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        min-width: 540px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 140px;
        right: 10px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}
@media(min-width: 1460px) {
    .content-section__quem-somos > p {
        position: absolute;
        right: 90px;
        bottom: 150px; 
        width: 35%;
        max-width: 40%;

    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        min-width: 500px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 140px;
        right: 10px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}
@media(min-width: 1530px) {
    .content-section__quem-somos > p {
        position: absolute;
        right: 50px;
        bottom: 150px; 
        width: 38%;
        max-width: 40%;

    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        min-width: 500px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 140px;
        right: 10px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}
@media(min-width: 1680px) {
    .content-section__quem-somos > p {
        position: absolute;
        right: 60px;
        bottom: 160px; 
        width: 38%;
        max-width: 40%;

    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        min-width: 500px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 140px;
        right: 10px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}
@media(max-width: 919px){

    .content-section__quem-somos {
        height: fit-content;
    }
    .quem-somos--img {
        display: none;
    }
    .quem-somos--img__mobile {
        display: block;
        position: absolute;
        width: 100%;
        /* max-height: 100%; */
        /* display: none; */
        /* z-index: -1; */
        top: -15px;
        object-fit: contain;
    }

    
    .content-section__quem-somos div p {
        /* width: 100%; */
        align-self: flex-start;
        max-width: 80%;
    }

    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 70%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 70px;
    }

    .content-section__quem-somos > p {
        /* width: 100%; */
        align-self: flex-end;
        /* max-width: 80%; */
        width: 80%;
        /* margin-top: 50px; */
        position: static;
    }
}

@media(max-width: 514px) {

    .content-section__quem-somos div p { 
        width: 90%;
        max-width: 100%;
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 0;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: 0;
    }
}

@media(max-width: 530px) {

    .content-section__quem-somos div p{ 
        width: 90%;
        max-width: 100%;
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        /* margin-top: -40px; */
        margin-bottom: 40px;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: -40px;
        /* margin-top: 0; */
    }
    .quem-somos--img__mobile {
        display: block;
        position: absolute;
        width: 90%;
        /* max-height: 100%; */
        /* display: none; */
        /* z-index: -1; */
        top: -15px;
        object-fit: contain;
    }

}

@media(max-width: 490px) {

    .content-section__quem-somos div p{ 
        width: 90%;
        max-width: 100%;
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 80px;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: -80px;
    }
}

@media(max-width: 450px) {

    .content-section__quem-somos div p{ 
        width: 90%;
        max-width: 100%;
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 90px;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: -90px;
    }
}
@media(max-width: 410px) {

    .content-section__quem-somos div p{ 
        width: 90%;
        max-width: 100%;
    }
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 110px;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: -110px;
    }
}
@media(max-width: 380px) {

    .content-section__quem-somos div p{ 
        width: 90%;
        max-width: 100%;
    }
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 90%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 140px;
    }
    
    .content-section__quem-somos > p {
        width: 90%;
        margin-top: -140px;
    }
}
@media(max-width: 920px) and (min-width: 530px) {
    .quem-somos--img {
        display: none;
    }

    .quem-somos--img__mobile {
        display: none;
    }

    .quem-somos--img__tablet {
        display: block;
        width: 90%;
    }
    .content-section__quem-somos div {
        flex-direction: column;
    }
    .content-section__quem-somos div p { 
        width: 100%;
        max-width: 100%;
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 100%;
        width: 100%;
        /* margin-top: 50px; */
        position: static;
        margin-bottom: 0;
    }
    
    .content-section__quem-somos > p {
        width: 100%;
        margin-top: 0;
    }
}


@media(min-width: 919px) and (max-width: 1100px)  {
    .content-section__quem-somos div {
        height: 480px;
    }

    .content-section__quem-somos > p {
        right: 30px;
        width:40%;
        bottom: 110px;
    }
    .content-section__quem-somos div p:last-child {
        right: 0;
        width: 42%;
    }
}

@media(min-width: 1100px) and (max-width: 1200px)  {
    .content-section__quem-somos div {
        height: 510px;
    }
    .content-section__quem-somos > p {
        position: absolute;
        right: 60px;
        bottom: 120px; 
        width: 430px;
    
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        width: 430px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 125px;
        right: 0px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}

@media(min-width: 1200px) and (max-width: 1330px)  {
    .content-section__quem-somos div {
        height: 550px;
    }
    .content-section__quem-somos > p {
        position: absolute;
        right: 60px;
        bottom: 150px; 
        width: 470px;
    
    }
    
    .content-section__quem-somos div p:last-child {
        max-width: 45%;
        width: 470px;
        align-self: flex-end;
        /* margin-bottom: 100px; */
        position: absolute;
        object-fit: cover;
        bottom: 140px;
        right: 0px;
        /* position:absolute; */
        /* bottom: 150px; */
        /* right: 60px; */
    }
}
@media(min-width: 1330px) and (max-width: 1370px)  {
    .content-section__quem-somos div {
        height: 580px;
    }
}

@media(min-width: 1370px) and (max-width: 1500px)  {
    .content-section__quem-somos div {
        height: 590px;
    }
}

@media(min-width: 1600px) and (max-width: 1710px) {
    .content-section__quem-somos div {
        height: 640px;
    }
}

@media(min-width: 1710px) and (max-width: 1860px) {
    .content-section__quem-somos div {
        height: 680px;
    }
}


@media(min-width: 1860px) and (max-width: 1940px)  {
    .content-section__quem-somos div {
        height: 700px;
    }
}

@media(min-width: 1940px)  {
    .content-section__quem-somos div {
        height: 720px;
    }
}


@media(max-width: 840px){
    .content-section__quem-somos {
        padding: 3rem 1.5rem;
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        position: relative;
    }

    .content-section__quem-somos div {
        /* background-image: url('../images/bg_quem_somos_mobile.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 660px 100%;         */
        min-height: 670px;
        height: max-content;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        line-height: 17px;
        font-size: 1.5rem;
        position: relative;
    }
    .content-section__quem-somos header {
        width: 100%;
    }
    .content-section__quem-somos p {
        line-height: 17px;
        font-size: 1.5rem;
    }

    /* .quem-somos--img__mobile {
        display: block;
        position: absolute;
        width: 100%;
        top: -15px;
    } */

    /* .content-section__quem-somos div p {
        width: 100%;
        align-self: flex-start;
    }

    .content-section__quem-somos div p:last-child {
        max-width: 90%;
        margin-top: 50px;
    } */
}

.content-section__experimento {
    color: var(--primary-blue);
}

/* proposito */

.content-section__proposito {
    padding: 60px 0;
    background: #F3F9EC;
    display: flex;
    flex-direction: row-reverse;
    column-gap: 75px;
    justify-content: space-between;
}

.content-section--content__poposito {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    height: 100%;
    width: 65%;
}

.content-section--content__poposito header {
    width: 390px;
    height: 100px;
    padding: 15px ;
}

.content-section--content__poposito h2 {
    /* margin-left: -60px; */
    margin-bottom: 10px;
    margin-left: 0;
}

.content-section--content--text, .content-section--content--div  {
    margin-left:  61px;
    font-size: 1.9rem;
    color: var(--text);
    line-height: 24px;
}

.content-section--content--div > p {
    font-size: 1.9rem;
    color: var(--text);
    line-height: 24px;  
    margin-right: 25px;
    text-align: right;
    max-width: 45%;
}

.content-section--content--div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-section--content--div > ul  {
    padding-left: 50px;
    border-left: 2px solid var(--primary-blue);
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.content-section--content--div > ul > li {
    width: 110%;
}
.content-section--content__green-card  {
    background-image: url('../images/bg_green_card.svg');
    background-size: cover;
    background-repeat: no-repeat;
    padding:14px 30px;
    padding-left: 64px;
    width: 100%;
    /* position: relative; */
    color: white;
    font-size: 1.9rem;
    font-weight: 700;
    /* height: 100px; */
}
.content-section--content__green-card  p {
    /* margin-left: 20px; */
}
@media(max-width: 1530px) and (min-width: 1430px) {

    .content-section--content__green-card  {
        background-image: url('../images/bg_green_card.svg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 14px 0;
        padding-left: 64px;
        width: 120%;
        /* position: relative; */
        color: white;
        font-size: 1.9rem;
        font-weight: 700;
        /* height: 200px; */
    }
    .content-section--content__green-card p {
        /* background: var(--primary-green); */
        /* padding:14px 0; */
        /* padding-left: 64px; */
        /* position: relative; */
        color: white;
        font-size: 1.9rem;
        font-weight: 700;
        /* height: 100px; */
        max-width: 90%;
    }
}
@media(max-width: 1430px) and (min-width: 1340px) {

    .content-section--content__green-card  {
        background-image: url('../images/bg_green_card.svg');
        background-size: contain;
        background-repeat: no-repeat;
        padding: 14px 0;
        padding-left: 60px;
        width: 130%;
        /* position: relative; */
        color: white;
        font-size: 1.9rem;
        font-weight: 700;
        height: max-content;
    }
    .content-section--content__green-card p {
        /* background: var(--primary-green); */
        /* padding:14px 0; */
        /* padding-left: 64px; */
        /* position: relative; */
        color: white;
        font-size: 1.9rem;
        font-weight: 700;
        /* height: 100px; */
        max-width:80%;
    }
}
.content-section--content__green-card p {
    /* background: var(--primary-green); */
    /* padding:14px 0; */
    /* padding-left: 64px; */
    /* position: relative; */
    color: white;
    font-size: 1.9rem;
    font-weight: 700;
    /* height: 100px; */
}
@media(max-width: 1340px){
    .content-section__proposito {
        padding: 3rem 1.5rem;
        background: #FFF;
        flex-direction: column;
        row-gap: 3rem;
    }

    .content-section__proposito > img {
        width: 80%;
        margin: 0 auto;
    }

    .content-section--content__poposito { 
        width: 100%;
    }

    .content-section--content__green-card  {
        margin: 0 -1.5rem;
        padding: 11px 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 17px;
        width: 60vw;
    }
    .content-section--content__green-card p {
        max-width: 80%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 17px;
    }

    .content-section--content--div {
        margin-left:  0;
        font-size: 1.5rem;
        line-height: 17px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 3rem;
        /* justify-content: space-between; */
    }

    .content-section--content--div > p {
        font-size: 1.5rem;
        line-height: 17px;
		text-align: left;
    	max-width: 100%;
    }

    .content-section--content--text {
        font-size: 1.5rem;
        color: var(--text);
        line-height: 17px;  
        margin: 0;
    }

    .content-section--content__poposito div > ul  {
        padding-left: 4rem;
        /* border-left: 12px solid var(--primary-blue);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; */
        margin-left: -1.5rem;
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        font-weight: 400;
        position: relative;
    }
    .content-section--content__poposito div > ul > div {
        border-right: 10px solid var(--primary-blue);
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media(max-width: 950px) {
    .content-section--content__green-card  {
        margin: 0 -1.5rem;
        padding: 11px 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 17px;
        width: 100vw;
        background-image: none;
        background-color: var(--primary-green);
    }
    .content-section--content__green-card p {
        max-width: 100%;
    }
}
/* a quem a política se aplica */

.content-section__quem {
    display: flex;
    flex-direction: row-reverse;
    padding: 60px 0;
    column-gap: 6rem;
    box-sizing: border-box;
}

.content-section--content__quem {
    box-sizing: border-box;
    width: 70%;
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

.content-section__quem h2 {
    /* margin-bottom: 4.9rem; */
    /* margin-right: 50px; */
    width: 90%;
    padding: 5px 0;
}
.content-section__quem header {
    padding: 0;
    width: 554px;
    background-size: cover;
}

.content-section__quem p, .content-section--main__controlador p {
    font-size: 1.9rem;
    line-height: 24px;
}
.quem_img_mobile {
    display: none;
}
.content-section--text__quem {
    color: var(--text);
}

.content-section--text__quem, .content-section__quem ul {
    margin-right: 5.4rem;
}

.content-section__quem ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem 2.4rem;
    border: 1.2px solid var(--primary-orange);
    border-radius: 3.9rem;
    box-sizing: border-box;
}

.content-section__quem li {
    max-width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.9rem;
    height: 100%;
    text-align: center;
}
.content-section__quem li:first-child {
    max-width: 40%;
}
.content-section__quem li:nth-child(2) {
    max-width: 30%;
}
.content-section__quem > li > p > strong {
    display: inline-block;
    max-width: 100%;
}

.content-section__quem li > p {
    width: 100%;
    max-width: 100%;
    color: var(--text);
    /* margin-top: auto; */
}

.content-section__quem  span {
    max-width: 100%;
    /* line-break: anywhere; */
    display: block;
    font-weight: 700;
}

.content-section__quem li > img {
    width: 7.1rem;
    height: 7.1rem; 
}

.content-section--text__quem__pink {
    background-color: var(--primary-pink);
    color: #FFF;
    padding: 1.8rem 6.3rem 1.8rem 5.5rem;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    
    .content-section__quem li {
        max-width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1.9rem;
        height: 100%;
        text-align: center;
        font-size: 1.5rem;
    }
    .content-section__quem li > p, .content-section__quem  span  {
        font-size: 1.5rem;

    }
}
@media(max-width: 1200px) {
    .content-section__quem {
        flex-direction: column-reverse;
        padding: 3rem 1.5rem;
        row-gap: 3rem;
    }
    
    .content-section--content__quem {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
    }

    .content-section__quem p, .content-section__quem span, .content-section--main__controlador p {
        font-size: 1.5rem;
        line-height: 17px;
        margin: 0;
    }
    
    .content-section__quem ul {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        padding: 3rem 0;
        border: 1.2px solid var(--primary-orange);
        border-radius: 1.9rem;
        width: 85%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .quem_img {
        display: none;   
    }
    .quem_img_mobile {
        display: block;
    }
    .content-section__quem li {
        max-width: 70%;
        row-gap: 1rem;
        color: var(--text);
    }
    .content-section__quem li:first-child {
        max-width: 70%;
    }
    .content-section__quem li:nth-child(2) {
        max-width: 70%;
    }
    .content-section__quem li > img {
        width: 5.3rem;
        height: 5.7rem; 
    }

    .content-section--text__quem__pink {
        padding: 1rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 100vw;
        align-self: center;
        /* margin: 0 -1.5rem; */
        margin-left: -3rem;
    }
}

/* controlador */

.content-section__controlador {
    padding: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 5rem;
    background-color: #F3F9EC;
}

.content-section__controlador header {
    width: 530px;
    background-size: contain;
    text-align: right;
    /* padding: 0; */
}
.content-section__controlador h2 {
    width: 75%;
    margin-right: 10px;
    /* margin: 0 auto; */
    /* align-self: center; */
    /* background-size: contain; */
    /* padding: 0; */
}

.content-section--main__controlador {
    display: flex;
    column-gap: 6rem;
}

.content-section--main__controlador > div { 
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

.content-section--text__controlador {
    color: var(--text);
}

.content-section__controlador--table-container header {
    background-color: rgba(129, 41, 144, 0.8);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 1.6rem 0;
    text-align: center;
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 10px;
    width: 100%;
}

.content-section__controlador--table {
    width: 100%;
    border-spacing: 0;
    display: flex;
    font-size: 1.9rem;
    line-height: 24px;
    overflow: hidden;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.content-section__controlador--thead {
    background-color: rgba(129, 41, 144, 0.6);
    width: 30%;
    padding: 2.4rem;
    text-align: right;
}

.content-section__controlador--thead tr {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.content-section__controlador--tbody {
    width: 70%;
    background-color: rgba(129, 41, 144, 0.2);
    padding: 2.4rem;
}

.content-section__controlador--thead tr > th, .content-section__controlador--tbody tr > td  {
    padding: 1.5rem 0;
}

.content-section__controlador--thead tr > th {
    color: #FFF;
    font-weight: 700;
}
.content-section__controlador--tbody tr > td  {
    color: var(--text);
    /* width: 40%; */
}
.content-section__controlador--tbody tr > td span {
    display:block;
}
.content-section--text__purple__controlador {
    padding: 2.9rem 5.7rem;
    background-color: var(--primary-purple);
    color: #FFF;
    border-radius: 30px;
    font-weight: 400;
}

.content-section--text__purple__controlador > a {
    color: #FFF;
    font-weight: 700;
}

@media(max-width: 1200px){
    .content-section__controlador {
        padding: 3rem 1.5rem;
        row-gap: 3rem;
        background-color: #FFF;
    }

    .content-section--main__controlador {
        flex-direction: column-reverse;
        row-gap: 3rem;
    }

    .content-section__controlador--table-container header {
        padding: 0.9rem 0;
        font-size: 1.5rem;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-bottom: 6px;
    }
    .content-section__controlador--tbody tr > td span {
        display: inline-block;
    }
    .content-section__controlador--table {
        font-size: 1.5rem;
        line-height: 17px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .content-section__controlador--thead {
        padding: 1.4rem 1.6rem;
        text-align: right;
        width: 35%;
    }

    .content-section__controlador--tbody {
        width: 65%;
        padding: 1.4rem 1.6rem;
    }

    .content-section--text__purple__controlador {
        padding: 1.4rem 3.3rem;
        border-radius: 20px;
        /* font-weight: 300; */
    }
    
}

/* quais dados */

.content-section__quais {
    padding: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.content-section__quais > header {
    width: 456px;
    /* height: 102px; */
    padding: 10px ;
    background-size: contain;
    align-self: flex-end;
    margin-right: 20px;
}


.content-section__quais h2 {
    align-self: flex-end;
    width: 70%;
    text-align: right;
}

.content-section__quais > p {
    align-self: flex-end;
    color: var(--text);
    max-width: 450px;
    margin-right: 20px;
}

.content-section__quais p {
    font-size: 1.9rem;
    line-height: 24px;
}

.content-section__quais__given-data, .content-section__quais__generated-data, .content-section__quais__third-party-data {
    display: flex;
    column-gap: 20px;
    width: 100%;
}

.content-section--header__given-data, .content-section--header__generated-data, .content-section--header__third-party-data {
    width: 40%;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5rem 4rem;
}

.content-section--header__given-data {
    background-color: rgba(0, 66, 130, 0.7);
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

.content-section--header__generated-data {
    background-color: #F8a763;
}

.content-section--header__third-party-data {
    background-color: #812990;
}

.content-section--header__given-data h3, .content-section--header__generated-data h3, .content-section--header__third-party-data h3 {
    /* width: 100%; */
    padding: 1.7rem;
    border-radius: 50px;
    background-color: #FFF;
    font-size: 2.5rem;
    font-weight: 700;   
    text-align: center;
}

.content-section--header__given-data h3 {
    color: var(--primary-blue);
}

.content-section--header__generated-data h3 {
    color: var(--primary-orange);
}
.content-section--header__third-party-data {
    color: #812990;
}

.content-section--header__given-data p {
    font-weight: 700;
    color: #FFF;
    width: 85%;
    margin: 0 auto;
}

.content-section--list__given-data, .content-section--list__generated-data, .content-section--list__third-party-data {
    width: 60%;
    display: flex;
    flex-direction: column;
    row-gap: 1.9rem;
    margin: 0;
    padding: 0;
}

.content-section--li__given-data, .content-section--li__given-data__au-pair, .content-section--li__generated-data, .content-section--li__third-party-data {
    list-style: none;
    padding: 10px 8rem;
    font-size: 1.9rem;
    line-height: 24px;
}

.content-section--li__given-data, .content-section--li__given-data__au-pair {
    background-color: rgba(144, 188, 230, 0.2);
}

.content-section--li__generated-data {
    background-color: #FFF4EA;
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
}


.content-section--li__generated-data img {
    width: 498px;
    height: 239px;
    margin: 0 auto;
}

.content-section--li__generated-data div {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}

.content-section--li__generated-data ul {
    list-style-type: none;
    font-size: 1.5rem;
    line-height: 17px;
    color: var(--text);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    row-gap: 2px;
}
.content-section--li__generated-data li {
    padding: 0.7rem 0;
    text-align: center;
    background-color: rgba(245, 130, 32, 0.2);
}
.content-section--li__third-party-data {
    background-color: #e8e8e8;
}

.content-section--li__given-data:first-child {
    border-top-right-radius: 60px;
}

.content-section--li__given-data:last-child {
    border-bottom-right-radius: 60px;
}

.content-section--li__third-party-data:first-child {
    border-top-right-radius: 60px;
}

.content-section--li__third-party-data:last-child {
    border-bottom-right-radius: 60px;
}

.content-section--li__generated-data {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

.content-section--li__given-data h4, .content-section--li__given-data__au-pair h4, .content-section--li__generated-data h4, .content-section--li__third-party-data h4, .content-section--li__generated-data h5 {
    font-weight: 700;
    margin: 0;
}
.content-section--li__generated-data h4 {
    margin-bottom: -4rem;
}
.content-section--li__given-data h4, .content-section--li__given-data__au-pair h4 {
    color: var(--primary-blue)
}

.content-section--li__generated-data h4,  .content-section--li__generated-data h5  {
    color: var(--primary-orange);
}

.content-section--li__third-party-data h4 {
    color: var(--primary-purple);
}

.content-section--li__given-data p, .content-section--li__given-data__au-pair p, .content-section--li__generated-data p, .content-section--li__third-party-data p {
    color: var(--text);
    margin: 0;
}

.content-section--li__given-data__au-pair {
    padding: 0;
}

.content-section--li__given-data__au-pair h4 {
    padding: 10px 8rem;
}

.content-section--li__given-data__au-pair > p {
    padding: 0 8rem;
}

.content-section--li__given-data__au-pair ol {
    padding: 0;
    /* width: 100%; */
    /* padding: 10px 8rem */
}

.content-section--li__given-data__au-pair  li{
    padding: 8px 8rem;
    background-color: transparent;
    background-color: rgba(144, 188, 230, 0.2);

    list-style: none;
    list-style-type: none;
}

.content-section--li__given-data__au-pair ol > li:nth-child(2n) {
    background-color: transparent;
} 

.content-section__quais__como {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
    margin-top: 20px;
}

.content-section__quais__como img {
    max-width: 50%;
    margin-left: -6rem;
}

.content-section__quais__como h3, .content-section__quais__como p {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 21px;
}

.content-section__quais__como h3 {
    color: var(--primary-blue);
}

.content-section__quais--wrapper > div {
    /* width: 100%; */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    text-align: center;
    padding: 2.6rem 0;
    color: #FFF;
    background-color: var(--primary-blue);
}
.content-section__quais--wrapper > div p {
    max-width: 30%;
    text-align: center;
    margin: 0 auto;
}
.content-section__quais__meios {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    grid-template-columns:  1fr 1fr;
    list-style: none;
    font-size: 1.9rem;
    color: var(--primary-blue);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 730px;
}

.content-section__quais__meios li {
    background-color: rgba(140, 198, 63, 0.7);
    /* width: 100%; */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    box-sizing: border-box;
    position:relative;

}
.content-section__quais__meios li:nth-child(1) {
    width: 49%;
}
.content-section__quais__meios li:nth-child(2) {
    width: 51%;
}
.content-section__quais__meios li:nth-child(3) {
    width: 45%;
}
.content-section__quais__meios li:nth-child(4) {
    width: 55%;
}
.content-section__quais__meios li:nth-child(3) span {
    text-align: center;
    margin: 0 auto;
}
.content-section__quais__meios li span {
    color: var(--primary-blue);
    max-width: 90%;
    margin-left: 50px;
    text-align: left;
    /* margin-left: auto; */
}

.content-section__quais__meios li:nth-child(2n){
    background-color: rgba(245, 130, 32, 0.7);    
}
.content-section__quais__meios li:nth-child(4) {
    /* width: calc(100% + 70px); */
    padding-left: 40px;
    /* z-index: 20; */
}



.quais__border__1st {
    width: 23px;
    height: calc(100% );
    transform: skew(-8deg);
    background: #E09B3B;
    /* margin-left: -24px; */
        position: absolute;
    left: -16px;
}
.quais__border {
    /* border-left: 40px solid rgba(245, 130, 32, 0.7);
    border-bottom: 10px solid transparent;
    height: 100%; */
    width: 20px;
    height: calc(100% - 40px);
    transform: skew(-8deg);
    background: #E09B3B;
    margin-left: -25px;
    /* position: absolute; */
    /* left: -5px; */
    /* z-index: 50;     */
}


.quais__border {
    /* border-left: 40px solid rgba(245, 130, 32, 0.7);
    border-bottom: 10px solid transparent;
    height: 100%; */
    width: 24px;
    height: calc(100% + 20px);
    transform: skew(-8deg);
    background: #E09B3B;
    margin-left: -58px;
    /* position: absolute; */
    /* left: -5px; */
    /* z-index: 50;     */
}
@media(max-width: 1280px) and (min-width: 1200px) {
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 25px;
        height: calc(100% - 40px);
        transform: skew(-8deg);
        background: #E09B3B;
        margin-left: -20px;
        /* position: absolute; */
        /* left: -5px; */
        /* z-index: 50;     */
    }
    
    
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 25px;
        height: calc(100% + 20px);
        transform: skew(-7deg);
        background: #E09B3B;
        margin-left: -53px;
        /* position: absolute; */
        /* left: -5px; */
        /* z-index: 50;     */
    }
} 
@media(max-width: 1330px) and (min-width: 1280px) {
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 20px;
        height: calc(100% - 40px);
        transform: skew(-8deg);
        background: #E09B3B;
        margin-left: -23px;
        /* position: absolute; */
        /* left: -5px; */
        /* z-index: 50;     */
    }
    
    
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 24px;
        height: calc(100% + 20px);
        transform: skew(-8deg);
        background: #E09B3B;
        margin-left: -58px;
        /* position: absolute; */
        /* left: -5px; */
        /* z-index: 50;     */
    }
} 
@media(min-width: 1500px) {
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 25px;
        height: calc(100% + 20px);
        transform: skew(-8deg);
        background: #E09B3B;
        margin-left: -59px;
        /* position: absolute; */
        /* left: -5px; */
    }
    .quais__border__1st {
        width: 25px;
        height: calc(100% );
        transform: skew(-8deg);
        background: #E09B3B;
        /* margin-left: -24px; */
            position: absolute;
        left: -18px;
    }
}
@media(min-width: 1720px) {
    
.content-section__quais__como img {
    max-width: 70%;
    width: 50%;
    margin-left: -6rem;
}
    .quais__border {
        /* border-left: 40px solid rgba(245, 130, 32, 0.7);
        border-bottom: 10px solid transparent;
        height: 100%; */
        width: 25px;
        height: calc(100% + 20px);
        transform: skew(-8deg);
        background: #E09B3B;
        margin-left: -61px;
        /* position: absolute; */
        /* left: -5px; */
    }
    .quais__border__1st {
        width: 25px;
        height: calc(100% );
        transform: skew(-8deg);
        background: #E09B3B;
        /* margin-left: -24px; */
            position: absolute;
        left: -18px;
    }
}
.content-section__quais__meios li:nth-child(1), .content-section__quais__meios li:nth-child(2) {
   min-height: 9.3rem;
}

.content-section__quais__meios li:nth-child(3), .content-section__quais__meios li:nth-child(4) {
    min-height: fit-content;
    min-height: 10.4rem;
}
.content-section__quais--wrapper h3 {
    margin-bottom: 3rem;
}

.content-section__quais__footer {
    width: 100vw;
    margin: 0 -6rem;
    text-align: justify;
    padding: 2rem;
    background-color: rgba(205, 205, 255, 0.3);
}

.content-section__quais__footer p {
    font-size: 1.9rem;
    color: var(--text);
    max-width: 50%;
    margin: 0 auto;
}
.dados_pessoais_img_mobile {
    display: none;
}
@media(min-width: 1200px) {
    .content-section--li__generated-data div {
        display: none;
    }
}

@media(max-width: 1200px) {
    .content-section__quais {
        padding: 0;
        padding-top: 3rem;
    }

    
    .content-section__quais > p {
        max-width: 90%;
        margin: 0 auto;
    }
    
    .content-section__quais p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__quais__given-data, .content-section__quais__generated-data, .content-section__quais__third-party-data {
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
    .content-section__quais div > header {
        width: 100%;
    }

    .content-section--header__given-data, .content-section--header__generated-data, .content-section--header__third-party-data {
        width: 100%;
        border-radius: 0;
        padding: 2rem 1.5rem;
    } 

    .content-section--header__given-data h3, .content-section--header__generated-data h3, .content-section--header__third-party-data h3 {
        /* width: 100%; */
        padding: 0.9rem;      
        font-size: 1.5rem;
    }

    .content-section--list__given-data, .content-section--list__generated-data, .content-section--list__third-party-data {
        width: 100%;
        row-gap: 0;
        margin: 0;
        padding: 0;
    }

    .content-section--li__given-data, .content-section--li__given-data__au-pair, .content-section--li__generated-data, .content-section--li__third-party-data {
        list-style: none;
        padding: 1.2rem 1.5rem;
        font-size: 1.5rem;
        line-height: 17px;
        width: 100%;
    }
    .content-section__quais__meios > li > span {
        margin-left: 0;
        text-align: center;
    }
    .content-section--li__given-data:first-child {
        border-top-right-radius: 0;
    }

    .content-section--li__given-data:last-child {
        border-bottom-right-radius: 0;
    }

    .content-section--li__third-party-data:first-child {
        border-top-right-radius: 0;
    }

    .content-section--li__third-party-data:last-child {
        border-bottom-right-radius: 0;
    }

    .content-section--li__generated-data {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .content-section--li__generated-data img {
        display: none;
    }
    .content-section--header__given-data {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
    }


    .content-section--header__given-data p {       
        width: 100%;
        font-weight: 400;
    }

    .content-section--li__given-data {
        border-bottom: 13px solid rgba(0, 66, 130, 0.7);
    }
    .content-section--li__third-party-data {
        border-bottom: 13px solid rgba(129, 41, 144, 0.7);
    }

    .content-section--li__given-data__au-pair h4 {
        padding: 1.3rem 0rem;
    }

    .content-section--li__given-data__au-pair > p {
        padding: 0;
        margin-bottom: 1.5rem;
    }


    .content-section--li__given-data__au-pair  li{
        padding: 7px 1.5rem;
        margin: 0 -1.5rem;
    }

    .content-section__quais__como {
        display: flex;
        flex-direction: column;
        row-gap: 2.5rem;
    }
    
    .content-section__quais__como img {
        max-width: 80%;
        margin-left: 0;
        object-fit: contain;
    }
    
    .content-section__quais__como h3, .content-section__quais__como p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__quais__como h3 {
        color: var(--primary-blue);
    }
    
    .content-section__quais__como p {
        margin-top: 2.5rem;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 1.5rem 0;
        color: #FFF;
        background-color: var(--primary-blue);
    }
    .content-section__quais--wrapper {
        padding: 0 1.5rem;
    }
    .content-section__quais--wrapper h3 {
        /* padding: 0 3rem; */
    }
    .dados_pessoais_img {
        display: none;
    }
    .dados_pessoais_img_mobile {
        display: block;
    }
    .content-section__quais--wrapper > div {
        padding: 1.5rem 0;
    }
    .content-section__quais--wrapper > div p {
        max-width: 100%;
        padding: 0;
    }
    .content-section__quais__meios {
        margin-top: 6px;
        display: flex;
        flex-direction: column;
        row-gap: 6px;
        font-size: 1.5rem;
        border-radius: 0;
    }
    
    .content-section__quais__meios li {
        padding: 10px 15px;
        background-color: #C1DE9C;
        color: #0A00B4;
    }
    .content-section__quais__meios li > div {
        display: none;
    }
    
    .content-section__quais__meios li:nth-child(2n){
        background-color: #F5BD8C;
    }
    
    .content-section__quais__meios li:nth-child(1), .content-section__quais__meios li:nth-child(2) {
       min-height: 0;
		width: 100%;
    }
    
    .content-section__quais__meios li:nth-child(3), .content-section__quais__meios li:nth-child(4) {
        min-height: fit-content;
        min-height: 0s;
		width: 100%;
    }
    .content-section__quais__meios li:nth-child(4) {
        padding: 10px 15px;
    }
    .content-section__quais__footer {
        width:100vw;
        margin: 0 -1.5rem;
        align-self: center;
        text-align: center;
        padding: 1.5rem;
        background-color: rgba(205, 205, 255, 0.3);
        margin-bottom: 3rem;
        text-align: justify;
    }
    
    .content-section__quais__footer p {
        font-size: 1.5rem;
        max-width: 100%;
    }

}

/* finalidade */

.content-section__finalidade {
    padding: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
    background-color: #F3F9EC;
}

.content-section__finalidade > header {
    width: 690px;
    background-size:cover;
}
.content-section__finalidade > header > h2 {
    width: 80%;
    text-align: end;
    margin-right: 20px;
}
.content-section__finalidade--section {
    border-radius: 20px;
}
@media(max-width: 900px) {
    .content-section__finalidade--section {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.content-section__finalidade--section__blue {
    background-color: #E9F1F0;
}

.content-section__finalidade--section__yellow {
    background-color: #F0F3E3;
}

.content-section__finalidade--section__gray {
    background-color: #EBF1E7;
}
.content-section__finalidade--section__navy {
    background-color: #E7EDE4;
}
.content-section__finalidade--section__yellow__light {
    background-color: #E7EDE4;
}
.content-section__finalidade--section-header {
    width: 100%;
    padding: 1.9rem 0;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 20px;
}
.content-section__finalidade--section-header h3 {
    margin: 0;
}

.content-section__finalidade--section-header__blue {
    background-color: #645AD7;
}

.content-section__finalidade--section-header__yellow {
    background-color: #FFC727;
}
.content-section__finalidade--section-header__navy {
    background-color: #05004B;
}

.content-section__finalidade--section-header__light-yellow {
    background-color: #F9DB7B;
}

.content-section__finalidade__garantia--lists-wrapper {
    position: relative;
    background-image: url('../images/bg_finalidades_dados.svg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 1.5rem;
    padding-top: 2rem;
    /* height: 700px; */
}


@media(min-width: 1500px) and (max-width: 1680px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados.svg');
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
}

@media(max-width: 1500px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados.svg');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
}
.finalidade-dados__img {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
}

.finalidade-dados__img__mobile {
    display: none;
}
/* .content-section__finalidade__garantia--lists-wrapper ul {
    margin: 0;
} */

.content-section__finalidade--list, .content-section__finalidade__marketing--list li, .content-section__finalidade__corp--li, .content-section__finalidade__obrigações--list li, .content-section__finalidade__direitos--list li {
    padding: 2.5rem 2.1rem;
    border-radius: 20px;
    font-size: 1.8rem;
    color: var(--text);
    line-height: 24px;
    list-style: none;
    height: fit-content;
}

.content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom, .content-section__finalidade--list__bottom, .content-section__finalidade--list__right {
    background-color: #F5F4FF;
    border: 2px solid #645AD7;
}

.content-section__finalidade__marketing--list li {
    border: 2px solid #FFC727;
    background-color: #FFF1CD;
}

.content-section__finalidade__corp--list li {
    border: 2px solid #A5A5B9;
    background-color: #F3F3F3;
    width: fit-content;
    padding: 2.3rem 3.1rem;
}

.content-section__finalidade__obrigações--list li {
    max-width: 275px;
    border: 2px solid #05004B;
    background-color: #F2F4FF;
}

.content-section__finalidade__direitos--list li {
    max-width: 275px;
    border: 2px solid #F9DB7B;
    background-color: #FFFBED;
}

.content-section__finalidade--list span {
    color: var(--primary-blue);
}

.content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.content-section__finalidade--list__left-top {
    grid-column: 1;
    grid-row: 2;
}

.content-section__finalidade--list__bottom {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row: 3;
}

.content-section__finalidade--list__right {
    grid-column: 4;
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
    justify-content: space-between;
    justify-self: end;
    height: 110%;
    max-width: 244px;
    /* justify-self: end; */
}
@media(min-width: 1680px){
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados.svg');
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
    .content-section__finalidade--list__right {
        max-width: 320px;
    }
}
.content-section__finalidade__marketing--list {
    background-image: url('../images/bg_acoes_marketing.svg');
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-position-y: 60%;
    padding: 5.4rem 6.1rem 4.2rem 2.8rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    position: relative;
    height: 800px;
}

.content-section__finalidade__marketing--li__top-left {
    grid-column: 1;
    align-self: flex-end;
    position: absolute;
    left: 90px;
    top: 60px;
    /*max-width: 30%;*/
	max-width: 22%;
}

.content-section__finalidade__marketing--li__top-right {
    grid-column: 3;
}

.content-section__finalidade__marketing--li__bottom-right {
    grid-column: 3;
    grid-row: 3;
    margin-top: 10px;
    align-self: center;
}
.content-section__finalidade__marketing--list span {
    color: #FFC727;
}
@media(max-width: 1400px) {
    .content-section__finalidade__marketing--li__top-right {
        align-self: center;
    }
}

.content-section__finalidade--section-header__gray {
    background-color: #A5A5B9;
}

.content-section__finalidade__corp--list {
    background-image: url('../images/bg_desenvolvimento_cvc.svg'); 
    /*background-size: 70%;*/
	background-size: 55%;
    background-repeat: no-repeat;
    background-position-y: 12rem;
    background-position-x: center; 
    margin: 0;
    display: grid;
    padding: 7.9rem 8rem 0 6.6rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr  1fr;
    height: 800px;
    position: relative
}
.content-section__finalidade__corp--list li {
    max-width: 314px;
}
.content-section__finalidade__corp--li__top-left {
    grid-column: 1;
}

.content-section__finalidade__corp--li__top-right {
    grid-column: 3;
    justify-self: end;
    position: absolute;
    top: 100px;
    right: 200px;
}

.content-section__finalidade__corp--li__bottom-left {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    position: absolute;
    bottom: 300px;
    left: -60px;
    /* right: 250px; */
}

.content-section__finalidade__corp--li__bottom-right {
    /* grid-column: 3; */
    /* grid-row: 3; */
    position:absolute;
    right: 200px;
    bottom: 150px;
}

.content-section__finalidade__corp--list span {
    color: #A5A5B9;
}
@media(min-width: 1550px){
    /* .content-section__finalidade__corp--list {
        background-size: 65%;
        background-position-y: center;
        /* background-position-x: center;  */
        /* background-color: rgba(165, 165, 185, 0.1); */
        /* margin: 0; */
        /* display: grid; */
        /* padding: 7.9rem 8rem 0 6.6rem; */
        /* grid-template-columns: 1fr 1fr 1fr; */
        /* grid-template-rows: 1fr 1fr  1fr; */
        /* height: 800px; */
        /* position: relative */
    /* } */

    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        /* position: absolute; */
        /* top: 80px; */
        /* left: 0; */
        justify-self: end;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        justify-self: start;
        position: static;
        /* position: absolute; */
        /* top: 100px; */
        /* right: 150px; */
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
        justify-self: end;
        position: static;
        /* position: absolute; */
        /* bottom: 300px; */
        /* left: 10px; */
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        grid-column: 3;
        grid-row: 3;
        justify-self: start;
        position: static;
        align-self: center;
        /* position:absolute; */
        /* right: 70px; */
        /* bottom: 150px; */
    }
}
@media(max-width: 1550px) and (min-width: 1350px){
    .content-section__finalidade__corp--list {
        background-size: 70%;
        background-position-y: center;
        /* background-position-x: center;  */
        /* background-color: rgba(165, 165, 185, 0.1); */
        /* margin: 0; */
        /* display: grid; */
        /* padding: 7.9rem 8rem 0 6.6rem; */
        /* grid-template-columns: 1fr 1fr 1fr; */
        /* grid-template-rows: 1fr 1fr  1fr; */
        height: 800px;
        /* position: relative */
    }

    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        position: absolute;
        top: 40px;
        left: 0;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        justify-self: end;
        position: absolute;
        top: 70px;
        right: 150px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        position: absolute;
        bottom: 300px;
        left: 10px;
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 70px;
        bottom: 150px;
    }
}

@media(max-width: 1350px){
    .content-section__finalidade__corp--list {
        background-size: 60%;
        background-position-y: center;
        /* background-position-x: center;  */
        /* background-color: rgba(165, 165, 185, 0.1); */
        /* margin: 0; */
        /* display: grid; */
        /* padding: 7.9rem 8rem 0 6.6rem; */
        /* grid-template-columns: 1fr 1fr 1fr; */
        /* grid-template-rows: 1fr 1fr  1fr; */
        height: 800px;
        /* position: relative */
    }

    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        position: absolute;
        top: 120px;
        left: 0;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        justify-self: end;
        position: absolute;
        top: 120px;
        right: 180px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        position: absolute;
        bottom: 300px;
        left: 0;
        max-width: 25%;
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 100px;
        bottom: 200px;
    }
}

/* .content-section__finalidade__corp--li__top-right {
    grid-column: 3;
    justify-self: end;
    position: absolute;
    top: 100px;
}

.content-section__finalidade__corp--li__bottom-left {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    position: absolute;
    bottom: 300px;
    left: -60px;
    /* right: 250px; */
/* } */

.content-section__finalidade__corp--list img {
    position: absolute;
    height: 700px;
    max-width: 60%;
    z-index: -10;
    transform: translate(50%, 80px);
} 

.content-section__finalidade__obrigações--list {
    background-image: url('../images/bg_obrigacoes_legais.svg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: bottom;
    min-height: 750px;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.content-section__finalidade__obrigações--list li {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
    /* margin-bottom: -50px; */
}
@media(min-width: 1530px) {
    .content-section__finalidade__obrigações--list {
        /* background-image: url('../images/bg_obrigacoes_legais.svg'); */
        /* background-repeat: no-repeat; */
        background-size: 40%;
    }
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: end;
        margin-bottom: 0;
    }
}

@media(max-width: 1075px) {
    .content-section__finalidade__obrigações--list {
        /* background-image: url('../images/bg_obrigacoes_legais_mobile.svg'); */
        background-repeat: no-repeat;
        background-size: 50%;
    }
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: end;
        margin-bottom: -70px;
    }
}
.content-section__finalidade__obrigações--list span {
    color: #05004B;
}
/* 
@media(max-width: 800px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 60%;
        background-position-y: 20px;
        min-height: 0;
        height: 600px;
        margin: 0;
        background-color: rgba(5, 0, 75, 0.1);
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 40px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        width: 100%;
        max-width: 100%;
    }
} */

@media(max-width: 800px) and (min-width: 770px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 60%;
        background-position-y: 20px;
        min-height: 0;
        height: 600px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 30px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }
}

@media(max-width: 770px) and (min-width: 710px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 65%;
        background-position-y: 20px;
        min-height: 0;
        height: 600px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 30px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;

    }
}

@media(max-width: 710px) and (min-width: 500px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 75%;
        background-position-y: top;
        min-height: 0;
        height: 650px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 50px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;

    }
}

@media(max-width: 710px) and (min-width: 600px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 400px;
        background-position-y: 20px;
        min-height: 0;
        height: 520px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 30px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media(max-width: 600px) and (min-width: 380px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 320px;
        background-position-y: 30px;
        min-height: 0;
        height: 500px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 50px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        margin-bottom: 10px;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media(max-width: 380px) {
    .content-section__finalidade__obrigações--list {
        background-image: url('../images/bg_obrigacoes_legais_mobile.svg');
        background-repeat: no-repeat;
        background-size: 90%;
        background-position-y: top;
        min-height: 0;
        height: 500px;
        margin: 0;
        display: flex;
        flex-direction: column;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 3rem;
        padding-bottom: 50px;
    }
    
    .content-section__finalidade__obrigações--list li {
        grid-column: 3;
        grid-row: 2;
        align-self: flex-end;
        margin-top: auto;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        min-height: 90px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.content-section__finalidade__direitos--list {
    background-image: url('../images/bg_exercicio_direito.svg');
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: center;
    margin: 0;
    height: 600px;
    padding: 7.7rem 5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.content-section__finalidade__direitos--list li {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    /* margin-bottom: 30%; */
}
@media(min-width: 1550px) {
    .content-section__finalidade__direitos--list {
        background-size: 40%;
    }
}
.content-section__finalidade__direitos--list span {
    color: #F9DB7B;
}
@media(max-width: 990px) and (min-width: 860px) {
    .content-section__finalidade__direitos--list {
        background-image: url('../images/bg_exercicio_direito_mobile.svg');
        background-repeat: no-repeat;
        background-size: 350px;
        background-position: center;
        margin: 0;
        height: 550px;
        padding: 3rem 5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    
    .content-section__finalidade__direitos--list li {
        /* grid-column: 2; */
        /* grid-row: 2; */
        align-self: end;
        justify-self: center;
        margin-top: auto;
        margin-right: 150px;
        /* margin-bottom: 30%; */
    }
}
@media(max-width: 860px) {
    .content-section__finalidade__direitos--list {
        background-image: url('../images/bg_exercicio_direito_mobile.svg');
        background-repeat: no-repeat;
        background-size: 350px;
        background-position: center;
        margin: 0;
        height: 550px;
        padding: 3rem 5rem;
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    
    .content-section__finalidade__direitos--list li {
        grid-column: 2;
        grid-row: 2;
        align-self: end;
        justify-self: center;
        margin-top: auto;
        max-width: 100%;
        /* margin-bottom: 30%; */
    }
}
/* .content-section__finalidade__direitos--list li {
    align-self: center;
} */

@media(max-width: 1200px) {
    .content-section__finalidade {
        padding: 3rem 0;
        display: flex;
        flex-direction: column;
        row-gap: 4rem;
        background-color:#FFF
    }
    .content-section__finalidade--section-header {
        font-size: 1.5rem;
        line-height: 17px;
        padding:1.2rem 8px;
    }
    
    .finalidade-dados__img__mobile {
        display: block;
        position: absolute;
        height: 90%;
        top: 30px;
        width: 100%;
        z-index: -10;
    }
    
    .content-section__finalidade--list, .content-section__finalidade__marketing--list li, .content-section__finalidade__corp--list li, .content-section__finalidade__obrigações--list li, .content-section__finalidade__direitos--list li {
        padding: 1.5rem 3rem;
        border-radius: 20px;
        font-size: 1.5rem;
        color: var(--text);
        line-height: normal;
        list-style: none;
        height: fit-content;
    }
    
    
    /* .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
    }
    .content-section__finalidade--list__left-bottom {
        width: 80%;
    }
    .content-section__finalidade--list__bottom {
        margin-top: 380px;
        grid-column: 1;
        grid-row: 3;
        width: 80%;
    }
    
    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        /* justify-content: space-between;
        height: 110%; */
    /* } */

    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing_mobile.svg');
        /* background-repeat: no-repeat; */
        background-size: 90%;
        background-position: center;
        padding: 3rem 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 130px 290px 150px 100px;
        position: relative;
        /* height: 800px; */
    }
    
    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 15px;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;
        /* margin-top: */
        /* align-self: flex-end; */
        /* position: absolute; */
        /* left: 90px; */
        /* top: 60px; */
        /* max-width: 30%; */
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 1;
        grid-row: 3;
        max-width: 90%;
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 1;
        grid-row: 4;
        /* margin-top: 10px; */
    }
    .content-section__finalidade__corp--list {
        background-image: url("../images/bg_desenvolvimento_cvc_mobile.svg");
        background-size: 90%;
        background-repeat: no-repeat;
        background-position-y: center;
        /* background-position-x: top;  */
        margin: 0;
        display: grid;
        padding: 3rem 1.5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr  1fr;
        height: 800px;
        position: relative
    }
    .content-section__finalidade__corp--list img {
        height: 600px;
        position: absolute;
    }

    .content-section__finalidade__corp--list li {
        padding: 1.5rem;
    }
    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        position: absolute;
        top: 60px;
        left:0;
        width: 100%;
        max-width: 100%;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        max-width: 240px;
        min-width: 235px;
        justify-self: end;
        position: absolute;
        top: 120px;
        right: 30px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        position: absolute;
        bottom: 120px;
        left: 20px;
        max-width: 240px;
        min-width: 235px;
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 30px;
        bottom: 60px;
    }
    
        .content-section__finalidade__obrigações--list li {
            display: block;
        }
    
}

@media(min-width: 860px) and (max-width: 950px) {
        
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 90%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
}
.content-section__finalidade--list__bottom {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row: 2;
    align-self: end;
}

}

@media(max-width: 860px) and (min-width: 760px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 50%;
        background-position-y: 50px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 120px 1fr 280px 250px 180px;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        max-width: 70%;
        align-self: center;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        justify-content: space-between;
        align-self: end;
        height: 90%;
        max-width: 50%;
    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 760px) and (min-width: 650px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 70%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:1fr 1fr 300px 1fr 1fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        margin-top: 20px;
        /* align-self: center; */
        height: 130px;
        justify-content: center;
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        max-width: 75%;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        justify-content: space-between;
        /* height: 90%; */
        max-width: 70%;
    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 650px) and (min-width: 540px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 85%;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:1fr 1fr 300px 1fr 1fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 700px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        max-width: 75%;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        justify-content: space-between;
        /* height: 90%; */
        max-width: 70%;
    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 540px) and (min-width: 490px) {
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 85%;
        background-position-y:30%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 150px 210px 260px 270px 320px;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        /* height: 1250px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        max-width: 75%;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        justify-content: space-between;
        align-self: end;
        /* height: 90%; */
        max-width: 70%;
    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 490px) and (min-width: 460px){
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 400px;
        background-position-y: 150px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 140px 1fr 260px 250px 1fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        height: 1250px;
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        max-width: 75%;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        /* row-gap: 2rem; */
        justify-content: space-between;
        align-self: end;
        min-height: 200px;
        align-self: start;
        /* height: fit-content; */
        max-width: 70%;
    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 460px){
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 400px;
        background-position-y: 150px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 150px 1fr 260px 260px 1fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        height: 1250px;
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
        /* width: 345px; */
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 2;
        width: 345px;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        /* width:  345px; */
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        /* row-gap: 2rem; */
        justify-content: space-between;
        /* height: 100%; */
        width: 345px;
        max-width: 90%;
        align-self: end;

    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(max-width: 385px){
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: 100%;
        background-position-y: 35%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 200fr 180px 260px 220px 330px;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        height: fit-content;
        /* height: 1250px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        max-width: 90%;
        width: 290px;
        /* margin-bottom: -1.5rem; */
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 4;
        max-width: 90%;
        width: 290px;
        align-self: end;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        width: 345px;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        justify-content: space-between;
        height: 200px;
        max-width: 100%;
        width: 345px;
        /* align-self: end; */

    }
    .finalidade-dados__img {
        display: none;
    }
}
@media(max-width: 360px){
    .content-section__finalidade__garantia--lists-wrapper {
        position: relative;
        background-image: url('../images/bg_finalidades_dados_mobile2.svg');
        background-repeat: no-repeat;
        padding: 1.5rem;
        background-size: contain;
        background-position-y: 40%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1.3fr 1fr 240px 1.2fr 2fr;
        row-gap: 1.5rem;
        column-gap: 1.5rem;
        padding-top: 2rem;
        height: fit-content;
        /* height: 1250px; */
    }
    .content-section__finalidade--list__left-top, .content-section__finalidade--list__left-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .content-section__finalidade--list__left-top {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
        max-width: 90%;
        width: 290px;
        /* margin-bottom: -1.5rem; */
    }
    .content-section__finalidade--list__left-bottom {
        grid-row: 4;
        max-width: 90%;
        width: 290px;
        align-self: end;
    }

    .content-section__finalidade--list__bottom {
        grid-column: 1;
        grid-row: 5;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        width: 100%;
        max-width: 90%;
    }

    .content-section__finalidade--list__right {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        justify-content: space-between;
        /* height: 200px; */
        height: fit-content;
        max-width: 90%;
        width: 100%;
        /* margin: 0 auto; */
        justify-self: start;
        /* align-self: end; */

    }
    .finalidade-dados__img {
        display: none;
    }
}

@media(min-width: 470px) and (max-width: 1200px) {
    
    .content-section__finalidade__marketing--list {
        /* background-image: url('../images/bg_acoes_marketing_mobile.svg'); */
        /* background-repeat: no-repeat; */
        background-size: 90%;
        /* background-position-y: 800px; */
        /* padding: 3rem 1.5rem; */
        /* display: grid; */
        /* grid-template-columns: 1fr; */
        grid-template-rows: 140px 280px 150px 100px;
        /* position: relative; */
        /* height: 800px; */
    }

    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 0;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;
        /* margin-top: */
        /* align-self: flex-end; */
        /* position: absolute; */
        /* left: 90px; */
        /* top: 60px; */
        /* max-width: 30%; */
    }
}

@media(max-width: 1200px ) and (min-width: 850px) {
    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing.svg');
        background-repeat: no-repeat;
        background-size: 55%;
        background-position: center;
        padding: 5.4rem 6.1rem 4.2rem 2.8rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        position: relative;
        height: 800px;
    }

    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        align-self: flex-end;
        position: static;
        /* left: 90px; */
        /* top: 40px; */
        /* max-width: 30%; */
        grid-column: 1;
        grid-row: 1;
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 3;
        grid-row: 1;
        /* margin-top: 10px; */
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 3;
        grid-row: 3;
        margin-top: 15px;
    }
}

@media(max-width: 850px) and (min-width: 730px) {
    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing.svg');
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: center;
        padding: 5.4rem 6.1rem 4.2rem 2.8rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        position: relative;
        height: 800px;
    }

    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        align-self: flex-end;
        position: static;
        /* left: 90px; */
        /* top: 40px; */
        /* max-width: 30%; */
        grid-column: 1;
        grid-row: 1;
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 3;
        grid-row: 1;
        /* margin-top: 10px; */
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 3;
        grid-row: 3;
        margin-top: -10px;
    }
}

@media(max-width: 730px) and (min-width: 575px) {
    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing_mobile.svg');
        /* background-repeat: no-repeat; */
        background-size: 60%;
        background-position: center;
        padding: 3rem 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 130px 290px 150px 100px;
        position: relative;
        /* height: 800px; */
    }
    
    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 20px;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;
        /* margin-bottom: 50px; */
        /* margin-top: */
        /* align-self: flex-end; */
        /* position: absolute; */
        /* left: 90px; */
        /* top: 60px; */
        /* max-width: 30%; */
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 1;
        grid-row: 3;
        max-width: 70%;
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 1;
        grid-row: 4;
        /* margin-top: 10px; */
    }
}

@media(max-width: 575px ) and (min-width: 470px) {
    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing_mobile.svg');
        /* background-repeat: no-repeat; */
        background-size: 70%;
        background-position: center;
        padding: 3rem 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 130px 290px 150px 100px;
        position: relative;
        /* height: 800px; */
    }
    
    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 50px;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;
        /* margin-top: */
        /* align-self: flex-end; */
        /* position: absolute; */
        /* left: 90px; */
        /* top: 60px; */
        /* max-width: 30%; */
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 1;
        grid-row: 3;
        max-width: 80%;
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 1;
        grid-row: 4;
        /* margin-top: 10px; */
    }
}

@media(max-width: 660px ) and (min-width: 575px) {
    .content-section__finalidade__marketing--list {
        background-image: url('../images/bg_acoes_marketing_mobile.svg');
        /* background-repeat: no-repeat; */
        background-size: 70%;
        background-position: center;
        padding: 3rem 1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 130px 290px 150px 100px;
        position: relative;
        /* height: 800px; */
    }
    
    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 20px;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;
        /* margin-top: */
        /* align-self: flex-end; */
        /* position: absolute; */
        /* left: 90px; */
        /* top: 60px; */
        /* max-width: 30%; */
    }
    
    .content-section__finalidade__marketing--li__top-right {
        grid-column: 1;
        grid-row: 3;
        max-width: 80%;
    }
    
    .content-section__finalidade__marketing--li__bottom-right {
        grid-column: 1;
        grid-row: 4;
        /* margin-top: 10px; */
        align-self: end;
    }
}

/* corp  */

@media(max-width: 525px) and (min-width: 440px){
    .content-section__finalidade__corp--list {
        background-image: url("../images/bg_desenvolvimento_cvc_mobile.svg");
        background-size: 80%;
        background-repeat: no-repeat;
        background-position-y: center;
        /* background-position-x: top;  */
        background-color: rgba(165, 165, 185, 0.1);
        margin: 0;
        display: grid;
        padding: 3rem 1.5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr  1fr;
        height: 800px;
        position: relative
    }
    .content-section__finalidade__corp--list img {
        height: 600px;
        position: absolute;
    }

    .content-section__finalidade__corp--list li {
        padding: 1.5rem;
    }
    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        position: absolute;
        top: 30px;
        left:0;
        width: 100%;
        max-width: 100%;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        max-width: 240px;
        min-width: 235px;
        justify-self: end;
        position: absolute;
        top: 100px;
        right: 30px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        position: absolute;
        bottom: 100px;
        left: 20px;
        max-width: 240px;
        min-width: 235px;
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 30px;
        bottom: 40px;
    }
}

@media(max-width: 615px) and (min-width: 525px){
    .content-section__finalidade__corp--list {
        background-size: 70%;
    }

    .content-section__finalidade__corp--li__top-left {
        top: 30px;

    }
    
    .content-section__finalidade__corp--li__top-right {
        top: 100px;
        right: 30px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {

        bottom: 90px;
        left: 20px;

        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 30px;
        bottom: 30px;
    }
}

@media(max-width: 715px) and (min-width: 615px){
    .content-section__finalidade__corp--list {
        background-size: 60%;
    }

    .content-section__finalidade__corp--li__top-left {
        top: 30px;

    }
    
    .content-section__finalidade__corp--li__top-right {
        top: 100px;
        right: 70px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {

        bottom: 90px;
        left: 20px;

        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 30px;
        bottom: 30px;
    }
}


@media(max-width: 795px) and (min-width: 715px){
    .content-section__finalidade__corp--list {
        background-size: 50%;
    }

    .content-section__finalidade__corp--li__top-left {
        top: 50px;

    }
    
    .content-section__finalidade__corp--li__top-right {
        top: 120px;
        right:140px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {

        bottom: 90px;
        left: 80px;

        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 30px;
        bottom: 60px;
    }
}

@media(max-width: 950px) and (min-width: 795px){
    .content-section__finalidade__corp--list {
        background-size: 40%;
    }

    .content-section__finalidade__corp--li__top-left {
        top: 70px;

    }
    
    .content-section__finalidade__corp--li__top-right {
        top: 120px;
        right:170px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {

        bottom: 130px;
        left: 130px;

        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 90px;
        bottom: 70px;
    }
}

@media(max-width: 1200px) and (min-width: 950px){
    .content-section__finalidade__corp--list {
        background-size: 60%;
        background-image: url('../images/bg_desenvolvimento_cvc.svg'); 

    }

    .content-section__finalidade__corp--li__top-left {
        top: 160px;
        left: 180px;
        max-width: 240px;
        height: 90px;
    }
    
    .content-section__finalidade__corp--li__top-right {
        top: 170px;
        right: 160px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {

        bottom: 300px;
        left: 10px;

        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 60px;
        bottom: 210px;
    }
}

@media(max-width: 440px){
    .content-section__finalidade--section__gray {
        background-color: #F6F6F8;
    }
    .content-section__finalidade__corp--list {
        background-image: url("../images/bg_desenvolvimento_cvc_mobile.svg");
        background-size: 80%;
		
        background-repeat: no-repeat;
        background-position-y: center;
        /* background-position-x: top;  */
        background-color: #F6F6F8;
        margin: 0;
        display: grid;
        padding: 3rem 1.5rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr  1fr;
        height: 800px;
        position: relative
    }
    .content-section__finalidade__corp--list img {
        height: 600px;
        position: absolute;
    }

    .content-section__finalidade__corp--list li {
        padding: 1.5rem;
        max-width: 250px;
    }
    .content-section__finalidade__corp--li__top-left {
        grid-column: 1;
        position: absolute;
        top: 80px;
        left:0;
        width: 100%;
        max-width: 100%;
    }
    
    .content-section__finalidade__corp--li__top-right {
        grid-column: 3;
        max-width: 240px;
        min-width: 235px;
        justify-self: end;
        position: absolute;
        top: 160px;
        right: 30px;
    }
    
    .content-section__finalidade__corp--li__bottom-left {
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        position: absolute;
        bottom: 150px;
        left: 20px;
        max-width: 200px;
        min-width: 200px;
        width: 200px;
        /* right: 250px; */
    }
    
    .content-section__finalidade__corp--li__bottom-right {
        /* grid-column: 3; */
        /* grid-row: 3; */
        position:absolute;
        right: 1.5rem;
        bottom: 90px;
    }
    .content-section__finalidade__corp--list li:last-child {
        width: 90%;
        max-width: 90%;
    }
}
@media(max-width: 375px){
	 .content-section__finalidade__corp--list {
		background-size: 86%; 
	}
}
/* @media(min-width: 510px){
    
    .content-section__finalidade__marketing--list {

        background-size: 80%;
        background-position-y: 150px;

        grid-template-rows: 200px 300px 150px 100px;

    }

    .content-section__finalidade__marketing--li__top-left {
        grid-column: 1;
        position:absolute;
        grid-row: 1;
        top: 10px;
        left: 0;
        width: calc(100% - 30px);
        max-width: 100%;

    }

    .content-section__finalidade__marketing--li__top-right {
        grid-column: 1;
        grid-row: 3;
        align-self: start;
        max-width: 90%;
    }
} */
/* dados pessoais */

.content-section__dados-pessoais {
    padding: 6rem;
    display: flex;
    flex-direction: column;
}
.content-section__dados-pessoais > header {
    align-self: flex-end;
    width: 456px;
    margin-bottom: 5rem;
    margin-right: 50px;
}
.content-section__dados-pessoais > header > h2{
    margin-top: -1rem;
    text-align: right;
    width: 80%;
    margin-right: 20px;
}

.dados-pessoais--section-title {
    width: 100%;
    padding: 1.2rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
}

.dados-pessoais__servicos-title {
    background-color: #D2E6FF;
    color: #41649B;
    margin-right: -6rem;
    /*width: 120%;*/
	width: 111%;
}
.dados-pessoais__lei-title {
    background-color: rgba(180, 180, 240, 0.3);
    color: var(--primary-blue);
}

.dados-pessoais__ativos-title {
    background-color: #FBE3BF;
    color: var(--primary-orange);
}

.dados-pessoais__parceiros-title {
    background-color: #E1E1EB;
    color: #3C3C50;
}
.dados-pessoais__servicos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
}
.dados-pessoais__servicos > img {
    margin-left: -6rem;
    /* width: 120%; */
}
.dados-pessoais__servicos div {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    max-width: 550px;
    justify-self: end;
}
.dados-pessoais__servicos p {
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}
.dados-pessoais__underline {
    border-bottom: 2px solid #41649B;
}

.dados-pessoais__list-container {
    position: relative;
    height: 800px;
}
.dados-pessoais--text__last-p {
    /* width: 440px; */
    /* margin-top: auto; */
    /* margin-left: auto; */
}
.dados-pessoais--img_desktop {
    position: absolute;
    top: -100px;
    width: 80%;
    right: 120px;
}
.dados-pessoais__list-container ol {
    /* position: absolute; */
    /* top: -10%; */
}
.dados-pessoais__list-container li {
    padding: 1.7rem 4rem;
    background-color: #D2E6FF;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
    border-radius: 20px; 
    list-style: none;
    text-align: center;
    width: 280px;
    max-width: 280px;
}
.dados-pessoais__list-container span {
    position: absolute;
    top: -20px;
    left: -22px;
    width: 44px;
    height: 44px;
    background-color: var(--primary-blue);
    color:#FFF;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dados-pessoais--li_i {
    position: absolute;
    top: 100px;
    right: 250px;
    z-index: 10;
}

.dados-pessoais--li_ii {
    position: absolute;
    top: 260px;
    right: -50px;
    z-index: 10;
}
.dados-pessoais--li_iii {
    position: absolute;
    top:  500px;
    right: 20%;
    z-index: 10;
}
.dados-pessoais--li_iv {
    position: absolute;
    top:  500px;
    left: 30%;
    z-index: 10;
}
.dados-pessoais--li_v {
    position: absolute;
    top:  500px;
    right: 80%;
    z-index: 10;
}

.dados-pessoais--li_vi {
    position: absolute;
    top: 720px;
    right: 80%;
    z-index: 10;
}

.dados-pessoais--li_vii {
    position: absolute;
    top: 940px;
    right: 80%;
    z-index: 10;
}
.dados-pessoais--li_viii {
    position: absolute;
    top: 940px;
    left: 25%;
    z-index: 10;
}
.dados-pessoais--li_ix {
    position: absolute;
    top: 940px;
    right:25%;
    z-index: 10;
}
.dados-pessoais--li_x {
    position: absolute;
    top: 940px;
    right: -40px;
    z-index: 10;
    min-height: 85px;
}

@media(min-width: 1830px) {
    .dados-pessoais__servicos > img {
        margin-left: -6rem;
        width: 1100px;
    }
    
    .dados-pessoais__servicos div {
        max-width: 580px;
        /* justify-self: left; */
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -47%;
        width: 1390px;
        right: 170px;
    }

    .dados-pessoais__list-container {
        position: relative;
        height: 800px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -300px;
        right: 330px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: -130px;
        right: 20px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 70px;
        right: 23%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 70px;
        left: 33%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 70px;
        left: 80px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 300px;
        left: 80px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 530px;
        left: 80px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 530px;
        left: 28%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 530px;
        right: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 530px;
        right: 100px;
        z-index: 10;
        min-height: 85px;
    }

}
@media(min-width: 1750px) and (max-width: 1830px) {
    .dados-pessoais__servicos > img {
        margin-left: -6rem;
        width: 1100px;
    }
    
    .dados-pessoais__servicos div {
        max-width: 560px;
        /* justify-self: left; */
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -45%;
        width: 80%;
        right: 100px;
    }

    .dados-pessoais__list-container {
        position: relative;
        height: 800px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -270px;
        right: 270px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: -130px;
        right: -10px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 70px;
        right: 23%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 70px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 70px;
        left: 80px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 270px;
        left: 80px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 500px;
        left: 80px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 500px;
        left: 28%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 500px;
        right: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 500px;
        right: 100px;
        z-index: 10;
        min-height: 85px;
    }

}
@media(max-width: 1750px) and (min-width: 1700px) {
    .dados-pessoais__servicos > img {
        margin-left: -6rem;
        width: 950px;
    }
    
    .dados-pessoais__servicos div {
        max-width: 600px;
        /* justify-self: left; */
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -32%;
        width: 80%;
        right: 200px;
    }

    .dados-pessoais__list-container {
        position: relative;
        height: 800px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -170px;
        right: 400px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: -30px;
        right: 60px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 120px;
        right: 23%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top:  120px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top:  120px;
        left: -20px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 370px;
        left: -20px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 580px;
        left: -20px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 580px;
        left: 25%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 580px;
        right: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 580px;
        right: 100px;
        z-index: 10;
        min-height: 85px;
    }

}
@media(max-width: 1700px) and (min-width: 1600px) {
    
    .dados-pessoais__servicos div {
        max-width: 570px;
        /* justify-self: left; */
    }
    .dados-pessoais__servicos > img {
        margin-left: -6rem;
        width: 930px;
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -31%;
        width: 80%;
        right: 140px;
    }

    .dados-pessoais__list-container {
        position: relative;
        height: 800px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -170px;
        right: 330px;
        z-index: 10;
    }

    .dados-pessoais--li_ii {
        position: absolute;
        top: -30px;
        right: 0;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top:  170px;
        right: 20%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top:  170px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top:  170px;
        left: 20px;
        z-index: 10;
    }

    .dados-pessoais--li_vi {
        position: absolute;
        top: 370px;
        left: 20px;
        z-index: 10;
    }

    .dados-pessoais--li_vii {
        position: absolute;
        top: 550px;
        left: 20px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 550px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 550px;
        right:25%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 550px;
        right: -40px;
        z-index: 10;
        min-height: 85px;
    }
}
@media(max-width: 1600px) and (min-width: 1500px) {
    .dados-pessoais__servicos > img {
        margin-left: -6rem;
        width: 845px;
    }

    .dados-pessoais--img_desktop {
        position: absolute;
        top: -24%;
        width: 80%;
        right: 120px;
    }
    .dados-pessoais--svg__i {
        position: absolute;
        top: -180px;
        right: 130px;
    }
    .dados-pessoais--svg__ii {
        position: absolute;
        top: -100px;
        left: 30px;
    }
    .dados-pessoais__list-container {
        position: relative;
        height: 800px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -120px;
        right: 300px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top:  180px;
        right: 20%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top:  180px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top:  180px;
        left: 30px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 370px;
        left: 30px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 545px;
        left: 30px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 545px;
        left: 30%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 545px;
        right:25%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 545px;
        right: -40px;
        z-index: 10;
        min-height: 85px;
    }
}
@media(max-width: 1500px) and (min-width: 1400px) {
    .dados-pessoais--svg__i {
        position: absolute;
        top: -38px;
        right: 100px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -40px;
        right: 230px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: 75px;
        right: -10px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top:  200px;
        right: 23%;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top:  200px;
        left: 28%;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top:  200px;
        left: 20px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 400px;
        left: 20px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 580px;
        left: 20px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 580px;
        left: 27%;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 580px;
        right:25%;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 580px;
        right: -40px;
        z-index: 10;
        min-height: 85px;
    }
}
@media(max-width: 1400px) and (min-width: 1380px) {
    .dados-pessoais--svg__i {
        position: absolute;
        top: -40px;
        right: 100px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: -40px;
        right: 300px;
        z-index: 10;
    }

    .dados-pessoais--li_ii {
        position: absolute;
        top: 60px;
        right: 0;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 220px;
        right: 280px;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 220px;
        left: 350px;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 220px;
        left: -20px;
        z-index: 10;
    }

    .dados-pessoais--li_vi {
        position: absolute;
        top: 400px;
        left: -20px;
        z-index: 10;
    }

    .dados-pessoais--li_vii {
        position: absolute;
        top: 550px;
        left: -20px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 550px;
        left: 330px;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 550px;
        left: 700px;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 550px;
        right: -40px;
        z-index: 10;
        min-height: 85px;
    }

}
@media(max-width: 1380px) and (min-width: 1330px) {
    .dados-pessoais__servicos div {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        max-width: 500px;
        justify-self: end;
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -50px;
        width: 80%;
        right: 0;
    }

    .dados-pessoais--li_i {
        position: absolute;
        top: 10px;
        right: 170px;
        z-index: 10;
    }

    .dados-pessoais--li_ii {
        position: absolute;
        top: 120px;
        right: -50px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 280px;
        right: 230px;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 280px;
        left: 370px;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 280px;
        left: 50px;
        z-index: 10;
    }

    .dados-pessoais--li_vi {
        position: absolute;
        top: 450px;
        left: 50px;
        z-index: 10;
    }

    .dados-pessoais--li_vii {
        position: absolute;
        top: 590px;
        left: 50px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 590px;
        left: 360px;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 590px;
        left: 680px;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 590px;
        right: -50px;
        z-index: 10;
        min-height: 85px;
    }
    .dados-pessoais--svg__i {
        position: absolute;
        top: -40px;
        right: 70px;
    }
}
@media(max-width: 1330px) and (min-width: 1290px){
    .dados-pessoais__servicos div {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        max-width: 450px;
        justify-self: end;
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -10px;
        width: 80%;
        right: 150px;
    }
    .dados-pessoais__list-container {
        position: relative;
        height: 850px;
    }
    .dados-pessoais__list-container li {
        padding: 1.3rem 4rem;
        background-color: #D2E6FF;
        box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
        border-radius: 20px; 
        list-style: none;
        width: 250px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: 30px;
        right: 300px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: 130px;
        right: 0;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 250px;
        right: 300px;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 250px;
        left: 300px;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 250px;
        left: -10px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 440px;
        left: -10px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 580px;
        left: -10px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 580px;
        left: 300px;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 580px;
        left: 650px;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 580px;
        right: -40px;
        z-index: 10;
        min-height: 80px;
    }

    .dados-pessoais--svg__i {
        position: absolute;
        top: -42px;
        right: 30px;
    }
}
/* @media(max-width: 1290px) and (min-width: 1240px){
    .dados-pessoais__servicos div {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        max-width: 420px;
        justify-self: end;
    }
    .dados-pessoais--img_desktop {
        position: absolute;
        top: -20px;
        width: 80%;
        right: 0;
    }
    .dados-pessoais__list-container {
        position: relative;
        height: 850px;
    }
    .dados-pessoais__list-container li {
        padding: 1.3rem 4rem;
        background-color: #D2E6FF;
        box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);
        border-radius: 20px; 
        list-style: none;
        width: 250px;
    }
    .dados-pessoais--li_i {
        position: absolute;
        top: 30px;
        right: 150px;
        z-index: 10;
    }
    
    .dados-pessoais--li_ii {
        position: absolute;
        top: 150px;
        right: -50px;
        z-index: 10;
    }
    .dados-pessoais--li_iii {
        position: absolute;
        top: 350px;
        right: 270px;
        z-index: 10;
    }
    .dados-pessoais--li_iv {
        position: absolute;
        top: 350px;
        left: 300px;
        z-index: 10;
    }
    .dados-pessoais--li_v {
        position: absolute;
        top: 350px;
        left: -50px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vi {
        position: absolute;
        top: 530px;
        left: -50px;
        z-index: 10;
    }
    
    .dados-pessoais--li_vii {
        position: absolute;
        top: 680px;
        left: -50px;
        z-index: 10;
    }
    .dados-pessoais--li_viii {
        position: absolute;
        top: 680px;
        left: 270px;
        z-index: 10;
    }
    .dados-pessoais--li_ix {
        position: absolute;
        top: 680px;
        left: 600px;
        z-index: 10;
    }
    .dados-pessoais--li_x {
        position: absolute;
        top: 680px;
        right: -40px;
        z-index: 10;
        min-height: 80px;
    }
    .dados-pessoais--svg__i {
        position: absolute;
        top: -42px;
        right: -30px;
    }
} */

.dados-pessoais__list-container p {
    font-size: 1.5rem;
    line-height: 24px;
    color: var(--text);
}
@media(min-width: 1290px) {
    .dados-pessoais--img_mobile,.dados-pessoais--text__mobile, .dados-pessoais__servicos-title__mobile, .dados-pessoais__lei-title__mobile {
        display: none;
    }
}
.dados-pessoais__lei {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    margin-bottom: 20px;
}

.dados-pessoais__lei div > p {
    margin-left: 3rem;
}

@media(max-width: 1290px) {
    .dados-pessoais--svg__i {
        display: none;
    }
    .dados-pessoais--text__desktop, .dados-pessoais__servicos-title__desktop, .dados-pessoais__lei-title__desktop {
        display: none;
    }
    .dados-pessoais__servicos {
        row-gap: 3rem;
    }
    .dados-pessoais__servicos div {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        max-width: 100%;
        justify-self: end;
    }
    .dados-pessoais__servicos > div > p:last-child {
        max-width: 100%;
        text-align: left;
    }
    .dados-pessoais__lei > img {
        grid-row: 2;
        width: 90%;
        margin: 0 auto;
    }
    .content-section__dados-pessoais {
        overflow-x: hidden;
    }
    .content-section__dados-pessoais p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    .dados-pessoais__servicos p {
        font-size: 1.5rem;
        line-height: 17px;
        color: var(--text);
    }
    .dados-pessoais--text__last-p {
        max-width: 850px;
        margin: 0 auto;
    }
    .dados-pessoais__underline {
        border-bottom: 2px solid #41649B;
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .dados-pessoais--section-title {
        width: 100%;
        max-width: 100%;
        padding: 1.2rem;
        text-align: center;
        font-weight: 700;
        font-size: 1.4rem;
    }
    .dados-pessoais__servicos-title {
        /*width: 120%;*/
		width: 111%;
        max-width: 120%;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;

    }
    .dados-pessoais__ativos-title {
        /* margin-right: -3rem; */
        /* text-align: left; */
    }
    .dados-pessoais__lei-title {
        background-color: rgba(180, 180, 240, 0.3);
        color: var(--primary-blue);
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-left: -1.5rem;
    }

    .dados-pessoais__parceiros-title, .dados-pessoais__ativos-title {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    .dados-pessoais--img_desktop {
        display: none;
    }
    .dados-pessoais--img_mobile {
        display: block;
        position: absolute;
        /* top: -20px; */
        left: 50%;
        transform: translate(-50%, 0);
    }
    .dados-pessoais__servicos {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 4rem;
        max-width: 100%;
    }
    .dados-pessoais__servicos > img {
        max-width: 100%;
        width: 80%;
        margin-left: 0;
        margin: 0 auto;
    }
    .dados-pessoais__list-container {
        position: relative;
        display: block;
        height: fit-content;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 7rem;
        padding: 0;
        justify-content: space-between;
    }
    
    .dados-pessoais__list-container li {
        position:relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        width: 90%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dados-pessoais__list-container span {
        width: 30px;
        height: 30px;
        font-size: 1.4rem;
        font-weight: 400;
        top: -15px;
        left: -15px;
    }
    .dados-pessoais__lei {
        grid-template-columns: 1fr ;
        column-gap: 4rem;
        row-gap: 3rem;
        /* margin-bottom: 20px; */
    }
    .dados-pessoais__lei div > p {
        max-width: 80%;
        margin-left: 6rem;
    }
    .content-section__dados-pessoais {
        padding: 3rem 1.5rem;
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
    }

    .dados-pessoais--img_mobile {
        display: block;
        position: absolute;
        /* top: -20px; */
        left: 50%;
        transform: translate(-50%, 0);
        height: 95%;
        bottom: 0;
    }
    .dados-pessoais__parceiros > div {
        max-width: 350px;
        justify-content: space-between;
    }
    .dados-pessoais__parceiros > div > img {
        width: 66px;
        height: 66px;
        margin: 0;
    }
    .dados-pessoais__parceiros > div > p {       
        margin: 0;
    }
    .dados-pessoais__parceiros > p, .dados-pessoais__ativos > p  {
        max-width: 95%;
        /* padding: 0 1.5rem; */
    }
}

@media(max-width: 1200px) and (min-width: 1145px) {
    .dados-pessoais--text__last-p {
        max-width: 850px;
        /* margin: 0 auto; */
    }
}

@media(max-width: 1145px) and (min-width: 885px) {
    .dados-pessoais--text__last-p {
        max-width: 590px;
        margin: 0 auto;
    }
}

@media(max-width: 885px) and (min-width: 655px) {
    .dados-pessoais--text__last-p {
        max-width: 580px;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}
@media(max-width: 655px) and (min-width: 595px) {
    .dados-pessoais--text__last-p {
        max-width: 580px;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}

@media(max-width: 595px) and (min-width: 465px) {
    .dados-pessoais--text__last-p {
        max-width: 440px;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}

@media(max-width: 465px) and (min-width: 435px) {
    .dados-pessoais--text__last-p {
        max-width: 420px;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}

@media(max-width: 435px) and (min-width: 375px) {
    .dados-pessoais--text__last-p {
        max-width: 350px;
        margin: 0 auto;
    }
    .dados-pessoais__ativos-title {
        max-width: 90%;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}

@media(max-width: 375px) and (min-width: 315px) {
    .dados-pessoais--text__last-p {
        max-width: 290px;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
    .dados-pessoais__ativos-title {
        max-width: 90%;
    }
}
@media(max-width: 315px) {
    .dados-pessoais--text__last-p {
        max-width: 100%;
        margin: 0 auto;
    }
    .dados-pessoais__list-container ol {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5rem;
        padding: 0;
        justify-content: space-between;
    }
}


.dados-pessoais__lei > div {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    margin-left: -6rem;
}

.dados-pessoais__lei p, span {
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}

.dados-pessoais__lei ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 1.4rem;
}

.dados-pessoais__lei li {
    width: 100%;
    padding: 1.5rem 0;
    border: 1px solid var(--primary-blue);
    display: flex;
}

.dados-pessoais__lei li:first-child {
    border-top-right-radius: 20px;
}

.dados-pessoais__lei li:last-child {
    border-bottom-right-radius: 20px;
}


.dados-pessoais__lei li > span {
    background-color: rgba(180, 180, 240, 0.3);
    margin: -1.5rem 0;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    font-weight: 700;
}

.dados-pessoais__lei li > p {
    padding-left: 2.8rem;
    padding-right: 1.6rem;
}

.dados-pessoais__sections-container {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    row-gap: 4rem;
    margin-right: -6rem;
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}

.dados-pessoais__ativos {
    grid-column: 2;
    grid-row: 1;
}

.dados-pessoais__parceiros {
    grid-column: 2;
    grid-row: 2;
}

.dados-pessoais__ativos, .dados-pessoais__parceiros {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    row-gap: 3rem;
}

.dados-pessoais__sections-container img {
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    margin-left: -6rem;
}

.dados-pessoais__ativos > p,.dados-pessoais__parceiros > p, .dados-pessoais__ativos > div,.dados-pessoais__parceiros > div {
    padding-right: 4rem;
}

.dados-pessoais__parceiros div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 500px;
    /* column-gap: 1rem; */
}
.dados-pessoais__parceiros div > p {
  max-width: 30%;
}

@media(max-width: 1200px) {
    .dados-pessoais__lei {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 4rem;
    }
    .dados-pessoais__lei > img {
        grid-row: 2;
    }
    .dados-pessoais__lei > img, .dados-pessoais__sections-container > img  {
       max-width: 100%;
    }
    .dados-pessoais__lei div > p {
        margin-left: 6rem;
     }
     .dados-pessoais__lei p, span {
        font-size: 1.5rem;
        line-height: 17px;
        color: var(--text);
    }
     .dados-pessoais__sections-container {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        column-gap: 4rem;
        row-gap: 4rem;
        margin-right: -6rem;
        font-size: 1.9rem;
        line-height: 24px;
        color: var(--text);
    }
    .dados-pessoais__ativos {
        grid-column: 1;
        grid-row: 3;
    }
    .dados-pessoais__parceiros {
        grid-column: 1;
        grid-row: 4;
    }

    .dados-pessoais__parceiros div {
        display: flex;
        align-items: center;
        text-align: center;
        /* justify-content: center; */
        /* column-gap: 6rem; */
    }
    .dados-pessoais__parceiros div > p:first-child {
        /* margin-right:4rem; */
        max-width: 20%;
    }
    .dados-pessoais__parceiros div > p:last-child {
        /* margin-left: 3rem; */
    }
    .dados-pessoais__sections-container img {
        grid-column: 1;
        grid-row-start: 1;
        grid-row-end: 3;
        margin-left: 0;
        width: 90%;
        /* margin-left: 0 auto; */
        justify-self: start;
    }
}
/* @media(max-width: 1200px) and (min-width: 300px) {
    .dados-pessoais__parceiros div > p:first-child {
        margin-right: 7rem;
    }
} */
/* quando */

.content-section__quando {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6rem 0;
    font-size: 1.9rem;
    line-height: 24px;
    font-weight: 400;
    color: var(--text);
    padding-left: 6rem;
    background-color: rgba(140, 198, 63, 0.1);
}

.content-section__quando__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 5rem;
    width: 45%;
    /* margin-left: 6rem; */
}

.content-section__quando__wrapper header {
    width: 620px;
    /* height: 170px; */
    background-size: 620px;
    text-align: right;
    line-height: 100%;
    padding: 10px 0;
}
.content-section__quando__wrapper h2 {
    width: 80%;
}
.content-section__quando__wrapper div {
    font-weight: 700;
    color: #FFF;
    background-image: url("../images/bg_green_card.svg");   
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -6rem;
    padding: 10px 0;
    /* max-width: 90%; */
}

.content-section__quando__wrapper div > p {
    margin-left: 6rem;
}
.content-section__quando__wrapper div > p {
    max-width: 70%;
    margin: auto 0;
    margin-left: 6.4rem;
}
@media(min-width: 1200px) and (max-width: 1325px) {
    .content-section__quando__wrapper div {
        font-weight: 700;
        color: #FFF;
        background-image: url("../images/bg_green_card.svg");
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: -12rem;
        padding: 10px 0;
        /* padding-left: 6; */
        /* max-width: 110%; */
    }
    .content-section__quando__wrapper div > p {
        margin-right: 0;
        margin-left: 12rem;
        margin-right: 0;
    }
}


@media(min-width: 1450px) and (max-width: 1700px) {
    .content-section__quando__wrapper div {
        font-weight: 700;
        color: #FFF;
        background-image: url("../images/bg_green_card.svg");
        background-repeat: no-repeat;
        background-size: contain;
        /* margin-left: -12rem; */
        padding: 10px 0;
        max-width: 100%;
    }
} 

@media(min-width: 1600px) and (max-width: 1700px) {
    .content-section__quando__wrapper div {
        font-weight: 700;
        color: #FFF;
        background-image: url("../images/bg_green_card.svg");
        background-repeat: no-repeat;
        background-size: cover;
        /* margin-left: -12rem; */
        padding: 10px 0;
        max-width: 100%;
    }
} 

@media(min-width: 1700px) {
    .content-section__quando__wrapper div {
        font-weight: 700;
        color: #FFF;
        background-image: url("../images/bg_green_card.svg");
        background-repeat: no-repeat;
        background-size: cover;
        /* margin-left: -12rem; */
        padding: 10px 0;
        max-width:90%;
    }
} 


.content-section__quando img {
    margin-right: 6rem;
}

@media(max-width: 1200px) {
    .content-section__quando {
        flex-direction: column-reverse;
        row-gap: 3rem;
        padding: 3rem 1.5rem;
        font-size: 1.5rem;
        line-height: 17px;
        background-color: #FFF;
    }

    .content-section__quando__wrapper {
        row-gap: 3rem;
        width: 100%;
        margin-left: 0;
    }

    .content-section__quando__wrapper p {
        margin: 0
    }


    .content-section__quando img {
        margin-right: 0;
        width: 70%;
    }

    .content-section__quando__wrapper div {
        background-color: var(--primary-green);
        color: #FFF;
        background-image: none;
        margin: 0 -1.5rem;
        padding: 1.5rem;
        /* padding: 16px 0; */
    }
    
    .content-section__quando__wrapper div > p {
        max-width: 100%;
        margin: 0;
        margin-left:0;
    }
}

/* coookies */

.content-section__cookies {
    display: flex;
    justify-content: space-between;
    padding: 6rem;
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}
.content-section__cookies  h2 {
    width: 90%;
    line-height: 100%;
    text-align: right;
    margin-right: 80px;
}
.content-section__cookies__1st-col {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    width: 45%;
}

.content-section__cookies__1st-col header {
    width: 590px;
    background-size: cover;
}

.content-section__cookies__2nd-col {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    width: 45%;
    position: relative;
}

.content-section__cookies__blue-box {
    background-color: var(--primary-blue);
    color: #FFF;
    font-weight: 700;
    border-radius: 30px;
    text-align: center;
    padding: 1.6rem 5rem;
}

.content-section__cookies__pink-box {
    background-image: url("../images/bg_pink_card.svg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.6rem 0;
    padding-right: 3rem;
    color: #FFF;
    margin-left: -10rem;
    /* width: 100%; */
}

.content-section__cookies__pink-box p {
    max-width: 70%;
    /* text-align: right; */
    margin-left: auto;
}

.content-section__cookies__2nd-col ul > h3 {
    display: none;
}

.content-section__cookies__2nd-col h3 {
    padding: 1.2rem 2rem;
    margin: 0;
    width: 100%;
    text-align: right;
    border-radius: 50px;
    background-color: #E1E1EB;
    color: var(--text);
    font-weight: 700;
    font-size: 1.8rem;
    box-sizing: border-box;
}

.content-section__cookies__2nd-col ul {
    align-self: flex-end;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
    list-style: none;
    padding: 0;
    font-size: 18px;
    margin-top: -15px;
}

.content-section__cookies__2nd-col li {
    box-sizing: border-box;
    width: 100%;
    padding: 1rem 2.5rem;
    text-align: center;
    border-radius: 60px;
    box-shadow: 1px 1px 8px 0px rgba(128, 128, 128, 0.58);
}

.content-section__cookies--li__green {
    border: 1px solid var(--primary-green);
}

.content-section__cookies--li__orange {
    border: 1px solid var(--primary-orange);
}

.content-section__cookies--li__pink {
    border: 1px solid var(--primary-pink);
}

.content-section__cookies--li__purple {
    border: 1px solid var(--primary-purple);
}

.content-section__cookies__2nd-col img {
    position: absolute;
    top: 0;
    left: -70px;
    /* z-index: -10; */
    max-width: 70%;
}

@media(min-width:  1620px) {
    .content-section__cookies__2nd-col ul {
       margin-bottom:50px;
    }
}

@media(max-width: 1350px) {

    .content-section__cookies {
        flex-direction: column;
        row-gap: 3rem;
        padding: 3rem 1.5rem;
        font-size: 1.5rem;
        line-height: 17px;
    }

    
    .content-section__cookies__1st-col {
        flex-direction: column;
        width: 100%;
    }

    .content-section__cookies__2nd-col {
        flex-direction: column;
        width: 100%;
        position: relative;
    }

    
    .content-section__cookies__blue-box {
        border-radius: 20px;
        text-align: justify;
        padding: 1.7rem 1.5rem;
        margin: 0 -1.5rem;
    }

    .content-section__cookies__pink-box {
        background-image: none;
        background-color: var(--primary-pink);
        padding: 1.3rem 1.5rem;
        margin: 0 -1.5rem;
        /* width: 100%; */
    }

    .content-section__cookies__pink-box p {
        max-width: 100%;
        /* text-align: right; */
        margin: 0
    }

    .content-section__cookies__2nd-col > h3 {
      display: none;
    }

    .content-section__cookies__2nd-col ul > h3 {
        display: inline-block;        
        text-align: center;
        background-color: #FFF;
        color: var(--text);
        font-size: 1.5rem;
        margin: 0;
        width: 100%;
        padding: 0;
    }
    
    .content-section__cookies__2nd-col ul {
        align-self: flex-end;
        min-width: 100%;
        row-gap: 1.6rem;
        padding: 1.4rem 3.2rem 5rem;
        font-size: 1.5rem;
        border-radius: 3rem;
        border: 1.5px solid #738CA6;
    }
    
    .content-section__cookies__2nd-col li {
        padding: 0.8rem 2rem;
        text-align: center;
        box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.58);
    }

    .content-section__cookies__2nd-col__first-p {
        margin-top: 370px;
    }

    .content-section__cookies__2nd-col img {
       /* display: none; */
       min-width: 329px;
       position: absolute;
       top: 270px;
       left: 0;
    }
}
@media(max-width: 1200px) and (min-width: 490px) {
    
    .content-section__cookies__2nd-col img {
        /* display: none; */
        min-width: 329px;
        position: absolute;
        top: 270px;
     }
}

@media(max-width: 490px)  and (min-width: 415px) {
    
    .content-section__cookies__2nd-col img {
        min-width: 329px;
        position: absolute;
        top: 280px;
     }
}

@media(max-width: 415px){
    
    .content-section__cookies__2nd-col img {
        min-width: 329px;
        position: absolute;
        top: 300px;
     }
}


@media(max-width: 341px){
    
    .content-section__cookies__2nd-col img {
        min-width: 300px;
        position: absolute;
        top: 350px;
     }
}
/* armazenados */

.content-section__armazenados {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    padding: 50px 60px;
    background-color: rgba(140, 198, 63, 0.1);
    color: var(--text);
}

.content-section__armazenados header {
    align-self: flex-end;
    width: 550px;
    line-height: 100%;
    background-size: cover;
}

.content-section__armazenados--wrapper {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 50px;
}

.content-section__armazenados--wrapper > img {
    min-width: 55%; 
    max-width: 55%; 
    margin-left: -6rem;
}

.content-section__armazenados--wrapper p {
    font-size: 1.9rem;
    line-height: 24px;
}

.content-section__armazenados--content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-section__armazenados--list-container {
    display: flex;
    align-items: center;
}

.content-section__armazenados--list-container img {
    padding-right: 3.5rem;
}

.content-section__armazenados--list-container ul {
    padding-left: 3.5rem;
    border-left: 2px solid var(--primary-purple);
    display: flex;
    flex-direction: column;
    row-gap: 6rem;
    list-style: none;
    font-size: 1.8rem;
    line-height: normal;
}

.content-section__armazenados--list-container ul > li > span {
    color: var(--primary-purple);
}

@media(max-width: 1200px) {
    .content-section__armazenados {    
        padding: 3rem 1.5rem;
        background-color: #FFF;
    }

    .content-section__armazenados--wrapper {
        flex-direction: column-reverse;
        row-gap: 3rem;
    }

    .content-section__armazenados--wrapper > img {
        min-width: 100%; 
        max-width: 100%; 
        margin: 0;
    }

    .content-section__armazenados--wrapper p {
        font-size: 1.5rem;
        line-height: 17px;
    }

    .content-section__armazenados--content-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
    }

    .content-section__armazenados--list-container {
        flex-direction: column;
    }

    .content-section__armazenados--list-container img {
        padding: 0;
        padding-bottom: 3rem;
    }

    .content-section__armazenados--list-container ul {
        padding-left: 0;
        padding: 1.2rem 1.5rem;
        border-left: none;
        border-top: 2px solid var(--primary-purple);
        border-bottom: 2px solid var(--primary-purple);
        row-gap: 3rem;
        font-size: 1.5rem;
        width: 100vw;
    }
}

/* titular */

.content-section__titular {
    padding: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}
.content-section--main-header__titular  {
    justify-content: flex-start;
    /* background-size: cover; */
    /* padding-left: 60px; */
    width: 554px;
    /* height: 150px; */
    /* padding-bottom: 2rem; */
    padding-top: 1.1rem;
    /* padding: 0; */
}

.content-section--main-header__titular h2 {
    margin-left: 90px;
    line-height: 100%;
    max-width: 60%; 
    /* margin-bottom: -3rem; */
    text-align: right;
}

.titular__pink-underline {
   border-bottom: 2px solid var(--primary-pink);
}
.content-section__titular--list-container {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

.content-section__titular--list-container > p, .content-section__titular--list-container > p > span {
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}

.content-section__titular--list-container > p:last-child {
    max-width: 35%;
}
.content-section__titular--list-container > p:first-child {
    width: 550px;
}
.content-section__titular--list-container > p:last-child {
    align-self: flex-end;
}

.content-section__titular--list-container ul {
    /* background-image: url("../images/bg_titular_path.svg");
    background-repeat: no-repeat;
    background-size: 70%; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    row-gap: 11.4rem;
    column-gap: 7.3rem;
    padding-top: 5rem;
    padding-left: 0;
    position: relative;
    object-fit: contain;
    width: 1280px;
    max-width: 1280px;
    margin: 0 auto;
}

.content-section__titular--list-container ul > img {
    /* display: none; */
    position: absolute;
    z-index: -10;
    top: -30px;
    left: 80px;
    width: 1000px;
    /* height: 800px; */
}

.content-section__titular--list-container ul > li > p > span {
    color: var(--primary-pink);
}

.content-section__titular--list-container > p:last-child {
    font-weight: 700;
    max-width: 30%;
}
.titular--img__mobile {
    display: none;
}
.titular--li__viii {
    grid-column: 1;
    grid-row: 4;
}

.titular--li__ix {
    grid-column: 2;
    grid-row: 4;
}

.titular--li__x {
    grid-column: 2;
    grid-row: 3;
}

.titular--li {
    list-style: none;
    padding: 1.7rem 2.4rem;
    text-align: center;
    font-size: 1.8rem;
    color: var(--text);
    border-radius: 20px;
    border: 1px solid var(--primary-pink);
    display: flex;
    align-items: center;
    height: fit-content;
    position: relative;
    background-color: #FFF;
    max-width: 383px;
    min-height: 94px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16);

    /* height: 86px; */
    /* align-self: center; */
}

.titular--li__ii {
    min-height: 94px;
    /* align-self: center; */
}


.content-section__titular--list-container ul > li > span  {
    background-color: var(--primary-pink);
    border-radius: 10px;
    color: #FFF;
    position: absolute;
    top: -20px;
    left: -5px;
    z-index: -10;
    height: 67px;
    width: 49px;
    text-align: center;
}

.titular--li__xi {
    grid-column: 3;
    grid-row-start: 3;
    grid-row-end: 5;

    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    padding: 0;
    /* overflow: hidden; */
    height: 100%;
    padding-top: 1.7rem;
    /* text-align: left; */

}
.titular--li__xi > p {
    margin-top: -1rem;
    padding: 0 3rem;
    text-align: left;
}
.titular--li__xi ol  {
    padding: 0;
    /* overflow: hidden; */
    max-width: 100%;
    margin: 0 0;
    height: 100%;
    /* background-color: rgba(237, 12, 110, 0.15); */
    grid-row-start: 2;
    grid-row-end: 5;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
}

.titular--li__xi ol > li {
    padding: 0 3rem;
    margin-bottom: -1.7rem;
    /* width: 100%; */
    background-color: rgba(237, 12, 110, 0.25);
    list-style: none;
    overflow: hidden;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    text-align: left;
    justify-content: center;
}
.titular--li__xi ol > li > {
    max-width: 90%;
}
.titular--li__xi ol > li:nth-child(2){
    background-color: rgba(237, 12,110, 0.15);
    overflow: hidden;
}
.titular--li__xi ol > li:nth-child(3){
    padding: 1.5rem 3rem;
}
.content-section__titular footer {
    padding: 2rem 0;
    margin: 0 -6rem;
    margin-top: 5rem;
    background-color: var(--primary-purple);
    color: #FFF;
    text-align: left;
    position: relative;
    height: 180px;
    display: flex;
    justify-content: center;
    font-size: 1.9rem;
    line-height: 24px;
}

.content-section__titular footer > img {
    position:absolute;
    height: 244px;
    bottom: 0;
    left: 6rem;
}

.content-section__titular footer > div {
    max-width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 3rem;
    /* justify-content: space-between; */
    margin-left: 15px;
}

.content-section__titular footer > div > p:first-child {
    font-weight: 700;
}

.content-section__titular footer > div > p > a {
   color: #FFF;
}

@media(max-width: 1265px) and (min-width: 1085px) {

    .titular--li--svg__right {
        position: absolute;
        right: -50px;
        bottom: 40px;
    }  
    .titular--li__iii--svg {
        position: absolute;
        right: 38px;
        bottom: -40px;
    }
    .titular--li__down--svg {
        position: absolute;
        left: 69px;
        top: -40px;
    }
    .titular--li--svg__left_iv {
        position: absolute;
        right: -40px;
        top: 28px;
    }   
    .titular--li--svg__left_v {
        position: absolute;
        right: -40px;
        top: 28px;
    }   
    .titular--li--svg__right__bottom {
        position: absolute;
        left: -40px;
        bottom: 69px;
    }   

    .titular--li--svg__up {
        position: absolute;
        right: 111px;
        bottom: -50px;
    }


    .titular--li--svg__right__xi {
        position: absolute;
        right: -35px;
        top: 33px;
        z-index: 20;
    }
}

@media(min-width: 1265px) {
    .titular--li--svg__right {
        position: absolute;
        right: -50px;
        bottom: 27px;
    }   
    .titular--li--svg__left {
        position: absolute;
        right: -50px;
        bottom: 41px;
    }   
    .titular--li__down--svg {
        position: absolute;
        left: 69px;
        top: -80px;
    }

    .titular--li--svg__right__bottom {
        position: absolute;
        left: -40px;
        bottom: 33px;
    }   
    .titular--li--svg__up {
        position: absolute;
        left: 134px;
        bottom: -70px;
    }

    .titular--li--svg__right__xi {
        position: absolute;
        right: -35px;
        top: 43px;
        z-index: 20;
    }
}
@media(max-width: 1520px) and (min-width: 1360px) {
    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 11.4rem;
        column-gap: 7.3rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1280px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 40px;
        width: 1000px;
        /* height: 800px; */
    }

    .content-section__titular--list-container > p:first-child {
        /* display: none; */
        width: 550px;
        /* height: 800px; */
    }
    .titular--li__iii--svg {
        position: absolute;
        left: 95px;
        bottom: -40px;
    }

    .titular--li__down--svg {
        position: absolute;
        left: 30px;
        top: -80px;
    }

    .titular--li--svg__up {
        position: absolute;
        left: 67px;
        bottom: -70px;
    }
}

@media(min-width: 1520px) and (max-width: 1650px) {
    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 11.4rem;
        column-gap: 7.3rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1280px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 80px;
        width: 1000px;
        /* height: 800px; */
    }
    .titular--li__iii--svg {
        position: absolute;
        left: 135px;
        bottom: -40px;
    }
    .titular--li__down--svg {
        position: absolute;
        left: 70px;
        top: -80px;
    }

    .titular--li--svg__up {
        position: absolute;
        left: 107px;
        bottom: -70px;
    }
}

@media(max-width: 1740px) and (min-width: 1650px) {
    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 11.4rem;
        column-gap: 7.3rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1500px;
        max-width: 1500px;
        margin: 0 auto;
        height: 950px;
    }
    
    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left:   100px;
        width: 1150px;
        /* height: 800px; */
    }
    .titular--li__ii, .titular--li__i, .titular--li__iii {
        min-height: 94px;
        align-self: center;
    }
    .titular--li__iv, .titular--li__v, .titular--li__vi, .titular--li__viii, .titular--li__ix, .titular--li__vii, .titular--li__x {
        min-height: 94px;
        align-self: end;
    }

    .titular--li__iv, .titular--li__v, .titular--li__vi, .titular--li__viii, .titular--li__ix  {
        min-height: 94px;
        align-self: center;
    }

    .titular--li--svg__right {
        position: absolute;
        right: -90px;
        bottom: 27px;
    }   
    .titular--li--svg__left {
        position: absolute;
        right: -80px;
        bottom: 36px;
    }   
    .titular--li__iii--svg {
        position: absolute;
        left: 154px;
        bottom: -80px;
    }

    .titular--li__down--svg {
        position: absolute;
        left: 90px;
        top: -120px;
    }

    .titular--li--svg__right__bottom {
        position: absolute;
        left: -80px;
        bottom: 21px;
    }   

    .titular--li--svg__up {
        position: absolute;
        left: 127px;
        bottom: -70px;
    }

    .titular--li--svg__right__xi {
        position: absolute;
        right: -75px;
        top: 26px;
        z-index: 20;
    }
}

@media(max-width: 2500px) and (min-width: 1740px) {

    .content-section__titular--list-container  {
        max-width: 1700px;
    }
    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 11.4rem;
        column-gap: 5rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1700px;
        max-width: 1700px;
        margin: 0 auto;
        height: 1150px;
    }
    
    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left:   100px;
        width: 1350px;
        /* height: 800px; */
    }
    .titular--li__ii, .titular--li__i, .titular--li__iii {
        min-height: 94px;
        align-self: center;
    }
    .titular--li__iv, .titular--li__v, .titular--li__vi, .titular--li__viii, .titular--li__ix, .titular--li__vii, .titular--li__x {
        min-height: 94px;
        align-self: end;
    }
    .titular--li__vii, .titular--li__x {
        min-height: 94px;
        align-self: center;
    }
    .titular--li__iv, .titular--li__v, .titular--li__vi, .titular--li__viii, .titular--li__ix  {
        min-height: 94px;
        align-self: center;
    }
    .content-section__titular--list-container > p {
        max-width: 550px;
    }
    .titular--li--svg__right {
        position: absolute;
        right: -90px;
        bottom: 27px;
    }   
    .titular--li__iii--svg {
        position: absolute;
        right: 131px;
        bottom: -100px;
    }
    .titular--li--svg__left {
        position: absolute;
        right: -100px;
        bottom: 39px;
    }   
    .titular--li__down--svg {
        position: absolute;
        left: 90px;
        top: -120px;
    }

    .titular--li--svg__right__bottom {
        position: absolute;
        left: -80px;
        bottom: 37px;
    }   
    
    .titular--li--svg__up {
        position: absolute;
        left: 166px;
        bottom: -100px;
    }
    
    .titular--li--svg__right__xi {
        position: absolute;
        right: -75px;
        top: 40px;
        z-index: 20;
    }
}


@media(max-width: 1360px) and (min-width: 1265px) {
    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 11.4rem;
        column-gap: 7.3rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 80px;
        width: 1000px;
        /* height: 800px; */
    }

    .titular--li__iii--svg {
        position: absolute;
        right: 141px;
        bottom: -40px;
    }
}

@media(max-width: 1265px) and (min-width: 1085px) {

    .content-section__titular--list-container ul {
        /* background-image: url("../images/bg_titular_path.svg");
        background-repeat: no-repeat;
        background-size: 70%; */
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 150px 150px 1fr;
        row-gap: 5rem;
        column-gap: 7.3rem;
        padding-top: 5rem;
        padding-left: 0;
        position: relative;
        object-fit: contain;
        width: 1000px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .content-section__titular--list-container ul > img {
        /* display: none; */
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 80px;
        width: 900px;
        /* height: 800px; */
    }

    .titular--li__vii, .titular--li__x {
        /* align-self: end; */
    }  

    .titular--li__ix  {
        min-height: 94px;
        align-self: end;
    }

    .titular--li__viii, .titular--li__ix {
        position: absolute;
        bottom: 100px;
        max-width: 280px;
    }

}
@media(max-width: 1085px) {
    .titular--li {
        border: 2px solid var(--primary-pink);
    }
    .titular--li--svg__right {
      display: hidden;
    } 

    .content-section__titular--list-container > p > span {
        font-size: 1.5rem;
        line-height: 17px;
    }
    .content-section__titular--list-container ul > li > span {
        left: 50%;
        transform: translate(-50%, 0);
        /* padding: 5px 0; */
    }
}


@media(max-width: 1085px) and (min-width: 890px) {
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 400px;
        align-self: flex-end;
    }
    .content-section__titular--list-container > p:first-child {
       margin-right: 60px;
    }
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 70%;
        max-width: 70%;
        margin: 0 auto;
        min-height: 120px;
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        /* overflow: hidden; */
        height: 100%;
    }
}
@media(max-width: 890px) and (min-width: 750px) {
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 400px;
        align-self: flex-end;
        margin-right: 60px;
    }
    .content-section__titular--list-container > p:first-child {
       /* margin-right: 0; */
    }
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        transform: translateX(-10%);
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        min-height: 120px;
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        overflow: hidden;
        height: 100%;
    }
    .titular--li__xi ol {

        max-width: 100%;
        justify-self: start;
        /* margin-right: 20px; */
    }
}
@media(max-width: 750px) and (min-width: 690px) {
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 85%;
        align-self: flex-end;
    }
    .content-section__titular--list-container > p:first-child {
        margin: 0 auto;
     }
     
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        transform: translateX(-20%);
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        min-height: 120px;
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        overflow: hidden;
        height: 100%;
    }
    
}
@media(max-width: 690px) and (min-width: 585px) {
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 65%;
        align-self: flex-end;
    }
    .content-section__titular--list-container > p:first-child {
       margin-right: 0;
       margin: 0 auto;
       /* align-self: flex-start; */
       /* margin-left: -10px; */
    }
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 0);
        /* transform: translateX(0); */
        /* right: -100px; */
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        min-height: 120px;
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        overflow: hidden;
        height: 100%;
    }
    
}

@media(max-width: 585px) and (min-width: 0px) {
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 375px;
        align-self: flex-end;
    }
    .content-section__titular--list-container > p:first-child {
       margin-right: 0;
       margin: 0 auto;
    }
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 0);
        /* transform: translateX(0); */
        /* right: -100px; */
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        /* min-height: 120px; */
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        overflow: hidden;
        height: 100%;
    }
    
}

@media(max-width: 380px){
    .content-section__titular {
        padding: 3rem 1.5rem;
    }
    
    .content-section__titular--list-container > p {
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular--list-container > p {
        max-width: 85%;
        align-self: flex-end;
    }
    .content-section__titular--list-container > p:first-child {
       margin-right: 0;
       margin: 0 auto;
    }
    
    .content-section__titular--list-container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 9rem;
        padding-top: 5rem;
        width: 100%;
    }  
    .content-section__titular--list-container ul > img:first-child {
        display: none;
    }
    .titular--img__mobile {
        display: block;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 0);
        /* transform: translateX(0); */
        /* right: -100px; */
        /* width: 100%; */
        height: 100%;
        /* display: none; */
    }
    .titular--li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        min-height: 120px;
        justify-content: center;
    }
    .titular--li__viii {
        grid-column: 1;
        grid-row: 8;
    }
    
    .titular--li__ix {
        grid-column: 1;
        grid-row: 9;
    }
    
    .titular--li__x {
        grid-column: 1;
        grid-row: 10;
    }
    .titular--li__xi {
        grid-column: 1;
        grid-row-start: 11;
        grid-row-end: 16;
    
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        padding: 0;
        overflow: hidden;
        height: 100%;
    }
    
}
@media(min-width: 1200px){
    .content-section__titular--list-container ul > img:last-child {
        display: none;
    }
}

@media(max-width: 900px) {
    .content-section__titular--list-container ul > li {
        font-size: 1.5rem;
        line-height: 17px;
    }
}
@media(min-width: 1085px) {
    .titular--li__mobile--svg {
        display: none;
    }
}
@media(max-width: 1085px) {
    .titular--li--svg__up, .titular--li--svg__right__xi, .titular--li--svg__right__bottom, .titular--li__down--svg, .titular--li--svg__left, .titular--li__iii--svg, .titular--li--svg__right {
        display: none;
    }
    .titular--li__mobile--svg {
        position: absolute;
        right: 280px;
        top: -40px;
        display: none;

    }
    
}

@media(max-width: 1085px) {
    .content-section__titular--list-container > p {
        max-width: 375px;
        align-self: center;
    }
    .content-section__titular--list-container ul > img {
        position: absolute;
        z-index: -10;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 0);
    }
}
.titular--li__xi {
    overflow: visible;
}

.titular--li__xi ol {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}
/* titular footer */

@media(max-width: 1350px) and (min-width: 1140px) {
    .content-section__titular footer {
        padding: 2rem 6rem;
        margin: 0 -6rem;
        margin-top: 5rem;
        background-color: var(--primary-purple);
        color: #FFF;
        text-align: left;
        position: relative;
        height: 180px;
        display: flex;
        justify-content: center;
        font-size: 1.9rem;
        line-height: 24px;
    }
    
    .content-section__titular footer > img {
        position:absolute;
        height: 244px;
        bottom: 0;
        left: 6rem;
    }
    
    .content-section__titular footer > div {
        max-width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 3rem;
        /* justify-content: space-between; */
        margin-left: 200px;
        /* margin-right: 90px; */
    }
    
    .content-section__titular footer > div > p:first-child {
        font-weight: 700;
    }
    
    .content-section__titular footer > div > p > a {
       color: #FFF;
    }
}
@media(max-width: 1140px) and (min-width: 530px) {
    .content-section__titular footer {
        padding: 2rem 0;
        /* margin: 0; */
        margin-top: 15rem;
        background-color:#FFF;
        color: #FFF;
        text-align: left;
        position: relative;
        height: 350px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* width: 100vw; */

        justify-content: flex-end;
        font-size: 1.9rem;
        line-height: 24px;        
    }
    
    .content-section__titular footer > img {
        position: static;
        height: 244px;
        bottom: 0;
        left: 0;    
        margin-left: 50px;
        margin-bottom: -43px;
    }
    
    .content-section__titular footer > div {
        max-width: 100%;
        width: 100vw;
        padding: 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        margin-left: 0;
        margin: 4.5rem;
        background-color: var(--primary-purple);
    }
    
    .content-section__titular footer > div > p:first-child {
        font-weight: 700;
    }
    
    .content-section__titular footer > div > p > a {
       color: #FFF;
    }
}
@media(max-width: 1140px) and (min-width: 1085px) {
    .content-section__titular footer {
        padding: 2rem 0;
        /* margin: 0; */
        margin-top: 5rem;
        background-color:#FFF;
        color: #FFF;
        text-align: left;
        position: relative;
        height: 350px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* width: 100vw; */

        justify-content: flex-end;
        font-size: 1.9rem;
        line-height: 24px;
    }
    
    .content-section__titular footer > img {
        position: static;
        height: 244px;
        bottom: 0;
        left: 0;    
        margin-left: 30px;
        margin-bottom: 0;
    }
    
    .content-section__titular footer > div {
        max-width: 100%;
        width: 100vw;
        padding: 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        margin-left: 0;
        margin: 0;
        background-color: var(--primary-purple);
    }
    
    .content-section__titular footer > div > p:first-child {
        font-weight: 700;
    }
    
    .content-section__titular footer > div > p > a {
       color: #FFF;
    }
}
@media(max-width: 530px) {
    .content-section__titular footer {
        padding: 2rem 0;
        margin: 0 -2rem;
        margin-top: 5rem;
        background-color:#FFF;
        color: #FFF;
        text-align: left;
        position: relative;
        height: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;

        justify-content: flex-end;
        font-size: 1.5rem;
        line-height: 17px;
    }
    
    .content-section__titular footer > img {
        position: static;
        height: 164px;
        bottom: 0;
        left: 6rem;
    }
    
    .content-section__titular footer > div {
        max-width: 100%;
        padding: 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        row-gap: 2rem;
        margin-left: 0;
        background-color: var(--primary-purple);
    }
    
    .content-section__titular footer > div > p:first-child {
        font-weight: 700;
    }
    
    .content-section__titular footer > div > p > a {
       color: #FFF;
    }
}
@media(max-width: 1200px) {
    .content-section__titular--list-container > p:last-child {
        width: 100%;
        max-width: 100%;
    }
}
/* segurança */

.content-section__seguranca {
    display: flex;
    column-gap: 4rem;
    padding: 6rem;
    background-color: rgba(140, 198, 63, 0.1);
}

.content-section__seguranca  img {
    min-width: 55%; 
    max-width: 55%; 
    margin-right: -6rem;
}

.content-section__seguranca--wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
}

.content-section__seguranca--wrapper header {
    width: 100%;
    min-width: 550px;
    max-width: 600px;
    background-size: contain;
    padding: 3px 0;
    text-align: right;
}
.content-section__seguranca--wrapper h2 {
    width: 70%;
}
.content-section__seguranca--wrapper p {
    font-size: 1.9rem;
    line-height: 24px;
    color: var(--text);
}

@media(max-width: 1200px) {
    .content-section__seguranca {
        flex-direction: column-reverse;
        row-gap: 3rem;
        padding: 3rem 1.5rem;
        background-color: #FFF;
    }

    .content-section__seguranca img {
        min-width: 100%; 
        max-width: 100%; 
        margin-right: 0;
    }

    .content-section__seguranca--wrapper p {
        font-size: 1.5rem;
        line-height: 17px;
        
    }
    
}

/* 13 e 14 */

.sections-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 6rem;
}

.content-section__atualizacoes, .content-section__contato {
    width: 45%;
}

.content-section__atualizacoes {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}

.content-section__atualizacoes p {
    font-size: 1.9rem;
    line-height: 24px;
}

.content-section__atualizacoes header {
    width: 500px;
    height: 130px;
    background-size: contain;
    padding: 20px 0;
}
.content-section__atualizacoes h2 {
    margin-top: -15px;
}
.content-section__atualizacoes--text {
    color: var(--text);
}

.content-section__atualizacoes__pink-text {
    color: var(--primary-pink);
    font-weight: 700;
}

.content-section__contato {
    display: flex;
    flex-direction: column;
    row-gap: 9rem;
}
.content-section__contato > header {
    width: 560px;
}
.content-section__contato  h2 {
    max-width: 100%;
    width: 80%;
}
.content-section__contato > div {
    margin-right: -6rem;
    background-image: url("../images/bg_purple_card.svg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2.9rem 7rem;
    font-size: 1.9rem;
    color: #FFF;    
    position: relative;
}

.content-section__contato a {
    color: #FFF;
    font-weight: 700;
}

.orange-circle {
    background-color: var(--primary-orange);
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    position: absolute;
    top: -4.5rem;
    left: 0;
    z-index: -10;
}

@media(max-width: 1200px) {
    .sections-wrapper {
        flex-direction: column;
        padding: 0;
    }
    
    .content-section__atualizacoes, .content-section__contato {
        width: 100%;
        padding: 3rem 1.5rem;
    }

    .content-section__atualizacoes p {
        font-size: 1.5rem;
        line-height: 17px;
    }

    .content-section__atualizacoes__pink-text {
        margin-top: 0;
    }

    .content-section__contato {
        margin-top: 7rem;
    }

    .content-section__contato > div {
        margin-right: -1.5rem;
        padding: 2.8rem 1.5rem;
        padding-left: 5rem;
        font-size: 1.5rem;
    }

    .orange-circle {
        /* transform: translate(100%, 0);    */
        left: 50%;
        transform: translate(-50%, 0);
    }
    
}

@media(min-width: 700px) and (max-width: 1200px) {
    .content-section__contato > div {
        /* margin-right: -1.5rem; */
        padding: 2rem 1.5rem;
        padding-left: 5rem;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        max-width: 600px;
        justify-content: flex-end;
        align-self: flex-end;
    }
}

/* juridiques */

.juridiques {
    background-color: var(--primary-green);
}

.juridiques header {
    padding: 3rem 0;
    text-align: center;
    color: #FFF;
}

.juridiques h2 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 3.6rem;
    font-weight: 700;
}

.juridiques h3 {
    font-size: 2rem;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 400;
}

.juridiques > div {
    background-color: #FFF;
    border-top-left-radius: 70px;
    padding: 9rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url("../images/bg_footer.svg");
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 10px;
}

.juridiques--ol {
    width: 70%;
    /* margin: 0 auto; */
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.juridiques--li {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}
.juridiques--li span {
    padding: 0 2rem;
    background-color: var(--primary-green);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 700;
}

.juridiques--li div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px dashed var(--primary-green);
    border-left: none;
    width: 100%;
    padding: 2.1rem;
    font-size: 26px;
    line-height: 2.8rem;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.juridiques--li div strong {
    font-weight: 400;
    color: var(--primary-purple);
}
.juridiques--li div > p, .juridiques--li div > h4 {
    margin: 0;
}

.juridiques--li div > h4 {
    color: var(--primary-green);
    font-weight: 700;
}

.juridiques--li div > p {
    color: var(--text);
}

.juridiques__mobile__img {
    display: none;
}

.juridiques img:last-child {
    margin-top: 10rem;
}


@media(max-width: 1200px) {
    .juridiques {
        background-color: #FFF;
        padding: 0;
    }
    
    .juridiques header {
        display: none;
    }

    .juridiques > div {
        padding: 3rem 1.5rem;   
        padding-bottom: 0;           
        background-image: none;
        background-size: 70%;
    }

    .juridiques--ol {
        width: 100%;
        /* margin: 0 auto; */       
        row-gap: 2rem;
        padding: 0;
        /* margin-bottom: 200px; */
    }

    .juridiques--li span {
        font-size: 1.5rem;
        padding: 0 0.7rem;
    }
    
    .juridiques--li div {       
        font-size: 1.5rem;
        line-height: 17px;
        padding: 1.4rem 2.2rem;
    }

    .juridiques > div > div {
        height: 350px;
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative;
        padding: 3rem 1.5rem;

    }
    .juridiques__mobile__img {
        display: block;
        position: absolute;
        left: 0;
        height: 90%;
        top: 0;
    }
    .juridiques img:last-child {
        /* margin-bottom: -2rem; */
        width: 8.6rem;
    }
    
}

@media(max-width: 1200px) {
    .content-section__quem-somos, .content-section__proposito, .content-section__quem, .content-section__controlador, .content-section__quais, .content-section__finalidade, .content-section__dados-pessoais, .content-section__quando, .content-section__cookies, .content-section__armazenados, .content-section__titular, .content-section__seguranca, .content-section__atualizacoes, .content-section__contato, .juridiques--ol {
        display: none;
    }
    .open-section {
        display: flex;
    }
}

.ajst1{
	width: 80%;
}
.ajst2{
	width: 80%;
	margin-top: 30%;
}
@media(max-width: 720px){
	.ajst1{
		width: 100%;
	}
	.ajst2{
		width: 100%;
		margin-top: 0%;
	}
}


#gototop{
	position: fixed;
	left: 10px;
	bottom: 60px;
	color: #fff;
	text-align: center;
	width: 60px;
    height: 60px;
    border-radius: 60px;
    padding-top: 8px;
	background-color: #FFC727;
	font-size: 32px;
	text-decoration: none;
	display: none;
}
@media(max-width: 700px){
	#gototop{
	    font-size: 21px;
		height: 45px;
		width: 45px;
	}
}