/* import cairo font from google */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
    font-family: 'Cairo', sans-serif !important;
}

.menu-area::before {
    transform: skew(150deg);
    left: unset;
    right: -34px;
}

.header-social a {
    margin-left: 0;
    margin-right: 5px;
}

.second-menu .main-menu ul li {
    margin-left: 0;
    margin-right: 30px;
}

.main-menu .has-sub ul li a {
    text-align: right;
}

.text {
    text-align: right;
}

.btn-after {
    margin-left: 0;
    margin-right: 15px;
}

.about-content {
    text-align: right;
}

.s-single-services {
    text-align: right;
}

.single-project .project-info {
    text-align: right;
}

.single-project .project-info img {
    rotate: 180deg;
}

.blog-content {
    text-align: right;
}

.blog-content i {
    rotate: 0deg;
}

.cat__list li {
    text-align: right;
}

.details__content h2 {
    text-align: right;
}

.details__content {
    text-align: right;
}

.details__content i {
    rotate: 0deg;
}

.mean-container a.meanmenu-reveal {
    right: unset !important;
    left: 0 !important;
}

.mean-container .mean-nav ul li a {
    text-align: right;
}

.slider-content {
    text-align: right;
}

.mean-container .mean-nav ul li a.mean-expand {
    right: unset !important;
    left: 0 !important;
}

.contact-field::after {
    right: unset;
    left: 25px;
}

.contact-bg {
    text-align: right;
}

.footer-bg {
    text-align: right;
}

.f-contact i {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.f-contact span {
    float: right;
    margin-left: 0;
    margin-right: 8px;
}

.f-widget-title h5::before {
    left: unset;
    right: 0;
}