.card21 {
    background-color: #4c7eb6;
    height: auto;
    width: auto;
    padding: 1rem 1rem 1rem;
    border-radius: 5px;
}
.card1 {
    background-color: rgba(247, 253, 255, 0.904);
    height: auto;
    width: auto;
    border-radius: 5px;
}

/*#### ESTILOS MÓVILES HELP DESK*/
@media screen and (max-width:767.98px){
    /*###FLYER 1 MÓVIL###*/
    /*TAMAÑO DE FONDO*/
    .fondo-flyer1 {
        width: 100%;
        height: 180vh;
        margin-top: -77vh;
        object-fit: contain;
    }
    /*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
    .contacta-flyer1 {
        height: 10vw;
        top: 1vw;
        margin-left: 10vw;
        position: relative;
        display: flex;
    }
    
    /*ESTILO CONTENEDOR TEXTO*/
    .con-texto-flyer1 {
        width: 49vw;
        padding: 1vw;
        background-color: rgba(255, 255, 255, .9);
        border-radius: 1vw;
        margin-top: calc(25vw - 15px);
        margin-left: 10vw;
        position: relative;
    }
    /*ESTILOS DE TEXTO*/
    .texto-flyer1 {
        color: #4c7eb6;
        font-weight: 600;
        font-size: calc(33vw / 10);
        font-style: italic;
        text-align: center;
    }
    .card1 {
        margin-top: 8vh;
        background-color: rgba(247, 253, 255, 0.904);
        height: auto;
        width: auto;
        border-radius: 5px;
        border: 1px solid rgb(184, 178, 178);
    }
    /*###FIN FLYER 1 MÓVIL###*/
}
/*#### FIN ESTILOS MÓVILES HELP DESK*/
/*#### ESTILOS MEDIANA HELP DESK*/
@media screen and (min-width:768px) and (max-width:991.98px){
    /*###FLYER 1 (IPADS&TABLES)###*/
      /*TAMAÑO DE FONDO*/
      .fondo-flyer1 {
        width: 100%;
        height: 49vh;
        object-fit: cover;
    }
    /*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
    .contacta-flyer1 {
        height: 6vw;
        margin-left: 6vw;
        position: relative;
        top: 19vh;
        }
    /*ESTILO CONTENEDOR TEXTO*/
    .con-texto-flyer1 {
        width: calc(35vw + 5px);
        padding: 1.5vw;
        background-color: rgba(255, 255, 255, .9);
        border-radius: 1vw;
        top: 17vh;
        margin-left: 6vw;
        position: relative;
    }

    /*ESTILOS DE TEXTO*/
    .texto-flyer1 {
        color: #4c7eb6;
        font-weight: 600;
        font-size: calc(33vw / 14);
        font-style: italic;
        text-align: justify;
    }
  /*###FIN FLYER 1 (IPADS&TABLES)###*/
    
}
/*#### FIN ESTILOS MEDIANA HELP DESK*/

/*#### ESTILOS DESKTOP HELP DESK*/
@media screen and (min-width:992px){
    /*###FLYER 1 DESKTOP###*/
/*
.color-flyer1{
    background-color: #28badbff;
}/*
/*TAMAÑO DE FONDO*/
.fondo-flyer1 {
    width: 100%;
    height: 109vh;
    object-fit: cover;
}

    /*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
    .contacta-flyer1 {
    height: 3.9vw;
    top: calc(47vw / 2.5);
    margin-left: 39vw;
    position: relative;
    }
/*ESTILO CONTENEDOR TEXTO*/
.con-texto-flyer1 {
    width: calc(33vw + 5px);
    padding: 1.5vw;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 1vw;
    top: calc(22vw);
    margin-left: 2vw;
    position: relative;
  }

  /*ESTILOS DE TEXTO*/
  .texto-flyer1 {
    color: #4c7eb6;
    font-weight: 600;
    font-size: calc(36vw / 20);
    text-align: justify;
    font-style: italic;
  }
  /*###FIN FLYER 1 DESKTOP###*/
}
/*#### FIN ESTILOS DESKTOP HELP DESK*/