.container-trucks{
  position: relative;
  height: 450px;
}

.container-trucks img{
  max-height: 400px;
}

.container-trucks img.t1{
  position: absolute;
  top: -143px;
  left: -160px;
  max-height: 540px;
}

.container-trucks img.t4{
  position: absolute;
  top: 151px;
  right: -225px;
  max-height: 670px;
}

.container-trucks img.t5{
  position: absolute;
  top: -59px;
  right: -182px;
  max-height: 314px;
}

.container-trucks img.t6{
  position: absolute;
  top: 173px;
  left: -120px;
  max-height: 335px;
}

.container-trucks img.p4{
  position: absolute;
  top: 229px;
  left: 388px;
  max-height: 224px;
}

.l-s-about .title-about{
  font-size: 55px;
}

.l-s-about .about-box .desc-about{
  color: black;
  font-size: 24px;
}

.l-s-sistema{
  padding-top: 80px !important;
}

.l-steps{
  padding: 30px 0px 140px;
}
.l-steps .content{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-flow: column;
  position: relative;
}

.l-steps .content.arrow::after{
  content: "";
  position: absolute;
  background-image: url(./../img/landing/v3/arrow.png);
  top: 0px;
  right: -120px;
  width: 200px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1200px) {
  .l-steps .content.arrow::after{
    top: 0px;
    right: -90px;
    width: 160px;
    height: 80px;
  }
}

@media (max-width: 992px) {
  .l-steps .content.arrow::after{
    background-image: url(./../img/landing/v3/arrowsmall.png);
    top: 20px;
    right: -60px;
    width: 90px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .l-steps .content.arrow::after{
    display: none;
  }
}


.l-steps .content .main{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-flow: column;
}

.l-steps .content .i-step{
  color: #fe5900;
  font-size: 72px;
}
.l-steps .content .n-step{
  width: 30px;
  height: 30px;
  background-color: #ffeee3;
  color: #fe5900;
  border: 1px solid #fe5900;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.40);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.40);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.40);
}

.l-steps .content .t-step{
  text-align: center;
  margin-bottom: 0px;
  color: black;
  font-weight: 500;
}

.l-s-benefits{
  background: #fcf5f3;
  padding-top: 40px;
}

.l-carta-porte{
  background: #181818;
  position: relative;
}

.l-carta-porte::before{
  position: absolute;
  content: "";
  width: 200px;
  height: 200px;
  background-color: #fe5900;
  right: 150px;
  top: 50px;
  border-radius: 50%;
  filter: blur(100px);
}

.l-carta-porte .img-carta-porte{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.l-carta-porte .container-text{
  padding-top: 120px;
  padding-bottom: 120px;
}

.l-carta-porte .title-carta-porte{
  font-size: 48px;
  color: white;
}

.l-carta-porte .desc-carta-porte{
  color: white;
  font-size: 24px;
}

.l-muvert .container-main-image{
  position: relative;
  height: 390px;
}

.l-muvert .container-main-image .image{
  position: absolute;
  z-index: 1;
  top: -120px;
}

.l-muver{
  margin-bottom: 150px;
}

.l-sat{
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 50%,
    #fcf5f3 50%,
    #fcf5f3 100%
  );
}

.l-sat .about-box{
  background-color: #181818;
  border-radius: 64px;
  padding: 70px 50px 60px;
  position: relative;
  margin-bottom: 80px;
}

.l-sat .about-box::before{
  position: absolute;
  content: "";
  width: 120px;
  height: 120px;
  background-color: #fe5900;
  right: 150px;
  top: 50px;
  border-radius: 50%;
  filter: blur(100px);
}

.l-sat .about-box .container-clients{
  padding-bottom: 7rem;
}

.l-sat .about-box .img-about-bg{
  border-radius: 64px;
  width: 100%;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.l-sat .about-box .img-about-rc{
  border-radius: 32px;
  width: 100%;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.l-sat .about-box .img-about-sm{
  border-radius: 32px;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.l-sat .about-box .title-about{
  color: white;
  font-size: 40px;
}

.l-sat .about-box .desc-about{
  color: white;
  font-size: 24px;
}

.l-sat .about-benefits{
  padding-bottom: 10px;
}

.l-sat .about-benefits .desc-ind{
  color: #202020;
  font-size: 16px;
}

.l-sat .about-box .values-text{
  font-size: 14px;
  
}

.l-demo{
  background-color: #181818;
  padding-top: 120px;
  padding-bottom: 120px;
}

.l-demo .box{
  position: relative;
}

.l-demo .box::before{
  position: absolute;
  content: "";
  width: 120px;
  height: 120px;
  background-color: #fe5900;
  right: 150px;
  top: 50px;
  border-radius: 50%;
  filter: blur(100px);
}

.l-demo .listado li{
  margin-bottom: 30px;
}

.l-demo .listado .fa-li{
  color: #fe5900;
  font-size: 8px;
  padding-top: 3px;
  padding-right: 10px;
  
}

.l-demo .listado .fa-li i{
  box-shadow: 0 0 50px 5px #fe5900;
}



.l-demo .input-demo{
  background-color: #ffffff;
  border-radius: 40px;
  padding: 40px 25px;
}

.l-demo .input-demo .input-data{
  background-color: #fcf5f3;
  padding: 15px 35px;
  width: 100%;
  border: none;
  border-radius: 12px;
}

.l-demo .demo-loading{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-demo .demo-loading i{
  font-size: 40px;
  color: #fe5900;
}

.l-demo-hubspot{
  /* background-color: #f5f8fa; */
  padding-top: 120px;
  padding-bottom: 120px;
}

.l-demo-hubspot .thumbnail-demo{
  /* height: 90px;
  width: 160px; */
  aspect-ratio: 16 / 9;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 16px;
}

.l-demo-hubspot .thumbnail-demo .hover-thumbnail-demo{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}

.l-demo-hubspot .thumbnail-demo .hover-thumbnail-demo .play-button{
  color: white;
  font-size: 72px;
}

.btn-demo-button{
  width: 300px;
}

@media (max-width: 768px) {
  .btn-demo-button{
    width: 100%;
  } 
}

.demo-images-container{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 15px
}

#carouselSecciones .item{
  height: 508px;
  width: 800px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media (max-width: 992px) {
  #carouselSecciones .item{
    width: 100%;
    height: auto;
  }
}

#carouselSecciones .item .shadoew{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  border-radius: 30px;
}

#carouselSecciones .item .text{
  position: absolute;
  /* bottom: 50px; */
  top: 280px;
  left: 20px;
  width: 95%;
}

#carouselSecciones .item .text .title{
  color: white;
  position: relative;
}
#carouselSecciones .item .text .title::after{
  content: "";
  background-color: #fe5900;
  width: 100px;
  height: 7px;
  position: absolute;
  bottom: -10px;
  left: 0px;
}

#carouselSecciones .item .text .content{
  color: white;
  margin-bottom: 0px;
}

#carouselSecciones .item .text .title2{
  color: white;
  margin-top: 1.3rem;
}


#carouselSecciones .item .text .icon{
  color: white;
  font-size: 50px;
  margin-top: 15px;
}


#carouselSecciones .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -10px;
  display: flex;
  justify-content: center;
}

.btn__register{
  background-color: #ffffff;
  color: #222222;
  border-radius: 8px;
  padding: 16px 20px; 
  text-align: center;
  transition: all 0.3s linear;
}

.btn__register:hover,
.btn__register:focus,
.btn__register:active{
  background-color: #222222;
  color: white;
}

.icon_type_service{
  height: 60px;
  width: auto;
  margin-bottom: 20px;
}