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

/*Root*/
/* :root{

} */
:root {
    --color-light:     #f1f1f2;
    --color-primary:   #5f4dc9;
    --color-secondary: #fcb600;
    --color-tertiary:  #0e1666;
    --color-dark-text: #6657d4;

    --font-main:       'Geologica', sans-serif;
    --font-secondary:  'Geologica', sans-serif;

    --shadow: 0 23px 12px -4px rgba(0, 0, 0, 0.2);

    --radius-sm:  10px;
    --radius-md:  15px;
    --radius-lg:  21px;
    --radius-xl:  28px;

    --fs-11: 0.703rem;
    --fs-19: 1.212rem;
    --fs-21: 1.348rem;
    --fs-24: 1.529rem;
    --fs-30: 1.978rem;
}
.bg-yellow{
    background: #fcb600;
}
.bg-purple{
    background: #6652d7;
}
.bg-blue{
    background: #111f90;
}
.bg-dark-blue{
    background: #0e1666;
}

.text-white{
    color: #fff;
}
.text-blue{
    color: #0e1666;
}
html{
   font-size: 62.5%;
   scroll-behavior:smooth;
   -webkit-text-size-adjust:100%;
   text-size-adjust:100%;
   font-family: "Geologica", sans-serif;
}

/* hero */
.hero {
    position: relative;
    /* min-height: clamp(500px, 80vw, 835px);  */
    min-height: 83.5rem;
    display: flex;
    align-items: center;
    background: var(--color-primary);
    box-shadow: var(--shadow);
    z-index: 2;
}
.hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 24px 24px;
    z-index: 1;
}
.hero__wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: clamp(1rem, 3vw, 2.778rem);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 0 clamp(1rem, 4vw, 54px);
    gap: clamp(1rem, 3vw, 2rem);
}

/* cards banner left */
.hero__cards-banner {
    width: 100%;
    max-width: clamp(280px, 35vw, 496px);
    flex-shrink: 0;
}
.hero__cards-banner h1 {
    width: 100%;
    max-width: clamp(200px, 30vw, 458px);
    background: var(--color-dark-text);
    padding: clamp(1.5rem, 4vw, 3.75rem) clamp(1rem, 5vw, 6.25rem) clamp(3rem, 8vw, 12.5rem);
    color: #fff;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: center;
    font-size: clamp(1.25rem, 2.2vw, 3rem);
    line-height: 1.3;
}
.hero__cards-banner .hero__card--proposal,
.hero__cards-banner .hero__card--integrated {
    width: clamp(200px, 32vw, 452px);
    min-height: clamp(80px, 13vw, 190px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: clamp(-24px, -3.5vw, -48px);
    top: clamp(-30px, -4vw, -60px);
}
.hero__cards-banner .hero__card--integrated {
    background: #fab52b;
    font-size: clamp(1.5rem, 2.5vw, 3.465rem);
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;    
}
.hero__cards-banner .hero__card--proposal {
    text-align: center;
    font-size: clamp(1.1rem, 2vw, 2.743rem);
    line-height: 1.4;
}
.hero__card--workshop,
.hero__card--scholarship {
    width: clamp(200px, 29vw, 416px);
    min-height: clamp(60px, 8vw, 119px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.75rem, 1.45vw, 2.037rem);
    color: var(--color-light);
    font-weight: 600;
    line-height: 1.4;
    position: relative;
    right: clamp(-24px, -3.5vw, -48px);
    text-align: center;
}
.hero__card--workshop {
    background-color: var(--color-dark-text);
    margin-top: clamp(-32px, -4.5vw, -64px);
}
.hero__card--scholarship {
    background-color: var(--color-tertiary);
    top: clamp(5px, 0.7vw, 10px);
}

/* form */
.form {
    background: var(--color-light);
    color: var(--color-dark-text);
    width: 100%;
    max-width: clamp(280px, 32vw, 448px);
    /* height: clamp(500px, 58vw, 770px);  */
    height: 77.0rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    flex-shrink: 0;
    background: transparent;
}
.form__header {
    background: var(--color-primary);
    width: 100%;
    min-height: clamp(70px, 7.5vw, 107px);
    padding: 0.278rem 0.556rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form__title {
    font-family: var(--font-secondary);
    font-size: clamp(2rem, 2.8vw, 4.001rem);
    font-weight: 600;
    line-height: 1;
    color: var(--color-light);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.222rem;
    margin-top: clamp(8px, 1.2vw, 17px);
}
.form__date {
    display: inline-flex;
    align-items: center;
    gap: 0.333rem;
    background: var(--color-tertiary);
    color: var(--color-secondary);
    padding: 0.222rem 0.556rem;
    justify-content: center;
    font-size: clamp(2rem, 3vw, 4.287rem);
    width: clamp(140px, 18vw, 259px);
    height: clamp(36px, 4vw, 57px);
    margin: 0.222rem auto 0;
    font-weight: 700;
    position: relative;
    top: clamp(8px, 1.3vw, 18px);
}
.form__iframe-wrapper {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow: hidden;
}
.form__iframe-wrapper iframe {
    border: 0;
    width: 100%;
    flex: 1;
    display: block;
    min-height: 0;
}
.form__footer {
    padding: 0 0.556rem 0.556rem;
}
.form__disclaimer {
    font-size: clamp(0.6rem, 0.8vw, var(--fs-11));
    font-weight: 400;
    color: var(--color-dark-text);
    text-align: justify;
    background: var(--color-subtle-bg);
    border-radius: var(--radius-sm);
    padding: 0.833rem;
}
.form__legal-text {
    padding: clamp(8px, 1.1vw, 16px);
    background: #fff;
}
.form__legal-text p {
    font-size: clamp(0.55rem, 2.5vw, 0.999rem);
    font-weight: 400;
    text-align: justify;
    background: #f5f5f7;
    border-radius: 0;
    border: none;
}

/* content */
.content__tagline {
    font-weight: 600;
    margin-top: clamp(1.5rem, 2.5vw, 2.222rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: clamp(280px, 42vw, 588px);
}
.content__tagline span {
    display: block;
    text-align: left;
    font-size: clamp(1.1rem, 1.8vw, var(--fs-30));
}
.content__tagline-sub {
    font-size: clamp(0.95rem, 1.4vw, var(--fs-24));
    margin-top: clamp(0.5rem, 0.8vw, 0.667rem);
}
.content__tagline-sub + .content__tagline-sub {
    margin-top: 0;
}
.features {
    display: flex;
    flex-direction: column;
    gap: clamp(0.6rem, 1vw, 0.944rem);
    margin-top: clamp(1.5rem, 3vw, 2.778rem);
    width: 100%;
    max-width: clamp(18rem, 35vw, 30.556rem);
}
.features__item {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 0.8vw, 0.667rem);
}
.features__item img {
    flex-shrink: 0;
}
.features__item p {
    font-size: clamp(0.875rem, 1.1vw, var(--fs-21));
    font-weight: 600;
    line-height: 1.3;
}
.banner-mobile,
.banner-laptop {
    display: none;
}
.form-box {
    width: 100%;
}

/* hero links */
.hero__links {
    font-size: 1.638rem;
    color: var(--color-light);
    text-align: center;
    display: flex;
    gap: 15px;
    justify-content: end;
    margin-top: 0;
    padding: 0 clamp(1rem, 4vw, 54px);
    margin-right: 13rem;
}
.hero__links a {
    color: var(--color-light);
    font-weight: 700;
    padding: 0.5rem 1rem;
  	text-decoration: none;
    background: red;
    border-radius: 2.5rem;
    background: var(--color-tertiary);
}
.links-mobile {
    display: none;
}

/* strips */
.hero__faixa {
    width: 100%;
}
.strips {
    display: flex;
    flex-direction: column;
}
.strips__purple,
.strips__yellow {
    border-radius: 0 0 24px 24px;
    flex-shrink: 0;
}
#faixa-purple {
    background-color: var(--color-secondary);
    position: relative;
    z-index: 3;
}
.strips__purple {
    background-color: var(--color-primary);
    height: 47px;
    box-shadow: var(--shadow);
}
.strips__yellow {
    background: var(--color-secondary);
    height: 34px;
    z-index: 1;
}

/* media queries */
@media (max-width: 1440px) {
    .hero {
        min-height: 661px;
    }
    .hero__wrapper {
        padding: 0 16px;
        height: 595px;
    }
    .form {
        margin: 0;
        max-width: clamp(280px, 26vw, 448px);
        height: 595px;
    }
    .banner-laptop {
        display: block;
    }
    .banner-desktop {
        display: none;
    }
    .hero__cards-banner .hero__card--proposal,
    .hero__cards-banner .hero__card--integrated {
        width: clamp(200px, 30vw, 452px);
    }
    .hero__cards-banner .hero__card--proposal {
        min-height: 125px;
    }
    .hero__cards-banner h1 {
        max-width: clamp(200px, 25vw, 458px);
        padding: clamp(1.5rem, 4vw, 3.75rem) clamp(1rem, 5vw, 6.25rem) clamp(3rem, 8vw, 5.5rem);
    }
    .hero__cards-banner .hero__card--integrated,
    .hero__cards-banner .hero__card--proposal {
        width: clamp(200px, 22vw, 452px);
        height: 131.27px;
    }
    .hero__card--workshop,
    .hero__card--scholarship {
        width: clamp(200px, 22vw, 416px);
        min-height: clamp(60px, 5vw, 119px);
    }
    .hero__cards-banner .hero__card--integrated {
        min-height: clamp(80px, 8vw, 190px);
    }
    .links-desktop {
        display: none;
    }
    .hero__links {
        justify-content: center;
    }
    .links-mobile {
        display: flex;
    }
}
@media (max-width: 68.75rem) {
    .hero__wrapper {
        gap: 1.5rem;
        padding: 0 clamp(0.75rem, 3vw, 2rem);
    }
    .hero__cards-banner h1 {
        padding-bottom: clamp(2rem, 6vw, 8rem);
    }
}
@media (max-width: 767px) {
    .hero__cards-banner,
    .strips {
        display: none !important;
    }
    .hero__wrapper {
        height: 732px;
    }
    .banner-mobile {
        display: block;
        position: relative;
        z-index: 2;
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    .form__header {
        background: var(--color-tertiary);
    }
    .hero__wrapper aside {
        margin-top: -23px;
    }
    .form__date {
        background: var(--color-dark-text);
    }
    .banner-desktop,
    .banner-laptop {
        display: none;
    }
    .hero {
        background: none;
        min-height: unset;
        flex-direction: column;
        align-items: stretch;
        background: var(--color-dark-text);
        border-radius: 0 24px 24px;
    }
    .hero__bg {
        display: none;
    }
    .hero__wrapper {
        flex-direction: column;
        padding: 0 33px;
        gap: 0;
        align-items: stretch;
        margin-top: 0;
        background: var(--color-dark-text);
        padding-bottom: 24px;
        border-radius: 0 24px 24px;
    }
    .form {
        margin: 0;
        height: auto;
        min-height: 720px;
        width: 100%;
        max-width: 100%;
    }
    .form__title {
        font-size: clamp(1.8rem, 7vw, 2.8rem);
    }
    .form__date {
        font-size: clamp(1.8rem, 7vw, 2.8rem);
        width: auto;
        min-width: 120px;
    }
    .content__tagline .d-none,
    .d-none {
        display: none !important;
    }
    .content__actions {
        margin: 26px auto;
        display: flex;
        justify-content: center;
    }
    .content__tagline {
        width: 100%;
        margin-top: 2rem;
        max-width: 306px;
    }
    .features__item p {
        font-size: 0.75rem;
    }
}
/* units */
.units {
    background: var(--color-light);
    padding: clamp(2.222rem, 5vw, 4.444rem) 0;
}
.units__container {
    width: 100%;
    max-width: 1288px;
    margin: 0 auto;
    padding: 0 clamp(0.889rem, 4vw, 2.667rem);
}
.units__title {
    font-weight: 600;
    color: var(--color-tertiary);
    font-size: clamp(2rem, 3.5vw, 4rem);
    text-align: center;
    line-height: 1.2;
}
.units__title-complement {
    color: var(--color-light);
    font-size: clamp(1.1rem, 2.5vw, 2.936rem);
    font-style: italic;
}
.units__title-highlight {
    color: var(--color-tertiary);
    font-size: clamp(1.1rem, 2.5vw, 2.936rem);
    font-style: italic;
}
.units__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: clamp(1.5rem, 3vw, 3.056rem);
    gap: clamp(6px, 0.7vw, 9px);
    position: relative;
}
.units__card {
    padding: clamp(14px, 2vw, 28px) clamp(10px, 1.5vw, 21px) clamp(24px, 3.5vw, 47px);
    background: var(--color-dark-text);
    z-index: 1;
}
.units__card-image {
    border-radius: clamp(7px, 1vw, 14px);
    width: 100%;
    height: clamp(160px, 22vw, 340px);
    object-fit: cover;
}
.units__card-name {
    margin-top: clamp(16px, 2.8vw, 40px);
    font-size: clamp(1.2rem, 2.2vw, 3rem);
    text-align: center;
    color: var(--color-light);
}
.units__card-description {
    font-size: clamp(0.85rem, 1.3vw, 1.8rem);
    font-weight: 400;
    text-align: center;
    line-height: 1.4;
    color: var(--color-light);
}
.units__choice-text {
    font-size: clamp(1rem, 1.5vw, 1.875rem);
    color: var(--color-tertiary);
    text-align: center;
    margin-top: clamp(2rem, 5vw, 66px);
}
.units__element {
    position: absolute;
    top: clamp(-223px, -20vw, -292px);
    left: clamp(-211px, -15vw, -237px);
    z-index: 0;
    width: clamp(200px, 30vw, 447px);
    height: auto;
}


@media (max-width: 767px) {
    .lp-hero__links a {
        font-size: 2.442rem;
    }
    .lp-form__legal-text p {
            font-size: 1.5rem;
    }
    .lp-form__date {
        font-size: 5.0rem
    }
    .lp-form__title {
        font-size: 4.0rem
    }
}
 
/*info*/
.info{
   padding: 19.0rem 0 9.0rem 0;
    background: #0e1666;
        margin-top: -104px;
}
.info > .container{
   margin: 0 auto;
   width: 100%;
   max-width: 128.0rem;
}
.info__box{
    background: #fff;
    min-height: 31.5rem;
    border-radius: 2.5rem;
    position: relative;
}
.info__alunos{
    width: 100%;
    max-width: 70.0rem;
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.info__title{
    background: #fcb600;
    width: 100%;
    top: -4rem;
    right: 50rem;
    max-width: 26.0rem;
    height: 22rem;
    font-size: 2rem;
    font-weight: 600;
    color: #0e1666;
    line-height: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
}
.bg-info{
    position: absolute;
    max-width: 48.5rem;
    top: -8rem;
    right: 20rem;
    z-index: 0;
}
.info p{
    font-size: 1.8rem;
    color: #0e1666;
    line-height: 140%;
    font-weight: 400;
    text-align: start;
    position: absolute;
    right: 10rem;
    bottom: 7.0rem;
}

/*==================================================
=            Education
==================================================*/
.education__bg-yellow{
    background: #F6B40A;
}
.education__bg-purple{
    background: #6652d7;
}
.education__bg-blue{
    background: #111f90;
}


.education{
    padding: 2rem 0;
}
.education > .container{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.education__content{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7rem;
}

/*====================================
=            Imagem
====================================*/
.education__image{
    flex-shrink: 0;
}
.education__image img{
    display: block;
    width: 100%;
    max-width: 50rem;
}

/*====================================
=            Conteúdo
====================================*/

.education__info{
    max-width: 56rem;
}
.education__title{
    font-size: 3.7rem;
    font-weight: 600;
    /* color: #0e1666; */
    line-height: 110%;
    margin-bottom: 3rem;
}

.education__description{
    font-size: 2rem;
    line-height: 140%;
    /* color: #0e1666; */
    margin-bottom: 3rem;
}

.education__list{
    list-style: disc;
    padding-left: 2.5rem;
    margin-bottom: 4rem;
}

.education__list li{
    font-size: 2rem;
    line-height: 140%;
    /* color: #0e1666; */
    margin-bottom: 3rem;
}
.education__button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.3rem 5rem;
    border-radius: 5rem;
    /* background: #6652d7; */
    /* color: #fff; */
    font-size: 2.8rem;
   font-weight: 500;
    text-decoration: none;
    border-bottom: 0.5rem solid #928bf4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.education__bg-blue{
    padding: 8rem 0;
}

/*About*/
.about{
    padding: 0 0 6.0rem 0;
    background: #fff;
}
.about > .container{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.about__img{
    width: 100%;
    max-width: 100.0rem;
    margin-top: -1rem;
}
.about__button{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 29.0rem;
    padding: 1.3rem 5rem;
    border-radius: 5rem;
    margin-top: -8rem;
    /* background: #6652d7; */
    /* color: #fff; */
    font-size: 2.8rem;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.5rem solid #928bf4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.line__custom{
    margin: 0 auto;
    width: 100%;
    max-width: 75rem;
    border: 2px solid #ebe8fa;
}

/*Footer*/
.footer{
    padding: 7.0rem 0 0 0;
}
.footer > .container{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer__box{
    display: flex;
    gap: 5.0rem;
    justify-content: center;
}
/* .footer__logo{
    background-color: red;
} */
.footer__logo img{
    width: 100%;
    max-width: 40.0rem;
}
.footer__img{
    width: 100%;
    max-width: 104.7rem;
    margin: 0 auto;
    display: block;
}
.footer__social{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.footer__social--box{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.footer__social--box h2{
    font-size: 2.3rem;
    margin-left: 1rem;
    color: #0e1666;
    font-weight: 500;
}
.footer__links{
    display: flex;
    justify-content: center;
    gap: 8.0em;
    padding: 9.0rem 0 0 0;
}
.footer__links a{
    font-size: 2.0rem;
    color: #6652d7;
}

.header__img-mobile {
    display: none;
}
.alunos__bg-mobile{
    display: none;
}


/*Respomsivo*/
@media screen and (max-width: 1680px){
    html{
        font-size: 54%;
    }

    .hero {
        /* min-height: clamp(500px, 80vw, 835px);  */
        min-height: 93.5rem;
    }
    .form {
        height: 85.0rem;
    }
}
@media screen and (max-width: 1600px){
    html{
        font-size: 52%;
    }
    .hero {
        /* min-height: clamp(500px, 80vw, 835px);  */
        min-height: 83.5rem;
    }
    .form {
        height: 75.0rem;
    }
}
@media screen and (max-width: 1440px){
    html{
        font-size: 46%;
    }
    /* .header{
        min-height: 85.3rem;
    } */

    .hero {
        /* min-height: clamp(500px, 80vw, 835px);  */
        min-height: 88.5rem;
    }
    .form {
        height: 78.0rem;
    }

}
@media screen and (max-width: 1366px) and (min-width: 961px){
    html{
        font-size: 48%;
    }
    .header{
        /* min-height: 116rem; */
        background-image: url('../img/banner-laptop.webp');
    }
    .hero__wrapper{
        height: 600px;
    }
     .hero {
        /* min-height: clamp(500px, 80vw, 835px);  */
        min-height: 65.5rem;
    }
    .form {
        height: 70.0rem;
    }
    .hero__links{
        margin-right: 5rem;
      margin-top: 2rem;
    }
    .cta__description{
        padding-top: 9rem;
    }
    .header__info {
        width: 100%;
        max-width: 46.0rem;
        margin-right: 7rem;
        margin-top: 21.0rem;
    }
    .cta{
        height: 180px;
    }
    .cta__nav {
        top: -33rem;
        max-width: 168rem;
        padding: 2.5rem 3.0rem;
    }
    .cta__buttons--item {
        max-width: 39.0rem;
        font-size: 3.6rem;
        height: 23.0rem;
    }
    .cta__buttons--item span {
        font-size: 2rem;
    }

    .units{
        padding: 5.0rem  0 0 0;
    }
    .units > .container {
        margin-bottom: -4rem;
        max-width: 168rem;
    }
    .details-icon {
        top: 22.0rem;
        left: -6rem;
        max-width: 38.5rem;
    }
    .units__box img {
        width: 50.0rem;
        height: 49.5rem;
    }
    .units__box h2 {
        font-size: 4.0rem;
    }
    .footer__social--box{
        gap: 0.9rem;
    }



}

@media (max-width: 1024px) {
    .units__container {
        padding: 0;
    }
    .units__element {
        display: none;
    }
    .units__grid {
        grid-template-columns: 1fr;
        padding: 0 clamp(1rem, 4vw, 30px);
        gap: clamp(24px, 5vw, 50px);
        margin-top: 24px;
    }
    .units__card {
        display: flex;
        height: auto;
        min-height: clamp(180px, 35vw, 300px);
        padding: clamp(14px, 3vw, 25px);
        gap: clamp(24px, 5vw, 54px);
        align-items: center;
    }
    .units__card-image {
        border-radius: 14px;
        width: clamp(160px, 42vw, 332px);
        height: clamp(120px, 32vw, 249px);
        flex-shrink: 0;
        object-fit: cover;
    }
    .units__title {
        font-size: clamp(2rem, 5.9vw, 4rem);
        margin-top: 14px;
    }
    .units__card-caption {
        display: flex;
        flex-direction: column;
        text-align: left;
        gap: clamp(12px, 3vw, 29px);
        justify-content: center;
    }
    .units__card-name {
        text-align: left;
        margin-top: 0;
        font-size: clamp(1.2rem, 4vw, 3rem);
        width: 93px;
    }
    .units__card-description {
        text-align: left;
        font-size: clamp(0.85rem, 3vw, 1.8rem);
        line-height: 1.5;
        width: 67px;
    }
}

@media screen and (max-width: 960px){
    html{
        font-size: 30%;
    }
    /* .header{
        min-height: 87.3rem;
    } */

    .hero {
         min-height: clamp(500px, 80vw, 961px);
    }
    .details-icon {
        display: none;
    }
     .header__img-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
    .header > .container{
        flex-wrap: wrap;
         background: #0e1666;
    }
    .cta{
        flex-wrap: wrap;
        background: #0e1666;
        height: 400px;
        position: relative;
        display: flex;
        justify-content: center;;
        padding: 0 15px 5rem 15px;
    }
    .cta__nav{
        top: 0;
        position: relative;
        margin-top: -6rem;
    }
    .cta__buttons{
        flex-direction: column;
        align-items: center;
    }
    .cta__buttons--item br{
        display: none;
    }
    .cta__buttons--item {
        max-width: 85%;
        height: 10.0rem;
        margin-bottom: 1.5rem;
        font-size: 3.5rem;
    }
    .header__box-p{
        width: 100%;
        text-align: center;
    }
    .header__info {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 0;
        background: #6652d7;
        padding: 2rem 2%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3rem;
        border-radius: 0 0 2.5rem 2.5rem;
    }
    .header__date {
        padding: 2rem 2rem;
    }
    .header__h1{
        color: #fff;
    }
    .header__p{
        color: #fff;
        padding: 0 18%;
    }
    .header__p br{
        display: none;
    }
    .cta__description{
        align-items: end;
        padding-top: 0;
    }
    .cta__description > div:first-child .cta__p {
        padding-right: 3rem;
    }
    .cta__description > div:last-child .cta__p {
        padding-left: 3rem;
    }
    .cta__site-mobile{
        display: block;
        font-size: 3.2rem;
        color: #fff;
        margin-top: 3rem;
    }

    

    /*Units*/
    .units {
        padding: 5.0rem 4rem;
    }
    .units > .container{
        flex-direction: column;
        gap: 3.5rem;
    }
    .units__box{
        display: flex;
        gap: 5.0rem;
        text-align: start;
    }
    .units__box h2{
        font-size: 3.5rem;
    }
    .units__box p {
        font-size: 2.5rem;
    }

    /*Info*/
    .info{
        margin-top: -13rem;
    }
    .info__box{
        display: none;
    }
    .alunos__bg-mobile{
        display: block;
        max-width: 95%;
        margin: 0 auto;
    }

    .education {
        padding: 5rem 2rem;
    }
    .education__image img {
        width: 100%;
        max-width: 35rem;
    }
    .education__content{
        gap: 3rem;
    }
    .education__description br{
        display: none;
    }
    .education__bg-purple .education__content{
        flex-direction: row-reverse;
    }

    .footer__box{
        flex-direction: column;
        align-items: center;
    }
    .footer__logo img {
        width: 100%;
        max-width: 53.0rem;
    }
    .footer__links a{
        font-size: 3rem;
    }
    .line__custom {
        max-width: 55.0rem;
    }
    .about__img {
        margin-top: -6rem;
    }
    .about__button{
        margin-top: 2rem;
    }
    .footer__social--box{
        gap: 2rem;
    }
    .hero__links{
        margin-right: 0;
      	margin-top: 2rem;
         font-size: 2rem;
    }
 

}