/*Banner inicial */

.banner-main{
    background-color: #b0f2ae;
    background: radial-gradient(ellipse 507px 464px at 50% 50%, #dfff61, #b0f2ae); 
    padding: 50px 70px 80px 70px;
}

.banner-main-f{
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-main-img{
    width: 533px;
    height: 486px;
}

.banner-img-cont{
    padding-left: 80px;
}

.banner-main-t{
    padding: 20px;
    width: 427px;
}

.banner-main-t1{
    text-decoration: none;
    font-family: 'CIBFontSans Bold';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    color: #2c1a29;
}

.banner-main-t2{
    text-decoration: none;
    font-family: 'CIBFontSans Light';
    font-size: 24px;
    line-height: 26px;
    color: #2c1a29;
}

.banner-main-t3{
    text-decoration: none;
    font-family: 'CIBFontSans Bold';
    font-size: 24px;
    line-height: 26px;
    color: #2c1a29;
}

@media (max-width:1000px){
    .banner-main{
        background-color: #b0f2ae;
        background: radial-gradient(ellipse 380px 350px at 50% 50%, #dfff61, #b0f2ae); 
        padding: 25px 70px 80px 70px;
    }

    .banner-main-f{
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    
    .banner-main-img{
        width: 289px;
        height: 265px;
    }
    
    .banner-img-cont{
        padding-left: 0px;
        padding: 20px;
    }
    
    .banner-main-t{
        padding: 0px;
        width: 328px;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .banner-main-t1{
        text-decoration: none;
        font-family: 'CIBFontSans Bold';
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        color: #2c1a29;
    }
    
    .banner-main-t2{
        text-decoration: none;
        font-family: 'CIBFontSans Light';
        font-size: 16px;
        line-height: 22px;
        color: #2c1a29;
    }

    .banner-main-t3{
        text-decoration: none;
        font-family: 'CIBFontSans Bold';
        font-size: 16px;
        line-height: 22px;
        color: #2c1a29;
    }
}

@media (max-width:472px){
    .banner-main{
        background-color: #b0f2ae;
        background: radial-gradient(ellipse 300px 280px at 50% 50%, #dfff61, #b0f2ae); 
        padding: 25px 20px 80px 20px;
    }

    .banner-main-f{
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    
    .banner-main-img{
        width: 289px;
        height: 265px;
    }
    
    .banner-img-cont{
        padding-left: 0px;
        padding: 0px;
    }
    
    .banner-main-t{
        padding: 0px;
        width: 328px;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .banner-main-t1{
        text-decoration: none;
        font-family: 'CIBFontSans Bold';
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        color: #2c1a29;
    }
    
    .banner-main-t2{
        text-decoration: none;
        font-family: 'CIBFontSans Light';
        font-size: 16px;
        line-height: 22px;
        color: #2c1a29;
    }

    .banner-main-t3{
        text-decoration: none;
        font-family: 'CIBFontSans Bold';
        font-size: 16px;
        line-height: 22px;
        color: #2c1a29;
    }
}


/* SOMOS MAS QUE UNA PASARELA DE PAGOS */

.sec-psrl{
    background-color: white;
    padding: 50px 0 50px 0;
    justify-content: center;
}

.banner-border{
    border: 1px solid #2c2a29;
    border-radius: 20px;
    padding: 32px 103px 32px 103px;
    width: 1078px;
}

.cen-banner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.psrl-img{
    width: 315px;
    height: 206px;
}

.psrl-t{
    width: 430px;
}

.psrl-t1{
    font-family: "CIBFontSans Bold";
    background-color: #dfff61;
    font-size: 32px;
    font-weight: 700px;
    line-height: 34px;
}

.psrl-t2{
    font-family: "CIBFontSans Light";
    font-size: 32px;
    font-weight: 200px;
    line-height: 34px;
}

@media (max-width:1150px) and (min-width:800px){
    .sec-psrl{
        padding: 50px 0 50px 0;
        justify-content: center;
    }
    
    .banner-border{
        border: 1px solid #2c2a29;
        border-radius: 20px;
        padding: 32px 32px 32px 32px;
        width: 760px;
    }
    
    .cen-banner{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .psrl-img{
        width: 315px;
        height: 206px;
    }
    
    .psrl-t{
        width: 350px;
    }
    
    .psrl-t1{
        font-family: "CIBFontSans Bold";
        font-size: 25px;
        font-weight: 700px;
        line-height: 29px;
        background-color: #dfff61;
    }
    
    .psrl-t2{
        font-family: "CIBFontSans Light";
        font-size: 25px;
        font-weight: 200px;
        line-height: 29px;
    }
}

@media (max-width:800px){
    .sec-psrl{
        padding: 50px 0 50px 0;
        justify-content: center;
    }
    
    .banner-border{
        border: 1px solid #2c2a29;
        border-radius: 20px;
        padding: 24px;
        width: 318px;
        height: 388px;
    }
    
    .cen-banner{
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .psrl-img{
        width: 270px;
        height: 195px;
    }
    
    .psrl-t{
        width: 270px;
    }
    
    .psrl-t1{
        font-family: "CIBFontSans Bold";
        font-size: 18px;
        font-weight: 700px;
        line-height: 20px;
        letter-spacing: -0.3px;
        background-color: #dfff61;
    }
    
    .psrl-t2{
        font-family: "CIBFontSans Light";
        font-size: 18px;
        font-weight: 200px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
}

/*Section respaldo Bancolombia */

.respal-dis{
    display: flex;
}

.respaldo-dis{
    display: flex;
    justify-content: space-between;
    margin-left: 30px;
}

.sec-respaldo{
    background-color: #f9ffdf;
    display: flex;
    justify-content: center;
    padding: 48px 0px 48px 0px;
}

.respaldo-t{
    width: 380px;
}

.respaldo-t1{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.respaldo-cont{
    width: 500px;
}

.respaldo-img1{
    position: relative;
    display: grid;
    left: -15%;
    transform: translateY(50%);
    width: 84px;
    height: 84px;
}

.respaldo-img-1{
    display: grid;
    left: -50%;
}

.banner-main-f5{
    display: flex;
    justify-content: center;
    align-items: center;
}

.cont-text{
    display: flex;
    justify-content: space-between;
}

.respaldo-img2{
    position: relative;
    display: flex;
    left: 0%;
    transform: translateY(-30%);
    width: 60px;
    height: 60px;
}

.respaldo-img-2{
    position: relative;
    display: flex;
    left: 0%;
}

@media (max-width:1100px) and (min-width:1000px){
    .respal-dis{
        display: flex;
    }
    
    .respaldo-dis{
        display: flex;
        justify-content: space-between;
        margin-left: 30px;
    }
    
    .sec-respaldo{
        background-color: #f9ffdf;
        display: flex;
        justify-content: center;
        padding: 48px 0px 48px 0px;
    }
    
    .respaldo-t{
        width: 380px;
    }
    
    .respaldo-t1{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    
    .respaldo-cont{
        width: 500px;
    }
    
    .respaldo-img1{
        position: relative;
        display: grid;
        left: 30%;
        transform: translateY(50%);
        width: 84px;
        height: 84px;
    }
    
    .respaldo-img-1{
        display: grid;
        left: -50%;
    }
    
    .banner-main-f5{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cont-text{
        display: flex;
        justify-content: space-between;
    }
    
    .respaldo-img2{
        position: relative;
        display: flex;
        left: -40%;
        transform: translateY(-30%);
        width: 60px;
        height: 60px;
    }
    
    .respaldo-img-2{
        position: relative;
        display: flex;
        left: 0%;
    }
}

@media (max-width:1000px) and (min-width:700px){
    .respal-dis{
        display: block;
    }
    
    .respaldo-dis{
        display: block;
        justify-content: space-between;
        margin-left: 30px;
    }
    
    .sec-respaldo{
        background-color: #f9ffdf;
        display: flex;
        justify-content: center;
        padding: 48px 0px 48px 0px;
    }
    
    .respaldo-t{
        width: 380px;
    }
    
    .respaldo-t1{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    
    .respaldo-cont{
        width: 500px;
    }
    
    .respaldo-img1{
        z-index: 1;
        position: relative;
        display: grid;
        left: 100%;
        transform: translateY(0%);
        width: 84px;
        height: 84px;
    }
    
    .respaldo-img-1{
        z-index: 1;
        display: grid;
        left: 0%;
    }
    
    .banner-main-f5{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cont-text{
        display: flex;
        justify-content: space-between;
    }
    
    .respaldo-img2{
        z-index: 1;
        position: relative;
        display: flex;
        left: -20%;
        transform: translateY(0%);
        width: 60px;
        height: 60px;
    }
    
    .respaldo-img-2{
        z-index: 1;
        position: relative;
        display: flex;
        left: 0%;
    }
}

@media (max-width:700px) and (min-width:550px){
    .respal-dis{
        display: block;
    }
    
    .respaldo-dis{
        display: block;
        justify-content: space-between;
        margin-left: 30px;
    }
    
    .sec-respaldo{
        background-color: #f9ffdf;
        display: flex;
        justify-content: center;
        padding: 48px 0px 48px 0px;
    }
    
    .respaldo-t{
        width: 380px;
    }
    
    .respaldo-t1{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    
    .respaldo-cont{
        width: 500px;
    }
    
    .respaldo-img1{
        z-index: 1;
        position: relative;
        display: grid;
        left: 80%;
        transform: translateY(-50%);
        width: 57px;
        height: 57px;
    }
    
    .respaldo-img-1{
        z-index: 1;
        display: grid;
        left: 0%;
        height: 2px;
    }
    
    .banner-main-f5{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cont-text{
        display: flex;
        justify-content: space-between;
    }

    .buttom-respaldo{
        width: 329px;
    }
    
    .respaldo-img2{
        z-index: 1;
        position: relative;
        display: flex;
        left: 2%;
        transform: translateY(-20%);
        width: 42px;
        height: 42px;
    }
    
    .respaldo-img-2{
        height: 2px;
        z-index: 1;
        position: relative;
        display: flex;
        left: 0%;
    }
}

@media (max-width:700px){
    .respal-dis{
        display: block;
    }
    
    .respaldo-dis{
        display: block;
        justify-content: space-between;
        margin-left: 30px;
    }
    
    .sec-respaldo{
        background-color: #f9ffdf;
        display: flex;
        justify-content: center;
        padding: 48px 0px 48px 0px;
    }
    
    .respaldo-t{
        width: 380px;
    }
    
    .respaldo-t1{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
    }
    
    .respaldo-cont{
        width: 361px;
    }
    
    .respaldo-img1{
        z-index: 1;
        position: relative;
        display: grid;
        left: 80%;
        transform: translateY(-50%);
        width: 57px;
        height: 57px;
    }
    
    .respaldo-img-1{
        z-index: 1;
        display: grid;
        left: 0%;
        height: 2px;
    }
    
    .banner-main-f5{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cont-text{
        display: flex;
        justify-content: space-between;
    }

    .buttom-respaldo{
        width: 329px;
    }
    
    .respaldo-img2{
        z-index: 1;
        position: relative;
        display: flex;
        left: 2%;
        transform: translateY(-20%);
        width: 42px;
        height: 42px;
    }
    
    .respaldo-img-2{
        height: 2px;
        z-index: 1;
        position: relative;
        display: flex;
        left: 0%;
    }
}


/* seccion con wompi estás seguro*/

.sec-seguro{
    padding: 40px;
    background-color: white;
}

.seguro-t{
    width: 532px;
}

.seguro-t1{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -0.47px;
}

.seguro-t2{
    font-style: "OpenSans";
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px; 
}

.seguro-t3{
    font-family: "CIBFontSans Light";
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.3px;
}

@media (max-width:1450px) and (min-width: 1100px) {
    .sec-seguro{
        padding: 0px;
        background-color: white;
    }
    
    .seguro-t{
        width: 532px;
    }
    
    .seguro-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .seguro-t2{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px; 
    }
    
    .seguro-t3{
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 17px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
}

@media (max-width:1200px) and (min-width:1000px){
    .sec-seguro{
        padding: 40px;
        background-color: white;
    }
    
    .seguro-t{
        width: 350px;
    }
    
    .seguro-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 40px;
        line-height: 44px;
        letter-spacing: -0.47px;
    }
    
    .seguro-t2{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.5px; 
    }
    
    .seguro-t3{
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.5px;
    }

    .con-wompi{
        width: 320px;
        height: 320px;
    }
}

@media (max-width:1000px) and (min-width: 700px){
    .sec-seguro{
        padding-top: 60px;
        padding: 20px;
        justify-content: center;
        background-color: white;
    }
    
    .seguro-t{
        width: 400px;
    }
    
    .seguro-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .seguro-t2{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px; 
    }
    
    .seguro-t3{
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }

    .con-wompi{
        width: 350px;
        height: 350px;
    }

    .seguro-cont{
        padding-top: 15px;
    }
}

@media (max-width:700px){
    .sec-seguro{
        padding-top: 60px;
        padding: 20px;
        justify-content: center;
        background-color: white;
    }
    
    .seguro-t{
        width: 329px;
    }
    
    .seguro-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .seguro-t2{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px; 
    }
    
    .seguro-t3{
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }

    .con-wompi{
        width: 270px;
        height: auto;
    }

    .seguro-cont{
        padding-top: 15px;
    }
}

.slide-t1 h1{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.6px;
}

.testimony-video {
    position: relative;
    cursor: pointer;
    width: 533px !important;
    height: 408px;
}



/* section Wompi App*/

.cen-banner2{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0px 200px 0px 200px;
}

.sec-app{
    background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
    padding: 50px;
    background-color: #f8fff8;
    padding-left: 130px;
    padding-right: 130px;
}

.app-t{
    width: 425px;
}

.app-t1{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -0.47px;
}

.app-t2{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.app-t3{
    font-style: "OpenSans";
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.app-t4{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.app-t5{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.img-app1{
    padding-left: 10px;
}

.app-tt{
    padding-top: 15px;
}

.spacing{
    justify-content: left;
    align-items: center;
    padding-top: 20px;
    display: flex;
}

.testimony-video1 {
    position: relative;
    cursor: pointer;
    width: 536px !important;
    height: 427.77px;
    background-color: #3c3c3c;
}

.img-appp{
    display: none;
}

.img-app2{
    display: none;
}

.click-img{
    display: none;
    cursor: pointer;
    z-index: 5;
    left: 12.5%;
    bottom: -568%;
    position: absolute;
}

.vid-app{
    border-radius: 20px;
    width: 536px; 
    height:427.77px;
    background-color: #3c3c3c;
}

.qr-cont{
    display: flex; 
    padding-top: 15px; 
    align-items: end;
}

@media (max-width:2020px) and (min-width:1600px){
    .cen-banner2{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 0px 70px 0px 70px;
    }
    
    .sec-app{
        background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
        padding: 50px;
        background-color: #f8fff8;
        padding-left: 130px;
        padding-right: 130px;
    }
    
    .app-t{
        width: 425px;
    }
    
    .app-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .app-t2{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t3{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t4{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .app-t5{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .img-app1{
        padding-left: 10px;
    }
    
    .app-tt{
        padding-top: 15px;
    }
    
    .spacing{
        justify-content: left;
        align-items: center;
        padding-top: 20px;
        display: flex;
    }
    
    .testimony-video1 {
        position: relative;
        cursor: pointer;
        width: 536px !important;
        height: 427.77px;
    }
}

@media (max-width:1600px) and (min-width:1300px){
    .cen-banner2{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0px 0px 0px 0px;
    }
    
    .sec-app{
        background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
        padding: 50px;
        background-color: #f8fff8;
        padding-left: 100px;
        padding-right: 100px;
    }
    
    .app-t{
        width: 425px;
    }
    
    .app-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .app-t2{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t3{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t4{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .app-t5{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .img-app1{
        padding-left: 10px;
    }
    
    .app-tt{
        padding-top: 15px;
    }
    
    .spacing{
        justify-content: left;
        align-items: center;
        padding-top: 20px;
        display: flex;
    }
    
    .testimony-video1 {
        position: relative;
        cursor: pointer;
        width: 536px !important;
        height: 427.77px;
    }
}

@media (max-width: 1300px) and (min-width:1100px){
    .cen-banner2{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0px 0px 0px 0px;
    }
    
    .sec-app{
        background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
        padding: 50px;
        background-color: #f8fff8;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .app-t{
        width: 425px;
    }
    
    .app-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .app-t2{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t3{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t4{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .app-t5{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .img-app1{
        padding-left: 10px;
    }
    
    .app-tt{
        padding-top: 15px;
    }
    
    .spacing{
        justify-content: left;
        align-items: center;
        padding-top: 20px;
        display: flex;
    }
    
    .testimony-video1 {
        position: relative;
        cursor: pointer;
        width: 536px !important;
        height: 427.77px;
    }
    
}

@media (max-width: 1100px) and (min-width:700px){
    .cen-banner2{
        display: flex;
        flex-flow: column-reverse;
        justify-content: space-around;
        align-items: center;
        padding: 0px 0px 0px 0px;
    }
    
    .sec-app{
        background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
        padding: 50px;
        background-color: #f8fff8;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .app-t{
        width: 425px;
    }
    
    .app-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .app-t2{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t3{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t4{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .app-t5{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .img-app1{
        padding-left: 10px;
    }
    
    .app-tt{
        padding-top: 15px;
    }
    
    .spacing{
        justify-content: left;
        align-items: center;
        padding-top: 20px;
        display: flex;
    }
    
    .vid-app{
        border-radius: 20px;
        width: 536px; 
        height:427.77px;
        margin-top: 20px;
    }

    .img-appp{
        display: block;
        margin-right: 20px;
    }

    .img-app2{
        display: block;
    }

    .img-app1{
        display: none;
    }

    .img-app{
        display: none;
    }

    .qr-cont{
        display: flex; 
        padding-top: 15px; 
        align-items: center;
    }
    
}

@media (max-width: 700px){
    .cen-banner2{
        display: flex;
        flex-flow: column-reverse;
        justify-content: space-around;
        align-items: center;
        padding: 0px 0px 0px 0px;
    }
    
    .sec-app{
        background: radial-gradient(ellipse 360px 290px at 30% 50%, #dfff61, #f8fff8); 
        padding: 50px;
        background-color: #f8fff8;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .app-t{
        width: 328px;
    }
    
    .app-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .app-t2{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t3{
        font-style: "OpenSans";
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .app-t4{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .app-t5{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 10px;
        letter-spacing: -0.2px;
    }
    
    .img-app1{
        padding-left: 10px;
    }
    
    .app-tt{
        padding-top: 15px;
    }
    
    .spacing{
        justify-content: left;
        align-items: center;
        padding-top: 20px;
        display: flex;
    }
    
    .vid-app{
        border-radius: 20px;
        width: 328px; 
        height:245px;
        margin-top: 20px;
    }

    .img-appp{
        display: block;
        margin-right: 20px;
    }

    .img-app2{
        display: block;
    }

    .img-app1{
        display: none;
    }

    .img-app{
        display: none;
    }

    .qr-cont{
        display: flex; 
        padding-top: 15px; 
        align-items: center;
    }
    
}

/* Sección Tarifas */

.sec-tarifas{
    background-color: #f2fdf1;
    padding-top: 80px;
    padding-bottom: 5px;
}

.tarifas-size{
    width: 318px;
    height: filled 450px;
}
.cards-height{
    height: 453.6px;
}

.spacing-responsive{
    padding-top: 130.5px;
}

.tarifas-pos{
    padding-left: 5px;
    height: initial;
    display: flex;
    justify-content: center;
}

.text-trf{
    text-align: center;
}

.text-trf span{
    font-family: "CIBFontSans Light";
    font-weight: 200;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.6px;
}

.text-trf a{
    text-decoration: none;
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.6px;
}

.text-trf2{
    text-align: center;
    padding-top: 5px;
}

.text-trf2 span{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.spacing-cards{
    margin-right: 10px;
}

.banner-main-f2{
    justify-content: center;
    align-items: center;
}

@media (max-width:800px) and (min-width:650px){
    .sec-tarifas{
        background-color: #f2fdf1;
        padding-top: 80px;
        padding-bottom: 5px;
    }
    
    .tarifas-size{
        width: 318px;
        height: filled 450px;
    }

    .respo-dis{
        justify-content: center;
        align-items: center;
    }

    .cards-height{
        height: 320px;
    }
    
    .spacing-responsive{
        padding-top: 0px;
    }
    
    .tarifas-pos{
        padding-left: 5px;
        height: initial;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    
    .text-trf{
        text-align: center;
    }
    
    .text-trf span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.6px;
    }
    
    .text-trf a{
        text-decoration: none;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.6px;
    }
    
    .text-trf2{
        text-align: center;
        padding-top: 5px;
    }
    
    .text-trf2 span{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }

    .spacing-cards{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
}

@media (max-width:650px) and (min-width:550px){
    .sec-tarifas{
        background-color: #f2fdf1;
        padding-top: 80px;
        padding-bottom: 5px;
    }
    
    .tarifas-size{
        width: 318px;
        height: filled 450px;
    }

    .respo-dis{
        justify-content: center;
        align-items: center;
    }
    
    .tarifas-pos{
        padding-left: 5px;
        height: initial;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }

    .cards-height{
        height: 320px;
    }
    
    .spacing-responsive{
        padding-top: 0px;
    }
    
    .text-trf{
        text-align: center;
    }
    
    .text-trf span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .text-trf a{
        text-decoration: none;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .text-trf2{
        text-align: center;
        padding-top: 5px;
    }
    
    .text-trf2 span{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }

    .spacing-cards{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
}

@media (max-width:550px){
    .banner-main-f2{
        display: grid;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .sec-tarifas{
        background-color: #f2fdf1;
        padding-top: 80px;
        padding-bottom: 5px;
    }

    .cards-height{
        height: 355px;
    }
    
    .spacing-responsive{
        padding-top: 0px;
    }
    
    .tarifas-size{
        width: 318px;
        height: filled 450px;
    }

    .respo-dis{
        justify-content: center;
        align-items: center;
    }
    
    .tarifas-pos{
        padding-left: 5px;
        height: initial;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    
    .text-trf{
        text-align: center;
        width: 329px;
    }
    
    .text-trf span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .text-trf a{
        text-decoration: none;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .text-trf2{
        text-align: center;
        padding-top: 5px;
        width: 329px;
    }
    
    .text-trf2 span{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }

    .spacing-cards{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
}

/* Carrusel - sliding text */

.sec-carrusel{
    background-color: #f2ffc0;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 64px;
    align-items: center;
    display: flex;
}

.carrusel-container{
    align-items: center;
    display: flex;
    overflow: hidden;
}

.carrusel-scroll{
    white-space: nowrap;
    display: flex;
    gap: 4px;
}

.rtl{
    animation: LTR 6s linear 0.2s infinite running ;
}

@keyframes LTR{
    from{
        transform: translateX(-20%);
    }
    to{
        transform: translateX(0%);
    }
    
}

.carrusel-scroll span{
    font-family: "CIBFontSans Light";
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.45px;
}

.carrusel-scroll a{
    text-decoration: none;
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.45px;
}

/* Section Experiencia Wompi */

.sec-exp{
    background-color: #2c2a29;
    padding: 140px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.exp-display{
    flex-flow: row-reverse;
}

.exp-t{
    width: 549px;
}

.header-exp{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 56px;
    line-height: 66px;
    letter-spacing: -0.47px;
    color: #f9ffdf;
}

.exp-cat{
    margin-top: 20px;
    flex-flow: row wrap;
}

.border-exp{
    margin-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-style: none none solid none;
    border-color: #f9ffdf;
}

.cat-cont{
    justify-content: left;
    width: 222px;
}

.cat-cont span{
    padding-bottom: 5px;
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.38px;
    color: #f9ffdf;
}

.cat-cont a{
    text-decoration: none;
    font-style: "OpenSans";
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #ffffff;
}

@media (max-width: 1260px) and (min-width:1100px){
    .sec-exp{
        background-color: #2c2a29;
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .exp-display{
        flex-flow: row-reverse;
    }
    
    .exp-t{
        width: 549px;
    }
    
    .header-exp{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 56px;
        line-height: 66px;
        letter-spacing: -0.47px;
        color: #f9ffdf;
    }
    
    .exp-cat{
        margin-top: 20px;
        flex-flow: row wrap;
    }
    
    .border-exp{
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-style: none none solid none;
        border-color: #f9ffdf;
    }
    
    .cat-cont{
        justify-content: left;
        width: 222px;
    }
    
    .cat-cont span{
        padding-bottom: 5px;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
        color: #f9ffdf;
    }
    
    .cat-cont a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: -0.3px;
        color: #ffffff;
    }
}

@media (max-width: 1100px) and (min-width:1000px){
    .sec-exp{
        background-color: #2c2a29;
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .exp-display{
        flex-flow: row-reverse;
    }
    
    .exp-t{
        width: 450px;
    }

    .exp-img{
        width: 470.58px;
    }
    
    .header-exp{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 45px;
        line-height: 49px;
        letter-spacing: -0.47px;
        color: #f9ffdf;
    }
    
    .exp-cat{
        margin-top: 20px;
        flex-flow: row wrap;
    }
    
    .border-exp{
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-style: none none solid none;
        border-color: #f9ffdf;
    }
    
    .cat-cont{
        justify-content: left;
        width: 180px;
    }
    
    .cat-cont span{
        padding-bottom: 5px;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
        color: #f9ffdf;
    }
    
    .cat-cont a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: -0.3px;
        color: #ffffff;
    }
}

@media (max-width: 1000px) and (min-width:700px){
    .sec-exp{
        background-color: #2c2a29;
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .exp-display{
        flex-flow:column wrap;
    }
    
    .exp-t{
        width: 500px;
        padding: 15px;
    }

    .exp-img{
        width: 470.58px;
    }
    
    .header-exp{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 45px;
        line-height: 49px;
        letter-spacing: -0.47px;
        color: #f9ffdf;
    }
    
    .exp-cat{
        margin-top: 20px;
        flex-flow: row wrap;
    }
    
    .border-exp{
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-style: none none solid none;
        border-color: #f9ffdf;
    }
    
    .cat-cont{
        justify-content: left;
        width: 180px;
    }
    
    .cat-cont span{
        padding-bottom: 5px;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.38px;
        color: #f9ffdf;
    }
    
    .cat-cont a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.3px;
        color: #ffffff;
    }
}

@media (max-width: 700px) and (min-width:500px){
    .sec-exp{
        background-color: #2c2a29;
        padding: 0px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .exp-display{
        flex-flow:column wrap;
    }
    
    .exp-t{
        width: 450px;
        padding: 15px;
    }

    .exp-img{
        width: 470.58px;
    }
    
    .header-exp{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 45px;
        line-height: 49px;
        letter-spacing: -0.47px;
        color: #f9ffdf;
    }
    
    .exp-cat{
        margin-top: 20px;
        flex-flow: row wrap;
    }
    
    .border-exp{
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-style: none none solid none;
        border-color: #f9ffdf;
    }
    
    .cat-cont{
        justify-content: left;
        width: 100%;
    }

    .resp-spa{
        margin-top: 20px;
    }
    
    .cat-cont span{
        padding-bottom: 5px;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
        color: #f9ffdf;
    }
    
    .cat-cont a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: -0.3px;
        color: #ffffff;
    }
}

@media (max-width: 500px){
    .sec-exp{
        background-color: #2c2a29;
        padding: 0px;
        padding-top: 40px;
        padding-bottom: 50px;
    }
    
    .exp-display{
        flex-flow:column wrap;
    }
    
    .exp-t{
        width: 329px;
        padding: 10px;
    }

    .exp-img{
        width: 329px;
    }
    
    .header-exp{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
        color: #f9ffdf;
    }
    
    .exp-cat{
        margin-top: 20px;
        flex-flow: row wrap;
    }
    
    .border-exp{
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-style: none none solid none;
        border-color: #f9ffdf;
    }
    
    .cat-cont{
        justify-content: left;
        width: 100%;
    }

    .resp-spa{
        margin-top: 20px;
    }
    
    .cat-cont span{
        padding-bottom: 5px;
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
        color: #f9ffdf;
    }
    
    .cat-cont a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: -0.3px;
        color: #ffffff;
    }
}



/* Section entralizar procesos */

.sec-cent{
    overflow: hidden;
    background-color: white;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    display: grid;
}

.sec-cent-pos{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

.cent-ts{
    justify-content: center;
    align-items: center;
}

.cent-t1{
    position: relative;
    left: 12%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    width: 860px;
}

.cent-t1 span{
    font-family: "CIBFontSans Light";
    font-weight: 200;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -0.47px;
}

.cent-t1 a{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -0.47px;
    text-decoration: none;
}

.cent-t1 p{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-cent{
    padding: 20px 190px 0px 190px;
}

.img-cont-cent{
    z-index: -1;
    width: 300px;
    height: 450px;
}


.img-full-cent{
    position: relative;
    transform: translateY(-22%);
}

.img-resp-cent{
    display: none;
}

.icon-cent{
    transform: translateY(-62%);
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

.icon-cent a{
    text-decoration: none;
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.icon-cent1{
    margin: 0px 10px 0px 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 160px;
}

.buttom-cent{
    padding-top: 20px;
    left: 36%;
    position: relative;
    transform: translateY(-95%);
}

@media (max-width:1250px) and (min-width:1000px){
    .sec-cent{
        overflow: hidden;
        background-color: white;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
        display: grid;
    }
    
    .sec-cent-pos{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }
    
    .cent-t1{
        position: relative;
        left: 7%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 860px;
    }
    
    .cent-t1 span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .cent-t1 a{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
        text-decoration: none;
    }
    
    .cent-t1 p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .p-cent{
        padding: 20px 190px 0px 190px;
    }
    
    .img-cont-cent{
        z-index: -1;
        width: 300px;
        height: 450px;
    }
    
    
    .img-full-cent{
        position: relative;
        transform: translateY(-22%);
        width: 800px;
        height: 500px ;
        left: 38%;
    }
    
    .img-resp-cent{
        display: none;
    }
    
    .icon-cent{
        transform: translateY(-80%);
        display: flex;
        justify-content: space-between;
        align-items:flex-start;
        width: 1000px;
    }
    
    .icon-cent a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .icon-cent1{
        margin: 0px 10px 0px 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 160px;
    }
    
    .buttom-cent{
        padding-top: 20px;
        left: 36%;
        position: relative;
        transform: translateY(-95%);
    }
}

@media (max-width:1000px) and (min-width:700px){
    .sec-cent{
        overflow: hidden;
        background-color: white;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
        display: grid;
    }
    
    .sec-cent-pos{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }
    
    .cent-t1{
        position: relative;
        left: 0%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 860px;
    }
    
    .cent-t1 span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .cent-t1 a{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
        text-decoration: none;
    }
    
    .cent-t1 p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .p-cent{
        padding: 20px 190px 0px 190px;
    }
    
    .img-cont-cent{
        z-index: -1;
        width: 300px;
        height: 1200px;
    }
    
    .img-full-cent{
        display: none;
    }
    
    .img-resp-cent{
        display: block;
        position: relative;
        transform: translateY(0%);
        left: 38%;
        width: 650px;
        height: 1000px;
    }
    
    .icon-cent{
        position: relative;
        left: 12.5%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 650px;
    }
    
    .icon-cent a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .icon-cent1{
        margin: 0px 10px 0px 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 160px;
    }
    
    .buttom-cent{
        padding-top: 20px;
        left: 33%;
        position: relative;
        transform: translateY(-95%);
    }
}

@media (max-width:700px) and (min-width:550px){
    .sec-cent{
        overflow: hidden;
        background-color: white;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
        display: grid;
    }
    
    .sec-cent-pos{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }
    
    .cent-t1{
        position: relative;
        left:6%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 329px;
    }
    
    .cent-t1 span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .cent-t1 a{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
        text-decoration: none;
    }
    
    .cent-t1 p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .p-cent{
        padding: 20px 0px 0px 0px;
    }
    
    .img-cont-cent{
        z-index: -1;
        width: 300px;
        height: 700px;
    }
    
    .img-full-cent{
        display: none;
    }
    
    .img-resp-cent{
        display: block;
        position: relative;
        transform: translateY(0%);
        left: 3%;
        width: 361px;
        height: auto;
    }
    
    .icon-cent{
        position: relative;
        left: 2%;
        transform: translateY(-25%);
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 361px;
    }
    
    .icon-cent a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .icon-cent1{
        margin: 10px 10px 10px 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 160px;
    }
    
    .buttom-cent{
        padding-top: 20px;
        left: 5%;
        position: relative;
        transform: translateY(-95%);
        width: 340px;
    }
}

@media (max-width:550px){
    .sec-cent{
        overflow: hidden;
        background-color: white;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
        display: grid;
    }
    
    .sec-cent-pos{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }
    
    .cent-t1{
        position: relative;
        left:6%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 329px;
    }
    
    .cent-t1 span{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .cent-t1 a{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
        text-decoration: none;
    }
    
    .cent-t1 p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .p-cent{
        padding: 20px 0px 0px 0px;
    }
    
    .img-cont-cent{
        z-index: -1;
        width: 10px;
        height: 700px;
    }
    
    .img-full-cent{
        display: none;
    }
    
    .img-resp-cent{
        display: block;
        position: relative;
        transform: translateY(0%);
        left: 0%;
        width: 350px;
        height: auto;
    }
    
    .icon-cent{
        position: relative;
        left: 0%;
        transform: translateY(-25%);
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 361px;
    }
    
    .icon-cent a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.3px;
    }
    
    .icon-cent1{
        margin: 10px 10px 10px 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 160px;
    }
    
    .buttom-cent{
        padding-top: 20px;
        left: 5%;
        position: relative;
        transform: translateY(-95%);
        width: 340px;
    }
}


/* optimiza tus recaudos section */

.sec-recau{
    overflow: hidden;
    background-color: white;
    padding: 10px;
    padding-top: 65px;
    justify-content: center;
    align-items: center;
    display: grid;
}

.green-bg{
    background: radial-gradient(ellipse 312px 214px at 48% 50%, #dfff61, white); 
    z-index: -1;
}

.recau-t{
    text-align: center;
    margin-bottom: 25px;
}

.recau-t span{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 46px;
    line-height: 30px;
    letter-spacing: -0.47px;
}

.recau-t a{
    text-decoration: none;
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.recau-pasos{
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: center;
}

.responsive-dis{
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: center;
}

.recau-t1{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.6px;
}

.recau-t2{
    font-family: "CIBFontSans Light";
    font-weight: 200;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.6px;
}

.recau-pasos p{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;

}

.p-spacing{
    padding-top: 10px;
}

.recau-desc{
    width: 360px;
}

.cont-icon{
    display: flex;
    flex-flow: row wrap;
    width: 548px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px 1px lightgray;
    padding: 10px;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
    background-color: white;
}

.cont-icon a{
    text-decoration: none;
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.icon-recau{
    padding: 10px;
    width: 105px;
    flex-flow: column wrap;
}

.icon-recau img{
    margin-bottom: 5px;
}

.cont-plugins{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 469.32px;
}

.plug-recau{
    border-radius: 24px;
    border: 1px solid black;
    justify-content: center;
    align-items: center;
    display: grid;
    width: 224px;
    height: 89px;
}

.plug-spa{
    margin-bottom: 20px;
}

.cont-qr{
    width: 424px;
}

.line{
    position: relative;
    left: 31.5%;
    z-index: 1;
    height: 80px;
    transform: translateY(-95%);
}

.line-1{
    display: block;
    width: 300px;
    height: 210px;
}

.line-12{
    display: none;
}

.line2{
    position: relative;
    left: 32%;
    z-index: 1;
    height: 80px;
    transform: translateY(-100%);
    width: 10px;
}

.line3{
    position: relative;
    left: 45.8%;
    z-index: 1;
    height: 80px;
    transform: translateY(-25%);
}

.line-3{
    height: 250px;
    width: 160px;
}

.line-31{
    display: none;
}

.line-2{
    width: 174px;
    height: 390px;
}

.line-22{
    display: none;
}

.space-btw{
    margin-right: 100px;
}

.cont-num{
    width: 145px;
    margin-bottom: 10px;
    border: 1px solid black;
    padding: 15px 46px 15px 46px;
    border-radius: 72.5px;
    background-color: #f2fdf1;
}

.cont-num span{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 96px;
    line-height: 110px;
    letter-spacing: -0.6px;
}

.green-radian{
    background: radial-gradient(circle 220px at 40% 50%, #dfff61, white); 
}

.resp-spac{
    margin-right: 100px
}

.cont-vid-recau{
    border-radius: 20px;
}

.vid-recau{
    border-radius: 20px;
    width: 642px; 
    height: 446px;
    background-color: #3c3c3c;
}

.sec-reu-cent{
    justify-content: center;
    align-items: center;
}

@media(max-width:1100px) and (min-width:1000px){
    .sec-recau{
        background-color: white;
        padding: 10px;
        justify-content: center;
        align-items: center;
        display: grid;
    }
    
    .green-bg{
        background: radial-gradient(ellipse 312px 214px at 48% 50%, #dfff61, white); 
        z-index: -1;
    }
    
    .recau-t{
        text-align: center;
        margin-bottom: 25px;
    }
    
    .recau-t span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 30px;
        letter-spacing: -0.47px;
    }
    
    .recau-t a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .recau-pasos{
        display: flex;
        justify-content: space-around;
        margin-bottom: 20px;
        align-items: center;
    }
    
    .recau-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.6px;
    }
    
    .recau-t2{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.6px;
    }
    
    .recau-pasos p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    
    }
    
    .p-spacing{
        padding-top: 10px;
    }
    
    .recau-desc{
        width: 360px;
    }
    
    .cont-icon{
        display: flex;
        flex-flow: row wrap;
        width: 440px;
        border-radius: 20px;
        box-shadow: 1px 1px 5px 1px lightgray;
        padding: 10px;
        padding-top: 22px;
        padding-bottom: 22px;
        text-align: center;
        background-color: white;
    }
    
    .cont-icon a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }

    .line-2{
        width: 174px;
        height: 380px;
    }

    .line2{
        position: relative;
        left: 32%;
        z-index: 1;
        height: 80px;
        transform: translateY(-88%);
    }

    .line-12{
        display: none;
    }
    
    .icon-recau{
        padding: 10px;
        width: 105px;
        flex-flow: column wrap;
    }
    
    .icon-recau img{
        margin-bottom: 5px;
    }
    
    .cont-plugins{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 469.32px;
    }
    
    .plug-recau{
        border-radius: 24px;
        border: 1px solid black;
        justify-content: center;
        align-items: center;
        display: grid;
        width: 224px;
        height: 89px;
    }
    
    .plug-spa{
        margin-bottom: 20px;
    }

    .line-31{
        display: none;
    }
    
    .cont-qr{
        width: 424px;
    }
    
    .line{
        position: relative;
        left: 35%;
        z-index: 1;
        height: 80px;
        transform: translateY(-70%);
    }
    
    .line-1{
        width: 300px;
        height: 180px;
    }
    
    .line3{
        position: relative;
        left: 45.8%;
        z-index: 1;
        height: 80px;
        transform: translateY(-27%);
    }
    
    .line-3{
        height: 265px;
        width: 160px;
    }
    
    .space-btw{
        margin-right: 100px;
    }
    
    .cont-num{
        justify-content: center;
        display: grid;
        align-items: center;
        height: 120px;
        width: 120px;
        margin-bottom: 10px;
        border: 1px solid black;
        padding: 0px 46px 0px 46px;
        border-radius: 72.5px;
        background-color: #f2fdf1;
    }
    
    .cont-num span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 70px;
        line-height: 110px;
        letter-spacing: -0.6px;
    }
    
    .green-radian{
        background: radial-gradient(circle 220px at 40% 50%, #dfff61, white); 
    }

    .resp-spac{
        margin-right: 100px
    }

    .vid-recau{
        border-radius: 20px;
        width: 642px; 
        height: 446px;
    }
}

@media (max-width:1000px) and (min-width:700px){

    .vid-recau{
        border-radius: 20px;
        width: 642px; 
        height: 446px;
    }

    .sec-recau{
        background-color: white;
        padding: 10px;
        justify-content: center;
        align-items: center;
        display: grid;
    }
    
    .green-bg{
        background: radial-gradient(ellipse 325px 214px at 50% 55%, #dfff61, white); 
        z-index: -1;
    }
    
    .recau-t{
        text-align: center;
        margin-bottom: 25px;
    }
    
    .recau-t span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 46px;
        line-height: 50px;
        letter-spacing: -0.47px;
    }
    
    .recau-t a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .recau-pasos{
        justify-content: center;
        display: grid;
        margin-bottom: 20px;
        align-items: center;
    }

    .responsive-dis{
        display: grid;
        flex-flow: column;
        justify-content: space-around;
        margin-bottom: 20px;
        align-items: center;
    }
    
    .recau-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.6px;
    }
    
    .recau-t2{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.6px;
    }
    
    .recau-pasos p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .p-spacing{
        padding-top: 10px;
    }
    
    .recau-desc{
        display: grid;
        width: 360px;
        margin-bottom: 50px;
    }

    .recau-desc-resp1{
        transform: translateX(25%);
    }

    .recau-desc-resp2{
        transform: translateX(13.5%);
    }

    .recau-desc-resp3{
        transform: translateX(8%);
    }

    .cont-qr{
        display: grid;
        justify-content: center;
    }
    
    .cont-icon{
        display: flex;
        flex-flow: row wrap;
        width: 548px;
        border-radius: 20px;
        box-shadow: 1px 1px 5px 1px lightgray;
        padding: 10px;
        padding-top: 22px;
        padding-bottom: 22px;
        text-align: center;
        background-color: white;
    }
    
    .cont-icon a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .icon-recau{
        padding: 10px;
        width: 105px;
        flex-flow: column wrap;
    }
    
    .icon-recau img{
        margin-bottom: 5px;
    }
    
    .cont-plugins{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 469.32px;
    }
    
    .plug-recau{
        border-radius: 24px;
        border: 1px solid black;
        justify-content: center;
        align-items: center;
        display: grid;
        width: 224px;
        height: 89px;
    }
    
    .plug-spa{
        margin-bottom: 20px;
    }
    
    .cont-qr{
        width: 424px;
    }
    
    .line{
        position: relative;
        left: 35%;
        z-index: 1;
        height: 140px;
        transform: translateY(-14%);
    }
    
    .line-1{
        display: none;
    }

    .line-12{
        display:block;
        width: 270px;
        height: 158px;
    }

    .line2{
        position: relative;
        left: 30%;
        z-index: 1;
        height: 140px;
        transform: translateY(-14%);
    }

    .line-2{
        display: none;
    }
    
    .line-22{
        display: block;
        width: 270px;
        height: 158px;
    }
    
    .line3{
        position: relative;
        left: 32%;
        z-index: 1;
        height: 140px;
        transform: translateY(-15%);
    }
    
    .line-3{
        display: none;
    }

    .line-31{
        height: 158px;
        display: block;
        width: 270px;
    }
    
    .space-btw{
        margin-right: 100px;
    }
    
    .cont-num{
        justify-content: center;
        display: grid;
        align-items: center;
        height: 120px;
        width: 120px;
        margin-bottom: 10px;
        border: 1px solid black;
        padding: 0px 46px 0px 46px;
        border-radius: 72.5px;
        background-color: #f2fdf1;
    }
    
    .cont-num span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 70px;
        line-height: 110px;
        letter-spacing: -0.6px;
    }
    
    .green-radian{
        background: radial-gradient(ellipse 300px 220px at 60% 75%, #dfff61, white); 
    }

    .resp-spac{
        margin-right: 0px
    }
}

@media (max-width:700px){

    .sec-reu-cent{
        display: block;
        place-items: center;
        justify-content: center;
    }

    .paso1{
        position: relative;
        left: -100%;
    }

    .sec-recau{
        background-color: white;
        overflow: hidden;
        padding: 10px;
        justify-content: center;
        align-items: center;
        display: grid;
    }

    .cont-recau{
        display: flex;
        flex-flow: column;
        justify-content: center;
        width: 328px;

    }
    
    .green-bg{
        background: radial-gradient(ellipse 325px 214px at 50% 55%, #dfff61, white); 
        z-index: -1;
    }
    
    .recau-t{
        text-align: center;
        margin-bottom: 25px;
        width: 328px;
    }
    
    .recau-t span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .recau-t a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 0px;
        letter-spacing: -0.3px;
    }
    
    .recau-pasos{
        justify-content:left;
        display: grid;
        margin-bottom: 20px;
        align-items: center;
    }

    .responsive-dis{
        display:flex;
        flex-flow: column;
        justify-content: space-around;
        margin-bottom: 20px;
        align-items: center;
        transform: translateX(0%);
    }
    
    .recau-t1{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: -0.45px;
    }
    
    .recau-t2{
        font-family: "CIBFontSans Light";
        font-weight: 200;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: -0.45px;
    }
    
    .recau-pasos p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .p-spacing{
        padding-top: 10px;
    }
    
    .recau-desc{
        display: grid;
        width: 328px;
        margin-bottom: 50px;
    }

    .qr-recau img{
        width: 289px;
    }

    .recau-desc-resp1{
        transform: translateX(0%);
    }

    .recau-desc-resp2{
        transform: translateX(0%);
    }

    .recau-desc-resp3{
        transform: translateX(0%);
    }

    .cont-qr{
        display: grid;
        justify-content: center;
        width: 328px;
    }
    
    .cont-icon{
        justify-content: space-between;
        display: flex;
        flex-flow: row wrap;
        width: 328px;
        border-radius: 20px;
        box-shadow: 1px 1px 5px 1px lightgray;
        padding: 10px 40px 10px 40px;
        text-align: center;
        background-color: white;
    }
    
    .cont-icon a{
        text-decoration: none;
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.2px;
    }
    
    .icon-recau{
        padding: 10px;
        width: 105px;
        flex-flow: column wrap;
    }
    
    .icon-recau img{
        margin-bottom: 5px;
    }

    .vid-recau{
        border-radius: 20px;
        width: 328px; 
        height: 227.86px;
    }
    
    .cont-plugins{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 328px;
    }
    
    .plug-recau{
        border-radius: 15px;
        border: 1px solid black;
        justify-content: center;
        align-items: center;
        display: grid;
        width: 151px;
        height: 60.55px;
    }

    .plug-recau img{
        height: 23.59px;
        width: auto;
    }
    
    .plug-spa{
        margin-bottom: 20px;
    }
    
    .cont-qr{
        width: 424px;
    }
    
    .line{
        position: relative;
        left: -30%;
        z-index: 1;
        height: 140px;
        transform: translateY(-14%);
        width: 50px;
    }
    
    .line-1{
        display: none;
    }

    .line-12{
        display:block;
        width: 220px;
        height: 158px;
    }

    .line2{
        position: relative;
        left: -37%;
        z-index: 1;
        height: 140px;
        transform: translateY(-14%);
    }

    .line-2{
        display: none;
    }
    
    .line-22{
        display: block;
        width: 220px;
        height: 158px;
    }
    
    .line3{
        position: relative;
        left: -7%;
        z-index: 1;
        height: 140px;
        transform: translateY(-15%);
    }
    
    .line-3{
        display: none;
    }

    .line-31{
        height: 158px;
        display: block;
        width: 210px;
    }
    
    .space-btw{
        margin-right: 100px;
    }
    
    .cont-num{
        justify-content: center;
        display: grid;
        align-items: center;
        height: 77px;
        width: 77px;
        margin-bottom: 10px;
        border: 1px solid black;
        padding: 15px 38px 15px 38px;
        border-radius: 72.5px;
        background-color: #f2fdf1;
    }
    
    .cont-num span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.6px;
    }
    
    .green-radian{
        background: radial-gradient(ellipse 220px 200px at 55% 75%, #dfff61, white); 
    }

    .resp-spac{
        margin-right: 0px
    }
}


/* marcas Wompi */

#slider-marcas{
    margin: 0 auto;
    width: 1000px;
    max-width: 100%;
}

#slider-marcas input[type=radio]{
    display: none;
}

#slider-marcas label {
    cursor: pointer;
    text-decoration: none;
}

#slides-marcas{
    position: relative;
    z-index: 0;
    background: white;
}

#overflow{
    width: 100%;
    overflow: hidden;
}

#slide1:checked ~ #slides-marcas .inner-marcas{
    margin-left: 0;
}

#slide2:checked ~ #slides-marcas .inner-marcas{
    margin-left: -100%;
}

#slide3:checked ~ #slides-marcas .inner-marcas{
    margin-left: -200%;
}

#slide4:checked ~ #slides-marcas .inner-marcas{
    margin-left: -300%;
}

#slides-marcas .inner-marcas{
    transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    width: 400%;
    line-height: 0;
    height: 480px;
}

#slides-marcas .slide{
    width: 25%;
    float: left;
    display: flex;
    height: 100%;
}

.slide{ 
    background-color: white;
}

#bullets-marcas {
    position: relative;
    margin: 10px 0 0;
    padding-bottom: 20px;
    text-align: center;
    left: -25%;
    transform: translateY(-40%);
}

#bullets-marcas label{
    display: inline-block;
    width: 24px;
    height: 8px;
    border-radius: 4px;
    background-color: #3c3c3c;
    margin: 0 8px;
    border: 1px solid #3c3c3c;
}

#slide1:checked ~ #bullets-marcas label:nth-child(1),
#slide2:checked ~ #bullets-marcas label:nth-child(2),
#slide3:checked ~ #bullets-marcas label:nth-child(3),
#slide4:checked ~ #bullets-marcas label:nth-child(4){
    background-color: #dfff61;
    width: 40px;
}

.vid-marcas{
    width: 534px;
    height: 408px;
    border-radius: 20px;
    margin-right: 100px;
    z-index: 0;
    background-color: #3c3c3c;
}

.cont-vid{
    z-index: 0;
}

.sec-marcas{
    background-color: white;
    padding-top: 40px;
}

.title-marcas{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.6px;
}

.cont-marcas{
    display: grid;
    place-items: center;
    position: relative;
    align-items: center;
    width: 190px;
    height: 142px;
    padding: 42px 27px 42px 27px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 1px 1px 5px 1px lightgray;
    z-index: 1000;
    left: 65%;
    transform: translateY(-60%);
}

.slide-content{
    display: flex;
    justify-content: space-between;
}

.title-marcas-cont{
    width: 460px;
    margin-bottom: 20px;
}

.slide-text-cont{
    width: 380px;
}

.slide-text-cont p{
    font-style: "OpenSans";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.slide-text-cont span{
    font-family: "CIBFontSans Bold";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.38px;
}

.slide-text-cont a{
    text-decoration: none;
    font-family: "CIBFontSans Light";
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.38px;
}

.parrafo-slide{
    margin-bottom: 15px;
}

@media (max-width:1025px) and (min-width:700px) {
    #slider-marcas{
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 361px;
        max-width: 100%;
    }
    
    #slider-marcas input[type=radio]{
        display: none;
    }
    
    #slider-marcas label {
        cursor: pointer;
        text-decoration: none;
    }
    
    #slides-marcas{
        position: relative;
        z-index: 0;
        background: white;
    }
    
    #overflow{
        width: 100%;
        overflow: hidden;
    }
    
    #slide1:checked ~ #slides-marcas .inner-marcas{
        margin-left: 0;
    }
    
    #slide2:checked ~ #slides-marcas .inner-marcas{
        margin-left: -100%;
    }
    
    #slide3:checked ~ #slides-marcas .inner-marcas{
        margin-left: -200%;
    }
    
    #slide4:checked ~ #slides-marcas .inner-marcas{
        margin-left: -300%;
    }
    
    #slides-marcas .inner-marcas{
        transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        width: 400%;
        line-height: 0;
        height: 769px;
    }
    
    #slides-marcas .slide{
        width: 25%;
        float: left;
        display: flex;
        height: 100%;
    }
    
    .slide{ 
        background-color: white;
    }
    
    #bullets-marcas {
        position: relative;
        margin: 10px 0 0;
        padding-bottom: 20px;
        text-align: center;
        left: -2.5%;
        transform: translateY(-280%);
    }
    
    #bullets-marcas label{
        display: inline-block;
        width: 24px;
        height: 8px;
        border-radius: 4px;
        background-color: #3c3c3c;
        margin: 0 8px;
        border: 1px solid #3c3c3c;
    }
    
    #slide1:checked ~ #bullets-marcas label:nth-child(1),
    #slide2:checked ~ #bullets-marcas label:nth-child(2),
    #slide3:checked ~ #bullets-marcas label:nth-child(3),
    #slide4:checked ~ #bullets-marcas label:nth-child(4){
        background-color: #dfff61;
        width: 40px;
    }
    
    .vid-marcas{
        width: 348px;
        height: 266.39px;
        border-radius: 20px;
        margin-right: 0px;
        z-index: 0;
    }

    .buttom-respaldo{
        padding-right: 35px;
        display: flex;
        justify-content: center;
    }
    
    .cont-vid{
        z-index: 0;
    }
    
    .sec-marcas{
        background-color: white;
        padding-top: 40px;
    }
    
    .title-marcas{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .cont-marcas{
        display: grid;
        place-items: center;
        position: relative;
        align-items: center;
        width: 217.44px;
        height: 107px;
        padding: 0px 0px 0px 0px;
        border-radius: 20px;
        background-color: white;
        box-shadow: 1px 1px 5px 1px lightgray;
        z-index: 1000;
        left: 15%;
        transform: translateY(-60%);
    }
    
    .slide-content{
        display: block;
        justify-content: center;
    }
    
    .title-marcas-cont{
        position: relative;
        width: 289px;
        text-align: center;
        margin-bottom: 20px;
        left: 6%;
    }
    
    .slide-text-cont{
        width: 380px;
    }
    
    .slide-text-cont p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .slide-text-cont span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
    }
    
    .slide-text-cont a{
        text-decoration: none;
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
    }
    
    .parrafo-slide{
        margin-bottom: 15px;
    }
    
}

@media (max-width:700px) {
    #slider-marcas{
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 361px;
        max-width: 100%;
    }
    
    #slider-marcas input[type=radio]{
        display: none;
    }
    
    #slider-marcas label {
        cursor: pointer;
        text-decoration: none;
    }
    
    #slides-marcas{
        position: relative;
        z-index: 0;
        background: white;
    }
    
    #overflow{
        width: 100%;
        overflow: hidden;
    }
    
    #slide1:checked ~ #slides-marcas .inner-marcas{
        margin-left: 0;
    }
    
    #slide2:checked ~ #slides-marcas .inner-marcas{
        margin-left: -100%;
    }
    
    #slide3:checked ~ #slides-marcas .inner-marcas{
        margin-left: -200%;
    }
    
    #slide4:checked ~ #slides-marcas .inner-marcas{
        margin-left: -300%;
    }
    
    #slides-marcas .inner-marcas{
        transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        width: 400%;
        line-height: 0;
        height: 769px;
    }
    
    #slides-marcas .slide{
        width: 25%;
        float: left;
        display: flex;
        height: 100%;
    }
    
    .slide{ 
        background-color: white;
    }
    
    #bullets-marcas {
        position: relative;
        margin: 10px 0 0;
        padding-bottom: 20px;
        text-align: center;
        left: -2.5%;
        transform: translateY(-280%);
    }
    
    #bullets-marcas label{
        display: inline-block;
        width: 24px;
        height: 8px;
        border-radius: 4px;
        background-color: #3c3c3c;
        margin: 0 8px;
        border: 1px solid #3c3c3c;
    }
    
    #slide1:checked ~ #bullets-marcas label:nth-child(1),
    #slide2:checked ~ #bullets-marcas label:nth-child(2),
    #slide3:checked ~ #bullets-marcas label:nth-child(3),
    #slide4:checked ~ #bullets-marcas label:nth-child(4){
        background-color: #dfff61;
        width: 40px;
    }
    
    .vid-marcas{
        width: 348px;
        height: 266.39px;
        border-radius: 20px;
        margin-right: 0px;
        z-index: 0;
    }

    .buttom-respaldo{

        padding-right: 0px;
        display: flex;
        justify-content: center;
    }
    
    .cont-vid{
        z-index: 0;
    }
    
    .sec-marcas{
        background-color: white;
        padding-top: 40px;
    }
    
    .title-marcas{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.6px;
    }
    
    .cont-marcas{
        display: grid;
        place-items: center;
        position: relative;
        align-items: center;
        width: 217.44px;
        height: 107px;
        padding: 0px 0px 0px 0px;
        border-radius: 20px;
        background-color: white;
        box-shadow: 1px 1px 5px 1px lightgray;
        z-index: 1000;
        left: 15%;
        transform: translateY(-60%);
    }
    
    .slide-content{
        display: block;
        justify-content: center;
    }
    
    .title-marcas-cont{
        position: relative;
        width: 289px;
        text-align: center;
        margin-bottom: 20px;
        left: 6%;
    }
    
    .slide-text-cont{
        width: 380px;
    }
    
    .slide-text-cont p{
        font-style: "OpenSans";
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px;
    }
    
    .slide-text-cont span{
        font-family: "CIBFontSans Bold";
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
    }
    
    .slide-text-cont a{
        text-decoration: none;
        font-family: "CIBFontSans Light";
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.38px;
    }
    
    .parrafo-slide{
        margin-bottom: 15px;
    }
    
}