@font-face {
    font-family: 'BravenRegular';
    src: url("fonts/braven/BravenRegular.otf") format("opentype");
    src: url("fonts/braven/BravenRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
}

.header {
    top: 0;
    left: 0;
    width: 100%;
    background-color: black;
    position: absolute;
    max-height: 75vh;
    overflow: hidden;
}

.position-elements1 {
    position: relative;
    z-index: 1;
    width: 40%;
}

.empty {
    width: 45%;
}

.btn-wpp {
    position: fixed;
    bottom: 30px;
    right: 40px;
    z-index: 5;
}

.plane2 {
    height: auto !important;
    display: block;
    margin: 0 auto;
    width: 700px !important;
    cursor: pointer;
}

.main-btn {
    border: none !important;
    outline: none !important;
    display: flex;
    padding: 14px 30px;
    background-color: #01747B;
    border-radius: 25px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    align-content: center;
    cursor: pointer;
    position: relative;
    margin-top: 18px;
}

.box-video{
    width: 100% !important;
    height: auto !important;
    padding: 10px !important;
}

.section-video{
    padding: 0px !important;
}

.video-container {
    width: 90% !important;
    max-width: 800px !important;
    padding: 10px !important;
    padding-top: 40px !important;
}

header{
    position: relative !important;
}

body {
    margin: 0 !important;
}

.card-benefit{
    background-color: #01747b36 !important;
    padding: 10px 18px !important;
    border-radius: 17px !important;
    margin: 4px;
    backdrop-filter: blur(24px);
    border: 1px solid #8f8f8f38;
    color: #f4fefe !important;
    min-height: 190px !important;
    font-size: 18px !important;
    width: 180px !important;
}
.container1, .container2{
    height: auto !important;
    justify-content: center !important;
}
.card-benefit img{
    filter: invert(1);
    padding: 20px;
    max-width: 80px;
    height: auto;
    display: block;
}

.min-container {
    height: auto !important;
}

*{
    box-sizing: border-box;
}

.box-containers{
    height: auto !important;
}

.botton5{
    margin-top: 10px !important;
}


.planes{
    margin-top: 0px !important;
}

@media screen and (max-width: 768px) {
    .container {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        padding-top: 30vh !important;
    }


    .container1, .container2{
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .card-benefit{
        width: 300px;
    }
    .box-containers{
        height: auto !important;
    }

    .main-btn{
        margin: 18px auto !important;
    }

    .quadro {
        height: auto !important;
        position: relative !important;
        background-image: url('img/header/mobile.png') !important;
        background-size: contain !important;
        background-position: inherit !important;
    }

    .box-button1 {
        display: flex !important;
    }

    .botton1 {
        display: flex !important;
    }

    .header {
        height: auto !important;
        position: relative !important;
        max-height: unset !important;
    }
}

/* Header Area Start */
@media (min-width: 320px) and (max-width: 375px) {
    .header {
        top: 0px;
        left: 0;
        width: 100%;
        height: 350px;
        background-color: #000;
        position: absolute;
    }

    .quadro {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 495px;
        position: absolute;
        background-color: #000;
        background-image: url('img/header/celular.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }

    .container {
        display: none;
    }

    .position-elements1 {
        position: relative;
        z-index: 1;
        width: 80%;
    }

    .empty {
        width: 0%;
    }

    .logo1 {
        max-width: 170px;
        height: 70px;
        display: flex;
        margin-top: 10px;
    }

    .texto1-tam {
        width: auto;
        text-align: center;
        margin-top: 15px;
    }

    .texto1 {
        color: #FFF;
        font-size: 19px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 26px;
        font-style: italic;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
    }

    .texto2-tam {
        width: auto;
        margin-top: 10px;
        text-align: center;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        width: 200px;
        place-self: center;
    }

    .botton1 {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        background: #01747B;
        color: white;
        font-size: 15px;
        font-family: "Poppins";
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        margin-top: 15px;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .header {
        top: 0px;
        left: 0;
        width: 100%;
        height: 350px;
        background-color: #000;
        position: absolute;
    }

    .quadro {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 590px;
        position: absolute;
        background-color: #000;
        background-image: url("img/header/celular.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }

    .container {
        display: none;
    }

    .position-elements1 {
        position: relative;
        z-index: 1;
        width: 80%;
    }

    .empty {
        width: 0%;
    }

    .logo1 {
        max-width: 170px;
        height: 70px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }

    .texto1-tam {
        width: auto;
        text-align: center;
        margin-top: 15px;
    }

    .texto1 {
        color: #FFF;
        font-size: 19px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 26px;
        font-style: italic;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
    }

    .texto2-tam {
        width: auto;
        margin-top: 10px;
        text-align: center;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        width: 200px;
        place-self: center;
    }

    .botton1 {
        width: 200px;
        height: 40px;
        border-radius: 20px;
        background: #01747B;
        color: white;
        font-size: 15px;
        font-family: "Poppins";
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        margin-top: 15px;
    }
}

@media (min-width: 441px) and (max-width: 980px) {
    .header {
        top: 0px;
        left: 0;
        width: 100%;
        height: 300px;
        background-color: #000;
        position: absolute;
    }

    .quadro {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 255px;
        position: absolute;
        background-color: #000;
        background-image: url(img/header/banner.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }

    .container {
        width: 100%;
        height: 250px;
        display: flex;
    }

    .position-elements1 {
        position: relative;
        z-index: 1;
        width: 60%;
    }

    .empty {
        width: 0%;
    }

    .logo1 {
        max-width: 200px;
        height: 80px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }

    .texto1-tam {
        width: auto;
        text-align: center;
        margin-top: 15px;
    }

    .texto1 {
        color: #FFF;
        font-size: 16px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        line-height: 10px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
    }

    .texto2-tam {
        width: auto;
        margin-top: 10px;
        text-align: center;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        display: none;
    }

    .botton1 {
        display: none;
    }
}

@media (min-width: 980px) and (max-width: 1080px) {
    .img1 {
        background-image: url('img/header/banner.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        background-color: black;
        position: relative;
        width: 100%;
        height: 725px;
        z-index: 1;
    }

    .quadro {
        top: 20px;
        left: 0px;
        width: 100%;
        height: 400px;
        position: absolute;
        z-index: 1;
    }

    .container {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: end;
    }

    .logo1 {
        max-width: 220px;
        height: 80px;
    }

    .texto1-tam {
        width: auto;
    }

    .texto1 {
        color: #FFF;
        font-size: 26px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 27px;
        font-style: italic;
        font-weight: 300;
        line-height: 25px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 55%;
        height: 100px;
        display: flex;
        justify-content: right;
    }

    .texto2-tam {
        width: auto;
        margin-top: 10px;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 14px;
        font-weight: 700;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        width: 140px;
    }

    .botton1 {
        width: 140px;
        height: 40px;
        border-radius: 20px;
        background: #01747B;
        color: white;
        font-size: 10px;
        font-family: "Poppins";
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        margin-top: 0px;
    }
}

@media (min-width: 1080px) and (max-width: 1280px) {
    .img1 {
        background-image: url('img/header/banner.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        background-color: black;
        position: relative;
        width: 100%;
        height: 1080px;
        z-index: 1;
    }

    .quadro {
        top: 40px;
        left: 0px;
        width: 100%;
        height: 425px;
        position: absolute;
        z-index: 1;
    }

    .container {
        width: 100%;
        height: 430px;
        display: flex;
        justify-content: end;
    }

    .logo1 {
        width: 260px;
        height: 100px;
        margin-bottom: 15px;
    }

    .texto1-tam {
        width: auto;
    }

    .texto1 {
        color: #FFF;
        font-size: 38px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 300;
        line-height: 35px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 36px;
        font-style: italic;
        font-weight: 300;
        line-height: 25px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 55%;
        height: 100px;
        display: flex;
        justify-content: right;
    }

    .texto2-tam {
        width: auto;
        margin-top: 15px;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        width: 180px;
    }

    .botton1 {
        width: 180px;
        height: 40px;
        border-radius: 20px;
        background: #01747B;
        color: white;
        font-size: 12px;
        font-family: "Poppins";
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

}

@media (min-width: 1281px) and (max-width: 2180px) {
    .img1 {
        background-image: url('img/header/banner.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        background-color: black;
        position: relative;
        width: 100%;
        height: 1080px;
        z-index: 1;
    }

    .quadro {
        top: 40px;
        left: 0px;
        width: 100%;
        height: 425px;
        position: absolute;
        z-index: 1;
    }

    .container {
        width: 100%;
        height: 430px;
        display: flex;
        justify-content: end;
    }

    .logo1 {
        width: 260px;
        height: 100px;
        margin-bottom: 15px;
    }

    .texto1-tam {
        width: auto;
    }

    .texto1 {
        color: #FFF;
        font-size: 46px;
        font-family: "Poppins";
        font-style: normal;
        font-weight: 300;
        line-height: 35px;
        letter-spacing: -1.50px;
    }

    .texto1-strong {
        color: #FFF;
        font-family: "Poppins";
        font-size: 46px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: -1.50px;
    }

    .texto1-1 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 40px;
        font-style: italic;
        font-weight: 300;
        line-height: 25px;
        letter-spacing: -1.50px;
    }

    .min-container {
        width: 55%;
        height: 100px;
        display: flex;
        justify-content: right;
    }

    .texto2-tam {
        width: auto;
        margin-top: 15px;
    }

    .texto2 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 24px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .texto2-1 {
        color: #D9D9D9;
        font-family: "Poppins";
        font-size: 24px;
        font-weight: 300;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -1.44px;
    }

    .box-button1 {
        width: 260px;
    }

    .botton1 {
        width: 260px;
        height: 40px;
        border-radius: 20px;
        background: #01747B;
        color: white;
        font-size: 13px;
        font-family: "Poppins";
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: 50px;
    }

}

/* Header Area End */


/* Start Section-video */
.section-video {
    width: 100%;
    min-height: 500px;
    background-color: black;
    padding: 3rem 0;
    position: relative;
}

.video-container {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.video {
    width: 100%;
    max-width: 980px;
    height: auto;
    aspect-ratio: 16/9;
    border: solid;
    border-color: #80D7D3;
    border-radius: 10px;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-video {
        width: 100%;
        min-height: auto;
        padding: 1.5rem 0;
    }

    .video-container {
        padding: 0.5rem;
    }

    .video {
        max-width: 100%;
        aspect-ratio: 3/2;
    }
}

@media (min-width: 376px) and (max-width: 500px) {
    .section-video {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .video-container {
        padding: 0.5rem;
    }

    .video {
        max-width: 100%;
        aspect-ratio: 16/9;
    }
}

@media (min-width: 501px) and (max-width: 980px) {
    .section-video {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .video-container {
        padding: 1.5rem;
    }

    .video {
        max-width: 100%;
        aspect-ratio: 16/9;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-video {
        padding: 3rem 0;
    }
}

/* End Section-video */


/* Start Section-about */
.section-about {
    width: 100%;
    min-height: auto;
    background-color: black;
    padding: 4rem 0;
    position: relative;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-about {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .about {
        width: 100%;
        height: 1200px;
        margin-bottom: 5%;
        display: flex;
        flex-direction: column;
    }

    .img-about {
        display: flex;
        position: relative;
        justify-content: center;
        width: 90%;
        height: 467px;
        align-self: center;
    }

    .text-about-tam {
        width: 90%;
        height: 600px;
        align-self: center;
    }

    .text-about-1 {
        color: #FFF;
        font-size: 34px;
        font-family: BravenRegular;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .text-about-2 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: 250;
    }

    .text-about-3 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: BravenRegular;
        font-size: 23px;
    }

    .imgs-about-tam {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
        width: auto;
        height: 90.855px;
    }

    .img-about2 {
        align-self: center;
        width: 50px;
        height: 50px;
        aspect-ratio: 1/1;
    }

    .img-about3 {
        align-self: center;
        width: 120px;
        height: 30px;
        aspect-ratio: 200/33;
    }

    .img-about4 {
        align-self: center;
        width: 70px;
        height: 50px;
        aspect-ratio: 100/70;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .section-about {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .about {
        width: 100%;
        height: 1200px;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex;
        flex-direction: column;
    }

    .img-about {
        display: flex;
        position: relative;
        justify-content: center;
        width: 90%;
        height: 500px;
        align-self: center;
    }

    .text-about-tam {
        width: 90%;
        height: 600px;
        align-self: center;
    }

    .text-about-1 {
        color: #FFF;
        font-size: 40px;
        font-family: BravenRegular;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .text-about-2 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: 250;
    }

    .text-about-3 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: BravenRegular;
        font-size: 23px;
    }

    .imgs-about-tam {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
        width: auto;
        height: 90.855px;
    }

    .img-about2 {
        align-self: center;
        width: 50px;
        height: 50px;
        aspect-ratio: 1/1;
    }

    .img-about3 {
        align-self: center;
        width: 120px;
        height: 30px;
        aspect-ratio: 200/33;
    }

    .img-about4 {
        align-self: center;
        width: 70px;
        height: 50px;
        aspect-ratio: 100/70;
    }
}

@media (min-width: 441px) and (max-width: 980px) {
    .section-about {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
    }

    .about {
        width: 100%;
        height: 1200px;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex;
        flex-direction: column;
    }

    .img-about {
        display: flex;
        position: relative;
        align-self: center;
        justify-content: center;
        width: 70%;
        height: 600px;
        object-fit: contain;
    }

    .text-about-tam {
        width: 90%;
        height: 600px;
        place-self: center;
    }

    .text-about-1 {
        color: #FFF;
        font-size: 60px;
        font-family: BravenRegular;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .text-about-2 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: "Poppins";
        font-size: 25px;
        font-weight: 250;
    }

    .text-about-3 {
        display: flex;
        position: relative;
        text-align: center;
        color: #FFF;
        font-family: BravenRegular;
        font-size: 25px;
    }

    .imgs-about-tam {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
        width: auto;
        height: 100px;
    }

    .img-about2 {
        align-self: center;
        width: 90px;
        height: 90px;
        aspect-ratio: 1/1;
    }

    .img-about3 {
        align-self: center;
        width: 250px;
        height: 40px;
        aspect-ratio: 200/33;
    }

    .img-about4 {
        align-self: center;
        width: 130px;
        height: 100px;
        aspect-ratio: 100/70;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-about {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .about {
        width: 100%;
        height: 800px;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex;
        justify-content: space-around;
        place-self: center;
    }

    .img-about {
        position: relative;
        width: 500px;
        height: 700px;
        aspect-ratio: 101/140;
    }

    .text-about-tam {
        width: 460px;
        height: 700px;
    }

    .text-about-1 {
        color: #FFF;
        font-size: 54px;
        font-family: BravenRegular;
        text-align: right;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .text-about-2 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: 250;
    }

    .text-about-3 {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 23px;
    }

    .imgs-about-tam {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
        width: 480px;
        height: 90.855px;
    }

    .img-about2 {
        align-self: center;
        width: 70px;
        height: 70px;
        aspect-ratio: 1/1;
    }

    .img-about3 {
        align-self: center;
        width: 200px;
        height: 33px;
        aspect-ratio: 200/33;
    }

    .img-about4 {
        align-self: center;
        width: 100px;
        height: 70px;
        aspect-ratio: 100/70;
    }

}

@media (min-width: 1280px) and (max-width: 2180px) {
    .about {
        width: 80%;
        height: 625px;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex;
        justify-content: space-around;
        place-self: center;
    }

    .img-about {
        position: relative;
        width: 500px;
        height: 700px;
        aspect-ratio: 101/140;
    }

    .text-about-tam {
        width: 460px;
        height: 700px;
    }

    .text-about-1 {
        color: #FFF;
        font-size: 54px;
        font-family: BravenRegular;
        text-align: right;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .text-about-2 {
        color: #FFF;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: 250;
    }

    .text-about-3 {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 23px;
    }

    .imgs-about-tam {
        display: flex;
        justify-content: space-evenly;
        margin-top: 3%;
        width: 480px;
        height: 90.855px;
    }

    .img-about2 {
        align-self: center;
        width: 70px;
        height: 70px;
        aspect-ratio: 1/1;
    }

    .img-about3 {
        align-self: center;
        width: 200px;
        height: 33px;
        aspect-ratio: 200/33;
    }

    .img-about4 {
        align-self: center;
        width: 100px;
        height: 70px;
        aspect-ratio: 100/70;
    }

}

.img-end {
    height: auto !important;
    width: 100% !important;
    display: block !important;
}

.box-tam-img-end {
    height: auto !important;
    top: 0px !important;
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

.box-end {
    height: auto !important;
    top: 0px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    text-align: center !important;

}

.text-button {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    text-align: center !important;
    width: 70% !important;
}

/* End Section-about */


.texto1-tam {
    font-size: 40px !important;
    line-height: 40px !important;
}

.texto1-1 {
    font-size: 20px !important;
    line-height: 20px !important;
}

/* Start Section-benefits */
.section-benefits {
    width: 100%;
    min-height: auto;
    background-image: url('img/benefits/particles.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    padding: 1rem 0;
    position: relative;
}

.P-benefits {
    color: #FFF;
    text-align: center;
    font-family: BravenRegular;
    font-size: 65px;
    z-index: 2;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-benefits {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
        background-size: contain;
    }

    .P-benefits {
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 40px;
    }

    .box-containers {
        width: 100%;
        height: 460px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .container1 {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: space-around;
    }

    .container2 {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: space-around;
    }

    .element-empty {
        width: 0%;
    }

    .element1 {
        width: 30%;
        border-radius: 34px;
        background: #C0B6B4;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 20px;
    }

    .img-benefits-1 {
        width: 100px;
        height: 100px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .element2 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 14px;
        ;
    }

    .img-benefits-2 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-top: 15px;
        margin-bottom: 20px;
    }


    .element3 {
        width: 30%;
        border-radius: 34px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-3 {
        width: 90px;
        height: 80px;
        object-fit: cover;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .element4 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-4 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .element5 {
        width: 30%;
        border-radius: 34px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 18px;
    }

    .img-benefits-5 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .element6 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-6 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .section-benefits {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
        background-size: contain;
    }

    .P-benefits {
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 40px;
    }

    .box-containers {
        width: 100%;
        height: 460px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .container1 {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: space-around;
    }

    .container2 {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: space-around;
    }

    .element-empty {
        width: 0%;
    }

    .element1 {
        width: 30%;
        border-radius: 34px;
        background: #C0B6B4;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 20px;
    }

    .img-benefits-1 {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
        object-fit: cover;
    }

    .element2 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
        ;
    }

    .img-benefits-2 {
        width: 80%;
        height: 80px;
        margin-top: 15px;
        object-fit: contain;
        margin-bottom: 20px;
    }


    .element3 {
        width: 30%;
        border-radius: 34px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-3 {
        width: 105px;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 20px;
        object-fit: cover;
    }

    .element4 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-4 {
        width: 95px;
        height: 80px;
        object-fit: contain;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .element5 {
        width: 30%;
        border-radius: 34px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 18px;
    }

    .img-benefits-5 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .element6 {
        width: 30%;
        border-radius: 34px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 16px;
    }

    .img-benefits-6 {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 441px) and (max-width: 980px) {
    .section-benefits {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
        background-size: contain;
    }

    .P-benefits {
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 40px;
    }

    .box-containers {
        width: 100%;
        height: 560px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .container1 {
        width: 100%;
        height: 260px;
        display: flex;
        justify-content: space-around;
    }

    .container2 {
        width: 100%;
        height: 260px;
        display: flex;
        justify-content: space-around;
    }

    .element-empty {
        width: 0%;
    }

    .element1 {
        width: 30%;
        border-radius: 46px;
        background: #C0B6B4;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-1 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-bottom: 20px;
    }

    .element2 {
        width: 30%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-2 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-top: 10px;
        margin-bottom: 5px;
    }


    .element3 {
        width: 30%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-3 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }

    .element4 {
        width: 30%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-4 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .element5 {
        width: 30%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-5 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .element6 {
        width: 30%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 30px;
    }

    .img-benefits-6 {
        width: 100px;
        height: 100px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-benefits {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .box-containers {
        width: 100%;
        height: 800px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .container1 {
        width: 100%;
        height: 355px;
        display: flex;
        justify-content: space-around;
    }

    .container2 {
        width: 100%;
        height: 355px;
        display: flex;
        justify-content: space-around;
    }

    .element-empty {
        width: 10%;
    }

    .element1 {
        width: 25%;
        border-radius: 46px;
        background: #C0B6B4;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 36px;
    }

    .element2 {
        width: 25%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element3 {
        width: 25%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element4 {
        width: 25%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 28px;
    }

    .element5 {
        width: 25%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element6 {
        width: 25%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .img-benefits-1 {
        width: 155px;
        height: 155px;
        display: flex;
        place-self: center;
    }

    .img-benefits-2 {
        width: 115px;
        height: 115px;
        display: flex;
        place-self: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .img-benefits-3 {
        width: 140px;
        height: 140px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }

    .img-benefits-4 {
        width: 135px;
        height: 135px;
        display: flex;
        place-self: center;
        margin-top: 20px;
    }

    .img-benefits-5 {
        width: 130px;
        height: 127px;
        display: flex;
        place-self: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .img-benefits-6 {
        width: 137px;
        height: 137px;
        display: flex;
        place-self: center;
        margin-top: 20px;
    }

}

@media (min-width: 1280px) and (max-width: 2180px) {
    .box-containers {
        width: 100%;
        height: 800px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .container1 {
        width: 100%;
        height: 355px;
        display: flex;
        justify-content: space-around;
    }

    .container2 {
        width: 100%;
        height: 355px;
        display: flex;
        justify-content: space-around;
    }

    .element-empty {
        width: 15%;
    }

    .element1 {
        width: 20%;
        border-radius: 46px;
        background: #C0B6B4;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 36px;
    }

    .element2 {
        width: 20%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element3 {
        width: 20%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element4 {
        width: 20%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 28px;
    }

    .element5 {
        width: 20%;
        border-radius: 46px;
        background: #D9D9D9;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .element6 {
        width: 20%;
        border-radius: 46px;
        background: #80D7D3;
        color: #000;
        text-align: center;
        font-family: BravenRegular;
        font-size: 32px;
    }

    .img-benefits-1 {
        width: 155px;
        height: 155px;
        display: flex;
        place-self: center;
    }

    .img-benefits-2 {
        width: 115px;
        height: 115px;
        display: flex;
        place-self: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .img-benefits-3 {
        width: 140px;
        height: 140px;
        display: flex;
        place-self: center;
        margin-top: 10px;
    }

    .img-benefits-4 {
        width: 135px;
        height: 135px;
        display: flex;
        place-self: center;
        margin-top: 20px;
    }

    .img-benefits-5 {
        width: 130px;
        height: 127px;
        display: flex;
        place-self: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .img-benefits-6 {
        width: 137px;
        height: 137px;
        display: flex;
        place-self: center;
        margin-top: 20px;
    }

}

/* End Section-benefits */


/* Start Section-feedbacks */
.section-feedbacks {
    width: 100%;
    min-height: auto;
    background-color: rgb(0, 0, 0);
    padding: 4rem 0;
    position: relative;
}

.text-feedbacks-1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 52px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}

.strong-feedbacks {
    color: #80D7D3;
    font-family: BravenRegular;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-feedbacks {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
        background-image: url('img/feedback/blur.png');
        background-size: cover;
        background-position-x: center;
        background-position-y: -70px;
    }

    .tables {
        position: relative;
        top: 20px;
        display: none;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .card {
        width: 100% !important;
        object-fit: contain;
    }

    .carousel {
        margin-left: 5%;
        margin-right: 5%;
    }

    .album {
        display: none;
    }

    ul.slides {
        display: block;
        position: relative;
        height: 600px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    ul.slides input {
        display: none;
    }

    .slide-container {
        display: block;
    }

    .slide-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        transition: all .7s ease-in-out;
    }

    .slide-image img {
        min-width: 100%;
        height: 100%;
    }

    .carousel-controls {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        font-size: 100px;
        line-height: 600px;
        color: #fff;
    }

    .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }

    .slide-image:hover+.carousel-controls label {
        opacity: 0.5;
    }

    .carousel-controls label:hover {
        opacity: 1;
    }

    .carousel-controls .prev-slide {
        width: 49%;
        text-align: left;
        left: 0;
    }

    .carousel-controls .next-slide {
        width: 49%;
        text-align: right;
        right: 0;
    }



    input:checked+.slide-container .slide-image {
        opacity: 1;
        transform: scale(1);
        transition: opacity 1s ease-in-out;
    }

    input:checked+.slide-container .carousel-controls label {
        display: block;
    }

    input#img-1:checked~.carousel-dots label#img-dot-1,
    input#img-2:checked~.carousel-dots label#img-dot-2,
    input#img-3:checked~.carousel-dots label#img-dot-3,
    input#img-4:checked~.carousel-dots label#img-dot-4,
    input#img-5:checked~.carousel-dots label#img-dot-5,
    input#img-6:checked~.carousel-dots label#img-dot-6,
    input#img-7:checked~.carousel-dots label#img-dot-7,
    input#img-8:checked~.carousel-dots label#img-dot-8,
    input#img-9:checked~.carousel-dots label#img-dot-9,
    input#img-10:checked~.carousel-dots label#img-dot-10,
    input#img-11:checked~.carousel-dots label#img-dot-11,
    input#img-12:checked~.carousel-dots label#img-dot-12,
    input#img-13:checked~.carousel-dots label#img-dot-13,
    input#img-14:checked~.carousel-dots label#img-dot-14 {
        opacity: 1;
    }

    input:checked+.slide-container .nav label {
        display: block;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .section-feedbacks {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
        background-image: url(img/feedback/blur.png);
        background-size: cover;
        background-position-x: center;
        background-position-y: -70px;
    }

    .tables {
        position: relative;
        top: 20px;
        display: none;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .card {
        width: 100% !important;
        object-fit: contain;
    }


    .carousel {
        margin-left: 5%;
        margin-right: 5%;
    }

    .album {
        display: none;
    }

    ul.slides {
        display: block;
        position: relative;
        height: 600px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    ul.slides input {
        display: none;
    }


    .slide-container {
        display: block;
    }

    .slide-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        transition: all .7s ease-in-out;
    }

    .slide-image img {
        min-width: 100%;
        height: 100%;
    }

    .carousel-controls {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        font-size: 100px;
        line-height: 600px;
        color: #fff;
    }

    .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }

    .slide-image:hover+.carousel-controls label {
        opacity: 0.5;
    }

    .carousel-controls label:hover {
        opacity: 1;
    }

    .carousel-controls .prev-slide {
        width: 49%;
        text-align: left;
        left: 0;
    }

    .carousel-controls .next-slide {
        width: 49%;
        text-align: right;
        right: 0;
    }



    input:checked+.slide-container .slide-image {
        opacity: 1;
        transform: scale(1);
        transition: opacity 1s ease-in-out;
    }

    input:checked+.slide-container .carousel-controls label {
        display: block;
    }

    input#img-1:checked~.carousel-dots label#img-dot-1,
    input#img-2:checked~.carousel-dots label#img-dot-2,
    input#img-3:checked~.carousel-dots label#img-dot-3,
    input#img-4:checked~.carousel-dots label#img-dot-4,
    input#img-5:checked~.carousel-dots label#img-dot-5,
    input#img-6:checked~.carousel-dots label#img-dot-6,
    input#img-7:checked~.carousel-dots label#img-dot-7,
    input#img-8:checked~.carousel-dots label#img-dot-8,
    input#img-9:checked~.carousel-dots label#img-dot-9,
    input#img-10:checked~.carousel-dots label#img-dot-10,
    input#img-11:checked~.carousel-dots label#img-dot-11,
    input#img-12:checked~.carousel-dots label#img-dot-12,
    input#img-13:checked~.carousel-dots label#img-dot-13,
    input#img-14:checked~.carousel-dots label#img-dot-14 {
        opacity: 1;
    }

    input:checked+.slide-container .nav label {
        display: block;
    }

}

@media (min-width: 441px) and (max-width: 980px) {
    .section-feedbacks {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
        background-image: url('img/feedback/blur.png');
        background-size: cover;
        background-position-x: center;
        background-position-y: -70px;
    }

    .text-feedbacks-1 {
        color: #FFF;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: "Poppins";
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 52px;
        margin-top: 0px;
        position: relative;
        z-index: 2;
        width: 90%;
        justify-self: center;
    }

    .strong-feedbacks {
        color: #80D7D3;
        font-family: BravenRegular;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px;
    }

    .tables {
        position: relative;
        top: 100px;
        display: none;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .card {
        width: 100% !important;
        object-fit: contain;
    }

    .album {
        display: none;
    }

    .carousel {
        margin-left: 5%;
        margin-right: 5%;
    }

    ul.slides {
        display: block;
        position: relative;
        height: 1000px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    ul.slides input {
        display: none;
    }


    .slide-container {
        display: block;
    }

    .slide-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        transition: all .7s ease-in-out;
    }

    .slide-image img {
        min-width: 100%;
        height: 100%;
    }

    .carousel-controls {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        font-size: 100px;
        line-height: 1000px;
        color: #fff;
    }

    .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }

    .slide-image:hover+.carousel-controls label {
        opacity: 0.5;
    }

    .carousel-controls label:hover {
        opacity: 1;
    }

    .carousel-controls .prev-slide {
        width: 49%;
        text-align: left;
        left: 0;
    }

    .carousel-controls .next-slide {
        width: 49%;
        text-align: right;
        right: 0;
    }



    input:checked+.slide-container .slide-image {
        opacity: 1;
        transform: scale(1);
        transition: opacity 1s ease-in-out;
    }

    input:checked+.slide-container .carousel-controls label {
        display: block;
    }

    input#img-1:checked~.carousel-dots label#img-dot-1,
    input#img-2:checked~.carousel-dots label#img-dot-2,
    input#img-3:checked~.carousel-dots label#img-dot-3,
    input#img-4:checked~.carousel-dots label#img-dot-4,
    input#img-5:checked~.carousel-dots label#img-dot-5,
    input#img-6:checked~.carousel-dots label#img-dot-6,
    input#img-7:checked~.carousel-dots label#img-dot-7,
    input#img-8:checked~.carousel-dots label#img-dot-8,
    input#img-9:checked~.carousel-dots label#img-dot-9,
    input#img-10:checked~.carousel-dots label#img-dot-10,
    input#img-11:checked~.carousel-dots label#img-dot-11,
    input#img-12:checked~.carousel-dots label#img-dot-12,
    input#img-13:checked~.carousel-dots label#img-dot-13,
    input#img-14:checked~.carousel-dots label#img-dot-14 {
        opacity: 1;
    }

    input:checked+.slide-container .nav label {
        display: block;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-feedbacks {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .tables {
        position: relative;
        top: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;
    }

    .tab {
        cursor: pointer;
        padding: 10px 20px;
        margin: 0px 20px;
        background: #000;
        color: #fff;
        border-radius: 30px;
        font-family: BravenRegular;
        font-size: 26px;
    }

    .panels {
        width: 100%;
        overflow: hidden;
    }

    .panel {
        display: none;
        animation: fadein .8s;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .radio {
        display: none;
    }

    #one:checked~.panels #one-panel,
    #two:checked~.panels #two-panel {
        display: block
    }

    #one:checked~.tabs #one-tab,
    #two:checked~.tabs #two-tab {
        background: #80D7D3;
        color: #fff;
    }

    .img-backgroud-box {
        display: flex;
        height: 1400px;
        width: 80%;
        position: relative;
        z-index: 1;
        justify-content: center;
        top: 250px;
        justify-self: center;
    }

    .img-backgroud {
        width: 90%;
        background: radial-gradient(circle, rgba(1, 116, 123, 1) 0%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 1) 100%);
    }

    .text-feedbacks-1 {
        color: #FFF;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: "Poppins";
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 52px;
        margin-top: 400px;
        position: relative;
        z-index: 2;
        width: 90%;
        justify-self: center;
    }

    .strong-feedbacks {
        color: #80D7D3;
        font-family: BravenRegular;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px;
    }

    .feedback-ppp {
        display: none;
    }

    .feedback-lpf {
        display: none;
    }

    .album {
        top: 100px;
        left: 0px;
        width: 100%;
        position: absolute;
        z-index: 2;
    }

    .album .img2 {
        width: 30%;
        margin: 0 0 150px 0;
    }

    .album .img3 {
        width: 30%;
        margin: 0 0 350px 0;
    }

    .album .img4 {
        width: 30%;
        margin: -30px 0 350px 0;
    }

    .album .responsive-container-block.img-cont {
        align-items: center;
        padding: 10px 10px 10px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .album .img.img-big1 {
        width: 30%;
        margin: 0 0 25px 0;
    }

    .album .img.img-big5 {
        width: 30%;
        margin: -440px 0px 25px 0;
    }

    .album .img.img-big6 {
        width: 30%;
        margin: -740px 0 5px 0;
    }

    .album2 {
        top: 100px;
        left: 0px;
        width: 100%;
        position: absolute;
        z-index: 2;
    }

    .album2 .img2 {
        width: 30%;
        margin: 0px 0 250px 0;
    }

    .album2 .img3 {
        width: 30%;
        margin: 0 0 350px 0;
    }

    .album2 .img4 {
        width: 30%;
        margin: -250px 0 530px 0;
    }

    .album2 .responsive-container-block.img-cont {
        align-items: center;
        padding: 10px 10px 10px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .album2 .img.img-big1 {
        width: 30%;
        margin: -255px 0 25px 0;
    }

    .album2 .img.img-big5 {
        width: 30%;
        margin: -830px 0px 25px 0;
    }

    .album2 .img.img-big6 {
        width: 30%;
        margin: -740px 0 5px 0;
    }
}

@media (min-width: 1281px) and (max-width: 2180px) {
    .section-feedbacks {
        width: 100%;
        min-height: auto;
        padding: 5rem 0;
    }

    .img-backgroud-box {
        display: flex;
        height: 1400px;
        width: 80%;
        position: relative;
        z-index: 1;
        justify-content: center;
        top: 250px;
        justify-self: center;
    }

    .img-backgroud {
        width: 100%;
        background: radial-gradient(circle, rgba(1, 116, 123, 1) 0%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 1) 100%);
    }

    .text-feedbacks-1 {
        color: #FFF;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: "Poppins";
        font-size: 60px;
        font-style: normal;
        font-weight: 300;
        line-height: 52px;
        margin-top: 0px;
        position: relative;
        z-index: 2;
        width: 50%;
        justify-self: center;
        margin-bottom: -100px;
        top: 100px;
    }

    .strong-feedbacks {
        color: #80D7D3;
        font-family: BravenRegular;
        font-size: 60px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px;
    }

    .tables {
        position: relative;
        top: 230px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .tab {
        cursor: pointer;
        padding: 10px 20px;
        margin: 0px 20px;
        background: #000;
        color: #fff;
        border-radius: 30px;
        font-family: BravenRegular;
        font-size: 26px;
    }

    .panels {
        width: 100%;
        overflow: hidden;
    }

    .panel {
        display: none;
        animation: fadein .8s;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .radio {
        display: none;
    }

    #one:checked~.panels #one-panel,
    #two:checked~.panels #two-panel {
        display: block
    }

    #one:checked~.tabs #one-tab,
    #two:checked~.tabs #two-tab {
        background: #80D7D3;
        color: #fff;
    }

    .text-ppp {
        color: #FFF;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: BravenRegular;
        font-size: 50px;
        font-style: normal;
        font-weight: 300;
        line-height: 52px;
        margin-top: 0px;
        position: relative;
        z-index: 2;
        width: 50%;
        justify-self: center;
        top: 270px;
    }

    .text-lpf {
        color: #FFF;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: BravenRegular;
        font-size: 50px;
        font-style: normal;
        font-weight: 300;
        line-height: 52px;
        margin-top: 0px;
        position: relative;
        z-index: 2;
        width: 50%;
        justify-self: center;
        top: 500px;
    }

    .feedback-ppp {
        display: none;
    }

    .feedback-lpf {
        display: none;
    }

    .album {
        top: 100px;
        left: 0px;
        width: 100%;
        height: 1450px;
        position: absolute;
        z-index: 2;
    }

    .album .img2 {
        width: 30%;
        margin: 0 0 150px 0;
    }

    .album .img3 {
        width: 30%;
        margin: 0 0 350px 0;
    }

    .album .img4 {
        width: 30%;
        margin: -130px 0 350px 0;
    }

    .album .responsive-container-block.img-cont {
        align-items: center;
        padding: 10px 20% 10px 20%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .album .img.img-big1 {
        width: 30%;
        margin: -135px 0 25px 0;
    }

    .album .img.img-big5 {
        width: 30%;
        margin: -400px 0px 25px 0;
    }

    .album .img.img-big6 {
        width: 30%;
        margin: -700px 0 5px 0;
    }

    .album2 {
        top: 100px;
        left: 0px;
        width: 100%;
        height: 1450px;
        position: absolute;
        z-index: 2;
    }

    .album2 .img2 {
        width: 30%;
        margin: 0px 0 300px 0;
    }

    .album2 .img3 {
        width: 30%;
        margin: 0 0 350px 0;
    }

    .album2 .img4 {
        width: 30%;
        margin: -280px 0 450px 0;
    }

    .album2 .responsive-container-block.img-cont {
        align-items: center;
        padding: 10px 20% 10px 20%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .album2 .img.img-big1 {
        width: 30%;
        margin: -275px 0 25px 0;
    }

    .album2 .img.img-big5 {
        width: 30%;
        margin: -760px 0px 25px 0;
    }

    .album2 .img.img-big6 {
        width: 30%;
        margin: -700px 0 5px 0;
    }
}

/* End Section-feedbacks */


/* Start Section-bonus */
.section-bonus {
    width: 100%;
    min-height: auto;
    background: #000000;
    padding: 4rem 0;
    position: relative;
}

.bonus-content {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

.bonus {
    width: 100%;
    height: 100px;
    text-align-last: center;
}

.strong-bonus {
    color: #FFF;
    font-family: BravenRegular;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
}

.box-bonus {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 100px;
}

.card1-bonus {
    background: whitesmoke;
    padding: 5px;
    height: 280px;
    border-radius: 10px;
    align-items: center;
    width: 20%;
}

.card1 {
    --card-width: 100%;
    z-index: 1;
    position: relative;
    width: 100%;
}

.card2 {
    --card-width: 100%;
    z-index: 1;
    position: relative;
    width: 100%;
}

.card1:nth-of-type(1) .image-container {
    background-image: url("img/bonus/ebook.png");
    height: 280px;
}

.card2:nth-of-type(1) .image-container {
    background-image: url("img/bonus/planilha.png");
    height: 280px;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-bonus {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .bonus-content {
        margin-top: 100px;
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }

    .strong-bonus {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .bonus {
        width: 100%;
        height: 100px;
        text-align-last: center;
        margin-top: -300px;
    }

    .box-bonus {
        width: 100%;
        height: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 200px;
        gap: 0px;
    }

    .card1-bonus {
        background: whitesmoke;
        padding: 10px;
        height: 280px;
        border-radius: 10px;
        align-items: center;
        width: 65%;
        margin-top: 50px;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .section-bonus {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .bonus-content {
        margin-top: 100px;
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }

    .strong-bonus {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .bonus {
        width: 100%;
        height: 100px;
        text-align-last: center;
        margin-top: -300px;
    }

    .box-bonus {
        width: 100%;
        height: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 200px;
        gap: 0px;
    }

    .card1-bonus {
        background: whitesmoke;
        padding: 10px;
        height: 280px;
        border-radius: 10px;
        align-items: center;
        width: 65%;
        margin-top: 50px;
    }
}

@media (min-width: 441px) and (max-width: 980px) {
    .section-bonus {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
    }

    .bonus-content {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
    }

    .bonus {
        width: 100%;
        height: 100px;
        text-align-last: center;
    }

    .strong-bonus {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .box-bonus {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        margin-top: 50px;
        gap: 20px;
    }

    .card1-bonus {
        background: whitesmoke;
        padding: 5px;
        height: 320px;
        border-radius: 10px;
        align-items: center;
        width: 40%;
    }

    .card1 {
        --card-width: 100%;
        z-index: 1;
        position: relative;
        width: 100%;
    }

    .card2 {
        --card-width: 100%;
        z-index: 1;
        position: relative;
        width: 100%;
    }

    .card1:nth-of-type(1) .image-container {
        background-image: url("img/bonus/ebook.png");
        height: 320px;
    }

    .card2:nth-of-type(1) .image-container {
        background-image: url("img/bonus/planilha.png");
        height: 320px;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-bonus {
        top: 4900px;
        left: 0px;
        width: 100%;
        height: 450px;
        background: #000000;
        display: flex;
        position: absolute;
    }
}

/* End Section-bonus */


/* Start Section-planes */
.section-planes {
    width: 100%;
    min-height: auto;
    background: #000000;
    padding: 4rem 0;
    position: relative;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .planes {
        margin-top: 680px;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .text-selectp {
        width: 50%;
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 40px;
        display: flex;
        position: relative;
        z-index: 2;
        margin-top: -165px;
        display: flex;
        justify-content: center;
    }

    .plane2 {
        width: 100%;
        height: 480px;
        object-fit: cover;
    }

    .box-button3 {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
    }

    .botton3 {
        width: 250px;
        height: 55px;
        border-radius: 65px;
        background: #01747B;
        color: white;
        font-size: 29px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 60px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -90px;
        text-align-last: center;
    }

    .select-courses {
        margin-top: -100px;
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .box-courses {
        height: 400px;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 27px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 100px;
        --card-width: 100%;
        --card-max-width: 270px;
        --card-height: 250px;
        --carousel-min-width: 300px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0px auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 160px;
        border-radius: 15px;
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 200px;
        border-radius: 10px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 100px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .botton4 {
        width: 290px;
        height: 54px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        justify-self: center;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .planes {
        margin-top: 680px;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .text-selectp {
        width: 50%;
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 40px;
        display: flex;
        position: relative;
        z-index: 2;
        margin-top: -165px;
        display: flex;
        justify-content: center;
    }

    .plane2 {
        width: 100%;
        height: 480px;
        object-fit: cover;
    }

    .box-button3 {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
    }

    .botton3 {
        width: 250px;
        height: 55px;
        border-radius: 65px;
        background: #01747B;
        color: white;
        font-size: 29px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 60px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -90px;
        text-align-last: center;
    }

    .select-courses {
        margin-top: -100px;
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .box-courses {
        height: 400px;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 27px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 100px;
        --card-width: 100%;
        --card-max-width: 270px;
        --card-height: 250px;
        --carousel-min-width: 300px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0px auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 160px;
        border-radius: 15px;
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 200px;
        border-radius: 10px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 100px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .botton4 {
        width: 290px;
        height: 54px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        justify-self: center;
    }
}

@media (min-width: 441px) and (max-width: 799px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
    }

    .planes {
        margin-top: 1120px;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .box-planes {
        width: 99%;
        position: relative;
        z-index: 1;
        justify-content: center;
        display: flex;
    }

    .plane2 {
        width: 100%;
        object-fit: cover;
    }

    .box-button3 {
        width: 100%;
        height: 55px;
        display: flex;
        margin-top: -70px;
        justify-content: center;
    }

    .botton3 {
        width: 330px;
        height: 60px;
        border-radius: 65px;
        background: #01747B;
        color: white;
        font-size: 40px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 60px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -50px;
        text-align-last: center;
        align-content: center;
    }

    .select-courses {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .box-courses {
        height: 600px;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 60px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 125px;
        --card-width: 80%;
        --card-max-width: 350px;
        --card-height: 400px;
        --carousel-min-width: 350px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0 auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 300px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 300px;
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 300px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 50px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .box-button4 {
        width: 490px;
        display: flex;
        justify-self: center;
        place-content: center;
        flex-wrap: wrap;
    }

    .botton4 {
        width: 490px;
        height: 74px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        justify-self: center;
    }
}

@media (min-width: 800px) and (max-width: 979px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 3.5rem 0;
    }

    .planes {
        margin-top: 1100px;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .box-courses {
        height: 420px;
    }

    .plane2 {
        width: 100%;
        height: 1000px;
        object-fit: cover;
    }

    .box-button3 {
        width: 450px;
        height: 55px;
        display: flex;
        margin-top: -70px;
        place-self: center;
        justify-content: center;
    }

    .botton3 {
        width: 450px;
        height: 89px;
        border-radius: 65px;
        background: #01747B;
        color: white;
        font-size: 50px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 60px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -100px;
        text-align-last: center;
        align-content: center;
    }

    .select-courses {
        margin-top: 50px;
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 28px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 54px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        --card-width: 80%;
        --card-max-width: 350px;
        --card-height: 400px;
        --carousel-min-width: 350px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0 auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 300px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 300px;
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 300px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 50px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .box-button4 {
        width: 490px;
        display: flex;
        justify-self: center;
        place-content: center;
        flex-wrap: wrap;
    }

    .botton4 {
        width: 490px;
        height: 74px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        justify-self: center;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .planes {
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .box-planes {
        width: 100%;
        position: relative;
        z-index: 1;
        justify-content: center;
        display: flex;
    }

    .img-plane {
        text-align-last: center;
        width: 25%;
        height: 980px;
    }

    .plane2 {
        top: 50px;
        position: relative;
    }

    .box-button3 {
        width: 570px;
        display: flex;
        justify-self: center;
    }

    .botton3 {
        width: 570px;
        height: 100px;
        border-radius: 55px;
        background: #01747B;
        color: white;
        font-size: 50px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -155px;
    }

    .select-courses {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .box-courses {
        height: 500px;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 100px;
        --card-width: 80%;
        --card-max-width: 350px;
        --card-height: 400px;
        --carousel-min-width: 350px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0 auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 300px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 300px;
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 300px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 100px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .botton4 {
        width: 290px;
        height: 54px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: 40px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
}

@media (min-width: 1281px) and (max-width: 1980px) {
    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 5rem 0;
    }

    .planes {
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .text-selectp {
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 51px;
        display: flex;
        position: relative;
        justify-content: center;
        z-index: 2;
        margin-top: -128px;
    }

    .box-courses {
        height: 550px;
    }

    .box-planes {
        width: 99%;
        position: relative;
        z-index: 1;
        justify-content: center;
        display: flex;
    }

    .img-plane {
        text-align-last: center;
        width: 25%;
    }

    .plane2 {
        top: 50px;
        position: relative;
    }

    .box-button3 {
        width: 570px;
        display: flex;
        justify-self: center;
    }

    .botton3 {
        width: 570px;
        height: 100px;
        border-radius: 55px;
        background: #01747B;
        color: white;
        font-size: 50px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -155px;
    }

    .select-courses {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 100px;
        --card-width: 80%;
        --card-max-width: 350px;
        --card-height: 400px;
        --carousel-min-width: 350px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0 auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 200px;
        border-radius: 10px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 100px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .botton4 {
        width: 290px;
        height: 54px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: 40px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
}

@media (min-width: 1981px) and (max-width: 2180px) {
    .hidden2 {
        opacity: 0;
        filter: blur(10px);
        transition: all 1s;
        transform: translatex(-100%);
    }

    .show2 {
        opacity: 1;
        filter: blur(0px);
        transition: all 1s;
        transform: translateX(0);
    }

    .section-planes {
        width: 100%;
        min-height: auto;
        padding: 5rem 0;
    }

    .planes {
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, #01747B 100%);
    }

    .text-selectp {
        color: #FFF;
        text-align: center;
        font-family: BravenRegular;
        font-size: 51px;
        display: flex;
        position: relative;
        justify-content: center;
        z-index: 2;
        margin-top: -128px;
    }

    .box-planes {
        width: 100%;
        position: relative;
        z-index: 1;
        justify-content: space-around;
        display: flex;
    }

    .img-plane {
        text-align-last: center;
        width: 25%;
    }

    .plane2 {
        top: 100px;
        position: relative;
        display: flex;
        place-self: center;
    }

    .box-button3 {
        width: 570px;
        display: flex;
        justify-self: center;
    }

    .botton3 {
        width: 570px;
        height: 100px;
        border-radius: 55px;
        background: #01747B;
        color: white;
        font-size: 50px;
        font-family: BravenRegular;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: -105px;
    }


    .select-courses {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
    }

    .text-select-crs {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins';
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 60px
    }

    .strong-crs {
        color: #FFF;
        font-family: BravenRegular;
        font-size: 64px;
        font-style: normal;
        font-weight: 400;
        line-height: 60px;
    }

    .card-carousel {
        top: 100px;
        --card-width: 80%;
        --card-max-width: 350px;
        --card-height: 400px;
        --carousel-min-width: 350px;
        z-index: 1;
        position: relative;
        width: 100%;
        height: var(--card-height);
        min-width: var(--carousel-min-width);
        transition: filter .3s ease;
    }

    .card-carousel.smooth-return {
        transition: all .2s ease;
    }

    .card-carousel .card {
        background: whitesmoke;
        width: var(--card-width);
        max-width: var(--card-max-width);
        text-align: center;
        padding: 5px;
        min-width: 250px;
        height: var(--card-height);
        position: absolute;
        margin: 0 auto;
        transition: inherit;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        filter: brightness(.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .card.highlight {
        filter: brightness(1)
    }

    .card:nth-of-type(1) .image-container {
        background-image: url("img/courses/curse1.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(2) .image-container {
        background-image: url("img/courses/curse2.png");
        height: 200px;
        border-radius: 10px;
    }

    .card:nth-of-type(3) .image-container {
        background-image: url("img/courses/curse3.png");
        height: 200px;
        border-radius: 10px;
    }

    .image-container {
        background-position-x: center;
        width: 100%;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .image-container::after {
        display: block;
        width: 120%;
        height: 120%;
        border: solid 3px rgba(0, 0, 0, .1);
        border-radius: 100%;
        position: absolute;
        top: calc(-10% - 3px);
        left: calc(-10% - 3px);
    }

    .text-curses {
        display: grid;
        color: #1D1D1D;
        text-align: center;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        margin-top: 0px;
    }

    .text-curses-strong {
        color: #1D1D1D;
        font-family: 'Poppins';
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .box-more-info {
        margin-top: 100px;
        width: 100%;
        display: flex;
        position: absolute;
        height: 100px;
        justify-content: center;
    }

    .botton4 {
        width: 290px;
        height: 54px;
        color: #241316;
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.559px;
        background: linear-gradient(180deg, #80D7D3 0%, #01747B 100%);
        text-align: center;
        align-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin-top: 40px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

}

/* End Section-planes */


/* Start Section-banner-end */
.section-banner-end {
    width: 100%;
    min-height: auto;
    background-color: #000;
    padding: 4rem 0;
    position: relative;
}

@media (min-width: 320px) and (max-width: 375px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .img-end {
        position: absolute;
        background-color: #000;
        background-image: url("img/benefits/particles.png");
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        z-index: 1;
        width: 100%;
        height: 350px;
    }

    .box-tam-img-end {
        width: 100%;
        height: 330px;
        top: 20px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 330px;
        position: absolute;
        z-index: 3;
        justify-content: center;
    }

    .text-button {
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 30px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 30px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 30px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 20px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
        align-self: center;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
        justify-self: center;
    }

    .empty3 {
        width: 0%;
    }

}

@media (min-width: 376px) and (max-width: 440px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .img-end {
        position: absolute;
        background-color: #000;
        background-image: url("img/benefits/particles.png");
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        z-index: 1;
        width: 100%;
        height: 320px;
    }

    .box-tam-img-end {
        width: 100%;
        height: 320px;
        top: 20px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 320px;
        position: absolute;
        z-index: 3;
        justify-content: center;
    }

    .text-button {
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 30px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 30px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 30px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 20px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
        align-self: center;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
        place-self: center;
    }

    .empty3 {
        width: 0%;
    }


}

@media (min-width: 441px) and (max-width: 799px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
    }

    .img-end {
        position: absolute;
        background-color: #000;
        background-image: url("img/benefits/particles.png");
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        z-index: 1;
        width: 100%;
        height: 350px;
    }

    .box-tam-img-end {
        width: 100%;
        height: 320px;
        top: 20px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 320px;
        position: absolute;
        z-index: 3;
        justify-content: center;
    }

    .text-button {
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 38px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 39px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 32px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 30px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
        align-self: center;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
        justify-self: center;
    }

    .empty3 {
        width: 0%;
    }

}

@media (min-width: 800px) and (max-width: 979px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 3.5rem 0;
    }

    .img-end {
        position: absolute;
        background-color: #000;
        background-image: url("img/benefits/particles.png");
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        z-index: 1;
        width: 100%;
        height: 350px;
    }

    .box-tam-img-end {
        width: 100%;
        height: 320px;
        top: 20px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 320px;
        position: absolute;
        z-index: 3;
        justify-content: center;
    }

    .text-button {
        width: 90%;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 38px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 39px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 32px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 30px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        align-self: center;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
        align-self: center;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
        justify-self: center;
    }

    .empty3 {
        width: 0%;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .img-end {
        background-image: url('img/ending/ending.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        position: relative;
        width: 100%;
        height: 920px;
        z-index: 1;
    }

    .box-tam-img-end {
        width: 100%;
        height: 380px;
        top: 100px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 3;
        justify-content: end;
    }

    .text-button {
        width: 45%;
        display: flex;
        flex-direction: column;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 50px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 58px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #000;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
    }

    .empty3 {
        width: 30%;
        height: 100px;
    }
}

@media (min-width: 1281px) and (max-width: 2180px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 5rem 0;
    }

    .img-end {
        background-image: url('img/ending/ending.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        position: relative;
        width: 100%;
        height: 950px;
        z-index: 1;
    }

    .box-tam-img-end {
        width: 100%;
        height: 380px;
        top: 100px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 3;
        justify-content: end;
    }

    .text-button {
        width: 45%;
        display: flex;
        flex-direction: column;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 75px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 58px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #000;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
    }

    .empty3 {
        width: 30%;
        height: 100px;
    }
}

@media (min-width: 1981px) and (max-width: 2180px) {
    .section-banner-end {
        width: 100%;
        min-height: auto;
        padding: 5rem 0;
    }

    .img-end {
        background-image: url('img/ending/ending.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        position: relative;
        width: 100%;
        height: 1000px;
        z-index: 1;
    }

    .box-tam-img-end {
        width: 100%;
        height: 380px;
        top: 100px;
        left: 0px;
        position: absolute;
        z-index: 2;
    }

    .box-end {
        display: flex;
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 3;
        justify-content: end;
    }

    .text-button {
        width: 45%;
        display: flex;
        flex-direction: column;
    }

    .text1-end {
        width: 100%;
        color: #fff;
        font-family: BravenRegular;
        font-size: 75px;
        line-height: 110%;
    }

    .text2-end {
        width: 100%;
        color: #fff;
        font-family: "Poppins";
        font-weight: 500;
        font-size: 58px;
        line-height: 110%;
    }

    .text3-end {
        width: 85%;
        color: #000;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .text4-end {
        width: 85%;
        color: #fff;
        font-family: "Poppins";
        font-size: 35px;
        font-style: italic;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
    }

    .box-button5 {
        width: 290px;
        display: flex;
        z-index: 3;
        margin-top: 10px;
    }

    .botton5 {
        color: #000;
        text-align: center;
        place-content: center;
        font-family: "Poppins";
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border-radius: 50px;
        background: #80D7D3;
        width: 290px;
        height: 55px;
    }

    .empty3 {
        width: 30%;
        height: 100px;
    }
}

/* End Section-banner-end */


/* Start Footer */
.footer {
    width: 100%;
    min-height: auto;
    background-color: #000;
    padding: 3rem 0;
    position: relative;
}

@media (min-width: 320px) and (max-width: 375px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 2rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 100%;
        height: 140px;
        margin-top: 20px;
        display: flex;
        justify-self: center;
        flex-direction: column;
    }

    .insta {
        width: 100%;
        height: 60px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 100px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 376px) and (max-width: 440px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 2.5rem 0;
    }

    .box-img-footer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        margin-top: 20px;
    }

    .social-midia {
        width: 100%;
        height: 140px;
        margin-top: 20px;
        display: flex;
        justify-self: center;
        flex-direction: column;
    }

    .insta {
        width: 100%;
        height: 60px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 100px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 441px) and (max-width: 799px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 3rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 90%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        justify-self: center;
    }

    .insta {
        width: 30%;
        height: 50px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 120px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 800px) and (max-width: 979px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 3.5rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 90%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        justify-self: center;
    }

    .insta {
        width: 30%;
        height: 50px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 120px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 100%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        justify-self: center;
    }

    .insta {
        width: 40%;
        height: 50px;
        color: #FFF;
        font-family: Inter;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 80px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        width: 80%;
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 1281px) and (max-width: 2180px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 90%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        justify-self: center;
    }

    .insta {
        width: 30%;
        height: 50px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 65px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

@media (min-width: 1981px) and (max-width: 2180px) {
    .footer {
        width: 100%;
        min-height: auto;
        padding: 4rem 0;
    }

    .logo2 {
        width: 260px;
        height: 100px;
        display: flex;
        justify-self: center;
        margin-top: 20px;
    }

    .social-midia {
        width: 90%;
        height: 100px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        justify-self: center;
    }

    .insta {
        width: 30%;
        height: 50px;
        color: #FFF;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-self: center;
        place-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .area-desenvolvimento {
        width: 100%;
        height: 65px;
        background-color: #D9D9D9;
    }

    .developer-and-designer {
        width: 100%;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-developer {
        color: #000;
        text-align: center;
        font-family: "Poppins";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

/* End Footer */