@font-face {
    /*font-family: firoz;*/
    font-family: cairo;
    src: url(../fonts/Cairo-Regular.ttf);
}

:root {
    --font-hd: cairo;
}

h1,h2,h3{
    font-family: var(--font-hd);
    font-weight: bold;
}

body {
    /*direction: ltr;*/
    direction: rtl;
    /*text-align: left;*/
    text-align: right;
    font-family: cairo;
    /*border: 2px solid red;*/
}

.footer-sec-h::before {
    /*right: auto;*/
    /*left: 0;*/
    right: 0;
    left: auto;
}

.footer-col:first-of-type::before {
    /*display: block;*/
    display: none;
}

.footer-col:last-of-type::before {
    /*display: none;*/
    display: block;
}


/*.copyright .text-right {
    text-align: left !important;
}*/

/*.copyright .text-left {
    text-align: right !important;
}*/

.contact .info .info-col:first-of-type {
/*    border-right: 1px solid #ACC2F1;*/
}

/*.contact .info .info-col:last-of-type {
    border-right: none !important;
}*/

.above-footer-img {
    /*margin: 0px 0 -90px -100px;*/
    margin: 0px -100px -90px 0;
}

footer ul li {
    /*padding: 0 0 0 20px;*/
    padding: 0 20px 0 0;
}

footer ul li::before {
    /*left: 0;*/
    /*right: auto;*/
    left: auto;
    right: 0;
}

input,
textarea {
    /*text-align: left;*/
    text-align: right;
}

.nnm {
    /*margin: 0 0 0 20px;*/
    margin: 0 20px 0 0;
}

.nav-bar .menu-item-has-children .sub-menu {
    /*right: auto;*/
    /*left: 0;*/
    right: 0;
    left: auto;
}

.nav-bar .menu-item-has-children .menu-item-has-children .sub-menu{
    /*left:calc(100% + 5px)*/
    left: auto;
    right:calc(100% + 5px);
}

.top-opt .search form button {
    /*left: auto;*/
    /*right: 10px;*/
    left: 10px;
    right: auto;
}
/* 
.nav-bar .menu-item-has-children .menu-item-has-children .sub-menu {
    right: auto;
    left: 100%;
}
 */
.nav-bar .menu-item-has-children {
    /*padding-left: 0;*/
    /*padding-right: 15px;*/
    padding-left: 15px;
    padding-right: 0;
}

.nav-bar .menu-item-has-children>.icofont-rounded-down {
    /*left: auto;*/
    /*right: 0;*/
    left: 0;
    right: auto;
}

@media only screen and (max-width : 767px) {
    .menu {
        /*float: right;*/
        float: left;
    }
    
    .nav-bar .menu-item-has-children>.icofont-rounded-down {
        /*left: auto;*/
        right: auto;
    }
}