:root {

    /*---------- Fonts ----------*/
    --font-light: 'CoconNextArabic-Light';
    --font-bold: 'NizarCoconKurdish-Bold';
    --font-regular: 'NizarCoconKurdish-Bold';

}

body {
    font-family: var(--font-bold);
    direction: rtl;
    text-align: right;
}

.list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: .5rem;
}

nav .nav-item .c-dropdown {
    left: auto;
    right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 30px;
}

nav .nav-item .c-dropdown li {
    text-align: right;
}

nav .nav-item .c-dropdown .c-dropdown-sub {
    left: auto;
    right: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 30px;
}

/*
|--------------------------------------------------------------------------
| General Styling
|--------------------------------------------------------------------------
*/

/*---------- Footer ----------*/
footer .social-list {
    padding: 0;
}

footer .links li i {
    margin-left: 0px;
    margin-right: 5px;
}

/*---------- End Footer ----------*/

.home-slick,
.corporate-grid-slick,
.values-slick,
.core-slick,
.stages-slick,
.wrapper,
.news-slick,
.gallery-slick,
.video-slick,
.products,
.commerce,
.partners-slick,
.members-slick {
    direction: ltr;
}

.home-slick .slick-slide,
.corporate-grid-slick .slick-slide,
.values-slick .slick-slide,
.core-slick .slick-slide,
.stages-slick .slick-slide,
.wrapper .slick-slide,
.news-slick .slick-slide,
.gallery-slick .slick-slide,
.video-slick .slick-slide,
.products .slick-slide,
.commerce .slick-slide,
.partners-slick .slick-slide,
.members-slick .slick-slide {
    direction: rtl;
}

.ml-ar-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

/*
|--------------------------------------------------------------------------
| End General Styling
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Home Page
|--------------------------------------------------------------------------
*/

/*---------- Home SLick ----------*/
.home-slide .info {
    left: auto;
    right: calc(15% + 100px);
}

.home-header .watermark {
    right: auto;
    left: -45%;
}

/*---------- End Home SLick ----------*/

/*---------- Corporate Grid ----------*/
.corporate .info {
    padding: 15px 15px 15px 115px;
}

/*---------- End Corporate Grid ----------*/

/*---------- Section Values ----------*/
.section-stages .stage svg {
    transform: rotateY(180deg);
}

/*---------- End Section Values ----------*/

/*---------- Contact Section ----------*/
#map {
    right: auto;
    left: 0;
}

/*---------- End Contact Section ----------*/

/*
|--------------------------------------------------------------------------
| End Home Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------
*/
.animate-from-left {
    transform: translateX(15%);
}

.animate-from-right {
    transform: translateX(-15%);
}

/*
|--------------------------------------------------------------------------
| End Animation
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| About Page
|--------------------------------------------------------------------------
*/
.parallax {
    background-image: url(../images/about-naqua-ar.png);
}

.about_pattern {
    transform: translateY(-50%) rotateY(180deg);
    left: 0;
    right: auto;
}

.text-ar-mv {
    text-align: right !important;
}

/*
|--------------------------------------------------------------------------
|   End About Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Sustainability Page
|--------------------------------------------------------------------------
*/
.sustainability-text ul {
    padding-right: 1.25rem !important;
    padding-left: 0 !important;
}

.sustainability-text ul li {
    background: url(../images/icons/list-triangle-ar.svg) no-repeat right center;
}

.sustainability-text ul li {
    padding-right: 32px;
    padding-left: 0px;
}



.sustainability-div .sustainability-text p,
.sustainability-div .sustainability-text h1,
.sustainability-div h1 {
    padding-left: 0 !important;
    padding-right: 3rem !important
}

.substainability-icons {
    transform: rotateY(180deg);
}

.substainability-icons-position {
    left: -40px;
    right: auto;
}

/*
|--------------------------------------------------------------------------
|   End Sustainability Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Faqs Page
|--------------------------------------------------------------------------
*/
.radius {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 30px !important;
    -webkit-border-bottom-left-radius: 30px !important;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
}

.faqs-div {
    padding: 38px 48px 64px 114px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 70px;
    -webkit-border-bottom-left-radius: 70px;
    -moz-border-radius-topright: 70px;
    -webkit-border-top-right-radius: 70px;
}

/*
|--------------------------------------------------------------------------
|   End Faqs Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Media Page
|--------------------------------------------------------------------------
*/

.mfp-close svg {
    transform: rotate(180deg);
    left: auto;
    right: -43px;
}

/*
|--------------------------------------------------------------------------
|   End Media Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Core Business Page
|--------------------------------------------------------------------------
*/
.business-icon {
    float: right !important;
}

.business-icon {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

.business-icon img {
    transform: rotateY(180deg);
}

.business-bg {
    right: 560px;
    left: auto;
    transform: translateY(-50%) rotateY(180deg);
}

.core-bg-right {
    right: 50%;
    left: auto;
    transform: rotate(0deg);
}

/*
|--------------------------------------------------------------------------
|   End Core Business Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   products Page
|--------------------------------------------------------------------------
*/
.products-bg-right {
    left: auto;
    right: 58%;
}

.products-bg-left {
    right: auto;
    left: 58%;
    transform: rotateY(0deg);
}

.popup-radius {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 50px;
    -webkit-border-bottom-left-radius: 50px;
}

.close-btn {
    right: -60px;
    left: auto;
    transform: rotate(0deg);
}

/*
|--------------------------------------------------------------------------
|   End products Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Contacts Page
|--------------------------------------------------------------------------
*/
.contacts-ul {
    padding: 0;
}

.become-reseller-btn {
    right: auto;
    left: 15px;
}

/*
|--------------------------------------------------------------------------
|   End Contacts Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Commerce Page
|--------------------------------------------------------------------------
*/
.location-icon {
    transform: rotate(0deg);
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: .5rem !important;
    padding-bottom: .5rem !important;
}

input[type="submit"] {
    float: left !important;
}

.products-bg-right {
    right: 58%;
    left: auto;
    transform: rotateY(180deg);
}

.commerce-right-bg {
    right: 58%;
    left: auto;
    transform: rotate(180deg);
}

/*
|--------------------------------------------------------------------------
|   End Commerce Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   News Page
|--------------------------------------------------------------------------
*/
.news-icons {
    float: right !important;
    padding-left: 1rem;
    padding-right: 0 !important;
}

.news-icons img {
    transform: rotate(0deg);
}

.category-icon {
    transform: rotate(0deg);
    padding-bottom: 0.5rem;
    padding-top: 0 !important;
}

.submit-btn {
    right: 0;
    left: auto;
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
}

.image-text-absolute {
    right: 50px;
    left: auto;
}

.news-text-absolute {
    left: auto;
    padding-right: 20px;
}

.text-ar-left {
    text-align: left !important;
}

.float-ar-left {
    float: left !important;
}

.news .info {
    text-align: right !important;
}

/*
|--------------------------------------------------------------------------
|   End News Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   Careers Page
|--------------------------------------------------------------------------
*/
.careers-form .close-btn {
    left: auto !important;
    right: -12px !important;
}

input[type="submit"].careers-submit {
    float: none !important;
}

.close-career {
    right: -68px;
    left: auto;
    transform: rotate(0deg);
}

/*
|--------------------------------------------------------------------------
|   End Careers Page
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
|   CSR Page
|--------------------------------------------------------------------------
*/

.twist-left-border-radius {
    border-radius: 7px 100%;
}

.csr-bg-position .bg-white {
    transform: rotate(17deg);
    height: 515px;
    z-index: 1;
}

.csr-bg-position {
    top: calc(100% - 400px);
    left: -55%;
}

.csr-svg-position svg {
    transform: rotate(-2deg);
}

.csr-wrapper {
    transform: rotate(-56deg) translateY(5px);
}

/* -----Left Side----- */
.csr-bg-left-position .bg-left-blue {
    border-radius: 7px 100%;
    transform: rotate(-18deg);
    height: 545px;
}

.csr-bg-left-position {
    top: calc(100% - 400px);
    left: 58%;
}

.csr-image-left-position {
    top: calc(100% - 480px);
    left: 70%;
}

.csr-svg-left-position {
    bottom: -52px;
    left: 9%;
    right: auto;
}

.csr-svg-left-position svg path {
    opacity: 0.4;
}

.csr-svg-left-position svg {
    transform: rotate3d(-4, 200, 1, 0deg);
}

.csr-left-wrapper {
    transform: rotate(-28deg);
}

.csr-svg-position {
    left: 438px;
    right: auto;
    transform: rotateY(180deg);
}

.csr-image-position {
    right: auto;
    left: 0;
}

/*
|--------------------------------------------------------------------------
|   End CSR Page
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Responsiveness Media Queries
|--------------------------------------------------------------------------
*/

@media (min-width: 1300px) and (max-width:1599px) {
    .csr-left-wrapper {
        transform: rotate(-26deg);
    }

    .csr-image-left-position {
        top: calc(100% - 430px);
        left: 444px;
    }

    .csr-bg-position {
        top: calc(100% - 400px) !important;
        left: -47%;
    }

    .csr-bg-position .bg-white {
        transform: rotate(16deg) !important;
    }

    .csr-bg-left-position {
        top: calc(100% - 350px);
        left: 400px;
    }

    .csr-bg-left-position .bg-left-blue {
        transform: rotate(-20deg) !important;
    }

    .csr-svg-left-position {
        bottom: -64px;
        left: -4%;
    }
}



@media (min-width: 1240px) and (max-width:1300px) {
    .csr-bg-position {
        top: calc(100% - 440px) !important;
    }

    .csr-bg-position .bg-white {
        transform: rotate(22deg) !important;
    }

    .csr-bg-position .bg-white {
        transform: rotate(21deg) !important;
    }

    .csr-svg-left-position {
        bottom: -42px;
        left: -5%;
    }

    .csr-bg-position .bg-white {
        transform: rotate(20deg) !important;
    }

    .csr-bg-position {
        top: calc(100% - 400px) !important;
    }
}



@media (min-width: 1200px) {
    .offset-xl-6 {
        margin-right: 50%;
    }
}


@media (min-width: 1200px) and (max-width:1239px) {
    .csr-bg-position {
        top: calc(100% - 440px) !important;
    }

    .csr-bg-position .bg-white {
        transform: rotate(22deg) !important;
    }

    .csr-bg-position .bg-white {
        transform: rotate(21deg) !important;
    }

    .csr-svg-left-position {
        bottom: -42px;
        left: -5%;
    }

    .csr-bg-position .bg-white {
        transform: rotate(35deg) !important;
        height: 600px;
    }

    .csr-bg-position {
        top: calc(100% - 460px) !important;
        left: -50%;
    }


    .csr-image-left-position {
        top: calc(100% - 400px);
        left: 70%;
    }

    .csr-left-wrapper {
        transform: rotate(-22deg);
    }

}

@media (min-width: 992px) {
    .pl-ar-lg-5 {
        padding-right: 0 !important;
        padding-left: 3rem;
    }

    .pr-ar-lg-4 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }

    .pr-ar-lg-5 {
        padding-right: 3rem !important;
    }

    .pr-lg-commerce {
        padding-left: 98px;
        padding-right: 15px;
    }

    .pl-lg-commerce {
        padding-left: 15px;
        padding-right: 98px;
    }

    .ml-ar-lg-3 {
        margin-left: 1rem !important;
        margin-right: 0;
    }

    .mr-ar-lg-5 {
        margin-right: 3rem !important;
        margin-left: 0;
    }

    .mr-ar-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 0;
    }

    .offset-lg-5 {
        margin-right: 41.666667% !important;
        margin-left: 0 !important;
    }

    .sustainability-ar {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 991px) {

.close-btn{
    right: -30px;
}

.home-slide .info{
    right: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.corporate .info{
    padding: 0px !important;
}
    .menu-mobile .menu-content ul.links li>div i {
        right: auto;
        left: 0;
    }

    .burger {
        left: 1rem;
        right: auto;
    }

    .image-text-absolute {
        right: 1rem;
        left: auto;
    }
}

@media (max-width: 767px) {
    .mfp-close {
        height: 69px !important;
    }

    .mfp-close svg {
        right: -30px;
        left: auto;
    }

.video-section iframe{
    height: 230px;
    width: 100%;
}
}

@media (max-width: 575px) {
    .close-career {
        top: -31px;
    }
    .home-slide .info {
        left: 50%;
        right: auto;
    }

    .burger {
        right: auto;
        left: 1rem;
    }

    .substainability-icons-position {
        left: -55px;
    }

    .substainability-icons {
        height: 60px;
    }
}