p,div,h1,h2,h3,h4,h5,h6,
input,li,ul,a,label,textarea,button {
    font-family: Almarai !important;
}

.EnglishText {
    font-family: 'Inter', sans-serif;
    direction:ltr;
}

.about-us-content-side-body-text {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.top-header-item-text {
    font-family: Almarai !important;
}

p {
    line-height: 30px;
}

.mouse-pointer.style-three {
    background: var(--Third);
}

.spinner {
    width: 50px !important;
    height: 50px !important;
    margin-top: 30px !important;
}

.spinner {
    width: 50px !important;
    height: 50px !important;
    margin-top: 30px !important;
}

#handle-preloader {
    background: #181818;
    opacity: 0.95;
}

.preloader-close {
    color: #141417;
    font-size: 20px;
    font-weight: 600;
}

.loader-logo-sec {
    width: 300px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
}

.loader-logo-div,
.search-panel-service-item-service-provider-logo-div {
    width: 100%;
    height: 100%;
}

.loader-logo-img,
.search-panel-service-item-service-provider-logo-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.xs-bg-black {
    background: #181818;
}

.main-menu .navigation > li > a {
    padding: 20px 0;
    padding-top: 15px;
    text-transform: uppercase;
}

.header-lower .outer-box .logo-box {
    padding: 0 0;
    padding-bottom: 15px;
    margin-top: 4px;
}

.header-style-two .main-menu .navigation > li > a:before {
    top: 18px;
}

.home-menu > .no-dropdown > a:before {
    display: none;
}

.home-menu > .no-dropdown > a {
    padding-right: 0 !important;
}

.theme-btn-four-cst {
    background-color: var(--Primary);
}

.theme-btn-four-cst2 {
    background-color: var(--Primary);
}

.theme-btn-four-cst,
.theme-btn-four-cst2 {
    border: solid 2px transparent;
}

.top-header-link {
    color: white;
}

    .top-header-link:hover {
        color: var(--Third);
    }

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a {
    color: var(--Third);
}

.main-menu .navigation > li {
    border-bottom: solid 2px transparent;
}

.header-style-two .main-menu .navigation > li.current,
.header-style-two .main-menu .navigation > li:hover {
    border-bottom: solid 2px var(--Primary);
}

.header-style-three .main-menu .navigation > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > .megamenu li > a:hover {
    color: var(--Primary);
    padding-left: 35px;
}

.slider-three .banner-carousel .owl-nav button.owl-next:hover:before,
.slider-three .banner-carousel .owl-nav button.owl-prev:hover:before {
    background: var(--Fifth);
}

.slider-three .banner-carousel .owl-nav button.owl-next:hover:after,
.slider-three .banner-carousel .owl-nav button.owl-prev:hover:after {
    border-color: var(--Fifth);
}

.top-header-sec {
    position: fixed;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    z-index: 2;
    padding: 5px 70px;
    font-size: 14px;
    color: white;
}

.top-header-div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    height: 100%;
    padding: 0 5px;
}

.top-header-item,
.top-header-line-saperator {
    display: inline-block;
}

.main-header-cst {
    top: 50px;
}

.main-header-offer-item-small-screen {
    display: none;
}

.main-logo-img {
    height: 60px;
}

.sec-title-six h4 {
    color: var(--Secondary);
    font-weight: 500;
    text-transform: uppercase;
}

.clients-one .clients-logo-box .overlay-image {
    left: 50px;
}

.footer-social-media-item {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: solid 1px gray;
    border-radius: 50%;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
}

.footer-social-media-item-icon {
    color: white;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.footer-social-media-item:hover {
    background-color: white;
    border-color: white;
}

    .footer-social-media-item:hover > .footer-social-media-item-icon {
        color: black;
    }

.footer-widget .widget-title {
    margin-bottom: 10px;
}

.header-style-three .sticky-header .main-menu .navigation > li.current > a,
.header-style-three .sticky-header .main-menu .navigation > li:hover > a {
    color: var(--Third);
}

.header-style-three .nav-right .search-box-outer:hover,
.header-style-three .nav-right .nav-btn:hover {
    color: var(--Third);
}

.header-style-three .sticky-header .nav-right .search-box-outer:hover,
.header-style-three .sticky-header .nav-right .nav-btn:hover {
    color: #01a58d;
}

.footer-link {
    color: #a9a9aa;
}

    .footer-link:hover {
        color: white;
    }

.sec-title-three h6 {
    color: var(--Secondary);
}

.service-block-three .inner-box .icon-box {
    color: var(--Primary);
}

.service-block-three .inner-box .content-box:before {
    background: none;
}

.news-three .news-block-one .inner-box .lower-content .theme-btn {
    border: 2px solid var(--Primary);
}

.news-three .news-block-one .inner-box .lower-content h4 a:hover {
    color: var(--Primary);
}

.mobile-menu .nav-logo {
    padding-bottom: 45px;
}

.mobile-menu .social-links {
    padding-top: 25px;
}

.mobile-menu .close-btn {
    right: 15px;
}

.main-banner-item-title {
    font-size: 64px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 15px;
}

.main-banner-item-subtitle {
    font-size: 18px;
    color: white;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
}

.nav-right {
    margin-top: -5px;
}

.about-us-content-side-header-title {
    font-size: 42px;
    text-transform: uppercase;
    line-height: 60px;
}

.section-line-saperator {
    width: 120px;
    border-radius: 50px;
    border: solid 2px var(--Third);
}

.service-item {
    height: 350px;
}

.sticky-header-mobile-nav-toggler {
    display: none;
}

.sticky-header-nav-right {
    margin-top: 10px;
}

.page-title {
    padding: 200px 0px 100px 0px;
}

.service-block-three .inner-box .image-box,
.news-block-one .inner-box,
.service-block-12 .inner-box {
    border-radius: 50px;
}

.service-block-three .inner-box .overlay-content {
    border-radius: 50px;
    box-shadow: 0 0 4px 1px var(--ShadowThird);
}

.banner-carousel .slide-item:after {
    opacity: 0.7;
}

.service-block-three .inner-box h4 a:hover {
    text-decoration:none;
}

.header-style-three .sticky-header .nav-right .search-box-outer,
.header-style-three .sticky-header .nav-right .nav-btn {
    color: transparent !important;
}

.image_block_eight .image-box .text {
    left:unset;
    right:-40px;
}

.menu-area.clearfix {
    right:unset !important;
    left:0 !important;
}

.close {
    position:absolute;
    left:20px;
}

.embed-responsive-item {
    width: 100%;
    height: 100%;
}

.page-title .bread-crumb li:before {
    left: -80px !important;
    content: "\f104" !important;
}

.breadcrumb-home-item {
    margin-right:0 !important;
    margin-left:20px !important;
}

.owl-prev,
.owl-next {
    display: none !important;
}

@media screen and (max-width:1500px) {
    .auto-container {
        max-width: 1070px;
    }

    .service-item {
        height: 400px;
    }
}

@media screen and (max-width:1400px) {

    .auto-container {
        max-width: 980px;
    }
}

@media screen and (max-width:1300px) {

    .auto-container {
        max-width: 900px;
    }
}

@media screen and (max-width:1200px) {

    .auto-container {
        max-width: 880px;
    }
}

@media screen and (min-width:992px) {
    .header-style-two .outer-container {
        padding: 0 70px;
    }

    .main-menu .navigation > li {
        margin: 0 10px;
    }
}

@media screen and (max-width:991px) {

    .auto-container {
        max-width: 100%;
        padding: 0 70px;
    }

    .header-style-two .outer-container {
        padding: 0 70px;
    }

    .main-menu .navigation > li {
        margin: 0 10px;
    }

    .menu-area.clearfix {
        position: absolute;
        top: 18px;
        right: 0;
    }

    .nav-right {
        margin-right: 65px;
    }

    .about-us-content-side {
        margin-top: 60px;
    }

    .service-block-cst {
        margin-bottom: 15px;
    }

    .service-item {
        height: 350px;
    }

    .important-links,
    .copyright-text {
        font-size: 12px;
    }

    .sticky-header,
    .main-header.style-one .outer-container:before {
        display: block !important;
    }

    .main-header.header-style-three .menu-area .mobile-nav-toggler .icon-bar {
        color: var(--Dark);
    }

    .sticky-header-mobile-nav-toggler {
        display: inline-block;
        margin-left: 30px;
    }

    .sticky-header-nav-right {
        margin-right: 0 !important;
    }
}

@media screen and (max-width:767px) {

    .top-header-item-text {
        display: none;
    }

    .nav-right {
        margin-right: 65px;
    }

    .header-style-two .nav-right .search-box-outer {
        margin-right: 15px;
    }

    .footer-middle-content {
        text-align: center;
    }

    .loader-logo-sec {
        width: 250px;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 45px;
    }
}

@media screen and (max-width:700px) {

    .important-links,
    .copyright-text {
        text-align: center;
    }

    .important-links,
    .copyright {
        float: unset;
    }
}

@media screen and (max-width:575px) {

    .auto-container {
        max-width: 100%;
        padding: 0 15px;
    }

    .top-header-sec {
        padding: 5px 0;
    }

    .top-header-div {
        padding: 0 15px;
    }

    .main-header-offer-item {
        display: none;
    }

    .main-header-offer-item-small-screen {
        display: block;
    }

        .main-header-offer-item-small-screen > .main-header-offer-item-small-screen-icon {
            font-size: 36px;
            color: white;
            margin-top: -7px;
        }

    .nav-right > .btn-box.clearfix {
        display: block;
    }

    .header-style-two .outer-container {
        padding: 0 5px;
    }

    .menu-area.clearfix {
        top: 7px;
    }

    .menu-area .mobile-nav-toggler .icon-bar {
        height: 2px;
        width: 20px;
    }

    .header-style-two .nav-right .nav-btn,
    .header-style-two .nav-right .search-box-outer,
    .header-style-two .nav-right .nav-btn {
        font-size: 20px;
    }

    .nav-right {
        margin-right: 55px;
    }

    .main-logo-img {
        height: 40px;
    }

    .main-banner-item-title {
        font-size: 34px;
        line-height: 40px;
    }

    .main-banner-item-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .about-us-content-side-header,
    .about-us-content-side-body-text,
    .section-line-saperator-div.section-line-saperator-div-center,
    .about-us-content-side-actions {
        text-align: center;
    }

    .about-us-content-side-header-title {
        font-size: 34px;
        line-height: 48px;
    }

    .section-line-saperator-div.section-line-saperator-div-center > .section-line-saperator {
        display: inline-block;
    }

    .theme-btn {
        padding: 9px 32px;
        font-size: 13px;
    }
}

@media screen and (max-width:499px) {

    .menu-area.clearfix {
        top: 7px;
    }

    .nav-right {
        margin-right: 35px;
    }

    .about-us-image-side-short-text {
        margin-top: -35px !important;
        width: 70% !important;
    }

    .about-us-content-side {
        margin-top: -30px;
    }

    .about-us-content-side-header-title {
        font-size: 22px !important;
        line-height: 40px !important;
    }

    .about-us-content-side-header-subtitle {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .sticky-header-mobile-nav-toggler {
        margin-left: 0 !important;
    }
}

@media screen and (max-width:300px) {

    .about-us-content-row {
        width: 100%;
    }
}