.rubik{
  font-family: "Rubik", sans-serif;
}
.verde{
  background: #248593 !important;
}
.bg-verde-light{
  background: #D1EDED !important;
}
.text-yellow{
  color: #FFF800 !important;
}
.text-gris{
  color: #5B5B59 !important;
}
.text-verde-002{
  color: #1BB226 !important;
}
.text-verde-003{
  color: #46B154 !important;
}
.text-naranja{
  color: #B47A12 !important;
}
.text-marron{
  color: #665539 !important;
}
.crema{
  background: #EAEADC !important;
}
.list-color{
  color: #2C6179 !important;
}
.title{
  font-size: 80px !important;
  line-height: 70px !important;
}
.title-qs{
  font-size: 40px !important;
  font-weight: 400 !important;
}
.lead-qs{
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
}
.list-qs{
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  text-align: left;
}

.list-qs li::marker {
  color: #248593; /* Cambia este color según lo que necesites */
  font-weight: 400;
}
.lead-qs2{
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
}
.title-2{
  font-size: 110px !important;
  line-height: 110px !important;
}
.subtitle{
  font-weight: 400 !important;
  font-size: 50px !important;
}
.lead1{
  font-size: 40px !important;
  font-weight: 300 !important;
}
.parrafo{
  font-size: 25px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}
.lead2{
  font-size: 45px !important;
  line-height: 45px !important;
  font-weight: 900 !important;
}
.lead3{
  font-family: ;
  font-size: 35px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
}
.text-verde{
  color: #248593 !important;
}
.lead4{
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
}
.lead5{
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
}
.negrita{
  font-weight: 700 !important;
}
.iconos{
  font-size: 30px;
  color: #FFF;
}
.hrf{
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}
.hrf:hover{
  font-size: 24px;
  font-weight: 300;
  color: #094852;
}
.social-icons {
  display: flex;
  gap: 15px;
}

.icon{
  width: 40px;
  height: 40px;
  background-color: #46B154;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.icon:hover {
  background-color: #fff;
  color: #46B154;
}
.espace-mobile{
  margin-top: 120px !important;
}
.margen-mobile{
  padding-top: 200px !important;
}
@media only screen and (max-width: 767px) {
  /* Tus clases exclusivas para móviles aquí */
  .title{
    font-size: 40px !important;
    line-height: 35px !important;
  }
  .title-2{
    font-size: 50px !important;
    line-height: 45px !important;
  }
  .subtitle{
    font-size: 25px !important;
    text-align: left !important;
  }
  .lead1{
    font-size: 25px !important;
    font-weight: 300 !important;
  }
  .parrafo{
    line-height: 32px !important;
  }
  .lead2{
    font-size: 30px !important;
    line-height: 35px !important;
    font-weight: 900 !important;
    color: #248593 !important;
  }
  .lead3{
    font-family: ;
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 300 !important;
    text-align: left !important;
  }
  .text-verde{
    color: #248593 !important;
  }
  .lead4{
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
  }
  .espace-mobile{
    margin-top: -50px !important;
  }
  .list-3{
    margin-left: -15px !important;
    line-height: 25px !important;
  }
  .margen-mobile{
    padding-top: 120px !important;
  }
}