/* ...........................................................why----us---section............................. */

.why-us-box img {
    
    left: 10px;
    top: 10px;
    z-index: -1;
    width: 18%;
    
}

.why-us-box {
    position: relative;
    background: white;
    z-index: 0;
    border: 1px solid;
    padding: 30px;
    transition: 0.4s;
    border: 5px solid #eee;
    margin-bottom: 25px;
}

.why-us-box:hover {
    background: #3e4095;
    border: 5px solid #fff212;
}


.why-us-box:hover .why-us-top-content img {
    filter: invert(7) brightness(5);
}

.why-us-box:hover img{
    opacity: 0.7;
}

.why-us-box:hover h5, .why-us-box:hover p {
    color: white;
}


.why-us-box .why-us-top-content {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.why-us-box .why-us-top-content img {
    margin-right: 20px;
}