

 .overlap-group17 {
  height: 3828px;
  margin-left: -1px;
  position: relative;
  width: 100%;
  z-index: 1;
}

 .overlap-group1 {
 
  width: 100%;
}

 .rectngulo-1 {
  background-color: var(--black);
  height: 1274px;
  width: 100%;
}

 .grupo-3 {
 background-image: url(../images/grupo-100@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 1332px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 100%;
}

 .rectngulo-25 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 364px;
  width: 100%;
}

 .grupo-480 {
  background-color: var(--soap);
  border-radius: 65.42px;
  display: flex;
  align-items:flex-start;
  justify-content: space-between;
  position:relative;
  width:100%;
}

 .columna {
  display: flex;
  flex-direction: column;
  gap: 22.6px;
  flex:1;
}

 .con-klozer-b2-b-tens {
	flex: 1; 
    letter-spacing: 0;
    line-height: 35px;   
}

 .paneliamgenb2b {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-start;
  min-width: 100%;
}

 .overlap-group13 {
  height: 1148px;
  width: 100%;
}

 .rectngulo-5 {
  background-color: var(--alabaster);
  border: 3.31px solid;
  border-color: var(--violet-blue);
  border-radius: 52.45px;
  height: 1148px;
  width: 734px;
}

 .imagenb2b {   
    display: flex;
    flex-direction: column;
    position: relative;
  
}

 .overlap-group10 {
  height: 574px;
  position: relative;
  width: 774px;
}

 .overlap-group12 {
  height: 570px;
  left: 0;
  position: absolute;
  top: 0;
  width: 642px;
}

 .overlap-group9 {
  height: 440px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 642px;
}

 .retiramos-tu-mercadera {
  height: 106px;
  left: 73px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 346px;
}

 .alojamos-tu-mercader {
  height: 161px;
  left: 335px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 279px;
  width: 307px;
}

 .grupo-91 {
  align-items: flex-start;
  background-color: var(--violet-blue);
  border-radius: 20.5px;
  display: flex;
  height: 41px;
  justify-content: flex-end;
  left: 275px;
  min-width: 41px;
  padding: 3.5px 11.4px;
  position: absolute;
  top: 287px;
}

 .trazado-53 {
  height: 205px;
  left: 146px;
  object-fit: cover;
  position: absolute;
  top: 199px;
  width: 282px;
}

 .autoimagen {
  align-items: flex-start;
  display: flex;
  height: 155px;
  left: 0;
  min-width: 188px;
  position: absolute;
  top: 88px;
}

 .overlap-group2 {
  height: 155px;
  position: relative;
  width: 188px;
}

 .grupo-208 {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 11px;
  justify-content: flex-end;
  min-width: 187.97px;
}

 .trazado-container-1 {
  align-items: flex-end;
  gap: 10px;
  margin-top: 0.17px;
  min-height: 33px;
  width: 46px;
}

 .trazado-137 {
  height: 4px;
  margin-right: 0.02px;
  object-fit: cover;
  width: 46px;
}

 .trazado-1 {
  height: 4px;
  object-fit: cover;
  width: 39px;
}

 .trazado-139 {
  height: 4px;
  margin-right: 0.02px;
  object-fit: cover;
  width: 30px;
}

 .grupo-89 {
  align-items: flex-start;
  background-color: var(--violet-blue);
  border-radius: 20.5px;
  display: flex;
  height: 41px;
  justify-content: flex-end;
  left: 13px;
  min-width: 41px;
  padding: 3.5px 13.4px;
  position: absolute;
  top: 0;
}

 .trazado-50 {
  height: 11px;
  left: 233px;
  object-fit: cover;
  position: absolute;
  top: 139px;
  width: 220px;
}

 .casaimagen {
  align-items: flex-start;
  display: flex;
  height: 155px;
  left: 474px;
  min-width: 155px;
  position: absolute;
  top: 94px;
}

 .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../images/elipse-12@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 77.5px;
  display: flex;
  height: 155px;
  justify-content: flex-end;
  min-width: 155px;
  padding: 14px 26.7px;
}

 .grupo-225 {
  display: flex;
  height: 101px;
  width: 101px;
}

 .grupo-224 {
  display: flex;
  flex: 1;
  width: 101.14px;
}

 .grupo-223 {
  align-items: flex-start;
  background-image: url(../images/trazado-169@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 101.14px;
  padding: 9.8px 42.7px;
}

 .trazado-170 {
  height: 16px;
  object-fit: cover;
  width: 16px;
}

 .imagenmapa {
  align-items: flex-start;
  display: flex;
  height: 155px;
  left: 16px;
  min-width: 155px;
  position: absolute;
  top: 415px;
}

 .overlap-group3 {
  align-items: flex-start;
  background-image: url(../images/elipse-12@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 77.5px;
  display: flex;
  height: 155px;
  min-width: 155px;
  padding: 18.5px 19.8px;
}

 .grupo-214 {
  align-items: flex-end;
  background-image: url(../images/trazado-152-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 1;
  gap: 9px;
  justify-content: flex-end;
  min-width: 115.18px;
  padding: 6.2px 11.5px;
}

 .trazado-container-2 {
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 0.03px;
  min-height: 68px;
  width: 15px;
}

 .trazado-156 {
  height: 22px;
  margin-left: 0;
  object-fit: cover;
  width: 15px;
}

 .trazado-155 {
  height: 37px;
  object-fit: cover;
  width: 15px;
}

 .trazado-container-3 {
  align-items: center;
  min-height: 89px;
  width: 58px;
}

 .trazado-157 {
  height: 19px;
  margin-left: 4.75px;
  object-fit: cover;
  width: 19px;
}

 .trazado-153 {
  height: 44px;
  margin-left: 0.03px;
  margin-top: 2px;
  object-fit: cover;
  width: 58px;
}

 .trazado-154 {
  height: 16px;
  margin-top: 8px;
  object-fit: cover;
  width: 58px;
}

 .procesamos-y-ruteamo {
  height: 106px;
  left: 335px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 468px;
  width: 439px;
}

 .grupo-92 {
  align-items: flex-start;
  background-color: var(--violet-blue);
  border-radius: 20.5px;
  display: flex;
  height: 41px;
  justify-content: flex-end;
  left: 275px;
  min-width: 41px;
  padding: 3.5px 11.4px;
  position: absolute;
  top: 478px;
}

 .flex-row {
  align-items: center;
  display: flex;
  gap: 19px;
  margin-left: 13.28px;
  min-width: 596px;
}

 .grupo-90 {
  align-items: flex-start;
  background-color: var(--violet-blue);
  border-radius: 20.5px;
  display: flex;
  height: 41px;
  justify-content: flex-end;
  margin-bottom: 160.46px;
  min-width: 41px;
  padding: 3.5px 10.4px;
}

 .number-2 {
  min-width: 18px;
}

 .overlap-group11 {
  height: 466px;
  position: relative;
  width: 537px;
}

 .overlap-group8 {
  height: 466px;
  left: 0;
  position: absolute;
  top: 0;
  width: 537px;
}

 .trazado-46 {
  height: 139px;
  left: 105px;
  object-fit: cover;
  position: absolute;
  top: 220px;
  width: 218px;
}

 .trazado-47 {
  height: 130px;
  left: 236px;
  object-fit: cover;
  position: absolute;
  top: 238px;
  width: 124px;
}

 .trazado-48 {
  height: 109px;
  left: 355px;
  object-fit: cover;
  position: absolute;
  top: 249px;
  width: 48px;
}

 .trazado-54 {
  height: 80px;
  left: 123px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 228px;
}

 .imagenauto {
  align-items: flex-start;
  display: flex;
  height: 155px;
  left: 344px;
  min-width: 192px;
  position: absolute;
  top: 66px;
}

 .overlap-group1-1 {
  height: 155px;
  position: relative;
  width: 192px;
}

 .pf-u0-pe-1 {
  display: flex;
  height: 91px;
  left: 4px;
  position: absolute;
  top: 28px;
  width: 188px;
}

 .grupo-209 {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 11px;
  justify-content: flex-end;
  min-width: 187.97px;
}

 .trazado-container-4 {
  align-items: flex-start;
  gap: 10px;
  margin-top: 0.17px;
  min-height: 33px;
  width: 46px;
}

 .personaimagen {
  left: 45px;
}

 .trazado-container {
  align-items: flex-start;
  background-image: url(../images/elipse-18-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 42.18px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 0;
  min-height: 84px;
  padding: 16.4px 17.1px;
  width: 84px;
}

 .trazado-149 {
  align-self: flex-end;
  height: 25px;
  margin-right: 14.29px;
  object-fit: cover;
  width: 23px;
}

 .personaimagen-1 {
  left: 172px;
}

 .personaimagen-2 {
  left: 300px;
}

 .trazado-49 {
  height: 108px;
  left: 445px;
  object-fit: cover;
  position: absolute;
  top: 251px;
  width: 10px;
}

 .personaimagen-3 {
  left: 427px;
}

 .cuadrcula-de-repeticin-1 {
	align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 30px;    
    flex:1;
}

 .itemdetalleklzerservicio {
  display: flex;
  gap: 10px;
  width: 100%;
}

 .flechaimte {
  display: flex;
  height: 40.62px;
  margin-top: 3.0px;
  width: 85.88px;
}

 .componente-5-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-bottom: 0;
  margin-right: 0;
  min-width: 85.88px;
}

 .overlap-group {
  border-radius: 20px;
  height: 42px;
  margin-top: -0.75px;
  position: relative;
  width: 87px;
}

 .arrowright {
 	background-image: url(../images/trazado-116@1x.png);
    background-position: 53% 70%;
    background-size: contain;
    height: 20px;
    left: 12px;
    position: absolute;
    top: 5px;
    width: 45px;
}

 .rectngulo-8 {
    border: 1.5px solid;
    border-color: var(--blue-zodiac);
    border-radius: 20px;
    height: 30px;
    width: 70px;
}

 .klozerserviciostexto {
  flex: 1;
  letter-spacing: 0;
  line-height: 35px;
}



 .klozerdirecto {
  align-items: flex-end;
  background-image: url(../images/trazado-407-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 82px;
  justify-content: flex-end;
  margin-top: 0;
  min-width: 379px;
  padding: 15.0px 56.6px;
}

 .klozer-directo {
  letter-spacing: 0;
  line-height: 40.7px;
  min-height: 47px;
  min-width: 264px;
  white-space: nowrap;
}

 .klozer {
  align-items: flex-start;
  display: flex;
  height: 82px;
  justify-content: center;
  margin-left: 55px;
  min-width: 379px;
}

 .overlap-group-2 {
  align-items: flex-end;
  background-image: url(../images/trazado-408@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 85px;
  justify-content: flex-end;
  margin-top: -1.5px;
  min-width: 382px;
  padding: 16.5px 94.1px;
}

 .klozer-full {
  letter-spacing: 0;
  line-height: 40.7px;
  min-height: 47px;
  min-width: 191px;
  white-space: nowrap;
}





 .overlap-group2-1 {
  align-items: flex-end;
  background-color: var(--violet-blue);
  border-radius: 41.19px;
  display: flex;
  height: 88px;
  justify-content: flex-end;
  margin-top: -3.0px;
  min-width: 385px;
  padding: 18.0px 92.6px;
}

 .klozer-b2-b {
  letter-spacing: 0;
  line-height: 40.7px;
  min-height: 47px;
  min-width: 198px;
  white-space: nowrap;
}

 .rnos-container {
  height: 755px;
  position: relative;
  width: 100%;
}


 .grupo-5 {
  display: flex;
  height: 60px;
  margin-top: 27.51px;
  width: 242px;
}

 .grupo-3-1 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  min-width: 49px;
}

 .overlap-group-3 {
  height: 59px;
  position: relative;
  width: 49px;
}

 .elipse-1 {
  background-color: var(--white);
  border-radius: 9px;
  height: 18px;
  left: 25px;
  position: absolute;
  top: 3px;
  width: 18px;
}

 .trazado-2 {
  height: 59px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 49px;
}

 .trazado-3 {
  align-self: center;
  height: 58px;
  margin-bottom: 0.45px;
  margin-left: 5px;
  object-fit: cover;
  width: 12px;
}

 .trazado-4 {
  height: 45px;
  margin-bottom: 0.14px;
  margin-left: 7px;
  object-fit: cover;
  width: 43px;
}

 .grupo-2 {
  background-image: url(../images/trazado-1-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 45px;
  margin-left: 5px;
  width: 43px;
}



 .contactarnos {
  align-items: flex-start;
  background-color: var(--manz);
  display: flex;
  flex-direction: column;
  left: 1154px;
  min-height: 755px;
  padding: 28.3px 60.7px;
  position: absolute;
  top: 0;
  width: 766px;
}

 .title {
  letter-spacing: 0;
  line-height: 62.0px;
  margin-top: 91px;
  min-height: 57px;
  white-space: nowrap;
}


 .logo {
  align-self: flex-start;
  display: flex;
  height: 42px;
  width: 167px;
}

 .grupo-187 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  min-width: 34px;
}

 .overlap-group-4 {
  height: 41px;
  position: relative;
  width: 34px;
}

 .elipse-24 {
  background-color: var(--white);
  border-radius: 6.22px;
  height: 12px;
  left: 17px;
  position: absolute;
  top: 2px;
  width: 12px;
}

 .trazado-171 {
  height: 29px;
  margin-bottom: 0.93px;
  margin-left: 3px;
  object-fit: cover;
  width: 25px;
}

 .grupo-186 {
  background-image: url(../images/trazado-167-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 31px;
  margin-bottom: 0;
  margin-left: 4px;
  width: 30px;
}

 .trazado-172 {
  height: 29px;
  margin-bottom: 0.93px;
  margin-left: 5px;
  object-fit: cover;
  width: 19px;
}

 .componente-2-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 22px;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  margin-left: 62px;
  margin-top: 2.65px;
  min-width: 228px;
  padding: 5.5px 28px;
}

 .overlap-group1-3 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 22px;
  display: flex;
  height: 46px;
  margin-top: -0.5px;
  min-width: 235px;
  padding: 7.0px 29.5px;
}

 .componente-4-1 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--manz);
  border-radius: 22px;
  display: flex;
  height: 47px;
  justify-content: flex-end;
  margin-left: 10px;
  min-width: 152px;
  padding: 6.5px 26px;
}

 .personaimagen-4 {
  align-items: flex-start;
  display: flex;
  height: 84px;
  justify-content: center;
  min-width: 84px;
  position: absolute;
  top: 381px;
}

 .rectngulo {
  left: 0;
  position: absolute;
  top: 0;
}

 .trazado-container-5 {
  display: flex;
  flex-direction: column;
}

.con-la-plataforma-de {
    flex: 1;    
    letter-spacing: 0;
    line-height: 55px;
    
    width: 100%;
}

.divtextoauzul
 {
    align-items: center;
    background-color: var(--violet-blue);
    border-radius: 41.19px;
    display: flex;  
    justify-content: center;    
}



.una-solucin-simple {
    color: var(--alabaster);
    font-family: var(--font-family-sora);
    font-size: var(--font-size-m);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 48px;
    padding:30px;    
    width: 100%;
}



/*-- banner --*/
.bannerb2b {
  background: url(../images/grupo-100@1x.png) no-repeat center;
  -ms-background-size: cover;
  background-size: cover;
  z-index: 0;
  position: relative;
  display: grid;
  align-items: center;
}

.bannerb2b:before {
  content: "";
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(27,40,72,0.9) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.bannerb2b h3 {
  font-size: 100px;
  line-height: 100px;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  color: transparent;
  background: none;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
}




.banner p {
  color: #fff;
}
