/*
=========================================================
B-Educkation Testimonios v1.0
=========================================================
*/

.be-testimonios{

    position:relative !important;

    width:100% !important;
    max-width:1400px !important;

    margin:50px auto !important;

    overflow:hidden !important;

    padding:20px 60px !important;

    box-sizing:border-box !important;

}


/*=========================================================
TRACK
=========================================================*/

.be-track{

    display:flex !important;

    gap:25px !important;

    transition:transform .55s ease !important;

    will-change:transform;

}


/*=========================================================
TARJETAS
=========================================================*/

.be-card{

    flex:0 0 calc((100% - 75px)/4) !important;

    min-width:calc((100% - 75px)/4) !important;

    background:#ffffff !important;

    border-radius:18px !important;

    padding:30px !important;

    box-sizing:border-box !important;

    box-shadow:0 8px 20px rgba(0,0,0,.12) !important;

    transition:
        transform .30s ease,
        box-shadow .30s ease;

}


.be-card:hover{

    transform:translateY(-8px) !important;

    box-shadow:0 20px 40px rgba(0,0,0,.18) !important;

}


/*=========================================================
ESTRELLAS
=========================================================*/

.be-stars{

    color:#FFC107 !important;

    font-size:22px !important;

    margin-bottom:18px !important;

}


/*=========================================================
COMENTARIO
=========================================================*/

.be-comment{

    font-size:16px !important;

    line-height:1.7 !important;

    color:#444 !important;

    min-height:120px;

}


/*=========================================================
NOMBRE
=========================================================*/

.be-name{

    margin-top:25px !important;

    color:#FD9800 !important;

    font-weight:bold !important;

}


/*=========================================================
BOTONES
=========================================================*/

/*
.be-prev,
.be-next{

    position:absolute !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:52px !important;

    height:52px !important;

    border:none !important;

    border-radius:50% !important;

    cursor:pointer !important;

    background:#0B4F8A !important;

    color:#fff !important;

    font-size:28px !important;

    transition:.25s !important;

    z-index:100 !important;

}


.be-prev{

    left:0 !important;

}


.be-next{

    right:0 !important;

}


.be-prev:hover,
.be-next:hover{

    background:#083760 !important;

}

*/

.be-prev,
.be-next{

    position:absolute !important;

    top:42% !important;

    transform:translateY(-50%) !important;

    background:transparent !important;

    border:none !important;

    color:#FD9800 !important;

    font-size:42px !important;

    font-weight:700 !important;

    cursor:pointer !important;

    z-index:1000 !important;

    transition:.25s !important;

    padding:0 !important;

    line-height:1 !important;

}

.be-prev{

    left:5px !important;

}

.be-next{

    right:5px !important;

}

.be-prev:hover,
.be-next:hover{

    color:#1C75BC !important;

}
/*=========================================================
DOTS
=========================================================*/

.be-dots{

    display:flex !important;

    justify-content:center !important;

    gap:10px !important;

    margin-top:35px !important;

}


.be-dot{

    width:5px !important;

    height:5px !important;

    border-radius:50% !important;

    background:#D0D0D0 !important;

    cursor:pointer !important;

    transition:.3s !important;

}


.be-dot.active{

    background:#0B4F8A !important;

}


/*=========================================================
TABLET
=========================================================*/

@media(max-width:992px){

.be-card{

    flex:0 0 calc((100% - 25px)/2) !important;

    min-width:calc((100% - 25px)/2) !important;

}

}


/*=========================================================
CELULAR
=========================================================*/

@media(max-width:768px){

.be-testimonios{

    padding:15px 45px !important;

}

.be-card{

    flex:0 0 100% !important;

    min-width:100% !important;

}

.be-comment{

    min-height:auto;

}

}