/* 1. إعادة تعريف المتغير الخاص بالخط الرئيسي للموقع ليصبح Cairo بدلاً من Poppins */
:root {
    --cleanon-font: 'Cairo', sans-serif ;
    --cleanon-font-two: 'Cairo', sans-serif ;
}

/* 2. تطبيق خط القاهرة على الجسم والعناوين والنصوص فقط دون إجبار الأيقونات */
body, 
h1, h2, h3, h4, h5, h6, 
p, a, input, select, textarea, button {
    font-family: var(--cleanon-font) ;
}

/* 1. حماية خطوط Font Awesome */
.fa, .fas, .far, .fal, .fab, [class*="fa-"] {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" ;
}

/* 2. حماية خطوط icomoon (الخاصة بالأيقونات التي تبدأ بـ icon-) */
[class*="icon-"] {
    font-family: 'icomoon' ;
}

/* 3. حماية خطوط flaticon */
[class*="flaticon-"] {
    font-family: 'flaticon' ;
}

body {
    overflow-x: hidden;
    direction: rtl;
    text-align: right;
}

.main-menu__contact-list li .text {
    margin-left: 0;
    margin-right: 10px;
}

.main-menu__contact-list li+li {
    margin-left: 0;
    margin-right: 46px;
}

.main-menu__contact-list li:before {
    left: auto;
    right: -23px;
}

.main-menu__social {
    margin-left: 0;
    margin-right: 20px;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
    margin-left: 0;
    margin-right: 30px;
}

.main-menu .main-menu__list>li.dropdown>a {
    padding-right: 0;
    padding-left: 15px;
}

.main-menu .main-menu__list>li.dropdown>a:after {
    right: auto;
    left: 0;
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    left: auto;
    right: 0;
}

.main-menu .main-menu__list>li>ul>li>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a::before {
    right: auto;
    left: 20px;
    transform: translateY(-50%) scale(0) rotate(180deg);
}

.main-menu .main-menu__list>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li.current>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li.current>a::before,
.stricky-header .main-menu__list>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li.current>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li.current>a::before {
    transform: translateY(-50%) scale(1) rotate(180deg);
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    right: 100%;
    left: auto;
    margin-left: 0px;
    margin-right: 30px;
}

.main-menu__call-content {
    margin-left: 0;
    margin-right: 10px;
}

.main-menu__cart-box {
    margin-left: 0;
    margin-right: 20px;
}

.thm-btn i {
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 5px;
}

.main-slider__img-box {
    right: auto;
    left: -180px;
}

.main-slider__img img {
    transform: rotateY(180deg);
}

.main-slider__img-shape {
    right: auto;
    left: -80px;
}

.main-slider__discount-box {
    left: auto;
    right: -25px;
}

#main-slider-pagination {
    left: auto;
    right: 60px;
}

.main-slider__shape-1 {
    right: auto;
    left: 200px;
}

.main-slider__review-box .text-box {
    margin-left: 0;
    margin-right: 10px;
}

.services-one__content {
    border-left: 0;
    border-right: 2px solid var(--cleanon-base);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 30px;
}

.services-one__icon {
    right: auto;
    left: -2px;
}

.services-one__icon:before {
    left: auto;
    right: -2px;
}

.services-one__icon:after {
    left: auto;
    right: -2px;
}

.services-one__icon-2 {
    left: auto;
    right: -9px;
}
.services-five__right {
    margin-right: 0px;
}
.services-five__left {
    padding-left: 70px;
}

.services-five__nav {
    right: -70px;
    left: auto;
}

.about-one__review-box .text-box {
    margin-left: 0;
    margin-right: 10px;
}


.services-two__content {
    border-left: 0;
    border-right: 2px solid var(--cleanon-base);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0;
}

.services-two__icon {
    right: auto;
    left: 0;
}

.services-two__icon:before {
    left: auto;
    right: -2px;
}

.services-two__icon:after {
    left: auto;
    right: -2px;
}

.services-two__icon-2 {
    left: auto;
    right: -9px;
}

.services-one__read-more a span,
.services-two__btn-box a span {
    position: relative;
    display: block;
    transform: rotate(180deg);
}

.who-we-serve__img-1 {
    margin-left: 0;
    margin-right: -67px;
}

.who-we-serve__right {
    margin-right: 0;
    margin-left: -67px;
}

.who-we-serve__from-text {
    left: 0;
    right: -183px;
    border-top-left-radius: 10px;
    border-top-right-radius: 200px;
}

.who-we-serve__from-text h5 {
    text-align: left;
}

.who-we-serve__input-box .nice-select {
    text-align: right ;
}

.who-we-serve__input-box .nice-select:after {
    right: auto;
    left: 20px;
}

.nice-select .option {
    text-align: right;
}

.why-choose-one__right {
    margin-left: 0;
    margin-right: 120px;
}

.why-choose-one__img-2 {
    left: 0;
    right: -90px;
}

.why-choose-one__img-3 {
    left: 0;
    right: 125px;
}

.why-choose-one__img-4 {
    left: 0;
    right: 270px;
}

.why-choose-one__right-shape-1 {
    right: auto;
    left: -208px;
}

.why-choose-one__right-shape-1 img {
    transform: rotateY(180deg);
}

.why-choose-one__client-content {
    margin-right: 0;
    margin-left: -25px;
}

.why-choose-one__points li {
    gap: 10px;
}

.why-choose-one__points li .icon {
    top: 0;
}

.sliding-text {
    direction: ltr;
    text-align: left;
}

.office-location__btn-box {
    right: auto;
    left: 15px;
}

.office-location__shape-1 {
    right: auto;
    left: 75px;
}

.office-location__shape-1 img,
.office-location__contact-shape img {
    transform: rotateY(180deg);
}

.office-location__contact-shape {
    right: auto;
    left: -95px;
    bottom: 70px;
}

.team-one__experience-inner {
    left: auto;
    right: 0;
}

.team-one__experience-shape-1 {
    left: -5px;
    right: 5px;
}

.team-one__experience {
    border-top-left-radius: var(--cleanon-bdr-radius);
    border-top-right-radius: 0;
}

.contact-one__input-box .select-box .nice-select {
    text-align: right ;
}

.contact-one__input-box .select-box .nice-select:after {
    right: auto;
    left: 30px;
}

.blog-one__tags {
    left: auto;
    right: 19px;
}

.blog-one__tags span::before {
    left: 5px;
    right: -5px;
    border-top-left-radius: var(--cleanon-bdr-radius);
    border-top-right-radius: 0;
}

.blog-one__tags span {
    padding: 5px 25px 16px;
    padding-right: 15px;
    border-top-left-radius: 10px;
}

.blog-one__content {
    padding-left: 0;
    padding-right: 60px;
}

.blog-one__user {
    left: auto;
    right: -55px;
    direction: ltr;
}

.blog-one__meta li a span {
    margin-right: 0;
    margin-left: 6px;
}

.blog-one__meta li+li {
    margin-left: 0;
    margin-right: 26px;
}

.blog-one__meta li::before {
    left: auto;
    right: -13px;
}

.blog-one__content-two {
    padding-left: 0;
    padding-right: 70px;
}

.blog-one__user-two {
    left: inherit;
    right: -25px;
    direction: ltr;
}

.blog-one__meta-two li a span {
    margin-right: 0;
    margin-left: 6px;
}

.blog-one__meta-two li+li {
    margin-left: 0;
    margin-right: 26px;
}

.blog-one__meta-two li::before {
    left: inherit;
    right: -13px;
}

.blog-one__tags-two span::before {
    left: 5px;
    right: -5px;
    border-top-left-radius: var(--cleanon-bdr-radius);
    border-top-right-radius: 0;
}

.blog-one__tags-two span {
    padding: 5px 25px 16px;
    padding-right: 15px;
    border-top-left-radius: 10px;
}

.footer-widget__about {
    margin-right: 0;
    margin-left: 50px;
}

.footer-widget__links {
    margin-left: 20px;
    margin-right: -20px;
}

.footer-widget__links-list li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    padding: 2px 15px 2px;
}

.footer-widget__links-list li a::before {
    left: -3px;
    right: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
}

.site-footer__newsletter-input input[type="email"] {
    padding: 0 20px 0;
    padding-right: 50px;
}

.site-footer__newsletter-input-icon {
    left: auto;
    right: 20px;
}

.site-footer__newsletter-form .checked-box label {
    padding-left: 0;
    padding-right: 30px;
}

.site-footer__newsletter-form .checked-box input[type="checkbox"]+label span {
    left: auto;
    right: 0;
}





.xs-sidebar-group .widget-heading {
    right: auto;
    left: 0;
}

.mobile-nav__close {
    right: auto;
    left: 15px;
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
    transform: rotate(90deg);
}

.mobile-nav__contact li>i {
    margin-right: 0;
    margin-left: 10px;
}

.mobile-nav__content {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.blog-one__title {
    font-size: 22px;
}

.site-footer__bottom-menu li+li {
    margin-left: 0;
    margin-right: 20px;
}

.counter-one__content {
    text-align: right;
}






/* ############ add my self */


/* ==========================================
    تعديلات السلايدر الثالث للغة العربية (RTL)
   ========================================== */

.main-menu-four__logo {
    margin-left: 30px;
    margin-right: 0px;
}

/* إعادة ترتيب الأزرار لتعمل بنظام Flexbox لتجنب اختفاء زر الفيديو */
.main-slider-three__btn-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.main-slider-three__btn{
    margin-right: 0;
}

/* ضبط موضع زر الفيديو */
.main-slider-three__video-link{
    position: relative;
    left: auto;
    right: auto;
}

/* إخفاء أو ضبط اتجاه أسهم التنقل للسلايدر */
.main-slider-three__nav{
    left: 50px;
    right: auto;
}

.main-slider-three__thumb-box {
    right: auto ;
    left: 280px ;
}



/* ==========================================
   تعديلات قسم "من نحن" الثالث للغة العربية (About Three RTL)
   ========================================== */

/* 1. تعكيس المحاذاة الاتجاهية للقسم */
.about-three {
    direction: rtl;
    text-align: right;
}

.about-three__left {
    margin-right: 0 ;
    margin-left: 180px ;
}

/* 2. ضبط الصندوق الأيسر (الصور والبطاقات العائمة) */
.about-three__img-box {
    position: relative;
}

.about-three__img-2 {
    right: auto ;
    left: -120px ;
    /* تعكيس القص الجغرافي (clip-path) للمحافظة على الشفرة المائلة للقصة */
    clip-path: polygon(0 0, 22% 0, 100% 63%, 100% 100%, 0 100%) ;
    /* clip-path: polygon(0 0, 100% 0, 100% 63%, 0 100%, 0 50%) ; */
}
/* بطاقة الخبرة بالكامل RTL */


/* 1. الصندوق الرئيسي: يبرز جهة اليسار (باتجاه النص العربي) */
.about-three__experience-box {
    position: absolute ;
    right: auto ;
    left: -60px ;
    border-right: none ;
    border-left: 2px solid var(--cleanon-base) ;
    border-top: 2px solid var(--cleanon-base) ;
    text-align: center ;
    z-index: 2 ;
}

/* 2. المثلث السفلي للصندوق ::before */
.about-three__experience-box::before {
    /* تثبيت المثلث في زاوية الصندوق اليمنى السفلى الملتصقة بالصورة */
    /* left: auto ;
    right: 80px ; */
    right: auto ;
    left: 0px ;
    
    /* تعكيس الحدود لصنع المثلث المائل بجهة اليمين */
    border-right: 28px solid var(--cleanon-primary) ;
    border-left: 30px solid transparent ;
    border-top: 30px solid var(--cleanon-primary) ;
    border-bottom: 28px solid transparent ;
}
.about-three__experience-count {
    display: inline-flex ;
    direction: ltr ;
}

/* زر تشغيل الفيديو */
.about-three__video-link {
    left: auto ;
    right: 40px ;
}

/* بطاقة الضمان (Cleaning Guarantee) */
.about-three__cleaning-gurante {
    /* تعكيس شفرة القص المائلة لتصبح مرآة عاكسة للإنجليزية */
    clip-path: polygon(0 21%, 27% 0, 100% 0, 100% 100%, 0 100%) ;
    margin-top:45px;
}


.about-three__cleaning-gurante-icon {
    margin-left: 15px ;
    margin-right: 0 ;
}

/* 3. ضبط القوائم والمميزات في الجزء الأيمن */
.about-three__points-list li {
    flex-direction: row ;
}

.about-three__points-list li .icon {
    margin-right: 0 ;
    margin-left: 20px ;
}

.about-three__points-list li .content {
    text-align: right ;
}

/* نقاط الاختيار الفرعية (Check Points) */
.about-three__point li {
    flex-direction: row ;
}

.about-three__point li .icon {
    margin-right: 0 ;
    margin-left: 12px ;
}

/* 4. قسم التقييم والمراجعين (Review Box) */
.about-three__point-and-review-box {
    flex-direction: row ;
}

.about-three__review-box {
    border-left: none ;
    border-right: 1px solid var(--cleanon-bdr-color) ;
    padding-left: 0 ;
    padding-right: 35px ;
    margin-left: 0 ;
    margin-right: 30px ;
}

.about-three__review-list li+li {
    margin-left: 0 ;
    margin-right: -15px ;
}

/* 5. التوقيع والمؤسس (Author Box) */
.about-three__btn-and-author-box {
    flex-direction: row ;
}

.about-three__author-details {
    margin-right: 0 ;
    margin-left: 25px ;
}

.about-three__author-img-box {
    margin-right: 0 ;
    margin-left: 15px ;
}

.about-three__author-sign {
    border-left: none ;
    border-right: 1px solid var(--cleanon-bdr-color) ;
    padding-left: 0 ;
    padding-right: 20px ;
    margin-left: 0 ;
    margin-right: 20px ;
}
.about-three__author-sign::before {
    display: none ;
}

.progress-one__left {
    margin-left: 45px;
    margin-right: auto;
    border-top-right-radius: var(--cleanon-bdr-radius);
    border-bottom-right-radius: var(--cleanon-bdr-radius);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.progress-one__bg {
    right: 0px;
    left: auto;
}

body.rtl .nice-select,
[dir="rtl"] .nice-select {
    text-align: right !important;
}

body.rtl .nice-select .current,
[dir="rtl"] .nice-select .current {
    float: right !important;
}

body.rtl .nice-select .option,
[dir="rtl"] .nice-select .option {
    text-align: right !important;
}

body.rtl .nice-select::after,
[dir="rtl"] .nice-select::after {
    right: auto !important;
    left: 15px !important;
}

.newsletter-two__btn {
    left: 0;
    right: auto;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.newsletter-two__input input[type="email"]{
    padding-left: 160px;
    padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1319px) {

    .main-menu .main-menu__list>li+li,
    .stricky-header .main-menu__list>li+li {
        margin-right: 30px;
    }

    .main-slider__img-box {
        left: -50px;
    }

    .main-slider__discount-box {
        right: -10px;
    }

    #main-slider-pagination {
        right: auto;
        left: 30px;
    }

    .main-slider__title {
        font-size: 45px;
    }

    .why-choose-one__right {
        margin-right: 28px;
    }

    .team-one__experience {
        padding: 9px 10px 8px;
    }

    .team-one__experience-count-text {
        font-size: 15px;
    }

    .footer-widget__links {
        margin-left: 0;
        margin-right: -30px;
    }

    .about-three__review-box {
        padding-right: 25px;
        padding-left: 0 ;
    }







}





@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #main-slider-pagination {
        right: auto;
        left: 30px;
    }

    .who-we-serve__img-1 {
        margin-right: 0;
    }

    .who-we-serve__right {
        margin-right: auto;
        margin-left: auto;
    }

    .why-choose-one__right {
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose-one__right-shape-1 {
        left: -140px;
    }

    .footer-widget__links {
        margin-left: 0;
        margin-right: 0;
    }




















}





@media only screen and (min-width: 768px) and (max-width: 991px) {
    #main-slider-pagination {
        right: auto;
        left: 30px;
    }

    .who-we-serve__img-1 {
        margin-right: 0;
    }

    .who-we-serve__right {
        margin-right: auto;
        margin-left: auto;
    }

    .why-choose-one__right {
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose-one__right-shape-1 {
        left: -140px;
    }

    .footer-widget__links {
        margin-left: 0;
        margin-right: 0;
    }









}







@media only screen and (max-width: 767px) {
    .who-we-serve__img-1 {
        margin-right: 0;
    }

    .who-we-serve__from-text {
        left: 0;
        right: 0;
        border-radius: var(--cleanon-bdr-radius);
    }

    .who-we-serve__from-text h5 {
        text-align: center;
    }

    .who-we-serve__right {
        margin-left: 0;
    }

    .why-choose-one__points-box {
        align-items: flex-start;
    }

    .why-choose-one__btn-and-client-box {
        align-items: flex-start;
    }

    .why-choose-one__right {
        margin-right: 0;
    }

    .project-one__top {
        align-items: flex-start;
    }
    .project-four__content::before {
        position: absolute;
            bottom: 0px;
            top: 0px;

        right: 20px;
        left: 0px;
    }
    .project-four__content::after {
        position: absolute;
        right: 0px;
        left: 60%;
    }
    .project-four__icon-box{
        left: 30px;
        right: auto;
    }
    /* .project-four__nav .swiper-button-next1 {
        margin-right: 0px !important;
    }
    .project-four__nav .swiper-button-prev1 {
        /* margin-left: 10px; */
        /* margin-right: 10px !important; */
    /* } */

    


    .blog-one__content {
        padding-right: 0;
    }

    .blog-one__user {
        right: 0;
        direction: rtl;
        padding: 4px;
        padding-left: 15px;
    }

    .blog-one__content-two {
        padding-right: 0;
    }

    .blog-one__user-two {
        right: 0;
        direction: inherit;
        padding: 4px;
        padding-left: 15px;
    }

    .footer-widget__about {
        margin-left: 0;
    }

    .footer-widget__links {
        margin-left: 0;
        margin-right: 0;
    }

    .site-footer__bottom-menu li+li {
        margin-right: 0;
    }

    .about-three__experience-box,
    .about-three__cleaning-gurante {
        position: relative ;
        right: 0 ;
        left: 0 ;
        margin-top: 20px ;
    }
    
    .about-three__review-box {
        padding-right: 0 ;
        border-right: 0 ;
        margin-right: 0 ;
    }
    
    .about-three__point-and-review-box,
    .about-three__btn-and-author-box {
        flex-direction: column ;
        align-items: flex-start ;
    }








}












@media only screen and (min-width: 1400px) and (max-width: 1640px) {
    .main-menu__top-inner {
        padding: 5px 20px 5px;
    }

    .main-menu__contact-list li+li {
        margin-left: 30px;
    }

    .main-menu__contact-list li:before {
        left: -15px;
    }

    .main-menu__wrapper-inner {
        padding: 0 20px;
    }

    .main-menu__call {
        display: none;
    }




}





@media only screen and (min-width: 1320px) and (max-width: 1500px) {
    #main-slider-pagination {
        left: 30px;
        right: auto;
    }

    .main-slider__img-box {
        left: -50px;
    }

    .main-slider-three__thumb-box {
        right: auto ;
        left: 250px ;
    }
}






/* The End */