* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-style);
}

/* SmoothScroll CSS */
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}
/* SmoothScroll CSS */

.has-scroll-init{
    overflow: hidden !important;
}

html,body {
    overflow-x: hidden !important;
}

/* ANIMATIONS */
.animateInfo{
    opacity: 0; /* Ensure element is hidden initially */
}

.hero-section {
    margin-top: -30px;
    height: fit-content;
    overflow: hidden;
}

.marginTpx-70{
    margin-top: 70px;
}

.bg-hero-section{
    position: relative;
    background-color: #4701A1;
    overflow: hidden;
}

.hero-footer .subtitle {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.456px;
}
.info-hero{
    display:flex;
    justify-content: center;
    align-items: center;
}

.hero-img {
    margin-left: 6%;
}

.info-hero {
    z-index:3;
    display: flex;
    justify-content: left;
    text-align: left;
}

.paddingTop-40{
    padding-top:40px;
}
.marginTop-40{
    margin-top:40px;
}

.info-title .purpleBtn {
    z-index:2;
    border:none;
    background-color: var(--btn-purple);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 46px;
    width:170px;
    height:var(--btns-height);
}

.info-title .pinkBtn {
    z-index:2;
    border:none;
    background-color: var(--btn-pink);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 46px;
    width:190px;
    height:var(--btns-height);
    margin-left:20px;
}

.styleBtnsHero{
    color: #FFF;
    text-align: center;
    font-family: var(--font-style);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 600;
}

.info-hero .info-title {
    display: flex;
    color: white;
}

.info-title .pinkBtn {
    border-radius: 46px;
    background: #FF00A8;
    display: flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 17.3px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.info-hero .info-title {
    display: flex;
    color: white;
}

.info-title h1 {
    margin-top: 80px;
    font-family: var(--font-style);
    font-size: 56px;
    font-weight: 800;
}

.heroDescription {
    color: #FFF;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.info-title .color-yellow {
    color: #FEC10B;
}


.img-hero{
    z-index: 2;
    position: relative;
    max-width: 600px;
    max-height: 600px;
}

.first-circle-blend{
    position: absolute;
    z-index: 1;
    top:-30%;
    border-radius: 1638px;
    width: 1394px;
    height: 1638px;
    flex-shrink: 0;
    background: #BD1BE5;
    mix-blend-mode: color-dodge;
    filter: blur(686.2000122070312px);
}


.hero-footer {
    padding-top:150px;
    padding-bottom: 150px;
}

.hero-footer h6{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.456px;
}

.title-hero-footer{
    padding-bottom:50px;
}

.footer-logos{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index:2;
}

.logos-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* INFO SECTION */
.info-section{
    background-color: var(--white);
    padding-top:120px;
    padding-bottom:190px;
}

.text-info-div{
    padding-top:100px;
}

.text-info-div h4{
    font-size: var(--font-size-titles);
    color: #353F4F;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 20px;
}

.btn-info-general{
    font-size: var(--font-size-small) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    text-align: center !important;
}

.info-description-txt{
    padding-top:30px;
    width:600px;
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-small);
    color: #6C757D;
    letter-spacing: 0.5px;
}

.btn-funcs{
    background: var(--white) !important;
    border-radius: 46px !important;
    width:210px !important;
    height:var(--btns-height);
    padding: 12px 30px !important;
    border: 1px solid var(--btn-purple) !important;
}

.btn-money{
    margin-left:20px;
    background: var(--white) !important;
    border-radius: 46px !important;
    width:140px !important;
    height:var(--btns-height);
    border: 1px solid var(--salmon-pink) !important;
    padding: 12px 30px !important;
}

.btns-info-div{
    padding-top:100px;
}

.info-section-title{
    color: #353F4F;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: var(--font-size-banners);
    font-style: normal;
    font-weight: 700;
    line-height: 69.36px;
    letter-spacing: -0.5px;
}

.info-section-substitle{
    color: var(--light-purple);
    text-align: center;
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.456px;
}

/* Testimonial Section */

.section-testimonial{
    background-color: var(--dark-purple);
    padding-top:110px;
    padding-bottom:100px;
    height:auto;
}

.img_container_width{
    max-width:550px;
    max-height:600px;
}

.big_default_img{
    border-radius: 46px;
}

.testimonial-content{
    padding-top:30px;
    transition: opacity 0.5s ease-in-out;
}

.title-referential{
    color: var(--white);
    font-family: var(--font-style);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.15px;
    font-size: var(--font-size-larger-titles);
    transition: opacity 0.5s ease-in-out;
}

.person-function {
    color: var(--white);
    font-family: var(--font-style);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.55px;
    font-size: var(--font-size-medium);
    opacity: 0.35;
    padding:10px 0 5px 0;
}

.person-testimonial {
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.22px;
}

.container-cards{
    padding-top: 150px;
    margin:10px;
}

.card-testimonial {
    display:flex;
    flex-direction: row;
    align-items: center;
    cursor:pointer;
    width:100%;
    height:auto;
    min-height: 176px;
    padding:30px 10px;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid var(--white);
    background: linear-gradient(43deg, rgba(0, 0, 0, 0.20) 11.31%, rgba(102, 102, 102, 0.20) 107.6%);
}

.profile_img{
    width: 85px;
    height:85px;
    border-radius:50%;
    transition: background-image 0.5s ease-in-out;
}

.card-selector-title{
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 24px */
    letter-spacing: 0.24px;
    text-transform: capitalize;
}

.card-selector-subtitle{
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.4px;
    text-transform: capitalize;
}

#card-selector-1{
    background-image: url(../images/home/img_testemunho_exemplo1.png);
    background-repeat: no-repeat;
}
#card-selector-2{
    background-image: url(../images/home/ritaFixandoThumb.png);
    background-repeat: no-repeat;
}
#card-selector-3{
    background-image: url(../images/home/img_testemunho_exemplo3.png);
    background-repeat: no-repeat;
}
#card-selector-4{
    background-image: url(../images/home/img_testemunho_exemplo4.png);
    background-repeat: no-repeat;
}

.container-more-advantages{
    padding: 0 50px;
}

.more-adv-substitle {
    color: var(--light-purple);
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.more-adv-title {
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-banners);
    font-style: normal;
    font-weight: 700;
    line-height: 69.36px;
    letter-spacing: -0.5px;
}

.more-adv-description {
    color: var(--white);
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 1rem;
}

.second-circle-blend {
    border:2px solid red;
    position: absolute;
    background: #1BB5E5;
    mix-blend-mode: color-dodge;
    filter: blur(686.2000122070312px);
    width: 1500px !important;
    height:750px;
    border-radius: 10%;
    margin-left: -750px;
    flex-shrink: 0;
    z-index:1;
}

.adv-card {
    margin: 40px 40px 40px 0;
    width: 100%;
    height:350px;
    text-align: left;
    padding: 30px 0 10px 20px
}

.adv-card:hover{
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, 0.44);
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0px 4px 45.1px 0px rgba(151, 71, 255, 0.35);
    backdrop-filter: blur(22.799999237060547px);
    z-index:3;
    transition: 0.3s;
}


.container-adv-cards{
    z-index:2;
}

.card-title-adv{
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 700;
    line-height: 31.21px;
    padding:20px 0;
}

.card-title-description {
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-smaller);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
}

.card-icon-adv{
    border-radius:50%;
    width:65px;
    height:65px;
    background: linear-gradient(152deg, rgba(8, 8, 17, 0.50)0%, rgba(16, 24, 49, 0.50)100%);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.blur-img{
    filter: blur(8px);
    position:absolute;
    padding-top:15px;
}


.accordion-container{
    padding-top:120px;
}

.div-accordion-container{
    z-index:3;
}

.third-circle-blend{
    border-radius: 1145px;
    background: var(--Magenta-Magenta-Bzq-100, #D81159);
    mix-blend-mode: color-dodge;
    filter: blur(686.2000122070312px);
    width: 1500px !important;
    height:750px;
    border-radius: 10%;
    margin-left: -750px;
    flex-shrink: 0;
    z-index:1;
    position:absolute;
}

.inner_container{
    z-index:2;
}

.accordion-left-title{
    color: var(--white);
    font-family: var(--font-style);
    font-size: var(--font-size-larger-titles);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.accordion-left-subtitle{
    color: var(--white);
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    opacity: 0.8;
    padding-top:30px;
}

.accordion {
    background-color: transparent;
    color: var(--white) !important;
    cursor: pointer !important;
    padding: 18px !important;
    width: 100% !important;
    text-align: left !important;
    border: none !important;
    outline: none !important;
    transition: 0.4s;
    border-bottom: 1px solid white !important;
    border-radius:0 !important;
}

.panel {
    color: var(--white);
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    display: none;
    overflow: hidden;
    padding: 0 18px;
}

.accordion-title{
    color: var(--white);
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
}

.plugins-section{
    background-color: var(--white);
    height:auto;
    padding-top:110px;
    padding-bottom:110px;
    position: relative;
    z-index: 3;
}

.subtitle-plugins{
    color: var(--light-purple);
    text-align: center;
    font-family: var(--font-style-rubik);
    font-size: var(--font-style-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    letter-spacing: -0.456px;
}

.title-plugins{
    color: #353F4F;
    text-align: center;
    font-family: var(--font-style);
    font-size: var(--font-size-banners);
    font-style: normal;
    font-weight: 700;
    line-height: 72.25px; /* 125% */
    letter-spacing: -0.5px;
}

.desc-plugins{
    color: #757575;
    text-align: center;
    font-family: var(--font-style-rubik);
    font-size: var(--font-style-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36.45px */
    width:60%;
    padding-top:20px;
}

.card-plugin{
    display: flex;
    width:385px;
    height: 150px;
    justify-content: center;
    align-items: center;
    gap: 55px;
    padding:0 35px;
    border-radius: 12px;
    background: #FFF;
    margin-top:80px !important;
    box-shadow: 0px 10px 36px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); 
}

.plugins_img{
    min-width:40px;
}

.title-card-plugin { 
    display: block;
    color: #353F4F;
    font-family: var(--fontStyle);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 700;
    line-height: var(--font-size-medium)
}

.subtitle-card-plugin {
    color: #6C757D;
    font-family: var(--font-style);
    font-size: var(--font-size-smaller);
    font-style: normal;
    font-weight: 400;
    line-height: 28.9px;
    text-wrap: nowrap;
}

.next-steps-section {
    background-color: var(--dark-purple);
    height:auto;
    padding-top:110px;
    padding-bottom:110px;
}

.card-next-steps{
    width:100%;
}

.subtitle-next-steps{
    color: var(--light-purple);
    font-family: Inter;
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.title-next-steps{
    color: var(--white);
    font-family: var(--fontStyle);
    font-size: var(--font-size-banners);
    font-style: normal;
    font-weight: 700;
    line-height: 69.36px;
    letter-spacing: -0.5px;
    width:350px;
}

.links-steps,
.links-steps:hover{
    color: var(--white);
    font-family: Raleway;
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 500;
    line-height: 27.2px; /* 170% */
    letter-spacing: 0.48px;
    text-decoration: none;
}


.span-next-implementation{
    color: #E4CCFF;
    font-family: Inter;
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.nxt-step-icon{
    position: relative;
    width:100px;
    height:100px;
    fill: linear-gradient(152deg, rgba(8, 8, 17, 0.50)0%, rgba(16, 24, 49, 0.50)100%);
    backdrop-filter: blur(6.25px);
}

.blur-img-nxt-steps{
    position:absolute;
    width: 45.188px;
    height: 45.313px;
    fill: #64B0F2;
    filter: blur(9.375px);
    margin-top:40px;
    margin-left: 30px;
}

.card-title-description-steps{
    color: var(--white);
    opacity: 0.5;
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-smaller);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}

.next-stage-row{
    padding-top:80px;
    position:relative;
}

.horizontal-line{
    width: 100%;
    height: 1px;
    border-top: 1px #FFF;
    border-right: 1px #FFF;
    border-left: 1px #FFF;
    opacity: 0.1;
    background: #000;
    background-color: white;
}

.title-next-stage{
    color: var(--white);
    font-family: var(--fontStyle);
    font-size: var(--font-size-titles);
    font-style: normal;
    font-weight: 700;
    line-height: 69.36px;
    letter-spacing: -0.5px;
    opacity: 0.3;
}

.fourth-circle-blend{
    border-radius: 1152px;
    background: #A5E51B;
    mix-blend-mode: color-dodge;
    filter: blur(686.2000122070312px);
    width: 900px !important;
    height:1200px;
    border-radius: 10%;
    margin-left: 60%;
    margin-top: 30%;
    flex-shrink: 0;
    z-index:1;
    position:absolute;
}

.next-stage-container{
    position:relative;
    z-index:3;
    padding-top:90px;
}

.pLeft-60{
    padding-left:50px;
}

.btn-roadmap{
    color:white !important;
    background: var(--btn-purple) !important;
    border-radius: 46px !important;
    width:200px !important;
    height:var(--btns-height);
    padding: 12px 30px !important;
    border: 1px solid var(--btn-purple) !important;
}

.btn-changelog{
    color:white !important;
    margin-left:20px;
    background: var(--btn-pink) !important;
    border-radius: 46px !important;
    width:200px !important;
    height:var(--btns-height);
    border: 1px solid var(--salmon-pink) !important;
}

.container-last-btns{
    padding-top:120px;
    position: relative;
    z-index:3;
}

.know-more-card{
    position:relative;
    z-index:3;
    margin-top:100px;
    padding: 84px 170px;
    border-radius: 54px;
    background: url(../images/home/img_brilho.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #5A00CC;
    filter: blur(0px);
}

.title-know-more{
    color: var(--white);
    text-align: center;
    font-family: var(--fontStyle);
    font-size: var(--font-size-banners);
    font-style: normal;
    font-weight: 700;
    line-height: 69.36px;
    letter-spacing: -0.5px;
}

.substitle-know-more{
    padding-top:30px;
    color: var(--white);
    text-align: center;
    font-family: var(--font-style-rubik);
    font-size: var(--font-size-medium);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.email-input{
    margin:auto;
    border:none;
    position:absolute;
    width:70% !important;
    border-radius: 146px;
    background-color: #D9D9D9 !important;
    padding: 10px 13px 10px 30px !important;
    height:70px !important;
    color: #3F3F3F !important;
    font-family: var(--font-style-rubik) !important;
    font-size: var(--font-size-medium) !important;
    font-style: norma !important;
    font-weight: 500 !important;
    line-height: 10px;
    letter-spacing: -0.456px;
    margin: 8px 0;
}

.email-input::placeholder{
    color: #3F3F3F !important;
    font-family: var(--font-style-rubik) !important;
    font-size: var(--font-size-medium) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 10px;
    letter-spacing: -0.456px;
}

.btn-sub{
    color: var(--white) !important;
    margin-top:18px !important;
    position:absolute;
    right:16%;
    display: flex;
    padding: 12px 40px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height:50px !important;
    border-radius: 52px !important;
    background: var(--dark-purple) !important;
}

.container-know-more{
    padding-bottom:110px;
}


@media only screen and (max-width:768px){
    .info-title{
        justify-content: center;
    }
    .img-hero{
        right:-5%;
    }

    .footer-logos div{
        margin-top:25px;
        margin-left:5%;
    }

    .text-info-div{
        text-align: center;
    }
    .btns-info-div{
        justify-content: center;
    }

    .card-next-steps,
    .cards-next-implementations{
        margin-top:35px !important;
    }
    

}


.container-know-more{
    padding-bottom:110px;
}


@media only screen and (max-width:768px){
    .info-title{
        justify-content: center;
    }
    .img-hero{
        right:-5%;
    }

    .footer-logos div{
        margin-top:25px;
        margin-left:5%;
    }

    .text-info-div{
        text-align: center;
    }
    .btns-info-div{
        justify-content: center;
    }

    .card-next-steps,
    .cards-next-implementations{
        margin-top:35px !important;
    }
    

}

@media only screen and (max-width:1060px) {
    .info-title {
        flex-direction: column;
        justify-content: center;
    }

    .info-title h1 {
        text-align: center;
        margin: 0 auto;
        margin-left: 15px;
    }

    .info-title p {
        font-size: 24px;
        margin-top: 25px;
        margin-left: 15px;
        width: 100%;
        text-align: center;
    }

    .info-title button {
        margin: 0 auto;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 992px) {
    .ret-mobile-margin {
        margin-top: 170px !important;
        margin-left: -50% !important;
    }

    .btn-container {
        flex-direction: column;
    }

    .btn-container .innerline {
        margin-top: -25px;
        margin: 0 auto;
    }

    .btn-container button {
        width: 80%;
    }

    .btn-container button:not(:last-child) {
        margin: 30px auto;
    }

    .hero-footer img {
        scale: 0.7;
    }
}
@media only screen and (max-width:600px){
    .logos-container{
        flex-direction:column;
    }

    .hero-section{
        height:2100px;
    }

    .hero-section{
        height:2100px;
    }

    .hero-footer {
        height: 340px !important;
    }
    .logos-container img{
        scale:0.8 !important;
        padding-top:25px;
    }

    .card-plugin{
        height: fit-content;
    }

    .card-plugin > .row{
        flex-direction: column;
        padding:30px;
    }
    .card-plugin > .row > .text-left,
    .card-plugin > .row > .text-right{
        width:100% !important;
        text-align:center;
    }

    .card-plugin{
        height: fit-content;
    }

    .card-plugin > .row{
        flex-direction: column;
        padding:30px;
    }
    .card-plugin > .row > .text-left,
    .card-plugin > .row > .text-right{
        width:100% !important;
        text-align:center;
    }
}

/* RWD 2NS CESTION CARDS */
@media only screen and (max-width:1050px){
    .cards-layout{
        padding-top: 0;
    }
    .cards-layout h2{
        font-size:20px;
    }
    .topo-card{
        flex-direction: column;
    }

    .hero-footer {
        height: 340px !important;
    }

    .logos-container img {
        scale: 0.8 !important;
        padding-top: 25px;
    }
}

/* RWD 2NS CESTION CARDS */
@media only screen and (max-width:1050px) {
    .cards-layout {
        padding-top: 0;
    }

    .cards-layout h2 {
        font-size: 20px;
    }

    .topo-card {
        flex-direction: column;
    }

    .topo-card .brevemente_magenta,
    .topo-card .brevemente_azul {
        width: 80%;
    }

    .card-brevemente p {
        margin-top: 0px;
    }

    .cards-layout h2 {
        width: 100%;
    }

    .card-img-top {
        margin: 10px auto !important;
        /* important to overcome the var of cardlayout */
    }

    .custom-card .card-body h2,
    .custom-card .card-body p {
        text-align: center;
        margin-left: 0;
    }
}

/* RWD 3RD SECTION */
@media only screen and (max-width:1100px) {
    .list {
        display: block;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        width: 70%;
        text-align: center;
    }

    .list li {
        margin: 15px 15px 0 15px;
    }
}

@media only screen and (max-width: 790px) {
    .card-img-top {
        scale: 0.8;
    }
}

@media only screen and (max-width:992px) {
    .client-card {
        text-align: center;
    }

    .extra_text {
        width: 100%;
        font-size: 13px;
    }

    .overrideMargin {
        margin-left: 0 !important;
        margin: 10px auto;
    }

    .first-card-client {
        margin-top: 25px !important;
    }

    .card-ret {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .extra_text {
        font-size: 16px;
    }

    .list {
        columns: 1;
        margin-left: 10%
    }
}

@media only screen and (max-width:550px) {
    .card-body .reason {
        font-size: 12px;
    }

    .extra_text {
        font-size: 14px;
    }

    .about-section-list {
        display: block !important;
    }
}

@media only screen and (max-width:620px) {
    .card-ret {
        flex-direction: column !important;
    }

    .card-ret-inside {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
    }

    .bg-white {
        margin: 0 auto;
    }

    .heading-text {
        width: 80% !important;
    }

    .heading-text h4 {
        margin-top: 15px;
    }
}

@media only screen and (max-width:485px) {
    .objective {
        font-size: 18px;
    }
}

/* App Info section */
@media only screen and (max-width: 767px) {
    .hand-img {
        display: none;
    }

    .info-about-app,
    .info-app-desc {
        width: 100%;
        text-align: center;
    }

    .info-about-app {
        margin-top: 15%;
    }

    .options-app {
        width: 100%;
        margin-top: 10px;
        justify-content: center;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width:430px) {
    .options-app {
        flex-direction: column;
        justify-content: center;
    }

    .web-button {
        margin: 0 auto;
    }

    .options-app img {
        margin: 10px auto !important;
    }
}

.nunito {
    font-family: var(--fontStyle), sans-serif;
}

.spacer {
    margin-bottom: 20%;
}

@media only screen and (max-width:930px) {
    .spacer {
        margin-bottom: 55%;
    }
}

@media only screen and (max-width:1220px) {
    .custom-card button {
        min-width: 125px !important;
    }
}