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

body{
    width: 100%;
    background-color: #0F0F0F;
    overflow-x: hidden;
}

#id-img-2

.smooth-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh; /* Asegura que cubra al menos la altura de la ventana */
  }

html{
    width: 100%;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Helvetica Now Display';
    src: url('./fonts/HelveticaNowDisplay-Regular.ttf');
}


@font-face {
    font-family: 'Pinyon Script';
    src: url('./fonts/PinyonScript-Regular.ttf');
}


@font-face {
    font-family: 'Power Grotesk';
    src: url('./fonts/PowerGrotesk-Regular.ttf');
}

@font-face {
    font-family: 'Helvetica Now';
    src: url('./fonts/HelveticaNowDisplay-Light.ttf');
}

.section6-home{
    min-height: 1550px;
}

nav{
    position: fixed;
    height: 7rem;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 3;
}

body::-webkit-scrollbar {
    width: 0.5em;
    /* // width: 0em;
    // display: none; */
    background: #000000;

}

body::-webkit-scrollbar-track {
    box-shadow: none;
    background: #000000;
    display: none;
}

body::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 12px;
    border: 2px solid #000000;
}

#menu{
    display: flex;
    position: fixed;
    flex-direction: column;
    height: 100dvh;
    justify-content: start;
    transition: all .8s ease;
    z-index: 24;
    top: -150vh;
    align-items: center;
    width: 100%;
}

a{
    transition: transform .8s ease;
    cursor: pointer;
}

a:hover{
    transform: scale(1.1);
}

.section{
    display: flex;
    position: relative;
    height: 100vh;
    justify-content: center;

    align-items: center;
    width: 100%;
}

.bg-white{
    background-color: #FFF;
}

.section-2{
    display: flex;
    position: relative;
    min-height: 100vh;
    width: 100%;
}




.container-nav{
    display: flex;
    height: 100%;
    width: 95%;
    position: relative;
}

.height-to{
    height: 15% ;
    top: 0%;
    z-index: 4;
}

.menu-hamburguesa{
    flex-grow: 1;
    display: flex;
    height: 100%;
    justify-content: end;
    align-items: center;
    
}

.info-about-photo{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.text-center-about{
    text-align: center;
    width: 65%;
    font-size: clamp(28px,8vw,8rem) !important;
}

.backdrop-filter{
    width: 100%;
    top: 0%;
    height: 100%;
    position: absolute;
    backdrop-filter: blur(15px);
}

.info-about-photo img{
    width: 100%;
    height: 90%;
}

.content-center1 li{
    list-style: none;
    color: #FFF;
    opacity: .3;
font-family: "Helvetica Now";
font-size: clamp(42px,5.3vw,5.4rem);
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .8s ease;
}

.content-center1 li:hover{
    opacity: 1;
}

.content-center1 li span{
    margin-right: 1rem;
    font-size: clamp(18px,2.3vw,2.4rem);
}

.content-center1 li a{
    color: #FFF;
    text-decoration: none; 
}

.content-center1{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-center2{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;
    gap: 3rem;
}

.content-center2 div{
    gap: 2rem;
    display: flex;
    width: 55%;
    align-items: start;
    flex-direction: column;
}

#thirty-section{
    padding: 3rem 0rem;
}

.bg-green{
    background: #B7C0BE;
}

.ethos-hero{
    position: relative;
}

.ethos-hero img{
    position: absolute;
    top: 45%;
    left: 40%;
    height: 70%;
    z-index: 3;
    transform: translate(-50%,-50%);
}

.otro-abs{
    position: absolute;
    z-index: -1;
    width: 100vw;
    left: 0%;
    height: 100%;
}

.otro-abs2{
    position: absolute !important;
    z-index: -1;
    
    width: 100vw;
    height: 100%;
}



.case-section{
    height: 65vh;
}

.ethos-last{
        left: 6%;
        position: relative;
        color: #1D1D1D;
        font-family: "Helvetica Now Display";
        font-size: clamp(15px, 1.6vw, 1.6rem);
        font-style: normal;
        font-weight: 400;
        display: flex;
        align-items: center;
        gap: 2rem;
        width: 100%;
        justify-content: start;
        line-height: normal;
        
}


.info-ethos{
    width: 100%;
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content:center ;
    gap: 2rem;
}

.info-ethos h2{
    color: #000;
font-family: "Helvetica Now";
position: relative;
font-size: clamp(45px,9.75vw,9.86rem);
font-style: normal;
font-weight: 400;
line-height: 105%; /* 105.882% */
}



.info-ethos12{
    width: 90%;
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content:center ;
    gap: 2rem;
}

.div-text-section2{
    width: 40%;
}

.div-text-section3{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.team-2{
    min-height: 900px;
    padding: 3rem 0rem;
    height: fit-content !important;;
}

.space-3{
opacity: 0;
z-index: -55;
}

.info-ethos12 p{
    position: relative;
    left: 10%;
}

.Team-2-p1{
    height: 25%;
    color: #000;
font-family: "Helvetica Now Display";
font-size: clamp(18px,2.4vw,2.4rem);
width: 85%;
font-style: normal;
font-weight: 400;
line-height: 125%;
}

.informacion-integrantes-div{
    gap: 1rem;
    width: 23.5%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.informacion-integrantes-div div{
    gap: .5rem;
    display: flex;
    flex-direction: column;
}

.informacion-integrantes-div h5{
    color: #000;
font-family: "Helvetica Now Display";
font-size: clamp(24px,3vw,3rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.informacion-integrantes-div p{
    color: #000;
    font-family: "Helvetica Now Display";
    font-size: clamp(24px,1.5vw,1.5rem);
    font-style: normal;
    font-weight: 400;
    opacity: .7;
    width: 90%;
    line-height: normal;  
}

.informacion-integrantes{
    flex-grow: 1;
    display: flex;
    width: 100%;
    justify-content: start;
    column-gap: 2%;
    row-gap: 4rem;
    flex-wrap: wrap;
}

.info-ethos12 h2{
    color: #000;
font-family: "Helvetica Now Display";
position: relative;
font-size: clamp(42px,8.75vw,8.26rem);
font-style: normal;
font-weight: 400;
line-height: 115%; /* 105.882% */
}




#first-h2-ethos{
    left: 5%;
}

#second-h2-ethos{
    left: 26%;
}

.ethos-section{
    padding: 2rem 0rem;
}

.img-float-ethos{
    position: absolute;
    height: 42.5%;
    right: -5%;
}


.div-ethos2 div img{
    position: absolute;
    left: -10%;
    height: 42.5%;
}

.info-ethos2{
    flex-grow: 1;
    width: 100%;
    display: flex;
    justify-content: end;
    position: relative;
    z-index: 4;
}

.ethos-2{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 2rem 0rem;
    height: 85%;
    gap: 2rem;
}

.ethos-2 h3{
    height: 45%;
    color: #000;
font-family: "Helvetica Now Display";
font-size: clamp(40px,5.75vw,5.86rem);
font-style: normal;
font-weight: 400;
width: 55%;
line-height: 105%;

}

.ethos-2 h3 svg{
    width: 4rem;
    min-width:30px;
    top: 2.5%;
    position: relative;
}

.div-ethos2{
    flex-grow: 1;
    width: 100%;
    display: flex;
    justify-content: end;
}

.div-ethos2 div{
    width: 50%;
    flex-direction: column;
    gap: 3rem;
    display: flex;
}

.div-ethos2 div p{
    color: #000;
font-family: "Helvetica Now Display";

font-size: clamp(16px,1.45vw,1.45rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-ethos2 p{
    color: #000;
font-family: "Helvetica Now";
z-index: 4;
left: 0%;
top: 20%;
width: 60%;
position: relative;
font-size: clamp(14px,1.55vw,1.55rem);
font-style: normal;
font-weight: 300;
line-height: normal;
}

.info-slider-home{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 2rem;
}

.row-content{
    flex-direction: row;
    align-items: start;
    display: flex;
    width: 95%;
    justify-content: center;
}

#div-mobile-modern{
    padding: 0rem;
}

.info-slider-title{
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 20%;
}

.info-slider-title2{
    width: 70%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: start;
    height: 20%;
    gap: 1.5rem;
}

.text-cta{
    display: flex;
    flex-direction: column;
    gap: 3rem;
    height: 60%;
    width: 95%;
    align-items: start;

}


.text-cta p{
    width:50%;
    color: #000;
    text-align: start;
font-family: "Helvetica Now Display";
font-size: clamp(20px,2.75vw,2.86rem);
font-style: normal;
font-weight: 400;
line-height: 130%;
}

.latest-div-slider{
    width: 95%;
}

.latest-div-slider ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: end;
    align-items: flex-end;
}



.latest-div-slider ul li{
    list-style: none;
    color: #0F0F0F;

text-align: right;
font-family: "Helvetica Now Display";
font-size: clamp(26px,1.75vw,1.86rem);
font-style: normal;
font-weight: 400;
line-height: 133%; /* 133.333% */
}

.text-cta a{
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #FFF;

font-family: "Helvetica Now Display";
font-size: clamp(16px,1.25vw,1.25rem);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-wrap: nowrap;
width: 230px;
justify-content: center;
height: 55px;
border-radius: 35px;
line-height: normal;
    background-color: #3FC0ED;
}

.info-slider-title h2{
    color: #000;
    text-align: start;
font-family: "Helvetica Now Display";
font-size: clamp(40px,5vw,6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100% */
}

.info-slider-title2 h2{
    color: #000;
    text-align: start;
font-family: "Helvetica Now Display";
font-size: clamp(45px,5vw,6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100% */
}

.info-slider-title svg{
    height: 100%;
    width: auto;
}

.info-slide-div-right{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: start;
}

.info-slide-div-right p{
    color: #000;
    text-align: start;
font-family: "Helvetica Now Display";
font-size: clamp(20px,2.8vw,2.8rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-slide-div-right div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    
    width: 100%;
}

.info-slide-div-right div span{
    color: rgba(0, 0, 0, 0.50);
    font-family: "Helvetica Now";
    font-size: clamp(20px,2.8vw,2.8rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 15%;
    display: flex;
    justify-content: start;
}

.info-slide-div-right div h3{
    color: #000;

font-family: "Helvetica Now Display";
font-size: clamp(22px,2.8vw,2.8rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-slide-div-right div h4{
    color: #0F0F0F;

    font-family: "Helvetica Now Display";
    font-size: clamp(20px,1.65vw,1.65rem);
    text-align: start;
    font-style: normal;
    opacity: .7;
    font-weight: 400;
    line-height: 120%; /* 133.333% */
}

.content-center2 li{
    color: #FFF;

font-family: "Helvetica Now";

font-size: clamp(22px,1.6vw,1.7rem);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.2px;
}

.content-center2 li a{
    text-decoration: none;
    color: #FFF;
}

.j-arthur-p{
    color: #B68D3B;
    position: absolute;
    right: 5%;
    bottom: 10%;
font-family: "Helvetica Now";
font-size: clamp(28px,4vw,5rem);
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
z-index: 5;
}

.content-center{
    z-index: 4;
    width: 70%;
    display: flex;
    height: 75%;
    
}

.menu-hamburguesa-close{
    width:5%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    
}


.menu-hamburguesa-close button{
    border: none;
    background-color: transparent;
}


.menu-hamburguesa button{
    border: none;
    background-color: transparent;
}

.no-mb{
    display: block;
}

.menu-contact{
    width: 15%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

button{
    cursor: pointer;
}

.video-back{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0%;
    object-fit: cover;
    left: 0%;
}

.menu-contact a{
    color: #FFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-family: "Helvetica Now";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 3.2px;
}

.menu-contact a svg{
    position: relative;
    margin-top: 1.5%;
    width: 5px;
    height: auto;
}

.flex-row22{
    flex-direction: row !important;
}

.info-lateral-contact2{
    flex-grow: 1;
}

.menu-logo{
    width:9.5%;
    justify-content: start;
    display: flex;
    align-items: center;
}

.info-lateral-contact{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 90%;
    justify-content: end;
}

.contact-section{
    padding:2.5rem 0rem 3rem 0rem;
}


.info-lateral-contact2 p{
    color: #1D1D1D;

    font-family: "Helvetica Now Display";
    font-size: clamp(15px,1.6vw,1.6rem);
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 2rem;
    line-height: normal;
}

.info-lateral-contact2 h3{
    color: #1D1D1D;
font-family: "Helvetica Now Display";
font-size: clamp(32px,8.6vw,8.6rem);
font-style: normal;
font-weight: 400;
padding-bottom: 2rem;
line-height: 110%; /* 105.882% */
}

.info-lateral-contact2 button{
    border-radius: 35px;
background: #3FC0ED;
gap: .5rem;
width: 230px;
height: 60px;
color: white;
border: none;
color: #FFF;
margin-top: 1.5rem;
font-family: "Helvetica Now Display";
font-style: normal;
font-weight: 400;
text-transform: uppercase;
line-height: 0%;
display: flex;
font-size: clamp(20px,1.15vw,1.15rem);
justify-content: center;
align-items: center;
}

.info-lateral-contact2 form div{
    display: flex;
    gap:2%;
    flex-wrap: wrap;
}

.w-50{
    width: 48%;
}

.w-100{
    width: 100%;
}

.info-lateral-contact2 form{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-lateral-contact2 input::placeholder{
    font-family: "Helvetica Now";
outline: none;
font-size: clamp(12px,1vw,1rem);
padding-left: .5rem;
font-style: normal;
font-weight: 300;
line-height: normal;
color: #000;
}

.info-lateral-contact2 input{
    border-radius: 35px;
    border: none;
    color: #000;

font-family: "Helvetica Now";
outline: none;
font-size: clamp(12px,1vw,1rem);
padding-left: .5rem;
font-style: normal;
font-weight: 300;
line-height: normal;
    height: 60px;
background: rgba(255, 255, 255, 0.40);
}

.info-lateral-contact h4{color: #000;
    font-family: "Helvetica Now";
    font-size: clamp(20px,2.3vw,2.3rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.info-lateral-contact2{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.info-lateral-contact p{
    color: #000;
    font-family: "Helvetica Now";
    font-size: clamp(18px,1.6vw,1.6rem);
    font-style: normal;
    font-weight: 400;
    width: 55%;
    line-height: normal;
}

.menu-logo-internas{
    justify-content: start;
}

.menu-hamburguesa-internas{
    justify-content: end;
}


.absolute-100{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    display: flex;
    z-index: 2;
}

.absolute{
    left: 0%;
    top: 0%;
    position: absolute;
    width: 9.5%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 3;
}

.j-start a{
    padding: .0rem 1.5rem !important;
}

.first-space{
    width: 100%;
    height: 7.5rem;
   
}


.rest-space{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.info-redes{
    height: 50%;
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-redes ul{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.info-scroll{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4.5rem;
    padding-top: 3rem;
}

.info-scroll p{
    transform: rotate(-90deg);
    color: rgba(255, 255, 255, 0.80);
    text-decoration: none;

font-family: "Helvetica Now";
font-size: clamp(16px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.2px;
}

.info-scroll svg{
    height: 15vh;
}

.info-redes ul li{
    list-style: none;
    transform: rotate(-90deg);
}

.info-redes ul li a{
    color: rgba(255, 255, 255, 0.80);
    text-decoration: none;

font-family: "Helvetica Now";
font-size: clamp(16px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.2px;
}

.info-redes2{
    display: flex;
    justify-content: center;
    align-items: start;
    margin-top: -3rem;
}

.info-redes2 ul{
    display: flex;
    gap: 2rem;
}

.info-redes2 ul li{
    list-style: none;
}

.info-redes2 ul li a{
    color: rgba(255, 255, 255, 0.80);
    text-decoration: none;

font-family: "Helvetica Now";
font-size: clamp(16px,1.4vw,1.6rem);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.2px;
}

.menu-hamburguesa img{
    width: 65px;
    height: auto;
    max-width: 95px;
    min-width: 5px;
}

.menu-logo img{
    width: 4rem;
    height: auto;
    max-width: 95px;
    min-width: 5px;
}

.line-fondo{
    position: relative;
    border-right: 1px solid  rgba(255, 255, 255, 0.30);
    height: 100%;
    z-index: 1;
}


.line-fondo2{
    position: relative;

    border-right: 1px solid  rgba(0, 0, 0, 0.11);
    height: 320%;
    top: -20%;
    z-index: -1;
}

.w-100{
    width: 100% !important;
}

.span-specials{
    justify-content: center !important;
    gap: 3rem !important;
}

.span-specials span{
    color: #0F0F0F;
    text-transform: capitalize;
    font-family: "Helvetica Now Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.w-100 div{
    width: 25% !important;
}

.line-inicial{
    width: 9.5%;
}

.line-continua{
    width: 20%;
}

.line-continua2{
    width: 24.75%;
}

#hero{
    background-color: black;
}

.container{
    z-index: 2;
    position: relative;
    width: 95%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.container2{
    z-index: 2;
    position: relative;
    width: 95%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}



.container-3{
    z-index: 2;
    position: relative;
    width: 95%;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.learn-more{
    position: absolute;
    left: 0%;
    bottom: 5%;
    width: 21.5%;
    display: flex;
    justify-content: end;
    
}

.learn-more a{
    color: #FFF;
font-family: "Helvetica Now Display";
font-size: clamp(16px,1.5vw,1.5rem);
font-style: normal;
font-weight: 400;
width: fit-content;
text-decoration: none;
line-height: normal;
letter-spacing: 3.2px;

}

.learn-more a span{
    height: 3px;
    width: 100%;
    margin-top: .25rem;
    display: block;
    background-color: #FFF;
}



.learn-more2{
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    top: 15%;
    width: 21.5%;
    z-index: 2;
    display: flex;
    justify-content: end;
    
}

.learn-more2 p{
    color: #FFF;
font-family: "Helvetica Now";
font-size: clamp(16px,1.75vw,1.75rem);
font-style: normal;
font-weight: 400;
width: fit-content;
display: flex;
align-items: center;
gap: 2rem;
text-wrap: nowrap;
text-decoration: none;
line-height: normal;
letter-spacing: 3.2px;

}

.learn-more2 p span{
    height: 1px;
    width:120px;
    margin-top: .25rem;
    display: block;
    background-color: #FFF;
}

.slider-hero{
    position: absolute;
    right: 5%;
    bottom: 2.5%;
    width: 24%;
}

.slider-hero div img{
    opacity: 0;
}

.slider-hero div{
    width: 100%;
    position: relative;
}

.slider-hero div img{
    width: 100%;
    position: absolute;
    left: 0%;
}

#img-hero-1{
    opacity: 1;
}

.slider-hero p, .slider-hero span{
    color: #F5F5F5;

font-family: "Helvetica Now";
font-size: clamp(16px,1.5vw,1.5rem);
font-style: normal;
font-weight: 400;

text-transform: uppercase;
}

.div-with-h2{
    display: flex;
    gap: .5rem;
    align-items: center;
    width: 100%;
    justify-content: start;
    position: relative;

}

.center-text-second{
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    left: 2.5%;
}

#text-second-2{
    left: 2%;
}

#text-second-5{
left: 75%;
transform: translate(-50%);
}

.div-with-h2 h2{
    color: #0F0F0F;
    width: fit-content;
font-family: "Helvetica Now Display";
font-size: clamp(24px,8vw,8rem);
font-style: normal;

font-weight: 400;
line-height: 107%; /* 107.692% */
text-transform: uppercase;
}

.div-with-h2 img{
    height: 90%;
    width: auto;
    display: block;
}

.last-hero-div{
    margin-top: .5rem;
    line-height: 150%;
}

.div-central-section4{
    height: 80%;
    position: relative;
    width: 100%;
}

.imagen04{
    position: absolute;
    height: 40vh;
    background-color: #0F0F0F;
    overflow: hidden;
    width: 15vw;
    z-index: 2;
}

.imagen04 img{
    position: relative;
    height: 100%;
    width: 100%;
}

.position1{
    left: 0%;
    top: 20%;
}
.position2{
    left: 21.5%;
    top: 40%;
}
.position3{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.position4{
    left: 64%;
    top: 0%;
}
.position5{
    left: 85%;
    top: 25%;
}

.lista-container-li{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.lista-container-li a{
    text-decoration: none;
}

.lista-container-li li{
    color: #0F0F0F;
    list-style: none;
    opacity: .3;
    position: relative;
font-family: "Helvetica Now";
cursor: pointer;
font-size: clamp(32px,4.35vw,4.6rem);
font-style: normal;
font-weight: 650;
line-height: 120%; /* 162.5% */
text-transform: uppercase;
transition: all .5s ease;
}

.lista-container-li li a{
    color: #0F0F0F;
    text-decoration: none;
}

.div-conImagenes-section6{
    position: absolute;
    right: 13.5%;
    height: 100%;
    width: auto;
    z-index: -1;

}

.div-conImagenes-section7{
    position: absolute;
    right: 13.5%;
    height: 100%;
    width: auto;
    z-index: -1;

}

#four-section{
    padding: 0rem 0rem;
}

.www img{
    transform: translateX(-100%);
}

.www{
    width: 200px;
    overflow: hidden;
}

.lista-container-li li:hover{
    opacity: 1 !important;
}

.quote-page{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-quote{
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: start;
height: 100%;
justify-content: center;
width: 50%;
}

.left-quote h2{
    color: #FFF;

font-family: "Helvetica Now Display";
font-size: clamp(48px,10vw,10.6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 105.882% */
}

.quote-page img{
    position: absolute;
    top: 15%;
    right: 0%;
}

.right-quote{
    display: flex;
    flex-direction: column;
    gap: 5.5rem;
    align-items: start;
    width: 50%;
    justify-content: end;
    height: 90%;
    }

    .right-quote div{
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);;
        width: 100%;
        padding-bottom: 2rem;
        justify-content: space-between;
    }

    .right-quote div p {
        color: #FFF;
        width: 35%;
font-family: "Helvetica Now";
font-size: clamp(16px,1.5vw,1.6rem);
font-style: normal;
font-weight: 300;
line-height: 120%;
    }

    .right-quote div a{
        color: #3FC0ED;
        text-decoration: none;
font-family: "Helvetica Now";
font-size: clamp(16px,1.5vw,1.6rem);
font-style: normal;
display: flex;
gap: 1rem;
align-items: center;
justify-content: start;
font-weight: 400;
line-height: normal;
    }

.div-conImagenes-section6 img{
    transition: all .8s ease;
    position: absolute;
    height: 40%;
    max-height: 860px;
    right: 0%;
    transform: scale(0);
}

.div-conImagenes-section6-img2{
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    max-height: 900px;
    right: 0%;
    transform: scale(0);
    top: 40%;
}

.div-conImagenes-section6-img3{
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    max-height: 900px;
    right: 0%;
    transform: scale(0);
    top: 60%;
}



.div-conImagenes-section6-img4{
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    max-height: 900px;
    right: 0%;
    transform: scale(0);
    top: 60%;
}


.div-conImagenes-section7 img{
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    max-height: 860px;
    right: 0%;
    transform: scale(0);
}

.div-conImagenes-section7-img2{
    transition: all .8s ease;
    position: absolute;
    height: 100%;
    max-height: 900px;
    right: 0%;
    transform: scale(0);
    top: 40%;
}


.btn-redireccion{
    position: absolute;
    width: 15%;

    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    right: 0%;
    bottom: 0%;
}

.btn-redireccion p{
    color: #0F0F0F;

text-align: end;
    font-family: "Helvetica Now Display";
    font-size: clamp(18px,1.5vw,1.6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 133.333% */
}

.ul-section-how{
    display: flex;
    width: 100%;
    position: relative;
    top: 5%;
}


.ul-section-how li h4{
    color: #B68D3B;
    width: 100%;
font-family: "Helvetica Now Display";
font-size: clamp(17px,4.5vw,4.6rem);
font-style: normal;
font-weight: 400;
text-align: start;
line-height: 125%; /* 125% */
}

.info-left{
    width: 100%;
    display: flex;
    justify-content: center;
    height: 35%;
}



.div-how-it h2{
    color: #FFF;
    flex-grow: 1;
    display: flex;
    align-items: end;
font-family: "Helvetica Now Display";
font-size: clamp(18px,7.5vw,7.6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100% */
}

.first-div-how-it{
    z-index: 4;
    position: relative;
    display: flex;
    justify-content: start;
    gap: 1.5rem;
    height: 30%;
    align-items: center;
}

.div-con-info-restante{
    display: flex;
    height: 100%;
    align-items: end;
    width: 38%;
}

.lines-new-absolute{
   position: absolute;
   bottom: 0%;
   width: 95%;
   transform: translate(-50%);
   left: 50%;
   z-index: 1;
   height: 130%;
   display: flex;
}

.text-center-section-5{
    width: 100%;
    flex-grow: 1;
    justify-content: center;
    display: flex;
    align-items: center;
}

.div-lines{
    width: 20%;
    height: 100%;
    border-right: 1px solid #FFF;
    opacity: .5;
}

.info-section-seven{
    gap: 1rem;
}

.info-section-seven h3{
    color: #FFF;
    width: 50%;
    text-align: center;
    font-family: "Helvetica Now Display";
    font-size: clamp(32px,8vw,8.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 105%; /* 106.667% */
}

.info-section-seven h6{
    color: #FFF;

    text-align: center;
    font-family: "Helvetica Now Display";
    font-size: clamp(18px,2vw,2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 133.333% */
}




.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: auto;
  height: 60px;
  object-fit: cover;
}

.asset-slider-final{
    width: 100% !important;
    height: 40% !important;
    z-index: -2;
    top: 60.5%;
    object-fit: cover !important;
    transform: translateY(-50%);
    position: absolute;
}

.asset-slider-final2{
    width: 100% !important;
    height: 40% !important;
    z-index: -2;
    top: 60.5%;
    left: -55% !important;
    object-fit: cover !important;
    transform: translateY(-50%);
    position: absolute;
}

#seven-section{
    padding: 2rem 0rem;
}

#special-img{
    height: 130px;
}

.first-footer{
    width: 100%;
    height: 90%;
    display: flex;
    align-items: end;
    padding-bottom: 2rem;
}


.first-footer h2 {
color: #FFF;
width: 40%;
font-family: "Power Grotesk";
font-size: clamp(20px,3.3vw,3.3rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.first-div-footer ul{
    height: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: end;

}

.first-div-footer ul li{
    list-style: none;
    color: #FFF;
    line-height: 150%;
font-family: "Helvetica Now";
font-size: clamp(15px,1.3vw,1.3rem);
font-style: normal;
font-weight: 400;
}

.first-div-footer ul li a{
    color: #FFF;
    text-decoration: none;
}

.info-footer{
    display: flex;
    width: 60%;
    height: 80%;
}

.first-div-footer{
    width: 33.3%;
}

footer {
    display: flex;
    position: relative;
    height: 85vh;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.absolute-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .7;
    top: 0%;
    z-index: -1;
}

.div-sotto{
    display: flex;
    width: 100%;
    border-top: 1px solid white;
    height: 10%;
}

.div-sotto1{
    display: flex;
    width: 70%;
    align-items: center;
}

.div-sotto1 ul{
    display: flex;
    width: 100%;
    justify-content: start;
    gap: 2rem;
}

.div-sotto1 ul li{
list-style: none;
color: #FFF;
text-decoration: none;
font-family: "Helvetica Now";
font-size: clamp(15px,1.3vw,1.4rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}


.div-sotto1 ul li a{
    color: #FFF; 
    text-decoration: none;
}

.div-sotto2 p{
    color: #FFF;

font-family: "Helvetica Now";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-sotto2 a{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.div-sotto2{
    width: 30%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.div-seven{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0f0f0fa2;
}

.img-abs{
    position: absolute;
    max-width: auto;
    max-height: 300px ;
}

.rec-8{
    right: 11.5%;
    bottom: 20%;
    z-index: -2;
}

.rec-2{
    right: 4%;
    bottom: 10%;
    z-index: -1;
}

.rec-1{
    left: 4%;
    bottom: 10%;
    z-index: -2;
}

.rec-3{
    left: 10%;
    bottom: 60%;
    z-index: -1;

}

.rec-5{
    left: 10%;
    bottom: 35%;
    z-index: -2;
}

.rec-4{
left: 40%;
top: 75%;
z-index: -2;
transform: translate(-50%,-50%);
}

.rec-6{
    left: 50%;
    z-index: -2;
    top: 0%;
    transform: translate(-50%,0%);
    }


.rec-7{
    top: 15%;
    z-index: -2;
    right: 15%;
}

.info-slide{
    border-left: 1px solid #0F0F0F;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #FFF;
    border-right: 1px solid #0F0F0F;
}

.slider-foot{
    height: 15vh;
    min-height: 150px;
    max-height: 450px;
}

.info-section-seven a{
    margin-top: 2rem;
    color: #FFF;
    border-radius: 35px;
    background: #3FC0ED;
font-family: "Helvetica Now Display";
font-size: clamp(15px,1.1vw,1.1rem);
font-style: normal;
font-weight: 800;
line-height: normal;
display: flex;
text-wrap: nowrap;
align-items: center;
justify-content: center;
gap: .5rem;
text-decoration: none;
min-width: 150px;
height: auto;
padding: .95rem 1.75rem;
}

.section-special2{
    height: 120vh;
    padding-bottom: 4rem;
}

.fotos-miembros{
    width: 100vw;
    display: flex;
    
    padding-top:3rem;
    height: 100vh;
}

.w-1001{
    width: 100% !important;
}

.left-div{
    width: 100% !important;
    display: flex;
    align-items: center;
    height: 25%;
    justify-content: space-between;
}

#img-1{
    position: relative;
    left: -3.5%;
}

.about-fitcover{
    height: 150vh;
}

.p-left-about{
    position: relative;
    width: 100%;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: end;
}

.img-about2{
    z-index: -12;
    position: relative;
}

.asset-slider-final2{
    position: absolute;
    left: ;
}

.p-left-about p{
    color: #FFF;
font-family: "Helvetica Now";
font-size: clamp(15px,1.63vw,1.63rem);
width: 50%;
font-style: normal;
font-weight: 300;
line-height: 133%; /* 133.333% */
}

#img-2{
    position: relative;
    left: -2.5%;
    top: 22.5%;
}

#img-3{
    position: relative;
    left: -1.5%;
    
}

#img-4{
    position: relative;
    left: -.5%;
    top: 22.5%;
}

#img-5{
    position: relative;
    left: .5%;
    
}

#img-6{
    position: relative;
    right: -1.5%;
    top: 22.5%;
}

.info-team{
    justify-content: start;
}

.fotos-miembros img{
    width: 26%;
    height: 350px;

}

.info-team a{
    margin-top: 2rem;
    color: #FFF;
    border-radius: 35px;
    background: #B68D3B;
font-family: "Helvetica Now Display";
font-size: clamp(15px,1.3vw,1.3rem);
font-style: normal;

text-decoration: none;
font-weight: 700;
line-height: normal;
display: flex;
text-wrap: nowrap;
align-items: center;
justify-content: center;
gap: .5rem;
min-width: 150px;
height: auto;
padding: 1.1rem 1.5rem;
}

.info-section-seven svg{
    width: 1rem;
    min-width: 16px;
    max-width: 40px;
    height: auto;
}

.left-image{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.left-image img{
    width: 90%;
    height: auto;
}


.container-insing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    width: 50%;
    gap: 2rem;
}

.imagen-case{
    width: 100%;
    height: 65vh;
    object-fit: fill;
}

.imagen-case2{
    width: 47%;
    height: 100%;
    object-fit: cover;
}

.final-aproach{
    height: 60vh !important;
}

.info-case-client{
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
}

.info-case-client ul{
    width: 50%;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.info-case-client p {
    color: #FFF;
    width: 45%;
font-family: "Helvetica Now";
font-size: clamp(16px,2vw,2rem);
font-style: normal;
font-weight: 300;
line-height: 130%;
}

.info-hero-case{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.fondo-img{
    position: absolute;
    left: 0%;
    z-index: 0;
    top: 0%;
    width: 100%;
    height: 85%;
    object-fit: cover;
}

.info-hero-case h2{
    color: #FFF;

font-family: "Helvetica Now";

font-size: clamp(20px,2vw,2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-hero-case h3{
    color: #FFF;

font-family: "Helvetica Now";

font-size: clamp(60px,8vw,8rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-case-client li span{
    color: #FFF;
    font-family: "Helvetica Now Display";
    font-size: clamp(15px,2vw,2rem);
    font-style: normal;
    opacity: .3;
    margin-right: 1rem;
    font-weight: 400;
    line-height: normal;
}

.info-case-client li{
    color: #FFF;
    width: 100%;
    list-style: none;
    font-family: "Helvetica Now Display";
    font-size: clamp(18px,2vw,2rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.height-20{
    height: 20%;
    position: relative;
    top: 0%;
    width: 100%;
    display: block;
}

.width-40{
    width: 40%;
}

.div-imagenes-cases{
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: space-between;
}

.div-case{
    color: #0F0F0F;
    font-family: "Helvetica Now";
    font-size: clamp(20px,1.5vw,1.5rem);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 90%;
    gap: 3rem;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}

.info-lados{
    display: flex;
    justify-content: start;
    gap: 10%;
    align-items: center;
    width: 100%;
}

.info-lados h2{
    color: #0F0F0F;
        width: 40%;
font-family: "Helvetica Now Display";
font-size: clamp(45px,8.3vw,8.3rem);
font-style: normal;
font-weight: 400;
line-height: 110%; /* 112.5% */
}

.info-lados p{
    color: #0F0F0F;
    font-family: "Helvetica Now";
    font-size: clamp(20px,2vw,2rem);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 40%;
}

.info-start{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
}

.info-start a{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    color: #0F0F0F;
    width: 47.5%;
font-family: "Helvetica Now Display";
font-size: clamp(17px,1.73vw,1.73rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.height-father{
    position: absolute;
    width: 100%;
    height: 100%;
}

.height-50{
    position: relative;
    height: 50%;
    top: 0%;
    width: 100%;
    display: block;
}

.info-start h2{
    color: white;
    
font-family: "Helvetica Now Display";
font-size: clamp(15px,7.3vw,7.3rem);
font-style: normal;
font-weight: 400;
line-height: 110%; /* 112.5% */
}

.container-insing2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 50%;
    gap: 1.5rem;
}


.info-slider-title h3{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    color: #0F0F0F;
    width: 47.5%;
font-family: "Helvetica Now Display";
font-size: clamp(17px,1.73vw,1.73rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.info-slider-title2 h3{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    color: #0F0F0F;
    width: 47.5%;
font-family: "Helvetica Now Display";
font-size: clamp(17px,1.73vw,1.73rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}


.container-insing2 h3{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    color: #0F0F0F;
    width: 47.5%;
font-family: "Helvetica Now Display";
font-size: clamp(17px,1.73vw,1.73rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.container-insing2 h2{
    color: #0F0F0F;
    
font-family: "Helvetica Now Display";
font-size: clamp(15px,4.3vw,4.3rem);
font-style: normal;
font-weight: 400;
line-height: 110%; /* 112.5% */
}

.container-insing h3{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    color: #0F0F0F;

font-family: "Helvetica Now Display";
font-size: clamp(17px,1.73vw,1.73rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.container-insing h2{
    color: #0F0F0F;
    
font-family: "Helvetica Now Display";
font-size: clamp(30px,4.3vw,4.3rem);
font-style: normal;
font-weight: 400;
line-height: 120%; /* 112.5% */
}

.divs-negros{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 100vw;
  
}


.divs-negros2{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    z-index: 1;
    height: 100%;
    width: 100vw;
    align-items: end;
}

.div-especialmente{
    z-index: 3;
}

.negro-1{
    height: 100%;
    width: 25%;
    background: #0F0F0F;
}

.negro-11{
    height: 40%;
    width: 25%;
    background: #0F0F0F;
}

.negro-12{
    height: 10%;
    width: 25%;
    background: #0F0F0F;
}

.negro-23{
    height: 0%;
    width: 25%;
    background: #0F0F0F;
}

.negro-34{
    height: 10%;
    width: 25%;
    background: #0F0F0F;
}

.negro-45{
    height: 20%;
    width: 25%;
    background: #0F0F0F;
}



.white-12{
    height: 10%;
    width: 25%;
    background: #FFF;
}

.white-23{
    height: 5%;
    width: 25%;
    background: #FFF;
}

.white-34{
    height: 10%;
    width: 25%;
    background: #FFF;
}

.white-45{
    height: 20%;
    width: 25%;
    background: #FFF;
}

.negro-22{
    height: 30%;
    width: 25%;
    background: #0F0F0F;
}


.negro-44{
    height: 50%;
    width: 25%;
    background: #0F0F0F;
}

.negro-33{
    height: 40%;
    width: 25%;
    background: #0F0F0F;
}


.negro-5{
    height: 0%;
    
    width: 25%;
    background: #0F0F0F;
}

.div-text-section{
    height: 80%;
    display: flex;
    flex-direction: row;
    gap: 3rem;
    width: 100%;
}

.black{
    background-color: #000;
}

.text-sectionh2{
    color: #000;
    font-family: "Helvetica Now Display";

    font-size: clamp(32px,5.4vw,5.4rem);
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 111.111% */
}

.text-section{
    color: #000;
font-family: "Helvetica Now Display";
font-size: clamp(22px,2.4vw,2.4rem);
font-style: normal;
font-weight: 300;
line-height: 125%;
}

.goals-div{
    width: 100%;
    height: 85%;
    display: flex;
    gap: 6rem;
    flex-direction: column;
}

.info-goals{
    display: flex;
    width: 100%;
    align-items: start;
    gap: 3rem;
}



.info-goals div{
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 2rem;
    width: 100%;
}

.imagen-absolute{
    position: absolute;
    right: 0%;
    opacity: .7;
    width: 60%;
}

.info-goals div p{
    color: #FFF;
    font-family: "Helvetica Now";
    font-size: clamp(20px,3vw,3rem);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 45%;
}

.goals-div h2{
    width: 100%;
    color: #FFF;
font-family: "Helvetica Now Display";
font-size: clamp(55px,9.4vw,9.4rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100% */
}

.numero{
    color: #B68D3B;

font-family: "Helvetica Now Display";
font-size: clamp(22px,1.7vw,1.75rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.text-section-bold{
    font-weight: 700;
}

.negro-6{
    height: 10%;
    
    width: 25%;
    background: #0F0F0F;
}


.negro-7{
    height: 20%;
    
    width: 25%;
    background: #0F0F0F;
}

.negro-8{
    height: 15%;
    
    width: 25%;
    background: #0F0F0F;
}

.negro-2{
    height: 90%;
    width: 25%;
    background: #0F0F0F;
}

.negro-3{
    height: 80%;
    width: 25%;
    background: #0F0F0F;
}

.negro-4{
    height: 85%;
    width: 25%;
    background: #0F0F0F;
}


.container-insing p{
    color: #0F0F0F;
    width: 75%;
    font-family: "Helvetica Now Display";
    font-size: clamp(17px,1.73vw,1.73rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.container-insing h1{
    color: #FFF;
padding-bottom: 2rem;
font-family: "Helvetica Now";
font-size: clamp(40px,8.33vw,8.33rem);
font-style: normal;
font-weight: 400;
line-height: 105%; /* 105.882% */
}

.image-bg{
    position: absolute;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    width: 100vw;
}

.container-insing2 p{
    color: #FFF;
    width: 40%;
    font-family: "Helvetica Now Display";
    font-size: clamp(17px,1.53vw,1.53rem);
    font-style: normal;
    position: relative;
    left: 20%;
    font-weight: 400;
    margin-top: 1.5rem;
    line-height: 140%;
}

.container-insing2 h1{
    color: #FFF;

font-family: "Helvetica Now";
font-size: clamp(50px,9.13vw,9.13rem);
font-style: normal;
font-weight: 400;
line-height: 105%; /* 105.882% */
}


.container-insing a{
    margin-top: 2rem;
    color: #FFF;
    border-radius: 35px;
    background: #3FC0ED;
font-family: "Helvetica Now Display";
font-size: clamp(15px,1.3vw,1.3rem);
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
text-wrap: nowrap;
align-items: center;
justify-content: center;
gap: .5rem;
min-width: 150px;
height: auto;
padding: .75rem 1.5rem;
}

.colum-rever{
    flex-direction: row-reverse;
}

.container-insing svg{
    width: 1rem;
    min-width: 33px;
    max-width: 40px;
    height: 60px;
}

.text-center-section-5 svg{
    position: relative;
    margin-left: 20%;
}

.text-center-section-5 h2{
    color: #FFF;
    position: relative;
    display: flex;
    align-items: end;
font-family: "Helvetica Now Display";
font-size: clamp(18px,7.5vw,7.6rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 100% */
}


.div-con-info-restante p{
    color: #FFF;
    opacity: .7;
font-family: "Helvetica Now Display";

font-size: clamp(15px,1.45vw,1.55rem);
font-style: normal;
font-weight: 400;
line-height: 133%; /* 133.333% */
}

.first-div-how-it p{
    color: #FFF;

font-family: "Helvetica Now";
font-size: clamp(18px,1.35vw,1.45rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-how-it{
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-sopra{
    width: 100%;
    height: 70%;
    display: flex;
    flex-direction: column;
}

.ul-section-how div{
    display: flex;
    flex-direction: column;
    align-items: end;
    height: 100%;
    width: 40%;
}

@media screen and (min-width: 1399px) and (max-height:700px){
    .learn-more2{
        top: 7%;
    }
}


.topi{
    top: 0% !important;
}

.section-special{
    position: relative;
    height: fit-content;
}

.ul-section-how li p{
    color: rgba(255, 255, 255, 0.50);
    font-family: "Helvetica Now";
    font-size: clamp(16px,1.7vw,1.7rem);
    font-style: normal;
    font-weight: 500;

    
    line-height: 125%; /* 125% */
}

.list-d{
    position: sticky;
    top: 2.5%;
    
}

.ul-section-how li{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: .25rem;

}

.btn-redireccion svg{
    width: 220px;
    height: auto;
    right: -25%;
    margin-top: -2rem;
    position: relative;
}

.model-arthur{
    position: absolute;
    top: 5%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%);
}

.section5-home{
    position: relative;
    padding: 3rem 0rem;
    height: 100vh;
}

.text-modern{
    color: #FFF;
text-wrap: nowrap;
width:500%;
font-family: "Helvetica Now Display";
font-size: clamp(24px,40vw,41rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18.571% */
}

.div-modern{
    height: 100vh;
    width: 100vw;
}

.black-bg{
    background-color: #0F0F0F;
}

.section4-home h2{
    color: #0F0F0F;

font-family: "Helvetica Now Display";
font-size: 135px;
font-style: normal;
font-weight: 400;
line-height: 130px; /* 96.296% */
text-transform: uppercase;
}

.h2-text-init-section4{
    width: 100%;
    text-align: start;
    padding-bottom: .25rem;
}

.h2-text-final-section4{
    width: 100%;
    text-align: end;
}

.slider-hero button{
    position: absolute;
    right: -15%;
    top: 70%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
}

.first-hero-div{
    display: flex;
    align-items: center;
    gap: .25rem;
    justify-content: end;
}

.text-center{
    width: 90%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    top: 2.5%;
    align-items: center;
    justify-content: center;
}

.special-text{
    color: #FFF;
    font-size: clamp(30px,7vw,7.5rem);
font-family: "Pinyon Script";

text-transform: lowercase !important;
}

.text-center h2{
font-family: "Helvetica Now Display";
font-size: clamp(40px,8vw,8.5rem);
font-style: normal;
position: relative;

text-transform: uppercase;
font-weight: 500;
line-height: 100%; /* 116.129% */

}

#text-1{
    left: -12.5%;
    color: #FFF;
}

#text-2{
    color: #B68D3B;
    left: -11.5%;
    text-transform: uppercase;
}

#text-3{
    left: -5.5%;
    text-transform: uppercase;
    color: #FFF;
}



.title-search{
    height: 15.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 3rem;
}

.title-search h2{
    color: #000;

font-family: "Helvetica Now Display";
font-size: clamp(38px,4vw,4.5rem);
font-style: normal;
font-weight: 300;
line-height: 162%; /* 162.5% */
}

.title-search div{
    height: 55px;
    display: flex;
    width: 25%;
    border-radius: 35px;
    background: #DBDBDB;
    justify-content: end;
    align-items: center;
    gap: 1rem;
    padding-left: 1rem;
}

.title-search div input{
    width: 95%;
    height: 100%;
    border: none;
    outline: none;
    display: flex;
    font-family: "Helvetica Now";
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 300;
line-height: 120%;
    align-items: center;
    border-radius: 35px;
    background: #DBDBDB;
}

.title-search div input::placeholder{
    color: #000;

font-family: "Helvetica Now";
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 300;
line-height: 120%;
}

.left-image p{
    color: #FFF;
    width: 75%;
font-family: "Helvetica Now";

font-size: clamp(20px,2vw,2rem);
font-style: normal;
font-weight: 400;
line-height: normal;
}


.container-insing div{
    height: 60px;
    display: flex;
    width: 50%;
    border-radius: 35px;
    background: #1D1D1D;
    justify-content: end;
    align-items: center;
    gap: 1rem;
    padding-left: 1rem;
}

.container-insing div input{
    width: 95%;
    height: 100%;
    border: none;
    outline: none;
    display: flex;
    font-family: "Helvetica Now";
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 300;
line-height: 120%;
    align-items: center;
    border-radius: 35px;
    color: #FFF;
    background: #1D1D1D;
}

.container-insing  div svg{
    height: auto;
    width: 25px;
}

.container-insing  div input::placeholder{
    color: #FFF;

font-family: "Helvetica Now";
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 300;
line-height: 120%;
}

.load-more{
    width: 100%;
    justify-content: center;
    height: 7.5%;
    display: flex;
    align-items: center;
    padding-top: 4rem;
    min-height: 60px;
}

.load-more button{
    border-radius: 35px;
background: #B68D3B;
color: #FFF;

height: 100%;
width: 11%;
min-width: 195px;
padding: 0rem .75rem;
display: flex;
border: none;
justify-content: center;
align-items: center;
gap: 1rem;
font-family: "Helvetica Now Display";
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
text-transform: uppercase;
font-weight: 600;
line-height: 100%;
}

.section-archives{
    min-height: 1500px;
    height: 185vh;

    background-color: #B7C0BE;
    padding: 3rem 0rem;
}

.archives{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    column-gap: 3.5%;
    row-gap: 4rem;
    justify-content: flex-start;
    align-items: start;
}

.archives-single{
    width: 31%;
    position: relative;
    height: 650px;
    display: flex;
    justify-content: center;
}

.archives-single img{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;

}

.date-archive{
    position: absolute;
    left: 2.5%;
    width: 15%;
    height: fit-content;
    padding: .55rem 0rem;
    display: flex;
    flex-direction: column;
    
    color: #D9D9D9;
    align-items: center;
    z-index: 2;
    background-color: #0F0F0F;
    top: 2.5%;
}

.date-archive h1{
    color: #F5F5F5;

font-family: "Helvetica Now Display";


font-size: clamp(28px,3vw,3rem);
font-style: normal;
font-weight: 400;
line-height: 65.909px; /* 111.111% */
}

.date-archive p{

    color: #F5F5F5;
    
    font-family: "Helvetica Now Display";

    font-size: clamp(14px,1.2vw,1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.info-archive{
    position: relative;
    z-index: 2;
    height: 95%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 1.5rem;
    width: 95%;
}

.info-archive h2{
    color: #D9D9D9;

font-family: "Helvetica Now Display";
padding-left: 1rem;
font-size: clamp(24px,2.7vw,2.75rem);
font-style: normal;
font-weight: 500;
line-height: 50px; /* 125% */
}

.info-archive a{
display: flex;
gap: 1rem;
align-items: center;

color: #B68D3B;
text-decoration: none;
font-family: "Helvetica Now Display";
padding-left: 1rem;
font-size: clamp(14px,1vw,1rem);
font-style: normal;
font-weight: 700 !important;
line-height: normal;
letter-spacing: 1px;
}

@media screen and (min-width:1600px) and (max-width:1919px){
    .center-text-second{
        width: 95%;
        left: 0%;
    }
    .text-cta p{
        width: 55%;
    }

    .div-with-h2 h2{
        font-size: 6.8rem;
    }

    #text-second-2 {
        left: 5%;
    }

    .content-center2{
        width: 45%;
    }

    .ul-section-how div{
        width: 50%;
    }

    .left-quote{

        width: 65%;
        }

        .right-quote div p{
            width: 50%;
        }

        .info-lateral-contact{
            width: 45%;
            display: flex;
            flex-direction: column;
            gap: 2rem;
            height: 90%;
            justify-content: end;
        }

        .img-float-ethos{
            position: absolute;
            height: 45%;
            max-height: 250px;
        }
    
        .ethos-2{
            gap: 4rem;
        }

        .div-ethos2 div img{
            position: absolute;

            height: 45%;
            max-height: 250px;
        }
    
        .ethos-2 h3{
            width: 70%;
        }
    
        .info-ethos12{
            width: 95%;
        }

        .container-insing div{

            width: 50% !important;
        
        }


}

@media screen and (min-width:1440px) and (max-width:1599px){
    .center-text-second{
        width: 95%;
        left: 2.5%;
    }

    
.container-insing div{

    width: 50% !important;

}
    
    .info-ethos12{
        width: 100%;
    }

    .ethos-2{
        gap: 4rem;
    }

    .img-float-ethos{
        position: absolute;
        
        height: 35%;
    }

    .div-ethos2 div img{
        position: absolute;
        
        height: 35%;
    }

    .ethos-2 h3{
        width: 70%;
    }

    .info-lateral-contact2 input{
        height: 50px;
    }
    

    .info-lateral-contact{
        width: 35%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        height: 90%;
        justify-content: end;
    }

    .left-quote{

        width: 65%;
        }
        .right-quote div p{
            width: 50%;
        }


    .text-cta p{
        width: 60%;
    }

    .div-with-h2 h2{
        font-size: 6.0rem;
    }

    .ul-section-how div{
        width: 50%;
    }
    #text-second-2 {
        left: 5%;
    }
    .content-center2{
        width: 40%;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px){
    .center-text-second{
        width: 95%;
        left: 2.5%;
    }

    .container-insing div{

        width: 50% !important;
    
    }

    .container-insing{
        width: 55%;
    }

    .left-image{
        width: 42%;
    }

    .info-ethos12{
        width: 100%;
    }

    .ethos-2{
        gap: 4rem;
    }

    .img-float-ethos{
        position: absolute;
        height: 45%;
        max-height: 250px;
    }

    .div-ethos2 div img{
        position: absolute;
        
        height: 45%;
        max-height: 250px;
    }

    .ethos-2 h3{
        width: 70%;
    }

    .info-lateral-contact h4{
        font-size: 24px;
    }

    .info-lateral-contact p{
        font-size: 24px;
    }

    .info-lateral-contact{
        width: 35%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        height: 90%;
        justify-content: end;
    }

    .left-quote{

        width: 60%;
        }

        .right-quote div p{
            width: 45%;
        }

    .content-center2{
        width: 45%;
    }

    .ul-section-how div{
        width: 50%;
    }

    .text-cta p{
        width: 65%;
    }

    .div-with-h2 h2{
        font-size: 6rem;
    }

    #text-second-2 {
        left: 5%;
    }
}

.no-desk2{
    display: none !important;
}
@media screen and (min-width:1279px) and (max-height:780px){
    .text-center{
        top: -2%;
    }

    .info-team a{
        margin-top: 8rem;
    }

    .h-fit{
        height:125vh ;
        min-height: 850px;
    }

    .team-2{
        height: fit-content !important;
        padding: 3rem 0rem;
    }

    .info-slide-div-right{
        gap: 1.5rem;
    }

    .contact-section{
        padding: 6rem 0rem;
        max-height: fit-content !important;
    }


    .section-archives{
        height: 170vh;
        min-height: fit-content;
    }


    .quote-page img{
        width: 35%;
        max-width: 450px;
    }

    .right-quote {
        height: 100%;
    }

    .j-arthur-p{
        bottom: 7.5%;
    }

    .archives-single{
        height: 450px;
    }

    .slider-hero button{
        top: 65%;
    }

    .fit{
        height: fit-content;
        min-height: 100vh;
        padding: 1rem 0rem;
    }

    .about-fitcover{
        height: 1450px;
    }

    .section-special2{
        height: 150vh;
    }

    .info-hero-case{
        gap: .25rem;
    }


    .negro-11{
        height: 15%;
    }

    .negro-22{
        height: 10%;
    }

    .negro-33{
        height: 15%;
    }

    .info-hero-case h3{
        line-height: 100%;
        font-size: 6rem;
    }

    .info-hero-case h2{
        line-height: 100%;
        font-size: 1.5rem;
    }


    .fondo-img{
        height: 100%;
    }

    .negro-44{
        height: 25%;
    }

}

@media screen and (min-width:1279px) and (min-height:781px) and (max-height:880px){

    .slider-hero button{
        top: 65%;
    }

    .info-hero-case{
        gap: .25rem;
    }


    .negro-11{
        height: 15%;
    }

    .negro-22{
        height: 10%;
    }

    .negro-33{
        height: 15%;
    }

    .info-hero-case h3{
        line-height: 100%;
        font-size: 6rem;
    }

    .info-hero-case h2{
        line-height: 100%;
        font-size: 1.5rem;
    }


    .fondo-img{
        height: 100%;
    }

    .negro-44{
        height: 25%;
    }


    .about-fitcover{
        height: 1450px;
    }

    .section-special2{
        height: 150vh;
    }

    .archives-single{
        height: 450px;
    }

    .section-archives{
        height: 170vh;
        min-height: fit-content;
    }

    .right-quote {
        height: 70%;
    }

    .fit{
        height: fit-content;
        padding: 2rem 0rem;
    }


    .quote-page img{
        width: 35%;
        max-width: 650px;
    }

    .info-lateral-contact{
        height: 60%;
    }

    .j-arthur-p{
        bottom: 5%;
    }
}

@media screen and (min-width:1279px) and (min-height:781px) and (max-height:980px){


  
    .info-lateral-contact{
        height: 65%;
    }


}

@media screen and (min-width:1279px) and (min-height:800px) {



    .section6-home {
        min-height: 1750px;
    }


}

@media screen and (min-width:767px) and (max-width:1279px) and (min-height:981px) and (max-height:1980px){



    .info-lateral-contact{
        height: 65%;
    }
    .right-quote {
        height: 45%;
    }

}

@media screen and (min-width:1024px) and (max-width:1279px){
    .center-text-second{
        width: 95%;
        left: 2.5%;
    }
    .contact-section{
        padding: 6rem 0rem;
        max-height: fit-content !important;
    }


    .info-hero-case{
        gap: .5rem;
    }

    
    .p-left-about p{
        width: 90%;
    }

    .section-special2{
        max-height: auto !important;
        height: fit-content !important;
    }

    .fotos-miembros img{
        height: 150px;
    }

    .fotos-miembros{
        height: 300px;
    }

    #img-2{
        left: -20%;
    }

    #img-3{
        left: -17.5%;
    }

    #img-4{
        left: -12.5%;
    }

    #img-6{
        right: 6.5%;
    }
    
    #img-5{
        left: -9.5%;
    }

    .w-100 h3{
        width: 100% ;
    }

    .text-center-about{
        width: 100%;
    }

    .img-about2{
        width: 100vw;
        height: 250px;
    }

    .p-left-about{
        padding-top: 3rem;
    }

    .w-1001{
        gap: .5rem;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
    }


    .img-div-auto{
        max-height: fit-content !important;
        height: fit-content !important;
    }

    .info-about-photo{
        width: 100vw;
        height: 50vh;
    }

    .row-content{
        flex-direction: column;
        gap: 2rem;
    }

    .backdrop-filter{
        height: 100%;
    }

    .asset-slider-final2 {
        width: 100% !important;
        height: 40% !important;
        z-index: -2;
        top: 10.5%;
        left: 0% !important;
        object-fit: cover !important;
        transform: translateY(-50%);
        position: absolute;
    }

    .info-slide-div-right{
        width: 75%;
    }

    .info-about-photo img{
        width: 100%;
        height: auto;
    }


    .info-case-client ul{
        width: 100%;
    }

    .info-case-client{
        gap: 2rem;
        flex-direction: column;
        align-items: start;
    }

    .fondo-img{
        display: none;
    }

    .width-40{
        width: 100%;
    }

    .div-imagenes-cases{
        width: 100%;
        flex-direction: column;
        gap:1rem
    }

    .info-lados{
        flex-direction: column;
        gap: 2rem;
    }

    .info-lados h2{
        width: 100%;
    }

    .info-lados p{
        font-weight: 700;
        position: relative;
        left: 5%;
        width: 90%;
    }


    .case-section2{
        height: fit-content !important;
        padding-bottom: 2rem;
    }

    .imagen-case2{
        width: 100%;
    }

    .info-case-client p{
        width: 90%;
    }

    .imagen-case{
        width: 100vw;
        height: auto;
    }

    .h-100{
        height: 100% !important;
        justify-content: start !important;
    }

    .div-case{
        gap: 1.5rem;
    }

.final-aproach{
    padding: 0rem 0rem 4.5rem 0rem;
    height: fit-content !important;
}

    .case-section{
        height: fit-content !important;
        padding: 8.5rem 0rem 2.5rem 0rem;
    }

    .lista-container-li span{
        font-size: 23px;
    }

    .lista-container-li li{
        width: 100%;
    }

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

    .informacion-integrantes-div img{
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .w-100 div{
        width: 90% !important;
    }

    .bg-section{
        background-color: #0F0F0F;
    }

.divs-negros div{
    height: 100%;
    width: 100%;
}

    .info-ethos12{
        width: 95%;
    }

    .no-desk2{
        display: none !important;
    }

    .info-ethos{
        height: 75%;
    }


    #second-h2-ethos{
        left: 0%;
    }

    .ethos-hero img{
        height: 40%;
        left: 50%;
        z-index: 2;
    }

    .info-ethos2 p{
        width: 95%;
    }

    .ethos-hero img{
        height: 70%;
    }

    .ethos-2 h3{
        line-height: 180%;
    }

    .ethos-2 h3 svg{
        width: 43px;
        top: 2.5%;
        margin: 0rem .2rem;
        height: auto;
    }

    .ethos-2 h3{
        width: 95%;
    }


    .div-ethos2 div{
        width: 80%;
    }

    .quote-page img{
        width: 45%;
        max-width: 850px;
    }


    .left-quote{

        width: 65%;
        }
        .right-quote div p{
            width: 50%;
        }



    .div-with-h2 img{
        height: 75%;
    }

    .model-arthur{
        width: 50%;
    }

.absolute{
    max-height: 650px;
}

    .ul-section-how div{
        width: 50%;
    }

    .imagen04{
        height: 230px;
    }

    footer{
        max-height: 700px;
    }

    .img-abs{
        max-height: 200px;
    }

    .menu-hamburguesa img{
        width: 45px;
    }

    .learn-more{
        width: 25%;
    }

    .menu-contact{
        width: 20%;
    }

    .slider-hero button{
        top: 60%;
    }

    .swiper-slide img{
        height: 35px;
    }

    .div-sotto2 p{
        font-size: 14px;
    }

    .section4-home h2{
        font-size: 98px;
    }

    .container-insing div{

        width: 50% !important;
    
    }

    .section{
        max-height: 700px;
    
    }

    .team-2{
        max-height: fit-content;
        padding: 4rem 0rem;
        height: fit-content;
    }

    .informacion-integrantes{
        row-gap: 30px;
        flex-grow: .5;
    }

    .info-ethos12 h2 svg{
        width: 55px;
        height: auto;
    }

    .Team-2-p1{
        height: fit-content;
    }

    .div-with-h2 h2{
        font-size: 4.2rem;
    }

    .text-cta p{
        width: 75%;
    }

    .learn-more2{
        display: none;
    }

    #text-second-2 {
        left: 5%;
    }

    .w-50{
        width: 100%;
    }

    .fit{
        height: fit-content;
    }

    .goals-div{
        gap: 2rem;
    }

    .info-goals div p{
        width: 100%;
    }

    .container-insing2{
        align-items: start;
    }

    .flex-row22{
        flex-direction: column-reverse !important;
        gap: 2rem;
    }

    .contact-section{
        padding: 4rem 0rem;
    }

    .info-lateral-contact{
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }

    .info-lateral-contact p{
        width: 80%;
    }

    .info-lateral-contact2 h3{
        padding-bottom: 0rem;
    }

    .info-lateral-contact2{
        width: 100%;
    }

    .info-lateral-contact2 form div{
        gap: 1rem;
        flex-direction: column;
    }

    .fit{
        height: fit-content;
    }

    .goals-div{
        gap: 2rem;
    }

    .info-goals div p{
        width: 100%;
    }

    .container-insing2{
        align-items: start;
    }

    .container-insing2 p{
        width: 80%;
        left: 5%;
    }

    .space-3{
        display: none;
    }

}

@media screen and (min-width:768px) and (max-width:1024px){
    .center-text-second{
        width: 95%;
        left: 2.5%;
    }

    
    .p-left-about p{
        width: 90%;
    }

    .section-special2{
        height: fit-content !important;
    }

    .fotos-miembros img{
        height: 150px;
    }

    .fotos-miembros{
        height: 300px;
    }

    #img-2{
        left: -20%;
    }

    #img-3{
        left: -17.5%;
    }

    #img-4{
        left: -12.5%;
    }

    #img-6{
        right: 6.5%;
    }
    
    #img-5{
        left: -9.5%;
    }

    .w-100 h3{
        width: 100% ;
    }

    .text-center-about{
        width: 100%;
    }

    .img-about2{
        width: 100vw;
        height: 250px;
    }

    .p-left-about{
        padding-top: 3rem;
    }

    .w-1001{
        gap: .5rem;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
    }


    .img-div-auto{
        height: fit-content !important;
    }

    .info-about-photo{
        width: 100vw;
        height: 50vh;
    }

    .row-content{
        flex-direction: column;
        gap: 2rem;
    }

    .backdrop-filter{
        height: 100%;
    }

    .asset-slider-final2 {
        width: 100% !important;
        height: 40% !important;
        z-index: -2;
        top: 10.5%;
        left: 0% !important;
        object-fit: cover !important;
        transform: translateY(-50%);
        position: absolute;
    }

    .info-slide-div-right{
        width: 75%;
    }

    .info-about-photo img{
        width: 100%;
        height: auto;
    }


    .info-hero-case{
        gap: .5rem;
    }

    .info-case-client ul{
        width: 100%;
    }

    .info-case-client{
        gap: 2rem;
        flex-direction: column;
        align-items: start;
    }

    .fondo-img{
        display: none;
    }

    .width-40{
        width: 100%;
    }

    .div-imagenes-cases{
        width: 100%;
        flex-direction: column;
        gap:1rem
    }

    .info-lados{
        flex-direction: column;
        gap: 2rem;
    }

    .info-lados h2{
        width: 100%;
    }

    .info-lados p{
        font-weight: 700;
        position: relative;
        left: 5%;
        width: 90%;
    }


    .case-section2{
        height: fit-content !important;
        padding-bottom: 2rem;
    }

    .imagen-case2{
        width: 100%;
    }

    .info-case-client p{
        width: 90%;
    }

    .imagen-case{
        width: 100vw;
        height: auto;
    }

    .h-100{
        height: 100% !important;
        justify-content: start !important;
    }

    .div-case{
        gap: 1.5rem;
    }

.final-aproach{
    padding: 0rem 0rem 4.5rem 0rem;
    height: fit-content !important;
}

    .case-section{
        height: fit-content !important;
        padding: 8.5rem 0rem 2.5rem 0rem;
    }

    
    .archives-single{
        width: 100%;
        height: 300px;
    }

    

    .load-more button{
        height: 50px;
    }

    .title-search{
        padding: 2rem 0rem;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .title-search div{
        width: 90%;
    }

    .section-archives{
        height: fit-content !important;
    }

    .container-insing p{
        width: 100%;
    }

    .left-image{
        width: 100%;
    }

    .lista-container-li span{
        font-size: 23px;
    }

    .lista-container-li li{
        width: 100%;
    }

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

    .informacion-integrantes-div img{
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .w-100 div{
        width: 90% !important;
    }

    .bg-section{
        background-color: #0F0F0F;
    }

.divs-negros div{
    height: 100%;
    width: 100%;
}

    .team-2{
        max-height: fit-content !important;
        padding: 4rem 0rem;
        height: fit-content;
    }

    .informacion-integrantes{
        row-gap: 30px;
        flex-grow: .5;
    }

    .info-ethos12 h2 svg{
        width: 55px;
        height: auto;
    }

    .Team-2-p1{
        height: fit-content;
    }


    .no-desk2{
        display: none !important;
    }

    .info-ethos{
        height: 75%;
    }


    #second-h2-ethos{
        left: 0%;
    }

    .ethos-hero img{
        height: 40%;
        left: 50%;
        z-index: 2;
    }

    .info-ethos2 p{
        width: 95%;
    }

    .ethos-2 h3{
        line-height: 180%;
    }

    .ethos-2 h3 svg{
        width: 43px;
        top: 2.5%;
        margin: 0rem .2rem;
        height: auto;
    }

    .ethos-2 h3{
        width: 95%;
    }


    .div-ethos2 div{
        width: 80%;
    }

    
    .container2{
        flex-direction: column;
    }

    .right-quote{
        width: 100%;
    }

    .left-quote{
        width: 100%;
    }

    .quote-page img{
        width: 45%;
        max-width: 850px;
    }

        .right-quote div p{
            width: 50%;
        }


    .w-50{
        width: 100%;
    }


    .ul-section-how div{
        width: 50%;
    }

    .imagen04{
        height: 200px;
        min-height: 140px;
    }

    footer{
        max-height: 550px;
    }

    .img-abs{
        max-height: 200px;
    }

    .menu-hamburguesa img{
        width: 35px;
    }

    .learn-more{
        width: 30%;
    }

    .menu-contact{
        width: 25%;
    }

    .info-scroll{
        gap: 2.5rem;
    }

    .absolute{
        max-height:600px;
    }

    .info-scroll svg{
        height: 80px;
        width: 100px;
    }

    .info-footer{
        width: 90%;
    }

    .first-footer h2{
        width: 25%;
    }

    .slider-hero button{
        top: 60%;
    }

    #special-img{
        height: 70px;
    }

    .slider-hero button svg{
        width: 45px;
        
    }

    .swiper-slide img{
        height: 25px;
    }

    .div-sotto2 p{
        font-size: 10px;
    }

    .section4-home h2{
        font-size: 78px;
    }

    .lista-container-li{
        gap: .75rem;
    }


    .btn-redireccion svg{
        width: 120px;
        margin-top: -1rem;
    }

    .model-arthur{
        width: 65%;
        height: auto;
    }

    .section{
        max-height: 600px;
    }

    .div-with-h2 h2{
        font-size: 3.8rem;
    }

    .div-with-h2 img {
        height: 60px;
        width: auto;
        display: block;
    }

    .text-cta p{
        width: 75%;
    }
    .learn-more2{
        display: none;
    }
    #text-second-2 {
        left: 5%;
    }


    .flex-row22{
        flex-direction: column-reverse !important;
        gap: 4rem;
    }

    .contact-section{
        padding:12rem 0rem;
    }

    .info-lateral-contact{
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }

    .info-lateral-contact p{
        width: 80%;
    }

    .info-lateral-contact2 h3{
        padding-bottom: 0rem;
    }

    .info-lateral-contact2{
        width: 100%;
    }

    .info-lateral-contact2 form div{
        gap: 1rem;
        flex-direction: column;
    }
    .space-3{
        display: none;
    }


}

@media screen and (min-width:481px) and (max-width:767px){
    .no-mb{
        display: none;
    }

    
    .p-left-about p{
        width: 90%;
    }

    .section-special2{
        height: fit-content !important;
    }

    .fotos-miembros img{
        height: 150px;
    }

    .fotos-miembros{
        height: 300px;
    }

    #img-2{
        left: -20%;
    }

    #img-3{
        left: -17.5%;
    }

    #img-4{
        left: -12.5%;
    }

    #img-6{
        right: 6.5%;
    }
    
    #img-5{
        left: -9.5%;
    }

    .w-100 h3{
        width: 100% ;
    }

    .text-center-about{
        width: 100%;
    }

    .img-about2{
        width: 100vw;
        height: 250px;
    }

    .p-left-about{
        padding-top: 3rem;
    }

    .w-1001{
        gap: .5rem;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
    }


    .img-div-auto{
        height: fit-content !important;
    }

    .info-about-photo{
        width: 100vw;
        height: 50vh;
    }

    .row-content{
        flex-direction: column;
        gap: 2rem;
    }

    .backdrop-filter{
        height: 100%;
    }

    .asset-slider-final2 {
        width: 100% !important;
        height: 40% !important;
        z-index: -2;
        top: 10.5%;
        left: 0% !important;
        object-fit: cover !important;
        transform: translateY(-50%);
        position: absolute;
    }

    .info-slide-div-right{
        width: 75%;
    }

    .info-about-photo img{
        width: 100%;
        height: auto;
    }



    .info-hero-case{
        gap: .5rem;
    }

    .info-case-client ul{
        width: 100%;
    }

    .info-case-client{
        gap: 2rem;
        flex-direction: column;
        align-items: start;
    }

    .fondo-img{
        display: none;
    }

    .width-40{
        width: 100%;
    }

    .div-imagenes-cases{
        width: 100%;
        flex-direction: column;
        gap:1rem
    }

    .info-lados{
        flex-direction: column;
        gap: 2rem;
    }

    .info-lados h2{
        width: 100%;
    }

    .info-lados p{
        font-weight: 700;
        position: relative;
        left: 5%;
        width: 90%;
    }


    .case-section2{
        height: fit-content !important;
        padding-bottom: 2rem;
    }

    .imagen-case2{
        width: 100%;
    }

    .info-case-client p{
        width: 90%;
    }

    .imagen-case{
        width: 100vw;
        height: auto;
    }

    .h-100{
        height: 100% !important;
        justify-content: start !important;
    }

    .div-case{
        gap: 1.5rem;
    }

.final-aproach{
    padding: 0rem 0rem 4.5rem 0rem;
    height: fit-content !important;
}

    .case-section{
        height: fit-content !important;
        padding: 8.5rem 0rem 2.5rem 0rem;
    }

    .archives-single{
        width: 100%;
        height: 300px;
    }

    

    .load-more button{
        height: 50px;
    }

    .title-search{
        padding: 2rem 0rem;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .title-search div{
        width: 90%;
    }

    .section-archives{
        height: fit-content !important;
    }

    .container-insing p{
        width: 100%;
    }

    .left-image{
        width: 100%;
    }

    .info-ethos{
        height: 75%;
    }

    .lista-container-li span{
        font-size: 23px;
    }

    .lista-container-li li{
        width: 100%;
    }

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

    .informacion-integrantes-div img{
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .w-100 div{
        width: 90% !important;
    }

    .bg-section{
        background-color: #0F0F0F;
    }

.divs-negros div{
    height: 100%;
    width: 100%;
}

    .informacion-integrantes-div{
        width: 32%;
    }

    .team-2{
        max-height: fit-content;
        padding: 4rem 0rem;
        height: fit-content;
    }

    .informacion-integrantes{
        row-gap: 30px;
        flex-grow: .5;
    }

    .info-ethos12 h2 svg{
        width: 55px;
        height: auto;
    }

    .Team-2-p1{
        height: fit-content;
    }


    #second-h2-ethos{
        left: 0%;
    }

    .ethos-hero img{
        height: 40%;
        left: 50%;
        z-index: 2;
    }

    .info-ethos2 p{
        width: 95%;
    }

    .no-desk2{
        display: none !important;
    }

    .w-50{
        width: 100%;
    }

    .ethos-2 h3{
        line-height: 180%;
    }

    .ethos-2 h3 svg{
        width: 43px;
        top: 2.5%;
        margin: 0rem .2rem;
        height: auto;
    }

    .ethos-2 h3{
        width: 95%;
    }


    .div-ethos2 div{
        width: 80%;
    }


    .learn-more2{
        display: none;
    }

    .container2{
        flex-direction: column;
    }

    .right-quote{
        width: 100%;
    }

    #second-text-quote{
        position: relative;
        left: 10%;
    }

    .left-quote{
        width: 100%;
    }


    .line-continua{
        width: 50%;
    }

    
    .line-continua2{
        width: 50%;
    }

   .rec-1{
        display: none;
    }

    .rec-2{
        display: none;
    }

    .content-center{
        flex-direction: column;
        gap: 2rem;
        width: 90%;
    }

    .content-center2{
        width: 100%;
    }

    .content-center2 div{
        width: 95%;
    }

    .content-center1{
        width: 100%;
        gap: 1.55rem;
    }

    .rec-5{
        left: 0%;
    }

    .rec-6{
        right: 0%;
        left: auto;
        transform: translate(0%);
    }

    .j-arthur-p{
        bottom: 2%;
    }

    .rec-8{
        display: none;
    }

    .rec-4{
        left: 50%;
        transform: translate(-50%);
        right: auto;
        top: 60%;
    }

    .rec-3{
        left: -20%;
    }

    .rec-7{
        display: none;
    }

    .model-arthur{
        width:65%;
        left:85%;
    }
    

    #text-1{
        width: 50%;
    }

    .div-lines{
        width: 50%;
    }

    .menu-hamburguesa img{
        width: 40px;
        height: auto;
    
    }

    .section4-home h2{
        font-size: 80px;
        line-height: 100%;
        text-align: center;
    }

    .text-cta p{
        width: 85%;
    }

    .div-central-section4{
        height: 75%;
    }

    .imagen04{
        position: absolute;
        height: 50vh;
        width: 35vw;
        min-height: 280px;
    }
    
    

    .container-nav{
        width: 90%;
    }

    .menu-logo img{
        width: 45px;
        height: auto;
    
    }



    .slider-hero{
        bottom: 0%;
        top: 2%;
    }

    
    .slider-hero{
        position: relative;
        width: 50%;
        right: 0%;
    }


    .learn-more{
        left: 50%;
        transform: translateX(-50%);
        bottom: -2%;
        width: 25%;
    }

    .slider-hero div img{
        max-height: 280px;
    }

    .text-center{
        top: 0%;
    }
    
    .line-continua{
        width: 50%;
    }  

    
    .line-continua2{
        width: 50%;
    }

    #text-second-11{
        left: 15%;
    }

    #text-second-55{
        left: 15%;
    }
    
    #text-second-22{
        left: 20%;
    }

    #second-section{
        height: 550px;
    }

    .div-with-h2 h2{
        font-size: 50px;
        min-height: 55px;
        font-weight: 600;
    }

    .div-with-h2 img{
        height: 45px !important;
        display: block;
        position: relative;
        top: -2%;
    }

    
    .btn-redireccion svg{
        width: 80px;
        margin-top: 0rem;
    }
    
    .no-mb{
        display: none !important;
    }

    .first-footer h2{
        width: 90%;
    }

    .first-div-footer{
        width: 50%;
    }

    .first-footer img{
        height: 40%;
    }

    .first-div-footer ul {
        justify-content: start;
        gap: .75rem;
    }


    .info-footer{
        flex-wrap: wrap;
    }

    .div-sotto{
        border-top: none;
    }

    .div-sotto1{
        display: none;
    }

    .div-sotto2{
        justify-content: center;
        width: 100%;
    }

    .div-sotto2 p{
        font-size: 16px;
    }

    .info-footer{
        width: 90%;
        height: 60%;
    }

    .info-section-seven img{
        width: 85px;
        height: auto;
    }

    .first-footer{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 0rem;
        padding-top: 2rem;
    }

    .slider-foot{
        min-height: 80px;
        height: 80px;
    }

    #special-img{
        height: 45px;
    }

    .lista-container-li{
        gap: 1.55rem;
    }

    .swiper-slide img{
        height: 25px;
    }

    .ul-section-how li{
        width: 50%;
    }

    .divisiones-divs div{
        width: 50% !important;
    }

    .border-mobile{
        border-bottom: 1px solid rgba(255, 255, 255, 0.507);

    }

    .ul-section-how li p{
        width: 100%;
    }

    .ul-section-how{
        flex-direction: column;
        align-items: center;
    }

    .container{
        width: 90%;
    }

    .lines-new-absolute{
        height: 68%;
    }

    .model-arthur-div {
        justify-content: start;
    }

    .div-how-it {
        gap: 1rem;
    }

    .info-left {
        flex-direction: column;
        gap: 1rem;
        height: fit-content;
    }

    .div-con-info-restante {
        width: 65%;
        height: fit-content;
    }

    .div-mobile-modern2{
        max-height: 650px;
    }

    .div-mobile-modern{
        height: 450px !important;
    }

    .divisiones-divs{
        width: 100% !important;
        flex-direction: row !important;
        display: flex !important;
        padding: 1rem 0rem;
    }

    .info-sopra {
        height: 45%;
    }

    
    .info-slider-title img{
        width: 12.5% !important;
        height: auto !important;
    }

    
    .flex-row22{
        flex-direction: column-reverse !important;
        gap: 2rem;
    }

    .contact-section{
        padding: 4rem 0rem;
    }

    .info-lateral-contact{
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }

    .info-lateral-contact p{
        width: 80%;
    }

    .info-lateral-contact2 h3{
        padding-bottom: 0rem;
    }

    .info-lateral-contact2{
        width: 100%;
    }

    .info-lateral-contact2 form div{
        gap: 1rem;
        flex-direction: column;
    }

    .fit{
        height: fit-content;
    }

    .goals-div{
        gap: 2rem;
    }

    .info-goals div p{
        width: 100%;
    }

    .container-insing2{
        align-items: start;
    }

    .container-insing2 p{
        width: 100%;
        left: 5%;
    }

    .centralizado{
        justify-content: center !important;
    }




    .menu-inverso{
        flex-direction: row-reverse !important;
    }

    .space-3{
        display: none;
    }

}

@media screen and (max-width:480px){
    .no-mb{
        display: none !important;
    }
    .top-0{
        justify-content: center; 
        left: -5% !important;
    }

    .info-start a{

        width: 90.5%;
    }

    .section5-home{
        position: relative;
        padding: 3rem 0rem;
        height: 100vh;
        max-height: 600px;
    }
    

    .j-start{
        justify-content: center !important;
    }

    .container-insing a{
        display: none !important;
    }


    .info-section-seven h3{
        width: 60%;
    }

    .container-insing h1{
        font-size: 65px;
    }

    .info-lateral-contact div{
        align-items: end;
        width: 100%;
    }

    .section6-home{
        min-height: 1350px !important;
    }


.info-lateral-contact2 input::placeholder{
    text-transform: uppercase;
}

.info-lateral-contact2 input{
    text-transform: uppercase;
}

.info-lateral-contact2 button{
    width: 210px;
    gap: 1.25rem;
}

.info-lateral-contact2 p{
    gap: 1rem;
}

.info-lateral-contact2 p svg{
    width: 45px;
    height: 35px;
}
    .space-3{
        display: none;
    }

    .text-center{
        width: 95%;
    }

    #text-2{
        left: 0%;
    }

    #text-1{
        left: 0%;
        width: 90% !important;
    }

    
.div-modern{
    height: 450px;
    width: 100vw;
}


    .menu-inverso{
        flex-direction: row-reverse !important;
    }

    .centralizado{
        justify-content: center !important;
    }

    .z-index3 h3{
        width: 100%;
    }

    .otro-abs {
        height: 400px;
    }

    .p-left-about p{
        width: 90%;
    }

    .z-index3{
        z-index: 3 !important;
    }

    .section-special2{
        height: fit-content !important;
    }

    .fotos-miembros img{
        height: 150px;
    }

    .fotos-miembros{
        height: 300px;
    }

    #img-2{
        left: -20%;
    }

    #img-3{
        left: -17.5%;
    }

    #img-4{
        left: -12.5%;
    }

    #img-6{
        right: 6.5%;
    }
    
    #img-5{
        left: -9.5%;
    }

    .w-100 h3{
        width: 100% ;
    }

    .text-center-about{
        width: 100%;
    }

    .img-about2{
        width: 100vw;
        height: 250px;
    }

    .p-left-about{
        padding-top: 3rem;
    }

    .w-1001{
        gap: .5rem;
        padding-top: 3rem;
        display: flex;
        flex-direction: column;
    }


    .img-div-auto{
        height: fit-content !important;
    }

    .info-about-photo{
        width: 100vw;
        height: 50vh;
    }

    .row-content{
        flex-direction: column;
        gap: 2rem;
    }

    .backdrop-filter{
        height: 90%;
    }

    .asset-slider-final2 {
        width: 100% !important;
        height: 40% !important;
        z-index: -2;
        top: 10.5%;
        left: 0% !important;
        object-fit: cover !important;
        transform: translateY(-50%);
        position: absolute;
    }

    .info-slide-div-right{
        width: 75%;
    }

    .info-about-photo img{
        width: 100%;
        height: auto;
    }

    .info-hero-case{
        gap: .5rem;
    }

    .info-case-client ul{
        width: 100%;
    }

    .info-case-client{
        gap: 2rem;
        flex-direction: column;
        align-items: start;
    }

    .fondo-img{
        display: none;
    }

    .width-40{
        width: 100%;
    }

    .div-imagenes-cases{
        width: 100%;
        flex-direction: column;
        gap:1rem
    }

    .info-lados{
        flex-direction: column;
        gap: 2rem;
    }

    .info-lados h2{
        width: 100%;
    }

    .info-lados p{
        font-weight: 700;
        position: relative;
        left: 5%;
        width: 90%;
    }


    .case-section2{
        height: fit-content !important;
        padding-bottom: 2rem;
    }

    .imagen-case2{
        width: 100%;
    }

    .info-case-client p{
        width: 90%;
    }

    .imagen-case{
        width: 100vw;
        height: auto;
    }

    .h-100{
        height: 100% !important;
        justify-content: start !important;
    }

    .div-case{
        gap: 1.5rem;
    }

.final-aproach{
    padding: 0rem 0rem 4.5rem 0rem;
    height: fit-content !important;
}

    .case-section{
        height: fit-content !important;
        padding: 8.5rem 0rem 2.5rem 0rem;
    }

    .archives-single{
        width: 100%;
        height: 300px;
    }

    .fit{
        height: fit-content;
    }

    .goals-div{
        gap: 2rem;
    }

    .info-goals div p{
        width: 100%;
    }

    .container-insing2{
        align-items: start;
    }

    .container-insing2 p{
        width: 100%;
        left: 5%;
    }

    .divs-negros2{
        display: none;
    }

    .load-more button{
        height: 50px;
    }

    .apro{
        height: 400px !important;
        padding-bottom: 0rem !important;
    }

    .title-search{
        padding: 2rem 0rem;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .title-search div{
        width: 90%;
    }

    .section-archives{
        height: fit-content !important;
    }

    .container-insing p{
        width: 100%;
    }

    .left-image{
        width: 100%;
    }

    .container-insing{
        width: 100%;
    }

    .lista-container-li span{
        font-size: 23px;
    }

    .container-insing div{
        width: 90%;
    }

    .lista-container-li li{
        width: 100%;
    }

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

    .Team-2-p1{
        width: 95%;
    }

    .informacion-integrantes-div img{
        width: 100%;
        height: 270px;
        object-fit: cover;
    }

    .colum-rever{
        flex-direction: column-reverse !important;
    }

    .left-image img{
        width: 100%;
    }

    .w-100 div{
        width: 90% !important;
    }

    .container-insing{
        justify-content: end;
    }

    .bg-section{
        background-color: #0F0F0F;
    }

.divs-negros div{
    height: 100%;
    width: 100%;
}

    .no-desk2{
        display: block !important;
    }


    .team-2{
        height: fit-content !important;
        padding: 2rem 0rem;
    }

    .informacion-integrantes-div{
        width: 100%;
    }

    .info-ethos12 p{
        left: 0%;
        font-size: 12px;
    }

    .info-ethos12 h2 svg{
        width: 36px;
        height: auto;
    }

    .left-svg{
        position: relative;
        left: 15%;
    }

    .info-ethos{
        height: 75%;
    }

    .info-ethos h2 span{
        position: relative;
        left: 45%;
    }

    #second-h2-ethos{
        left: 0%;
    }

    .ethos-hero img{
        height: 40%;
        left: 50%;
        z-index: 2;
    }

    .info-ethos2 p{
        width: 95%;
    }

.ethos-last{
    left: 7.55%;
    top: -10%;
    gap: .75rem;
    position: relative;
}




.pt-2{
    padding: 2rem 0rem;
}

.ethos-last svg{
    width: 65px;
    height: 35px;
}

    .ethos-2 h3{
        line-height: 110%;
    }

    .ethos-2 h3 svg{
        width: 35px;
        top: 2.5%;
        margin: 0rem .4rem;
        height: 35px;
    }

    .ethos-2 h3{
        width: 95%;
    }

    .div-ethos2 div{
        width: 100%;
    }

    .info-section-seven h6{
        color: rgba(245, 245, 245, 0.50);


    }

    .info-section-seven a{
        margin-top: 4rem;
    }

    .container2{
        flex-direction: column;
        width: 90%;
    }

    .quote-page img{
        width: 100%;
        top: 25%;
    }

    .info-redes2 ul{
        width: 100%;
        justify-content: space-between;
    }

    .info-redes2{
        width: 100%;
    }

    .right-quote div p{
        width: 100%;
    }

    .right-quote div{
        flex-direction: column;
        align-items: start;
        gap: 1rem;
        padding-bottom: .5rem;
    }


    .right-quote{
        width: 100%;
        height: 100%;
        justify-content: center;
        gap:2.5rem;
    }

    .info-redes2{
        margin-top: 0rem;
    }

    #second-text-quote{
        position: relative;
        left: 10%;
    }

    .left-quote{
        width: 100%;
    }


    .flex-row22{
        flex-direction: column-reverse !important;
        gap: 2rem;
    }

    .contact-section{
        padding: 60px 0rem 60px 0px;
    }

    .info-lateral-contact{
        flex-direction: row-reverse;
        width: 90%;
        padding-left: 10%;
        justify-content: end;
        padding-top: 2rem;
    }

    .info-lateral-contact p{
        width: 80%;
    }

    .info-lateral-contact2 h3{
        padding-bottom: 0rem;
    }

    .info-lateral-contact2{
        width: 100%;
    }

    .info-lateral-contact2 form div{
        gap: 1rem;
        flex-direction: column;
    }

    .w-50{
        width: 100%;
    }

    .section{
        height: 100vh;
    }

    .learn-more2{
        display: none;
    }
    .info-slider-title img{
        width: 12.5% !important;
        padding-bottom: 1rem;
        height: auto !important;
    }

    .slider-hero div img{
        max-height: 35vh;
    }

    #btn-change{right: -10%;}

    #btn-change svg{
        width: 65px;
        height: auto;
    }

    .position1{
        display: none;
    }
    .position2{
        display: none;
    }
    .position3{
        left: 50%;
        top: 56%;
        z-index: 3;
        transform: translate(-50%,-50%);
    }
    .position4{
        display: none;
    }
    .position5{
display: none;
    }

    .lista-container-li{
        gap: 1.55rem;
    }

    .div-lines{
        width: 50%;
    }

    .text-modern{
        width: 100%;
        text-wrap: wrap;
        font-size: 74px;
        text-align: center;
        line-height: 120%;
    }

    .div-conImagenes-section6{
        height: 80%;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
        right: auto;
        width: 100%;
    }

    .div-conImagenes-section6 img{
        width: 100%;
        top: 0%;
    }

    .div-conImagenes-section7{
        height: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        right: auto;
        width: 100%;
    }

    .div-conImagenes-section7 img{
        height: 200px;
        width: auto;
        top: 0%;
    }


    #id-img-12{
        top: -10%;
    }

    #id-img-22{
        top: 15%;
    }

    #id-img-32{
        top: 45%;
    }

    #id-img-42{
        top: 70%;
    }

    .first-footer h2{
        width: 90%;
    }

    .first-div-footer{
        width: 50%;
    }

    .first-footer img{
        height: 40%;
    }

    .first-div-footer ul {
        justify-content: start;
        gap: .75rem;
    }


    .info-footer{
        flex-wrap: wrap;
    }

    .div-sotto{
        border-top: none;
    }

    .div-sotto1{
        display: none;
    }

    .div-sotto2{
        justify-content: center;
        width: 100%;
    }

    .div-sotto2 p{
        font-size: 16px;
    }

    .info-footer{
        width: 90%;
        height: 60%;
    }

    .info-section-seven img{
        width: 45px;
        margin-bottom: 1rem;
        height: auto;
    }

    .first-footer{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 0rem;
        padding-top: 2rem;
    }

    .slider-foot{
        min-height: 80px;
        height: 80px;
    }

    #special-img{
        height: 45px;
    }

    .swiper-slide img{
        height: 25px;
    }

    #text-second-11{
        left: 15%;
    }

    #text-second-55{
        left: 15%;
    }
    
    #text-second-22{
        left: 20%;
    }

    #second-section{
        height: 550px;
    }

    .div-with-h2 h2{
        font-size: 38px;
        min-height: 55px;
        font-weight: 600;
    }

    .div-with-h2 img{
        height: 45px !important;
        display: block;
        position: relative;
        top: -2%;
    }

    .text-cta p{
        width: 85%;
    }

    .section4-home h2{
        text-align: center;
        position: relative;
        z-index: -1;
    }

    .section4-home h2{
        font-size: 60px;
        line-height: 100%;
    }

    .div-central-section4{
        height: 55%;
        position: absolute;
        top: 50%;
        z-index: 2;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .imagen04{
        position: absolute;
        height: 55vh;
        width: 55vw;
        max-height: 650px;
        min-height: 230px;
    }

    .info-left{
        flex-direction: column;
        gap: 1rem;
        height: fit-content;
    }

    .model-arthur-div{
        justify-content: start;
        z-index: 4;
    }

    .div-how-it{
        gap: 1rem;
    }
    
    .mobile-change{
        height: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .model-arthur{
        width:85%;
        left:95%;
        top: 2.5%;
    }

    .ul-section-how li{
        width: 50%;
    }

    .divisiones-divs div{
        width: 50% !important;
    }

    .border-mobile{
        border-bottom: 1px solid rgba(255, 255, 255, 0.507);

    }

    .ul-section-how li p{
        width: 100%;
    }

    .ul-section-how{
        flex-direction: column;
        align-items: center;
    }

    .container{
        width: 90%;
    }

    .lines-new-absolute{
        height: 125vh;
    }



    .div-mobile-modern2{
        max-height: 600px;
    }

    .div-mobile-modern{
        height: 450px !important;
    }

    .divisiones-divs{
        width: 100% !important;
        flex-direction: row !important;
        display: flex !important;
        padding: 1rem 0rem;
    }

    .info-sopra {
        height: 45%;
    }
    

    .div-how-it h2{
        height: fit-content;
        flex-grow: 0;
    }

    .div-con-info-restante{
        width: 65%;
        height: fit-content;
    }
    

    
    #text-1{
        width: 50%;
    }

    .slider-hero{
        bottom: 0%;
        top: 0%;
    }

    .text-center{
        top: 0%;
    }


    #text-second-1{
        width: 50%;
    }

    .center-text-second{
        width: 95%;
    }

    .div-with-h2 img{
        height: 60%;
    }

    .asset-slider-final{
            height: 30% !important;
    }

    .info-slider-title{
        flex-direction: column-reverse;
        align-items: start;
        height: 15%;
    }

    .learn-more{
        left: 43%;
        transform: translateX(-50%);
        bottom: 0%;
        width: 45%;
    }

    .slider-hero{
        position: relative;
        width: 75%;
        right: 0%;
    }
    

    .menu-hamburguesa img{
        width: 40px;
        height: auto;
    
    }

    .container-nav{
        width: 90%;
    }

    .menu-logo img{
        width: 45px;
        height: auto;
    
    }

    .btn-redireccion svg{
        width: 80px;
        margin-top: 0rem;
    }
    
    .line-continua{
        width: 50%;
    }

    
    .line-continua2{
        width: 50%;
    }

   .rec-1{
        display: none;
    }

    .rec-2{
        display: none;
    }

    .content-center{
        flex-direction: column;
        gap: 2rem;
        width: 90%;
    }

    .content-center2{
        width: 100%;
    }

    .j-arthur-p{
        display: none;
    }

    .content-center2 div{
        width: 95%;
        gap: 1rem;
    }

    .content-center1{
        width: 100%;
        gap: 1.55rem;
    }

    .rec-5{
        left: 0%;
    }

    .rec-6{
        right: 0%;
        left: auto;
        transform: translate(0%);
    }

    .j-arthur-p{
        bottom: 2%;
    }

    .rec-8{
        display: none;
    }

    .rec-4{
        left: 50%;
        transform: translate(-50%);
        right: auto;
        top: 60%;
    }

    .rec-3{
        left: -20%;
    }

    .rec-7{
        display: none;
    }



}

@media screen and (max-width:390px){
    .div-with-h2 h2{
        font-size: 34px;
        min-height: 55px;
        font-weight: 600;
    }
}

@media screen and (max-height:690px) and (min-width:480px){
    .content-center1{
        width: 100%;
        gap: .45rem;
        overflow-y: auto;
    }

    .contact-section{
        padding: 160px 0rem 160px 0px;
    }


    .learn-more2{
        top: 9%;
    }

    .content-center1 li{
        font-size: 4rem;
    }
}

@media screen and (max-height:690px) and (max-width:480px){
    .content-center1{
        width: 100%;
        gap: .25rem;
    }

    .top-0{
        top: -3% !important;
        justify-content: center;
    }

    .team-2{
        height: fit-content !important;
        padding: 5rem 0rem;
    }

    .contact-section{
        padding: 160px 0rem 160px 0px;
    }

        .learn-more2{
        top: 9%;
    }

}

@media screen and (max-height:750px) and (min-width:1440px){

    .learn-more2{
        top: 8.5%;
    }

}

@media screen and (min-width:768px){
    .no-desk{
        display: none !important;
    }
}

.helloworld{
    display: none;
}

.prueba{
    left: 0% !important;
    width: fit-content !important;
}