.font-20{
    font-size: 20px;
}
.font-2rem{
    font-size: 2rem;
}

.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}
.mt40{
    margin-top: 40px;
}

.team-3col .t-item .t-image.cus{
    position: relative;
    height: 100px;
    overflow: hidden;
}

.cus-help-box{
    border: 3px solid rgba(185, 185, 185, 0.116);
    border-radius: 2px;
    padding: 1rem 1.5rem;
    transition: all 450ms ease;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.cus-margin{
    /* margin-top: -40px; */
    padding-bottom: 4rem !important;
}

.cus-margin .cus-help-box{
    margin-inline: 0.5rem;
}
.cus-help-box:hover{
    transform: scale(1.05);
    opacity: .7;
}
.primary{
    color: #10A89D;
}
.text-dark{
    color: rgb(29, 29, 29) !important;
}
.testimonials-parallax.cus {
    background: url(testimonials2-bg.png);
}

.t-description{
    overflow-y: scroll;
    padding: 30px !important;
}

@media (max-width: 1200px){
    .cus-help-box{
        height: 370px;
    }
}
@media (max-width: 1000px){
    .cus-help-box{
        height: 230px;
    }
}
@media (max-width:600px){
    .cus-help-box{
        height: auto;
    }
}
@media (max-width:370px){
    .cus-help-box{
        height: auto;
    }
}




/* Estilos personalizados para la scrollbar */
.t-description::-webkit-scrollbar {
    width: 5px; /* Ancho de la scrollbar */
  }
  
  .t-description::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color de fondo de la pista de la scrollbar */
  }
  
  .t-description::-webkit-scrollbar-thumb {
    background-color: #d1d1d1; /* Color del "thumb" o deslizador de la scrollbar */
    border-radius: 5px; /* Borde redondeado */
  }
  
  .t-description::-webkit-scrollbar-thumb:hover {
    background-color: #c9c9c9; /* Color del "thumb" al pasar el ratón sobre él */
  }