div#PageBody a,
div#PageBody a:hover {
    color: var(--Black) !important;
}

#PageBody {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1760px;
    margin: 0 auto;
    padding: 20px;
    flex-wrap: wrap;
    gap: 1%;
}

#PageBody #Right {
    flex: 0 0 70%;
}

#PageBody #Left {
    flex: 0 0 25%;
}

#ContactUs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -webkit-fill-available;
    padding: 0 20px;
    border-radius: 5px;
    box-shadow: var(--BoxShadow);
}

#ContactUs ul>li ul>li a svg {
    transition: .5s;
}

#ContactUs ul>li ul>li a:first-child:hover svg {
    color: #25D366;
}

#ContactUs ul>li ul>li a:last-child:hover svg {
    color: #0088cc;
}

#PageBody #Right ul li,
#PageBody #Right ul li ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
}

#PageBody #Right ul li>p {
    flex: 0 0 15%;
}

@media screen and (max-width: 1200px) {
    #PageBody #Right ul li>p {
        flex: 0 0 23%;
    }
}

@media screen and (max-width: 850px) {
    #ContactUs {
        flex-wrap: wrap;
        justify-content: center;
    }

    #PageBody #Right {
        flex: 0 0 100%;
    }

    #PageBody #Left {
        flex: 0 0 50%;
    }

    #PageBody #Right ul li {
        flex-wrap: wrap;
    }

    #PageBody #Right ul li>p {
        flex: 0 0 100%;
        font-size: 12px;
        font-family: 'YekanBakhBold';
    }

    #PageBody #Right ul li>span {
        flex: 0 0 95%;
        margin-right: 5%;
        text-align: justify;
    }
}

@media screen and (max-width: 500px) {
    #PageBody #Left {
        flex: 0 0 70%;
    }
}