.why-section{position:relative;padding:120px 0;background:#f5f5f5;overflow:hidden}.why-section .section-title{margin-bottom:70px}.why-section .section-title h2{font-size:58px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.why-section .section-title h2 span{color:#ff0000}.why-section .section-title p{font-size:19px;color:#666;max-width:700px;margin:auto;line-height:34px}.why-card{position:relative;background:#ffffff;border-radius:25px;padding:45px 35px;height:100%;overflow:hidden;border-top:5px solid #ff0000;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:all .4s ease}.why-card:hover{transform:translateY(-12px);box-shadow:0 25px 55px rgba(0,0,0,.15)}.why-card::before{content:"";position:absolute;left:0;top:0;width:0;height:5px;background:#111;transition:.5s}.why-card:hover::before{width:100%}.why-card h4{font-size:32px;font-weight:600;color:#111;margin-bottom:25px;transition:.3s}.why-card:hover h4{color:#ff0000}.why-card p{font-size:18px;line-height:34px;color:#666;margin:0}@media(max-width:1199px){.why-section .section-title h2{font-size:48px}}@media(max-width:991px){.why-section{padding:90px 0}.why-card{padding:35px 28px}.why-card h4{font-size:27px}}@media(max-width:767px){.why-section{padding:70px 0}.why-section .section-title{margin-bottom:45px}.why-section .section-title h2{font-size:34px;line-height:45px}.why-section .section-title p{font-size:16px;line-height:28px}.why-card{padding:30px 25px}.why-card h4{font-size:24px;margin-bottom:18px}.why-card p{font-size:16px;line-height:28px}} /*==============================


/* ===========================
   DESKTOP DROPDOWN
=========================== */

.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute;
    top:120%;
    left:0;
    min-width:280px;

    background:#111;
    border:none;
    border-radius:18px;

    padding:15px 0;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);

    transition:.35s ease;

    display:block;
}

.dropdown:hover .dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

.dropdown-item{

    color:#fff;
    padding:14px 22px;
    font-size:16px;

    transition:.3s;

}

.dropdown-item:hover{

    background:#ff2d2d;
    color:#fff;

}

@media (max-width:991px){

.dropdown-menu{

    position:static;

    background:#161616;

    margin-top:10px;

    border-radius:12px;

    box-shadow:none;

    opacity:1;
    visibility:visible;
    transform:none;

    display:none;

}

.dropdown-menu.show{

    display:block;

}

}

.hero-services{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:30px;
}

.hero-services span{

    padding:12px 22px;

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

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

    backdrop-filter:blur(15px);

    border-radius:50px;

    color:#fff;

    font-weight:600;

    font-size:16px;

    transition:.35s;

}

.hero-services span:hover{

    background:#ff2d2d;

    border-color:#ff2d2d;

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(255,45,45,.35);

}