/*******************
    ======================================
    Start Customs Style
    ======================================
**********************/
@font-face {
    font-family: 'Ara.Jozoor-Regular';
    src: url('../fonts/Ara.Jozoor-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('fonts/Cairo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'ElMessiri-VariableFont_wght';
    src: url('../fonts/ElMessiri-VariableFont_wght.ttf') format('truetype');
}
span, a, p, li, div{
    font-family: 'ElMessiri-VariableFont_wght' !important;
}
 h1, h2, h3, h4, h5, h6 {
    font-family: 'Ara.Jozoor-Regular' !important;
}



.serviceDetails-sec .disc h2:before {
    top: 65%;
    left: 100% !important;
}


.owl-carousel {
    direction: ltr
}
.scroll-top {
    right: auto;
    left: 50px;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem;
    padding-right: 0
}
/*******************
    ======================================
    Start Home Page Style
    ======================================
**********************/
.hero-bg::before {
    right: -35px;
    left: 0;
    transform: rotate(180deg);
}
.hero-bg::after {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}
.discover-sec .disc-box .discover-list li:first-of-type::before {
    right: -35px;
    left: auto
}
.discover-sec .disc-box .discover-list li::before {
    right: -35px;
    left: auto;
}
.tec-solution-sec .right-side > div:first-of-type, .tec-solution-sec .right-side > div:last-of-type
 {
    right: -50px;
    left: auto;
}
.tec-solution-sec .left-side > div:first-of-type, .tec-solution-sec .left-side > div:last-of-type {
    left: -50px;
    right: auto;
}

.project-sec .project-item .project-details a::before {
    left: -55px;
    right: auto
}

.blogs-sec .blog-item .blog-img span {
    right: 40px;
    left: auto
}

.contact-sec::before {
    right: 100px;
    left: auto;
}
.contact-sec .image img:nth-child(2) {
    right: auto;
    left: 0;
    }
.contact-sec .shape-animation .shape-1 {
    left: auto;
    right: 20%
}
footer .footer-bottom-links li:first-of-type::before {
    left: 0;
    right: auto;
}

.vission_mission-sec .disc ul li::before {
    left: auto;
    right: 0
}
/*******************
    ======================================
    Start About Us Page Style
    ======================================
**********************/
.process-sec .disc ul li:before {
    left: auto;
    right: 0;
}
.process-sec .disc ul li:after {
    left: auto;
    right: 8px
}
/*******************
    ======================================
    Start Contact Us Page Style
    ======================================
**********************/
.faq-sec .card .card-header::before {
    left: auto;
    right: 0;
}