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

@font-face {
    font-family: Nekst-Bold;
    src: url('./fonts/Nekst-Bold.otf');
}

::-webkit-scrollbar{
    display: none;
}

.div-imagen-title{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1rem;
    height: 20%;
}

.div-imagen-title h2{
    color: #FFF;

leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1vw,1.05rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 16px */
text-transform: capitalize;
}

.content-a:hover{
    transform: scale(1.1) !important;
}

.div-imagen-title h2 span{

font-weight: 500;

}

a, button{
    transition: all .8s ease;
}
a:hover{
    transform: scale(1.1);
}

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


.total-money{
    width: 100%;
    height: 12%;
    display: flex;
    justify-content: start;
    color: #FFF;

    leading-trim: both;
    
    text-edge: cap;
    font-family: Montserrat;
    font-size: clamp(14px,1vw,1.05rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    text-transform: capitalize;
    align-items: center;
}


.div-stats{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    height: 15%;
}

.div-stats-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.color-down{
    color: #F5B455;
}

.color-up{
    color: #8EFF8B;
}

.term-s{
    width: 100%;
    padding-top: 8rem;
    display: flex;
    height: fit-content;
    flex-direction: column;
    align-items: center;
    justify-content: start;

}

.term-s div{
    width: 95%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.term-s div h2{
    leading-trim: both;
    color: #0C1678;
    text-edge: cap;
    font-family: Nekst-Bold;
    font-size: clamp(26px,2vw,2.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 60px */
}


.term-s div p{
    leading-trim: both;

text-edge: cap;
font-family: Montserrat;

font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 550;
line-height: 140%; /* 16px */
text-transform: capitalize;
}

.div-stats-info p{
    leading-trim: both;

text-edge: cap;
font-family: Montserrat;

font-size: clamp(14px,1vw,1.05rem);
font-style: normal;
font-weight: 600;
line-height: 100%; /* 16px */
text-transform: capitalize;
}

.div-stats-title{
    display: flex;
    
    justify-content: space-between;
    width: 100%;
}

.div-stats-title p{
    leading-trim: both;
    color: #FFF;
text-edge: cap;
font-family: Montserrat;

font-size: clamp(12px,.85vw,.85rem);
font-style: normal;
font-weight: 500;
line-height: 100%; /* 16px */
text-transform: capitalize;
}

.graph-slide{
flex-grow: .55;
width: 100%;
display: flex;
align-items: center;
}

.graph-slide img{
    height: 100%;
    object-fit: fill;
    width: 100%;
}

h3{
    
leading-trim: both;

text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(34px,4vw,4.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 60px */
}

.swiper {
    width: 100%;
    min-height: 300px;
    height: 35vh;
    max-height: 400px;
  }
  
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-wrapper{
  height: 85% !important;}

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #D9D9D9;
    opacity: 1;
  }

  .fast-section{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section-mt{
    height: 80vh;
  }

  .navActive{
    background-color: rgb(255, 255, 255) !important;
    backdrop-filter: blur(105px);
  }

  .navActive ul li > *{
    color: #050b3e !important;
  }

  footer{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 6.5rem;
    flex-direction: column;
    align-items: center;
    height: 55vh;
    min-height: 250px;
    max-height: 600px;
  }

  .logo-footer{
    width: 35%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: start;
    gap: 1rem;
  }

  .logo-footer p {
    color: #707070;

leading-trim: both;
width: 70%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.25vw,1.45rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
  }

  .info-sotto-footer{
    width: 100%;
    display: flex;
    position: relative;
    flex-grow: .15;
  }

  .info-sotto-footer svg{
    position: absolute;
    top: 0%;
  }

  .info-sotto-footer p{
    width: 100%;
    text-align: center;
    padding: 2rem 0rem 0rem 0rem;
    color: #0C1678;
leading-trim: both;

text-edge: cap;
font-family: Montserrat;

font-size: clamp(14px,1.15vw,1.15rem);
font-style: normal;
font-weight: 400;
line-height: 100%; /* 0px */
  }

  .info-sotto-footer p a{
    font-weight: 700;
    text-decoration: none;
    color: #0C1678;
  }

  .logo-footer a {

leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.25vw,1.4rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
  }

  .grow{
    flex-grow: 1 !important;
    display: flex !important;
  }

  .links-flex{
    flex-direction: row !important;
    width: 100%;
    gap: 2rem !important;
  }

  .w-44{
    width: 28.5%;
  }

  .menu-links{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
  }

  .menu-links h4{
    color: #0C1678;
leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.25vw,1.4rem);
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
  }

  .menu-links ul{
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }

  .menu-links ul li{
    list-style: none;
  }

  .menu-links ul li a{
    color: #707070;

    leading-trim: both;
    text-decoration: none;
    text-edge: cap;
    font-family: Montserrat;
    font-size: clamp(14.5px,1.15vw,1.2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 33px */
  }

  .logo-footer img{
    width: 80px;
  }

  .info-sopra-footer{
    width: 95%;
    display: flex;
    justify-content: space-between;
    height: 65%;
  }

  .pagination-div{
    position: relative;
    height: 15%;
    z-index: 3;
    width: 100%;
  }

  .pagination-div div{
    right: 3% !important;
    width: fit-content !important;
    left: auto !important;
  }
  
  .swiper-pagination-bullet-active {
    background-color: #0A0F44 !important;
    width: 28px !important;
    height: 8px !important;
    border-radius: 100px !important;
  }

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

.index-3{
    z-index: 1;
}

.no-mb2{
    display: block;
}

.no-desktop{
    display: block;
}

.no-desktop2{
    display: none;
}

.index-4{
    z-index: 2;
}


header{
    position: fixed;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
    z-index: 9;
    right: 0%;
    transition: all .8s ease;
}

.clipped-div {
    background-color: #0A0F44;
    width: 98%;
    height: 97.5vh; /* Ajusta la altura según lo necesites */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* Aplicando el clip-path */
    clip-path: path('M0 20C0 8.95429 8.95431 0 20 0H1453.76C1461.53 0 1468.6 4.5008 1471.89 11.5423L1492.61 55.9577C1495.9 62.9992 1502.97 67.5 1510.74 67.5H1854C1865.05 67.5 1874 76.4543 1874 87.5V860C1874 871.046 1865.05 880 1854 880H19.9999C8.95425 880 0 871.046 0 860V20Z');
  }

  .clipped-div video{
    position: absolute;
    top: 0%;
    left: 0%;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.video-hero1{
    position: absolute;
    right: 0%;
    height: 86vh;
    top: 53%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 97.5%;

}

.video-hero2{
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 2;
}

.video-hero1 video{
    opacity: 0.65;
    height: 100%;
    width: 100%;
    object-fit: cover;
mix-blend-mode:luminosity;
}

.video-hero2 video{
    opacity: 0.1;
    mix-blend-mode:overlay
}

.inactive{
    right: -100vw;
}

.no-mb{
    display: block;
}

.no-desktop{
    display: none;
}

.container-nav{
    display: flex;
    width: 92.5%;
    height: 100%;
}

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

.flex-start{
    display: flex;
    justify-content: start;
    align-items: center;
}

.div-logo-nav{
    width: 17.5%;
    height: 100%;
}

.div-links-nav{
    flex-grow: 1;
    height: 100%;
}

.div-links-login{
    width: 15%;
    display: flex;
    justify-content: start;
    gap: 1.5rem;
}

.div-links-nav ul{
    display: flex;
    height: 100%;
    width: 60%;
    justify-content: start;
    gap: 2.5rem;
    align-items: center;
}

.div-links-nav ul li{
    align-items: center;
    display: flex;
    list-style: none;
    justify-content: start;
}

.div-links-nav ul li img{
    width: 45px;
}

.fondo-hero{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 98%;
    height: 98%;
}

.fondo-hero img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section{
    height: 100vh;

    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-slider{
    min-height: 35vh;
    padding: 5rem 0rem;
    justify-content: center;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.content-h2{
leading-trim: both;
text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(28px,5vw,5.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 110px */
}

.w-h2{
    width: 65%;
}

.w-p{
    width: 50%;
}

.content-p{
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: clamp(15px,1.15vw,1.25rem);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 30px */   
}

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


.container2{
    position: relative;
    z-index: 3;
    width: 85%;
    gap: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-a{
    position: relative;
    width: 220px;
    height: 55px;
    border-radius: 100px;
    leading-trim: both;
    text-decoration: none;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(18px,1.05vw,1.15rem);
font-style: normal;
font-weight: 500;
line-height: 100%; /* 18px */
text-transform: uppercase;
}

.content-a2{
    position: relative;
    width: 280px;
    height: 55px;
    border-radius: 100px;
    leading-trim: both;
    text-decoration: none;
    z-index: 4;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1.05vw,1.15rem);
font-style: normal;
font-weight: 500;
line-height: 100%; /* 18px */
text-transform: capitalize;
}

.content-a svg{
    position: absolute;
    height: 60px;
    right: -20%;
}

.content-a2 svg{
    position: absolute;
    height: 60px;
    right: -15%;
}

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

.btn-a{
    text-wrap: nowrap;
    padding: .85rem .95rem;
    border-radius: 100px;
}

.first-info{
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
}

.first-info h2{
    color:  #0C1678;
    text-align: center;
    leading-trim: both;
    
    text-edge: cap;
    font-family: Nekst-Bold;

    font-size: clamp(32px,6.55vw,6.65rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 140px */
}

.info-list{
    flex-grow: 1;
    display: flex;
    align-items: start;
    justify-content: center;
    height: 100%;
}

.info-list2{
    flex-grow: 1;
    display: flex;
    gap: 2rem;
    align-items: end;
    justify-content: end;
    height: 70%;
}

.info-list2 button{
    width: 60px;
    height: 60px;
    border-radius: 40px;
    transition: all .8s ease;
    cursor: pointer;
    transform: scale(.8);
    border: 1px solid #0A0F44;
}

.active{
    transform: scale(1.1) !important;
    background-color: #0A0F44;
}

.info-list2 button img{
    width: 20px;
    height: auto;
}

.info-list ul{
    display: flex;
    width: 100%;
    justify-content: end;
    gap: .55rem;
    align-items: center;
    height: 100%;
}

.info-list ul li{
    list-style: none;
    color: #0C1678;
leading-trim: both;
cursor: pointer;
text-edge: cap;
font-family: Montserrat;
padding: .55rem .9rem;
border-radius: 100px;
font-size: clamp(12px,1.05vw,1.15rem);
font-style: normal;
font-weight: 500;
line-height: 100%; /* 18px */
text-transform: capitalize;
}

.active-li-swiper{
    background-color: #0C1678 !important;
    color: #FFF !important;
}

.div-flex-list{
    display: flex;
    justify-content: start;
    align-items: center;
    width: 92.5%;
    height: 20%;
}

.div-links-login a{
    align-items: center;
    display: flex;
    list-style: none;
    gap:.75rem;
    justify-content: start; 
}

.text-letter-1{
font-family: 'Montserrat';
font-size: clamp(14px,1.1vw,1.2rem);
font-style: normal;
text-decoration: none;
font-weight: 300;
line-height: 100%; /* 18px */
transition: all .8s ease;
text-transform: capitalize;
}

.text-letter-1:hover{
    transform: scale(1.1);
}

.color-white{
    color: #FFF;
}
::-webkit-scrollbar{
    scroll-behavior: smooth;
}

.cards{
    transition: all .8s ease;
    display: flex !important;
    align-items: start !important;
    justify-content: center !important;
    border-radius: 25px;
    height: 100% !important;
}

.cards:hover{
    background-color: linear-gradient(108deg, #0A0F44 0%, #0C1678 100.52%);
}

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

.color-blue{
    color: #0C1678;
}

.bg-blue{
    background-color: #0C1678;
}

.color-blue2{
    color: #050B3E;
}


.bg-blue2{
    background-color: #050B3E;
    transition: all .8s ease;
}

button{
    background-color: transparent;
    border: none;
}

h4{
text-align: center;
leading-trim: both;

text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(36px,5vw,5.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 90px */
}

.section-trusted h4{

width: 55%;
}

.section-trusted-p{
    text-align: center;
leading-trim: both;
width: 30%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.5vw,1.5rem);
font-style: normal;
font-weight: 500;
line-height: 150%; /* 36px */
}

h5{
    leading-trim: both;

text-edge: cap;
font-family: Nekst-Bold;

font-size: clamp(16px,2.5vw,2.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 44px */
}

.section-trusted{
    gap: 2rem;
}

.alineacion-divs{
    display: flex;
    margin-top: 2rem;
    row-gap: 2rem;
    column-gap: 2%;
    flex-wrap: wrap;
    width: 92.5%;
}

#trus-little2{
    width: 140px;
}

.div-trusted{
    display: flex;
    padding:2rem;
    overflow: hidden;
    border-radius: 20px;
    width: 48%;
    min-height: 250px;
    align-items: start;
    position: relative;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    gap: 2.5rem;
}

.div-trusted div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.div-trusted svg{
    width: 200px;
    margin-top: .5rem;
    height: auto;
}

.fondo-div{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0%;
    border-radius: 20px;
}

.div-trusted p{
    color: #707070;

leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(12px,1.25vw,1.25rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
}

#trus-little{
    width: 220px;
}

.div-azul{
    position: relative;
    width: 100%;
    border-radius: 20px;
    height: 65vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-fondo-azul{
    position: absolute;
    opacity: .25;
    mix-blend-mode: screen;
    z-index: 1;
    top: 0%;
    height: 100%;
    border-radius:20px ;
    left: 0%;
}

.float-imagen{
    position: relative;
    right: 0%;
    bottom: -20%;
    height: 700px;
}

.informacion-div{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

h6{
    color: #FFF;

text-align: center;
leading-trim: both;
text-align: start;
text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(32px,4vw,4.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 64px */
}

.informacion-div p{
    color: #FFF;

leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1.2vw,1.25rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
}

.informacion-div h4{
    width: 100%;
}

.division-interna{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    gap: 1.5rem;
    height: 100%;
}

.slide-paths{
    height: 180px;
}

.imgs-slide div{
    display: flex;
    height: 100px;
    align-items: center;
}

.imgs-slide div img{
    height: auto;

}


.borde-coloreado{
    border-radius: 269px;
background: #017BFF;
position: absolute;
right: 0%;
height: 50%;
z-index: 5;
width: 50%;
filter: blur(150px);
}

.video-color{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0%;
    right: 0%;
    object-fit: cover;
    opacity: .45;
    mix-blend-mode:color-dodge;
    border-radius: 20px;
}

.card-coloreada1{
    width: 70%;
    
    height: 350px;
    gap:1.25rem;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    position: relative;
    flex-direction: column;
}

.card-coloreada1 p, .card-coloreada1 h1, .card-coloreada1 svg{
    width: 90%;
    padding-left: 1rem;

}

.card-coloreada1 svg{
    margin-top: 2rem;
}

.card-coloreada3 p, .card-coloreada3 h1, .card-coloreada3 svg{
    width: 90%;
    padding-left: 1rem;
    
}

.card-coloreada2{
   flex-grow: 1;
   max-width: 33.3%;
    border-radius: 20px;
    gap:1.25rem;
    height: 350px;
    position: relative;
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
}

.card-coloreada3{
    height: 100%;
    width:  100%;
    gap:1.25rem;
    position: relative;
    padding: 1.5rem;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.bt-2{
    bottom: -20%;
}

.info-products{
    height: fit-content;
    border-radius: 40px;
    margin-bottom: 12rem;
}

.card-coloreada1 h1 , .card-coloreada2 h1 , .card-coloreada3 h1 {
    color: #FFF;
    width: 95%;
leading-trim: both;

text-edge: cap;
font-family: Nekst-Bold;

font-size: clamp(26px,2.1vw,2.2rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 36px */
}

.card-coloreada1 svg, .card-coloreada2 svg , .card-coloreada3 svg {
    width: fit-content;
    object-fit: contain;
}

.card-coloreada1 p , .card-coloreada2 p , .card-coloreada3 p {
    color: #FFF;

leading-trim: both;
width: 95%
text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.1vw,1.2rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}

.section-union{
    position: relative;
    margin: 0rem 0rem 0rem 0rem;
    overflow-y: visible;
}

.section-union-img{
    position: absolute;
    top: 0%;

    width: 100%;
    height: 205%;
}



.contenido-union{
    position: relative;
    display: flex;
    width: 95%;
    height: 100%;
}

.telefono{
    width: 50%;
    position: relative;
}

.telefono-1{
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: auto;
}

.telefono-2{
    position: absolute;
    top: 40%;
    left: 15%;
    width: 20%;
    height: auto;
}

.telefono-3{
    position: absolute;
    top: 60%;
    right: 15%;
    width: 20%;
    height: auto;
}

.telefono-4{
    position: absolute;
    top: 15%;
    right: 5%;
    width: 25%;
    height: auto;
}

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

.mera-info p{
    color: #FFF;

leading-trim: both;
width: 85%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1.4vw,1.5rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
}

.informacion-endivs{
    display: flex;
    gap: 1.5rem;
    width: 100%;
    padding-top: 2.5rem;
}

.informacion-endivs1{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 80%;
}

.informacion-endivs1-1{
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}


.informacion-endivs2{
    display: flex;
    width: 30%;
    height: 100%;
}

.unic-card{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 7rem;
    height: 100%;
}

.faster-1{
    border-radius: 20px;
background: linear-gradient(96deg, #017BFF 1.67%, #0C1678 115.89%);


}

.lateral-izquierdo{
    width: 50%;
    height: 75%;
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
}


.info-div-faster{
    width: 100%;
    display: flex;
    height: 33.3%;
    align-items: center;
    gap: 2rem;

}

.info-div-faster svg{
    padding-left: 1.5rem;
    width: 140px;
}

.faster-2{
background: #FBFBFB;

box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
border-radius: 20px;
}

.faster-2 p{
    color: #707070;
    width: 90%;
}

.info-div-faster h5{
    font-weight: 200;
    font-size: clamp(18px,2vw,2rem);
    padding-bottom: 1rem;
}

.info-div-faster p{
    leading-trim: both;
    width: 90%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1.35vw,1.35rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}


.container4{
    width: 92.5%;
    display: flex;
    gap: 4rem;
    height: 95%;
    align-items: center;
}

.container5{
    width: 70%;
    display: flex;
    gap: 4rem;
    justify-content: center;
    height: 95%;
    align-items: center;
}

.info-second p{
    color: #0C1678;
leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(20px,1.45vw,1.45rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 42px */
}

.info-second{
    gap: .75rem;
    display: flex;
    flex-direction: column;
}

.info-second h2{
    leading-trim: both;
    width: 80%;
    color: #0C1678;
    text-edge: cap;
    font-family: Nekst-Bold;
    font-size: clamp(32px,5.45vw,5.45rem);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 110px */
}

.info-second cite{
    color: #0C1678;
leading-trim: both;
display: block;
width: 70%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(18px,1.15vw,1.15rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 42px */
}


.lateral-derecho{
    width: 50%;
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
    height: 70%;
}

.lateral-derecho h2{
    color:#0C1678;
leading-trim: both;

text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(30px,6vw,6.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 90px */
}


.lateral-derecho p{
    color: #707070;

leading-trim: both;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1vw,1.5rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
}

.lateral-derecho a{
    font-weight: 300;
}

.titles-torcidos{
    width: 150vw;
    transform: rotate(-3deg);
}

.titles-torcidos h2{
    leading-trim: both;
text-wrap: nowrap;
position: relative;
text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(36px,8vw,8.5rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 140px */
text-transform: uppercase;
}

#text-1{
    left: 10%;
}

.div-cta{
    width: 95%;
    display: flex;
}

.first-section-products{
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;

}

.span-special{
    position: absolute;
    width: 445px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    height: 85px;
    left: -5%;
}

.span-pel{
    position: relative;
    z-index: 3;
    padding-right: .5rem;
}

.first-section-products h2{
    color: #0C1678;
    leading-trim: both;
    text-edge: cap;
    font-family: Nekst-Bold;

    font-size: clamp(36px,4vw,4.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 90px */
}

.cta{
    display: flex;
    flex-direction: column;
    min-height: 450px;
    max-height: 900px;
    gap: 4rem;
}

.div-cta-flex{
    display: flex;
    height: 700px;
    align-items: center;
    width: 100%;
    justify-content: center;

}

.div-cta-flex img{
    height: 90%;
    position: relative;
    right: -.5%;
    z-index: 2;
}

.div-cta-info{
    display: flex;
    flex-direction: column;
    height: 80%;
    position: relative;
    border-radius: 10px;
    align-items: end;
    justify-content: center;
    gap: 1.5rem;    
    width: 110%;
}

.ifn-div-cta{
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ifn-div-cta h2{

    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Nekst-Bold;
    font-size: clamp(34px,7.2vw,7.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 110px */
    text-transform: uppercase;

}


.ifn-div-cta p{
    color: #FFF;

leading-trim: both;
width: 55%;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.2vw,1.25rem);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 39px */
}

.swiper-account{
    height: 100%;
    max-height: 800px;
}

.section-slider2{
    height: 120vh;
    padding: 4rem 0rem;
    justify-content: start;

    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.slider-s{
    position: relative;
    display: flex !important; 
    justify-content: center !important;
}

.slider-s div{
    position: relative;
    width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bg-account{
    height: 100%;
    
    width: auto;
    position: absolute;
    left: 0%;
}

.bg-account2{
    position: absolute;
    height: fit-content;
    right: 0%;
    
    bottom: 0%;
}

.bg-account2 img{
width: 200px;
height: 58px;
}


.title-img{
    width: 90% !important;
    height: 12% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.title-information{
    width: 90% !important;
    height: 10% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.title-information h1{
    color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(26px,2vw,2rem);
font-style: normal;
font-weight: 700;
line-height: 150%;
}

.title-information p{
    color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: clamp(14px,1vw,1rem);
font-style: normal;
font-weight: 500;
line-height: 150%;
}

.lista-specs{
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    align-items: start;
    width: 90% !important;
    gap: .55rem;
}

.lista-specs li{
    display: flex;
    gap: 1rem;
    color: #FFF;

leading-trim: both;
align-items: center;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
text-transform: capitalize;
list-style: none;
}

.lista-specs li img{
    width: 35px;
    height: auto;
    position: relative;
    z-index: 2;
}

.section-about h2{
    color: #FFF;

text-align: center;
leading-trim: both;
padding-bottom: 2rem;
text-edge: cap;
font-family: Nekst-Bold;
font-size: clamp(48px,7.5vw,7.8rem);
font-style: normal;
font-weight: 700;
line-height: 100%; /* 140px */
}

.section-about p{
    color: #FFF;

text-align: center;
leading-trim: both;
width: 55%;

text-edge: cap;
font-family: Montserrat;
font-size: clamp(16px,1.55vw,1.58rem);
font-style: normal;
font-weight: 300;
line-height: 120%; /* 140px */
}

.section-about2 img{
    max-width: 45vw;
    height: auto;
}

.section-about2 h2{
    text-align: left;
    leading-trim: both;
    width: 85%;
    padding-bottom: 2rem;
    text-edge: cap;
    font-family: Nekst-Bold;
    font-size: clamp(34px,3.5vw,3.8rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 140px */
}

.section-about2 p{
    text-align: center;
    leading-trim: both;
    padding-bottom: 2rem;
    text-edge: cap;
    width: 85%;
    font-family: Montserrat;
    text-align: left;
    font-size: clamp(18px,1.25vw,1.28rem);
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 140px */
}

.pb-7{
    padding-bottom: 8rem;
}

.section-about2{
    height: 100vh;
}

.section-about{
    height: 105vh;
}

.section-about-bg{
    background-color: #050b3e;
    width: 100%;
    height: 100%;
    position: absolute;
}
.section-about video{
opacity: 0.5;
width: 100vw;
height: 100%;
position: absolute;
object-fit: cover;
mix-blend-mode: plus-lighter;
}

.flex-rows img{
    height: 100vh !important;
    width: auto;
    object-fit: cover;
}

.top-rover{
    border-top-left-radius: 30px;
    position: relative;
    margin-top: -5vh;
    background-color: white;
    z-index: 4;
    border-top-right-radius: 30px;
}

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

    .section-about2 img{
        max-width: 100vw;
    }

    .clipped-div{
        height: 110vh;
        top: 56%;
        clip-path: url(#scalableClipPath); 
    }
    
    section{
        min-height: auto;
    }

    .clipped-div video{
        object-position: center;
        object-fit: cover;
    }

    .section-about2 img{
        width: 95%;
        height: auto !important;
    }

    .section-about2 p{
        width: 100%;
    }

    .pb-7{
        padding-bottom: 0rem;
    }

    .section-about2 h2{
        width: 100%;
    }

    .flex-rows{
        flex-direction: column !important;
    }

    .section-about2{
        height: fit-content;
        padding-top: 3rem;
    }

    .section-about p{
        width: 100%;
    }

    .info-products{
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding-top: 2rem;
    }
    .first-section-products{
        width: 100%;
        display: flex;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
    
    }



    
    .span-special{
        position: absolute;
        width:175px;
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
        height: 45px;
        left: -5%;
    }
    

    .info-sopra-footer{
        width: 90%;
        flex-wrap: wrap;
        row-gap: 2rem;
    }

    footer{
        height: fit-content;
        gap: 2rem;
    }

    .logo-footer p{
        width: 100%;

    }

    .info-sotto-footer p{
        line-height: 150%;
        width: 95%;
        padding-top: .75rem;
    }

    .info-sotto-footer svg{
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-sotto-footer{
        flex-grow: .6;
    }

    .w-44{
        width: 50%;
    }

    .logo-footer{
        width: 100%;
    }

    .div-cta{
        flex-direction: column;
    }

    .div-cta-info{
        width: 95%;
    }

    .ifn-div-cta{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ifn-div-cta h2{
        text-align: center;
    }

    .div-cta-flex{
        flex-direction: column-reverse;
        height: 500px;
    }

    .ifn-div-cta p{
        width: 95%;
        text-align: center;
    }

    .container4{
        flex-direction: column-reverse;
    }

    .container5{
        width: 90%;
        flex-direction: column-reverse;
    }

    .first-section-products{
        height: 100vh;
    }

    .first-section-products img{
        width: 100%;
    }

    .second-section-products img{
        width: 100%;
    }

    .mobile-column{
        flex-direction: column !important;
        justify-content: center;
    }
    

    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .div-cta-flex img{
        width: 90%;
        display: none;
    }


    .lateral-izquierdo{
        width: 100%;
    }

    .lateral-derecho{
        width: 100%;
    }

    .info-div-faster{
        height: 200px;
    }

    .section-union{
        height: 800px;
    }

    .informacion-endivs{
        flex-direction: column;
    }    

    .informacion-endivs1{
        width: 100%;
        flex-direction: column;
    }

    .explore{
        height: fit-content;
    }

    .card-coloreada1{
        width: 100%;
        height: 450px;
    }

    .card-coloreada2{
        max-width: 100%;
        height: 300px;
    }

    .informacion-endivs2{
        width: 100%;
    }

    .card-coloreada3{
        max-width: 100%;
        height: 450px;
    }

    .informacion-endivs1-1{
        flex-direction: column;
        width: 100%;
    }

.section-union{
    position: relative;
    margin: 0rem 0rem 0rem 0rem;
    overflow-y: visible;
}

.section-union-img{
    height: 3200px;
    object-fit: contain;
    width: auto;
}

.contenido-union{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    align-items: center;
    height: 100%;
}

.telefono{
    width: 100%;
    position: relative;
    height:30%;
}

.telefono-1{
    position: relative;
    top: -20%;
    left: 30%;
    transform: translateX(-50%);
    width: 45%;
    height: auto;
}

.section-slider2 {
    height: 1150px;
}

.cta{
    max-height: 750px;
}

.telefono-2{
    position: absolute;
    top: 55%;
    left: 55%;
    width: 30%;
    height: auto;
}

.telefono-3{
    position: absolute;
    top: 70%;
    right: 5%;
    width: 30%;
    height: auto;
}

.telefono-4{
    position: absolute;
    top: -5%;
    right: 5%;
    width: 35%;
    height: auto;
}

.mera-info{
    width: 90%;
    height: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.mera-info h6{
    text-align: center;
}

.mera-info p{

width: 100%;
}


    .section-mt{
        height: fit-content;
        padding-bottom: 3rem;
    }

    .informacion-div{
        padding-top: 2rem;
    }

    .content-a2{
        position: relative;
        width: 230px;
        height: 55px;
    }

    .division-interna{
        flex-direction: column;
        width: 90%;
        overflow: hidden;
        height: 650px;
        justify-content: start;
    }


    .div-azul{
        overflow: hidden;
    }

    .float-imagen{
        width: auto;
        height: 250px;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        bottom: -10%;
    }

    .div-azul{
        height: 660px;
    }

.bt-2{
    width: 95%;
    height: auto;
}

    .section-trusted{
        height: fit-content;
        padding: 0rem 0rem 3rem 0rem;
    }

    .section-trusted h4{
        width: 90%;
    }

    .section-trusted-p{
        width: 90%;
    }

    .div-trusted{
        gap: 1rem;
    }

    .alineacion-divs{
        width: 90%;
        margin-top: 0rem;
        row-gap: 1rem;
    }

    .div-trusted{
        width: 100%;
    }

    .div-trusted div {
        
        
        gap: .5rem;
    }

    .no-mb2{
        display: none;
    }
    
    .no-desktop{
        display: block;
    }

    .no-desktop2{
        display: block;
    }

.fondo-hero{
    top: 50%;
    width: 98%;
    height: 99%;
}

.fondo-hero img{
    object-fit: fill;
}


    .container-nav{
        width: 90%;
    }

    .Language-mobile{
        width: 90%;
    }

    .div-links-nav{
        width: 90%;
        height: 60%;
        flex-grow: .6;
    }

    .div-links-nav ul{
        width: 100%;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        height: 70%;
        gap: 1.5rem;
    }

    nav{
        max-height:80px ;
        
    }

    nav img{
        width: 35px;
        height: auto;
    }

    .menu-hamburguesa{
        flex-grow: 1;
        display: flex !important;
        justify-content: end;
    }

    .menu-cierre button{
        font-family: 'Montserrat';
        font-size: 24px;
        font-style: normal;
        text-decoration: none;
        font-weight: 400;
        line-height: 100%; /* 18px */
        text-transform: capitalize;
        background-color: #FFF;
        cursor: pointer;
        padding: .75rem 1.25rem;
        transition: all .8s ease;
        border-radius: 25px;
    }

    .menu-cierre button:hover{
        transform: scale(1.1);
    }

    .Language-mobile img{
        width: 65px;
        height: auto;
    }

    .text-letter-1{
        font-size: 42px;
        font-weight: 400;
    }

    .menu-cierre{
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: end;
        height: 12.5%;
    }
    
    .w-h2{
        width: 90%;
    }
    .w-p{
        width: 90%;
    }
 
    .content-a{
        height: 45px;
        width: 200px;
    }

    .content-a svg{
        height: 50px;
    }

    .container{
        width: 90%;
    }

    .content-hero{
        gap: 1.25rem;
    }

    .content-hero{
        height: 87%;
        justify-content: center;
    }

    .div-flex-list{
        flex-direction: column;
        gap: 1rem;
    }

    .first-info{
        width: 100%;
    }

    .info-list ul{
        gap: .35rem;
        justify-content: start;
    }
    .info-list ul li{
        padding: .4rem;
    }
    .container2{
        gap: .5rem;
    }

    .section-slider{
        gap: 1.5rem;
        padding: 3rem 0rem;
    }

    .first-info{
        width: 100%;
    }

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

    .info-second cite{
        width: 100%;
    }

    .swiper-account{
        height: 800px !important;
        max-height: 250vh !important;   
    }

}

@media screen and (max-width:360px) {
    .clipped-div{
     
  clip-path: url(#scalableClipPath); 
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    
    .no-mb{
        display: none;
    }
    .section-about2 img{
        width: 95%;
        height: auto;
    }
    .clipped-div {
        height: 100vh;
        top: 52%;
        clip-path: url(#scalableClipPath);
    }

    .div-azul{
        height: 660px;
    }

    .pb-7{
        padding-bottom: 0rem;
    }

    .flex-rows{
        flex-direction: column !important;
    }


    .section-about2 p{
        width: 100%;
    }



    .section-about2 h2{
        width: 100%;
    }


    .section-about2 h2{
        width: 100%;
    }



    .section-about2{
        height: fit-content;
        padding-top: 3rem;
    }

    .section-about p{
        width: 100%;
    }
    .bt-2{
        width: 95%;
        height: auto;
    }
    

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

    .info-second cite{
        width: 100%;
    }

    .info-products{
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding-top: 2rem;
    }
    .container4{
        flex-direction: column-reverse;
    }

    .container5{
        width: 90%;
        flex-direction: column-reverse;
    }

    .first-section-products{
        height: 100vh;
    }

    .first-section-products img{
        width: 100%;
    }

    .second-section-products img{
        width: 100%;
    }

    .mobile-column{
        flex-direction: column !important;
        justify-content: center;
    }
    


    .span-special{
        position: absolute;
        width:188px;
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
        height: 45px;
        left: -5%;
    }
    

    .info-sopra-footer{
        width: 90%;
        flex-wrap: wrap;
        row-gap: 2rem;
    }

    footer{
        height: fit-content;
        gap: 2rem;
    }

    .logo-footer p{
        width: 100%;

    }

    .info-sotto-footer p{
        line-height: 150%;
        width: 95%;
        padding-top: .75rem;
    }

    .info-sotto-footer svg{
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-sotto-footer{
        flex-grow: .6;
    }

    .w-44{
        width: 50%;
    }

    .logo-footer{
        width: 100%;
    }

    .container4{
        flex-direction: column-reverse;
    }

    .div-cta{
        flex-direction: column;
    }

    .div-cta-info{
        width: 95%;
    }

    .ifn-div-cta{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ifn-div-cta h2{
        text-align: center;
    }

    .div-cta-flex{
        flex-direction: column-reverse;
        height: 500px;
    }

    .ifn-div-cta p{
        width: 95%;
        text-align: center;
    }

    .container4{
        flex-direction: column-reverse;
    }

    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .div-cta-flex img{
        width: 90%;
        display: none;
    }


    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .lateral-izquierdo{
        width: 100%;
    }

    .lateral-derecho{
        width: 100%;
    }

    .info-div-faster{
        height: 200px;
    }


    .section-union{
        height: 800px;
    }

    .informacion-endivs{
        flex-direction: column;
    }    

    .informacion-endivs1{
        width: 100%;
        flex-direction: column;
    }

    .explore{
        height: fit-content;
    }

    .card-coloreada1{
        width: 100%;
        height: 450px;
    }

    .card-coloreada2{
        max-width: 100%;
        height: 300px;
    }

    .informacion-endivs2{
        width: 100%;
    }

    .card-coloreada3{
        max-width: 100%;
        height: 450px;
    }

    .informacion-endivs1-1{
        flex-direction: column;
        width: 100%;
    }


.section-union{
    position: relative;
    margin: 0rem 0rem 0rem 0rem;
    overflow-y: visible;
}
.section-union-img{
    height: 3200px;
    object-fit: contain;
    width: auto;
}

.contenido-union{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    align-items: center;
    height: 100%;
}

.telefono{
    width: 100%;
    position: relative;
    height:70%;
}

.telefono-1{
    position: relative;
    top: -20%;
    left: 30%;
    transform: translateX(-50%);
    width: 45%;
    height: auto;
}

.telefono-2{
    position: absolute;
    top: 40%;
    left: 55%;
    width: 30%;
    height: auto;
}

.telefono-3{
    position: absolute;
    top: 55%;
    right: 5%;
    width: 30%;
    height: auto;
}

.telefono-4{
    position: absolute;
    top: -5%;
    right: 5%;
    width: 35%;
    height: auto;
}

.mera-info{
    width: 90%;
    height: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.mera-info h6{
    text-align: center;
}

.mera-info p{

width: 100%;
}


    .section-mt{
        height: fit-content;
        padding-bottom: 3rem;
    }
    
    .informacion-div{
        padding-top: 2rem;
    }

    .content-a2{
        position: relative;
        width: 230px;
        height: 55px;
    }

    .division-interna{
        flex-direction: column;
        width: 90%;
        overflow: hidden;
        height: 600px;
        justify-content: start;
    }


    .div-azul{
        overflow: hidden;
    }

    .float-imagen{
        width: auto;
        height: 250px;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        bottom: -10%;
    }
    
    .section-trusted{
        height: fit-content;
        padding: 0rem 0rem 3rem 0rem;
    }

    .section-trusted h4{
        width: 90%;
    }

    .section-trusted-p{
        width: 90%;
    }

    .div-trusted{
        gap: 1rem;
    }

    .alineacion-divs{
        width: 90%;
        margin-top: 0rem;
        row-gap: 1rem;
    }

    .div-trusted{
        width: 100%;
    }

    .div-trusted div {
        
        
        gap: .5rem;
    }


    .div-flex-list{
        flex-direction: column;
        gap: 1rem;
    }

    .info-list{
        width: 100%;
        justify-content: start;
    }


    .first-info{
        width: 100%;
    }

    .info-list ul{
        gap: .35rem;
        justify-content: start;
    }
    .info-list ul li{
        padding: .4rem;
    }
    .container2{
        gap: .5rem;
    }

    .section-slider{
        gap: 1.5rem;
        padding: 3rem 0rem;
    }

    .container{
        width: 90%;
    }

    .content-hero{
        height: 75%;
    }

    .content-hero{
        gap: 2.5rem;
    }

    .w-h2{
        width: 90%;
    }
    .w-p{
        width: 75%;
    }

    .no-mb2{
        display: none;
    }
    
    .no-desktop{
        display: block;
    }

    .no-desktop2{
        display: block;
    }
    .container-nav{
        width: 90%;
    }

    .Language-mobile{
        width: 90%;
    }

    .div-links-nav{
        width: 90%;
        height: 60%;
        flex-grow: .6;
    }

    .div-links-nav ul{
        width: 100%;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        height: 70%;
        gap: 1.5rem;
    }

    nav{
        max-height:100px ;
    }

    nav img{
        width: 35px;
        height: auto;
    }

    .menu-hamburguesa{
        flex-grow: 1;
        display: flex !important;
        justify-content: end;
    }

    .menu-cierre button{
        font-family: 'Montserrat';
        font-size: 24px;
        font-style: normal;
        text-decoration: none;
        font-weight: 400;
        line-height: 100%; /* 18px */
        text-transform: capitalize;
        background-color: #FFF;
        cursor: pointer;
        padding: .75rem 1.25rem;
        transition: all .8s ease;
        border-radius: 25px;
    }

    .menu-cierre button:hover{
        transform: scale(1.1);
    }

    .Language-mobile img{
        width: 65px;
        height: auto;
    }

    .text-letter-1{
        font-size: 28px;
    }

    .menu-cierre{
        width: 90%;
        display: flex;
        justify-content: end;
        align-items: end;
        height: 12.5%;
    }

    nav{
        height: 120px;
    }
    
    .fondo-hero{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 97.5%;
        height: 97.5%;
    }
    
    .fondo-hero img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    
    
}

@media screen and (min-width:768px) and (max-width:1023px) {
    
    .div-flex-list{
        flex-direction: column;
        gap: 1rem;
    }

    .section-about2 img{
        width: 95%;
        height: auto;
    }
    .clipped-div {
        height: 100vh;
        top: 52%;
        clip-path: url(#scalableClipPath);
    }

    .div-azul{
        height: 660px;
    }

    .pb-7{
        padding-bottom: 0rem;
    }

    .flex-rows{
        flex-direction: column !important;
    }

    .section-about2 p{
        width: 100%;
    }

    .section-about2 h2{
        width: 100%;
    }

    

    .section-about2{
        height: fit-content;
        padding-top: 3rem;
    }

    .section-about p{
        width: 100%;
    }
    .swiper-wrapper{
        height: 100% !important;
    }

    .swiper-account{
        height: 800px !important;
        max-height: 250vh !important;   
    }

    .bt-2{
        width: 95%;
        height: auto;
    }
    

    .info-products{
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding-top: 2rem;
    }

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

    .info-second cite{
        width: 100%;
    }

    .container4{
        flex-direction: column-reverse;
    }

    .container5{
        width: 90%;
        flex-direction: column-reverse;
    }

    .first-section-products{
        height: 100vh;
    }

    .first-section-products img{
        width: 100%;
    }

    .second-section-products img{
        width: 100%;
    }

    .mobile-column{
        flex-direction: column !important;
        justify-content: center;
    }
    


    .span-special{
        position: absolute;
        width:210px;
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
        height: 45px;
        left: -5%;
    }
    

    .info-sopra-footer{
        width: 90%;
        flex-wrap: wrap;
        row-gap: 2rem;
    }

    footer{
        height: fit-content;
        gap: 2rem;
    }

    .logo-footer p{
        width: 100%;

    }

    .info-sotto-footer p{
        line-height: 150%;
        width: 95%;
        padding-top: .75rem;
    }

    .info-sotto-footer svg{
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-sotto-footer{
        flex-grow: .6;
    }

    .w-44{
        width: 50%;
    }

    .logo-footer{
        width: 100%;
    }

    .div-cta{
        flex-direction: column;
    }

    .div-cta-info{
        width: 95%;
    }

    .ifn-div-cta{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ifn-div-cta h2{
        text-align: center;
    }

    .div-cta-flex{
        flex-direction: column-reverse;
        height: 500px;
    }

    .ifn-div-cta p{
        width: 95%;
        text-align: center;
    }

    .container4{
        flex-direction: column-reverse;
    }

    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .div-cta-flex img{
        width: 90%;
        display: none;
    }


    .container4{
        flex-direction: column-reverse;
    }

    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .lateral-izquierdo{
        width: 100%;
    }

    .lateral-derecho{
        width: 100%;
    }

    .info-div-faster{
        height: 200px;
    }


    .informacion-endivs{
        flex-direction: column;
    }    

    .informacion-endivs1{
        width: 100%;
        flex-direction: column;
    }

    .explore{
        height: fit-content;
    }

    .card-coloreada1{
        width: 100%;
        height: 450px;
    }

    .card-coloreada2{
        max-width: 100%;
        height: 300px;
    }

    .informacion-endivs2{
        width: 100%;
    }

    .card-coloreada3{
        max-width: 100%;
        height: 450px;
    }

    .informacion-endivs1-1{
        flex-direction: column;
        width: 100%;
    }


.section-union{
    position: relative;
    margin: 0rem 0rem 0rem 0rem;
    overflow-y: visible;
}

.section-union-img{
    height: 3200px;
    object-fit: contain;
    width: auto;
}

.contenido-union{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    align-items: center;
    height: 100%;
}

.telefono{
    width: 100%;
    position: relative;
    height:70%;
}

.telefono-1{
    position: relative;
    top: -20%;
    left: 30%;
    transform: translateX(-50%);
    width: 35%;
    height: auto;
}

.telefono-2{
    position: absolute;
    top: 40%;
    left: 55%;
    width: 20%;
    height: auto;
}

.telefono-3{
    position: absolute;
    top: 55%;
    right: 5%;
    width: 20%;
    height: auto;
}

.telefono-4{
    position: absolute;
    top: -5%;
    right: 5%;
    width: 25%;
    height: auto;
}

.mera-info{
    width: 90%;
    height: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.mera-info h6{
    text-align: center;
}

.mera-info p{

width: 100%;
}


    .section-mt{
        height: fit-content;
        padding-bottom: 3rem;
    }
    
    .informacion-div{
        padding-top: 2rem;
    }

    .content-a2{
        position: relative;
        width: 230px;
        height: 55px;
    }

    .division-interna{
        flex-direction: column;
        width: 90%;
        overflow: hidden;
        height: 500px;
        justify-content: start;
    }


    .div-azul{
        overflow: hidden;
    }

    .float-imagen{
        width: auto;
        height: 250px;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        bottom: -10%;
    }

    .section-trusted{
        height: fit-content;
        padding: 0rem 0rem 3rem 0rem;
    }

    .section-trusted h4{
        width: 90%;
    }

    .section-trusted-p{
        width: 90%;
    }

    .div-trusted{
        gap: 1rem;
    }

    .alineacion-divs{
        width: 90%;
        margin-top: 0rem;
        row-gap: 1rem;
    }

    .div-trusted{
        width: 100%;
    }

    .div-trusted div {
        
        
        gap: .5rem;
    }


    .info-list{
        width: 100%;
    }


    .first-info{
        width: 100%;
    }

    .info-list ul{
        gap: .35rem;
    }
    .info-list ul li{
        padding: .4rem;
    }
    .container2{
        gap: .5rem;
    }

    .section-slider{
        gap: 1.5rem;
        padding: 3rem 0rem;
    }

    .container{
        width: 90%;
    }

    .content-hero{
        height: 75%;
    }

    .content-hero{
        gap: 2.5rem;
    }

    .w-h2{
        width: 90%;
    }
    .w-p{
        width: 75%;
    }

    .container-nav{
        width: 90%;
    }

    .fondo-hero{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 97.5%;
        height: 97.5%;
    }
    
    .fondo-hero img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    

    .no-mb{
        display: none;
    }

    .no-mb2{
        display: block;
    }
    
    .no-desktop{
        display: block;
    }

    .no-desktop2{
        display: none;
    }

    .Language-mobile{
        width: 90%;
    }

    .div-links-nav{
        width: 90%;
        height: 60%;
        flex-grow: .6;
    }

    .div-links-nav ul{
        width: 100%;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        height: 70%;
        gap: 1.5rem;
    }

    nav{
        max-height:120px ;
        
    }

    nav img{
        width: 35px;
        height: auto;
    }

    .menu-hamburguesa{
        flex-grow: 1;
        display: flex !important;
        justify-content: end;
    }

    .menu-cierre button{
        font-family: 'Montserrat';
        font-size: 24px;
        font-style: normal;
        text-decoration: none;
        font-weight: 400;
        line-height: 100%; /* 18px */
        text-transform: capitalize;
        background-color: #FFF;
        cursor: pointer;
        padding: .75rem 1.25rem;
        transition: all .8s ease;
        border-radius: 25px;
    }

    .menu-cierre button:hover{
        transform: scale(1.1);
    }

    .Language-mobile img{
        width: 65px;
        height: auto;
    }

    .text-letter-1{
        font-size: 28px;
    }

    .menu-cierre{
        width: 90%;
        display: flex;
        justify-content: end;
        align-items: end;
        height: 12.5%;
    }
    

}

@media screen and (min-width:1024px) and (max-width:1279px) {

    .div-flex-list{
        flex-direction: column;
        gap: 1rem;
    }
    .section-about p{
        width: 100%;
    }

    .div-azul{
        height: 660px;
    }

    .section-about2 p{
        width: 100%;
    }

    .clipped-div {
        height: 100vh;
        top: 52%;
        clip-path: url(#scalableClipPath);
    }

    .section-about2 h2{
        width: 100%;
    }
    
.bt-2{
    width: 95%;
    height: auto;
}

.section-about2 img{
    width: 95%;
    height: auto;
}


.pb-7{
    padding-bottom: 0rem;
}

.flex-rows{
    flex-direction: column !important;
}


.section-about2{
    height: fit-content;
    padding-top: 3rem;
}

.section-about p{
    width: 100%;
}
    
    .container4{
        flex-direction: column-reverse;
    }


    .container5{
        width: 90%;
        flex-direction: column-reverse;
    }

    .first-section-products{
        height: 100vh;
    }

    .info-products{
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding-top: 2rem;
    }

    .first-section-products img{
        width: 50%;
    }

    .second-section-products img{
        width: 50%;
    }

    .mobile-column{
        flex-direction: row !important;
        justify-content: center;
    }
    
    .info-second h2{
        width: 100%;
    }

    .span-special{
        position: absolute;
        width:295px;
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
        height: 55px;
        left: -5%;
    }
    

    
    .div-cta{
        flex-direction: column;
    }

    .div-cta-info{
        width: 95%;
    }

    .ifn-div-cta{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ifn-div-cta h2{
        text-align: center;
    }

    .div-cta-flex{
        flex-direction: column-reverse;
        height: 500px;
    }

    .ifn-div-cta p{
        width: 95%;
        text-align: center;
    }

    .info-div-faster {
        height: 175px;
    }


    .container4{
        flex-direction: column-reverse;
    }

    .fast-section{
        height: fit-content;
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    .div-cta-flex img{
        width: 90%;
        display: none;
    }


.section-union{
    position: relative;
    margin: 0rem 0rem 0rem 0rem;
    overflow-y: visible;
}

.section-union-img{
    height: 205%;
    object-fit: contain;
    width: auto;
}

.contenido-union{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    align-items: center;
    height: 100%;
}

.telefono{
    width: 100%;
    position: relative;
    height:70%;
}

.telefono-1{
    position: relative;
    top: -20%;
    left: 30%;
    transform: translateX(-50%);
    width: 30%;
    height: auto;
}

.telefono-2{
    position: absolute;
    top: 40%;
    left: 55%;
    width: 20%;
    height: auto;
}

.telefono-3{
    position: absolute;
    top: 55%;
    right: 5%;
    width: 20%;
    height: auto;
}

.telefono-4{
    position: absolute;
    top: -5%;
    right: 5%;
    width: 25%;
    height: auto;
}

.mera-info{
    width: 90%;
    height: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.mera-info h6{
    text-align: center;
}

.mera-info p{

width: 100%;
}

    
    .section-mt{
        height: fit-content;
        padding-bottom: 3rem;
    }

    .informacion-div{
        padding-top: 2rem;
    }

    .content-a2{
        position: relative;
        width: 230px;
        height: 55px;
    }

    .division-interna{
        flex-direction: column;
        width: 90%;
        overflow: hidden;
        height: 450px;
        justify-content: start;
    }


    .div-azul{
        overflow: hidden;
    }

    .float-imagen{
        width: auto;
        height: 250px;
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        bottom: -10%;
    }

    .first-info{
        width: 100%;
    }

    .info-list{
        width: 100%;
    }

    .info-list ul{
        gap: .35rem;
    }
    .info-list ul li{
        padding: .4rem;
    }
    .container2{
        gap: .5rem;
    }

    .section-slider{
        gap: 1.5rem;
        padding: 3rem 0rem;
    }

    .no-mb{
        display: none;
    }

    .container{
        width: 90%;
    }

    .content-hero{
        height: 75%;
    }

    .content-hero{
        gap: 2.5rem;
    }

    .w-h2{
        width: 90%;
    }
    .w-p{
        width: 75%;
    }
    
    nav{
        height: 90px;
    }
    
    .fondo-hero{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 97.5%;
        height: 97.5%;
    }
    
    .fondo-hero img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    

    .no-mb2{
        display: block;
    }
    
    .no-desktop{
        display: block;
    }

    .no-desktop2{
        display: none;
    }

    .menu-hamburguesa{
        flex-grow: 1;
        display: flex !important;
        justify-content: end;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .float-imagen{
        height: 500px;
    }

    .div-links-nav ul{
        width: 80%;
    }

    .w-h2{
        width: 75%;
    }

    .content-hero{
        gap: 1.5rem;
    }

    .clipped-div{
     
        clip-path: url(#scalableClipPath); 
        height: 110vh;
        top: 57%;
          }

    .container4{
        gap: 3rem;
    }
}

body,html{
    overflow-x: hidden;
    width: 100vw;
}

@media screen and (min-height:450px) and (max-height:780px) and (min-width:797px) and (max-width:1799px) {
    section{

        min-height:1000px ;
    }

    .content-hero{
        justify-content: start;
    }

    .section-slider{
        padding: 0rem;
        margin-top: -3rem;
    }

    .clipped-div{
        height: 880px !important;
        top: 46.2% !important;
    }

    .section-mt{
        min-height: 750px;
        height: 650px;
    }

    footer{
        padding-top: 6rem;
        height: 800px;
    }

    .cta{
        padding-bottom: 3rem;
        margin-top: 3rem;
    }

    .section-union-img 
{
    height: 255%;
}

    .span-special{
        width: 24%;
        max-width: 435px;
        max-height: 70px;
    }

    .section-union{
        min-height: 96vh !important;
    }

    .first-info{
        width: 75%;
    }

    .section-slider2{
        height: 1150px;
    }


}

@media screen and (min-height:781px) and (max-height:970px) and (min-width:797px) and (max-width:1799px) {
    section{

        min-height:120vh ;
    }

    .hero{
        min-height: 110vh ;
    }

    
    .cta{
        padding-bottom: 3rem;
        margin-top: 3rem;
    }

    footer{
        height: 800px;
        padding-top: 6rem;
    }

    .section-union-img{
        height: 220%;
    }

    .span-special{
        width: 24%;
        max-width: 435px;
        max-height: 70px;
    }

    .section-union{
        min-height: 96vh !important;
    }

    .first-info{
        width: 75%;
    }

    .section-slider2{
        height: 1150px;
    }

    .section-slider{
        padding: 0rem;
        margin-top: -3rem;
    }

    .clipped-div{
        height: 98% !important;
        top: 50% !important;
    }

}

@media screen and (min-height:800px) and (max-height:970px) and (min-width:797px) and (max-width:1799px) {
    .content-hero{
        margin-top: -10vh !important;
    }
}

@media screen and (min-height:700px) and (max-height:800px) and (min-width:797px) and (max-width:1799px) {
    .content-hero{
        margin-top: -10vh !important;
    }
}



@media screen and (min-width:1440px) and (max-width:1481px) {
    .float-imagen{
        height: 500px;
    }

    .div-links-nav ul{
        width: 80%;
    }

    .w-h2{
        width: 75%;
    }

    .content-hero{
        gap: 1.5rem;
    }
    .clipped-div{
     
        clip-path: path('M0 15.1169C0 6.77488 6.77488 0 15.1169 0H1102.041C1108.056 0 1113.527 3.40906 1116.066 8.74347L1129.583 42.42778C1131.804 47.51704 1138.383 51.17414 1142.076 51.17414H1402.542C1410.055 51.17414 1417.379 57.88596 1417.379 66.72141V651.371C1417.379 660.206 1410.055 666.676 1402.542 666.676H15.1169C6.77488 666.676 0 660.206 0 651.371V15.1169Z');

        height: 112vh;
        top: 61%;
          }

    .container4{
        gap: 3rem;
    }
}

@media screen and (min-width:1482px) and (max-width:1545px) {
    .float-imagen{
        height: 500px;
    }

    .div-links-nav ul{
        width: 80%;
    }

    .w-h2{
        width: 75%;
    }

    .content-hero{
        gap: 1.5rem;
    }
    .clipped-div{
     
        clip-path: path('M0 15.90527C0 7.13173 7.13173 0 15.90527 0H1168.81341C1174.77241 0 1180.51325 3.59952 1182.80796 9.23431L1189.31116 44.83225C1191.52205 49.34001 1198.43095 52.57962 1202.41237 52.57962H1475.13126C1482.72848 52.57962 1489.37443 61.11473 1489.37443 70.55093V686.51609C1489.37443 695.95159 1482.72848 702.69801 1475.13126 702.69801H15.90527C7.13173 702.69801 0 695.95159 0 686.51609V15.90527Z');

        height: 108vh;
        top: 61%;
          }

    .container4{
        gap: 3rem;
    }
}

@media screen and (min-width:1546px) and (max-width:1599px) {
    .clipped-div {
        clip-path: path('M0 16.21479C0 7.24600 7.24600 0 16.21479 0H1185.12925C1191.08877 0 1197.07630 3.66475 1199.45520 9.40755L1206.51907 45.64937C1208.85436 49.82233 1215.75171 53.48755 1219.03091 53.48755H1511.16474C1520.58378 53.48755 1528.14384 62.14109 1528.14384 71.28961V699.40052C1528.14384 708.84498 1520.58378 715.80333 1511.16474 715.80333H16.21479C7.24600 715.80333 0 708.84498 0 699.40052V16.21479Z');
        left: 50.75%;
        height: 108vh;
        top: 61%;
    }
    
}

@media screen and (min-width:1600px) and (max-width:1639px) {

    .clipped-div{
     
        clip-path: path('M0 19.2C0 8.57612 8.57612 0 19.2 0H1395.6C1402.07 0 1408.06 4.32077 1411.01 11.0806L1432.31 53.7194C1435.26 60.4792 1441.25 64.8 1447.72 64.8H1779.84C1790.48 64.8 1799.04 73.3761 1799.04 84V825.6C1799.04 836.224 1790.48 844.8 1779.84 844.8H19.2C8.57612 844.8 0 836.224 0 825.6V19.2Z');
        height: 110vh;
        top: 57%;
          }
    
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .float-imagen{
        height: 500px;
    }

    .div-links-nav ul{
        width: 80%;
    }

    .w-h2{
        width: 75%;
    }

    .content-hero{
        gap: 1.5rem;
    }


    .container4{
        gap: 3rem;
    }
}

@media screen and (min-width:1600px) and (max-width:1919px) {
    .float-imagen{
        height: 500px;
    }

    .div-links-nav ul{
        width: 80%;
    }

    .w-h2{
        width: 75%;
    }

    .content-hero{
        gap: 1.5rem;
    }


    .container4{
        gap: 3rem;
    }
}

@media screen and (min-width:1800px) and (max-width:1839px) {

    nav{
        max-width: 1800px;
    }
    .clipped-div {
        clip-path: path('M0 18.85579C0 8.46567 8.46567 0 18.85579 0H1360.59322C1368.42862 0 1374.49029 4.23852 1375.74968 10.91984L1390.45335 52.68863C1392.01484 58.39904 1398.88588 63.84473 1404.18315 63.84473H1735.02068C1744.27961 63.84473 1752.74103 70.84691 1752.74103 79.49504V806.08956C1752.74103 815.04262 1744.27961 824.15844 1735.02068 824.15844H18.85579C8.46567 824.15844 0 815.04262 0 806.08956V18.85579Z');
        left: 50.5%;
        height: 110vh;
        top: 57%;
    }
    

}

@media screen and (min-width:1840px) and (max-width:1889px) {

    nav{
        max-width: 1800px;
    }
    .clipped-div {
        clip-path: path('M0 19.44243C0 8.74877 8.74877 0 19.44243 0H1408.80913C1416.47206 0 1422.17580 4.37458 1423.76445 11.28161L1436.87996 54.28939C1438.63555 60.15745 1445.65936 65.66717 1451.30945 65.66717H1784.07101C1793.57439 65.66717 1802.30948 72.60272 1802.30948 82.22782V830.27737C1802.30948 839.71567 1793.57439 848.89316 1784.07101 848.89316H19.44243C8.74877 848.89316 0 839.71567 0 830.27737V19.44243Z');
        
        left: 50.5%;
        height: 110vh;
        top: 57%;
    }
    

}

@media screen and (min-width:1700px) and (max-width:1719px) {

    nav{
        max-width: 1700px;
    }

    .clipped-div {
        clip-path: path('M0 17.62028C0 7.86785 7.86785 0 17.62028 0H1277.71126C1283.51779 0 1289.15116 3.94321 1291.82761 10.15714L1307.41786 49.23854C1309.85296 55.13683 1316.70055 58.85617 1321.37280 58.85617H1620.95278C1630.25668 58.85617 1637.67681 67.13215 1637.67681 76.65874V756.84334C1637.67681 766.46793 1630.25668 774.15496 1620.95278 774.15496H17.62028C7.86785 774.15496 0 766.46793 0 756.84334V17.62028Z');
        
        left: 51%;
        height: 110vh;
    }


}

@media screen and (min-width:1720px) and (max-width:1749px) {

    nav{
        max-width: 1700px;
    }

    .clipped-div{
     
        clip-path: path('M0 18C0 8.05886 8.05888 0 18 0H1308.38C1315.38 0 1321.74 4.05072 1324.7 10.3881L1343.35 50.3619C1346.31 56.6993 1352.67 60.75 1359.67 60.75H1668.6C1678.55 60.75 1686.6 68.809 1686.6 78.75V774C1686.6 783.941 1678.55 792 1668.6 792H18C8.05888 792 0 783.941 0 774V18Z');
        left: 50.5%;
        height: 110vh;
          }


}

@media screen and (min-width:1750px) and (max-width:1799px) {

    nav{
        max-width: 1700px;
    }

    .clipped-div {
        clip-path: path('M0 18.36C0 8.23903 8.23903 0 18.36 0H1334.548C1341.488 0 1347.929 4.12173 1350.054 10.58804L1360.29 51.36893C1363.24 57.27367 1369.734 61.515 1376.867 61.515H1703.172C1713.051 61.515 1721.172 69.15518 1721.172 79.575V788.52C1721.172 798.021 1713.051 806.64 1703.172 806.64H18.36C8.23903 806.64 0 798.021 0 788.52V18.36Z');
        
        left: 51%;
        height: 110vh;
    }
    

}


@media screen and (min-width:1600px) and (max-width:1649px) {


    nav{
        max-width: 1600px;
    }

    .clipped-div{
     
        clip-path: path('M0 16.587C0 7.42624 7.42625 0 16.587 0H1206.56C1212.09 0 1217.95 3.73273 1220.67 9.57263L1236.89 46.4085C1239.61 52.2484 1245.47 55.9811 1251.01 55.9811H1537.62C1546.99 55.9811 1554.2 63.4075 1554.2 72.5681V713.241C1554.2 722.401 1546.99 729.828 1537.62 729.828H16.587C7.42625 729.828 0 722.401 0 713.241V16.587Z');
        left: 50.5%;
        height: 110vh;
          }


}

@media screen and (min-width:1650px) and (max-width:1679px) {


    nav{
        max-width: 1600px;
    }

    .clipped-div {
        clip-path: path('M0 17.28342C0 7.72241 7.72241 0 17.28342 0H1251.67766C1257.38903 0 1263.08867 3.87060 1265.88745 9.92700L1281.19290 48.38582C1284.06173 54.30866 1290.34429 57.80017 1295.00274 57.80017H1590.93489C1600.26282 57.80017 1607.62215 65.95309 1607.62215 75.53789V741.02307C1607.62215 750.62845 1600.26282 758.25220 1590.93489 758.25220H17.28342C7.72241 758.25220 0 750.62845 0 741.02307V17.28342Z');
        
        left: 50.5%;
        height: 110vh;
    }

}

@media screen and (min-width:1680px) and (max-width:1699px) {


    nav{
        max-width: 1600px;
    }

    .clipped-div {
        clip-path: path('M0 17.62028C0 7.86785 7.86785 0 17.62028 0H1277.71126C1283.51779 0 1289.15116 3.94321 1291.82761 10.15714L1307.41786 49.23854C1309.85296 55.13683 1316.70055 58.85617 1321.37280 58.85617H1620.95278C1630.25668 58.85617 1637.67681 67.13215 1637.67681 76.65874V756.84334C1637.67681 766.46793 1630.25668 774.15496 1620.95278 774.15496H17.62028C7.86785 774.15496 0 766.46793 0 756.84334V17.62028Z');
        
        left: 50.5%;
        height: 110vh;
    }
    

}