/* ===================================
   WHY CHOOSE US
=================================== */

.why-choose-section{
    padding:80px 0;
}

.why-wrapper{

    display:grid;

    grid-template-columns:
    1.4fr
    repeat(5,1fr);

    gap:0;

    border:1px solid rgba(91,92,255,.18);

    border-radius:22px;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    rgba(6,14,28,.95),
    rgba(3,8,18,.95)
    );
}

/* Left Card */

.why-intro{

    padding:40px 30px;

    border-right:
    1px solid rgba(91,92,255,.12);
}

.section-tag{

    display:block;

    color:#2ea7ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:15px;
}

.why-intro h2{

    color:#fff;

    font-size:38px;

    line-height:1.15;

    margin-bottom:15px;
}

.why-intro p{

    color:#9fb0ca;

    line-height:1.8;
}

/* Feature Cards */

.why-item{

    padding:35px 20px;

    text-align:center;

    border-right:
    1px solid rgba(91,92,255,.12);

    transition:.35s;
}

.why-item:last-child{
    border-right:none;
}

.why-item:hover{

    background:
    rgba(91,92,255,.05);
}

.why-icon{

    width:60px;
    height:60px;

    margin:0 auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
    rgba(91,92,255,.08);

    color:#8b5cf6;

    font-size:24px;

    border:1px solid rgba(139,92,246,.25);
}

.why-item h4{

    color:#fff;

    font-size:16px;

    margin-bottom:10px;
}

.why-item p{

    color:#9fb0ca;

    font-size:14px;

    line-height:1.7;
}
/* Tablet */

@media(max-width:1200px){

.why-wrapper{

    grid-template-columns:
    repeat(3,1fr);
}

.why-intro{

    grid-column:1/-1;

    border-right:none;

    border-bottom:
    1px solid rgba(91,92,255,.12);
}

.why-item{

    border-right:none;

    border-bottom:
    1px solid rgba(91,92,255,.12);
}

}

/* Mobile */

@media(max-width:768px){

.why-wrapper{

    grid-template-columns:1fr;
}

.why-intro{

    text-align:center;

    padding:35px 25px;
}

.why-intro h2{

    font-size:25px;
}

.why-item{

    padding:30px 25px;
}

}
/* ==========================
   TESTIMONIALS
========================== */

.testimonials-section{
    padding:100px 0;
}

.testimonials-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:25px;

    margin-top:60px;
}

.testimonial-card{

    background:
    linear-gradient(
    180deg,
    rgba(8,18,35,.95),
    rgba(4,10,20,.95)
    );

    border:1px solid rgba(91,92,255,.15);

    border-radius:24px;

    padding:35px;

    transition:.35s;
}

.testimonial-card:hover{

    transform:translateY(-8px);

    border-color:#8b5cf6;

    box-shadow:
    0 0 30px rgba(139,92,246,.18);
}

.stars{

    color:#ffd700;

    font-size:22px;

    margin-bottom:20px;
}

.testimonial-card p{

    color:#c7d1e2;

    line-height:1.9;

    margin-bottom:30px;
}

.client{

    display:flex;

    align-items:center;

    gap:15px;
}

.client img{

    width:60px;
    height:60px;

    border-radius:50%;

    object-fit:cover;
}

.client h4{

    color:#fff;

    margin-bottom:5px;
}

.client span{

    color:#8fa4c5;

    font-size:14px;
}

.testimonial-dots{

    margin-top:30px;

    display:flex;

    justify-content:center;

    gap:10px;
}

.testimonial-dots span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#3d4c6b;
}

.testimonial-dots .active{

    background:#8b5cf6;

    box-shadow:
    0 0 12px #8b5cf6;
}
@media(max-width:991px){

.testimonials-grid{

    grid-template-columns:1fr;
}

.testimonial-card{

    padding:30px;
}

}