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

.why-us {

    padding: 120px 8%;

    background:
    linear-gradient(
    135deg,
    #07123b,
    #132a8f
    );

    color: white;

    text-align: center;
}

.why-us h2 {

    font-size: 48px;

    margin-bottom: 60px;

    font-weight: 700;
}

/* ===================================
   GRID
=================================== */

.why-grid {

    display: grid;

    grid-template-columns:
    repeat(auto-fit,minmax(136px,1fr));

    gap: 30px;
}

/* ===================================
   CARD
=================================== */

.why-card {

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

    backdrop-filter: blur(12px);

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

    padding: 40px 30px;

    border-radius: 20px;

    transition: .4s;

    position: relative;

    overflow: hidden;
}

.why-card::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 5px;

    top: 0;

    left: 0;

    background: #6c63ff;
}

.why-card:hover {

    transform:
    translateY(-10px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.2);
}

/* ===================================
   ICON
=================================== */

.why-card i {

    font-size: 50px;

    margin-bottom: 20px;

    color: #6c63ff;
}

/* ===================================
   TITLE
=================================== */

.why-card h3 {

    font-size: 24px;

    margin-bottom: 15px;

    color: #fff;
}

/* ===================================
   DESCRIPTION
=================================== */

.why-card p {

    color: #d5d9ff;

    line-height: 1.8;

    font-size: 15px;
}

/* ===================================
   HOVER EFFECT
=================================== */

.why-card:hover i {

    transform: scale(1.1);

    transition: .3s;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:768px){

    .why-us{

        padding:80px 5%;
    }

    .why-us h2{

        font-size:34px;
    }

}