/*
|--------------------------------------------------------------------------
| DWALLNET STUDENT TESTIMONIALS
|--------------------------------------------------------------------------
*/


.dw-testimonials-section{


    padding:100px 5%;

    background:#f8fafc;

    position:relative;

    overflow:hidden;


}





/*
|--------------------------------------------------------------------------
| HEADER
|--------------------------------------------------------------------------
*/


.dw-testimonials-header{


    max-width:750px;

    margin:0 auto 60px;

    text-align:center;


}




.dw-testimonials-header span{


    font-size:14px;

    font-weight:800;

    letter-spacing:3px;

    color:#2563eb;

    text-transform:uppercase;


}




.dw-testimonials-header h2{


    font-size:45px;

    font-weight:900;

    color:#0f172a;

    margin:15px 0;


}





.dw-testimonials-header p{


    color:#64748b;

    font-size:18px;

    line-height:1.7;


}







/*
|--------------------------------------------------------------------------
| TESTIMONIAL SLIDER
|--------------------------------------------------------------------------
*/


.dw-testimonials-slider{


    display:flex;

    gap:35px;

    overflow-x:auto;

    scroll-behavior:smooth;

    padding:20px 5px 40px;


}



.dw-testimonials-slider::-webkit-scrollbar{


    height:8px;


}



.dw-testimonials-slider::-webkit-scrollbar-thumb{


    background:#2563eb;

    border-radius:50px;


}







/*
|--------------------------------------------------------------------------
| CARD
|--------------------------------------------------------------------------
*/


.dw-testimonial-card{


    min-width:360px;


    background:white;


    border-radius:30px;


    padding:35px;


    border:1px solid #e2e8f0;


    box-shadow:


    0 25px 60px rgba(15,23,42,.08);


    transition:.4s ease;


}





.dw-testimonial-card:hover{


    transform:translateY(-12px);


    box-shadow:


    0 35px 80px rgba(15,23,42,.15);


}







/*
|--------------------------------------------------------------------------
| PROFILE
|--------------------------------------------------------------------------
*/


.dw-testimonial-profile{


    display:flex;

    align-items:center;

    gap:18px;


}




.dw-testimonial-profile img{


    width:75px;

    height:75px;


    border-radius:50%;


    object-fit:cover;


    border:4px solid #dbeafe;


}




.dw-testimonial-profile h3{


    margin:0;


    font-size:22px;


    color:#0f172a;


}




.dw-testimonial-profile span{


    color:#64748b;


    font-size:14px;


}







/*
|--------------------------------------------------------------------------
| STARS
|--------------------------------------------------------------------------
*/


.dw-testimonial-stars{


    margin:25px 0;


    color:#fbbf24;


    font-size:22px;


    letter-spacing:4px;


}








/*
|--------------------------------------------------------------------------
| MESSAGE
|--------------------------------------------------------------------------
*/


.dw-testimonial-content{


    color:#475569;


    font-size:16px;


    line-height:1.8;


    font-style:italic;


}







/*
|--------------------------------------------------------------------------
| DARK MODE
|--------------------------------------------------------------------------
*/


.dark-mode .dw-testimonials-section{


    background:#020617;


}



.dark-mode .dw-testimonial-card{


    background:#0f172a;


    border-color:#1e293b;


}



.dark-mode .dw-testimonial-profile h3{


    color:white;


}



.dark-mode .dw-testimonial-content{


    color:#cbd5e1;


}



.dark-mode .dw-testimonials-header h2{


    color:white;


}



.dark-mode .dw-testimonials-header p{


    color:#cbd5e1;


}







/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/


@media(max-width:768px){



.dw-testimonials-section{


    padding:70px 20px;


}




.dw-testimonials-header h2{


    font-size:32px;


}




.dw-testimonial-card{


    min-width:280px;


}



}