/*-- Use For Custom Styling --*/

/* ===================================
    About Us
====================================== */
 

.about-margin {
    margin: 7rem 0;
}

.about-box {
    border-radius: 3px;
    padding: 35px 15px 35px;
    background: #004ea0;
    text-align: center;
    cursor: pointer;
    transition: ease-in-out 0.3s;
}

.about-box:hover {
    background: transparent;
}

.about-box span {
    display: block;
}

.about-box h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 200;
    color: #202020;
}

.about-box .about-main-icon i {
    color: #ffffff;
    font-size: 80px;
}

.about-box p {
    font-weight: 200;
    color: #ffffff;
    transition: ease-in-out 0.5s;
    font-size: 20px;
}
.about-box h5 {
    font-weight: 200;
    color: #ffffff;
    transition: ease-in-out 0.5s;
}

.about-box:hover i, .about-box:hover h5 {
    transition: ease-in-out 0.5s;
}

.about-box:hover i {
    color: #004ea0;
}

.about-main-icon {
    transition: .5s ease;
}

.about-box:hover .about-main-icon {
    transform: translateY(-10px);
    transition: .5s ease;
}