/* ARABIC CSS*/
body{ font-size: 16px; font-family: 'Cairo', sans-serif; position: relative; overflow-x:hidden !important;padding: 0; margin: 0; }

h1,h2,h3,h4,h5,h6{ font-family: 'Cairo', sans-serif; }
.navbar{ direction: rtl; }

.block-section{ direction:rtl; }

.owl-carousel{ direction: ltr; }
.navbar-nav li.nav-item ul.sub-menu li{text-align: right;}
.navbar-nav li.nav-item ul.sub-menu{right:10px !important;}
.navbar-nav { margin-right: 12.5%;}
.navbar-nav .nav-item a { color: #55565A; font-size: 15px; text-transform: uppercase; font-family: 'Cairo', sans-serif; text-decoration: none; font-weight: 600;}
.navbar-nav > .nav-item > a { font-size: 16px; }

ul.sub-menu:after {
    right: 10%;
    top: -20.5px;
}

ul.sub-menu:before {
    right: 10%;
    top: -21px;
}



.tabs-section{ direction: rtl; }
.tabs-section .left-side{  padding-right: 90px; padding-left: 0;}
.tabs-section .tab-content .left-side ul{ padding-right: 0; }
.tabs-section .right-side .proj-detail{border-top-left-radius: 0; border-bottom-left-radius: 0;  border-top-right-radius: 20px;  border-bottom-right-radius: 20px;  margin: auto auto auto 0;  text-align: right;}
.tabs-section .left-side li{ padding-right: 2rem; padding-left: 0; }
.tabs-section .left-side{ text-align: right; }
.tabs-section .left-side li i.fas.fa-circle{ left: auto !important; right: 0!important; }
.tabs-section .wow.fadeInDown {
    padding: 0;
}

.parallel-section{ direction: rtl;}
.parallel-section .right-sec .text-content p{ text-align: right;}
.parallel-section .for-arabic{ display: block; margin: auto; }
.parallel-section .for-english{ display: none; }

.our-stories{ direction: rtl; }
.our-stories .btn.btn-readmore{ float: right; margin-right: 35px; }

footer .footer-section{ direction: rtl; }
footer .footer-section .brief-intro { text-align: right; }
footer .footer-section ul{ padding-right: 0; }
footer .footer-about, footer .footer-proj{ text-align: right; padding-right: 0; }
footer .footer-others{ padding-right: 15px; text-align: right; }
footer .footer-contact{ padding-right: 0; text-align: right; }

.about-us{direction: rtl;}
.about-us .right-content{padding-right: 85px;  padding-left: 0;}
.socialmedia-top ul{ padding-right: 0;}
.language-translator{ margin-left: 20px; margin-right: 0;}

/*.breadcrumbs{text-align: left;}*/
.breadcrumbs {text-align: right !important;}
.inner-conent .inner-header{text-align: right;}
.inner-conent .breadcrumbs span:first-child{    padding-right: 0;}

.left-content ul{ padding-right: 0;}
.left-content ul li{ text-align: right;}

.about-us .content p { text-align: right; }
.about-us .counts div:nth-child(2) .col-sm-3 {padding: 0 4px;}
.message p img{float: left;}
.inner-banner .page-title{  right: 0; left:0; text-align: right;}
.aside-wrap h4{text-align: right;padding:23px 30px!important;padding-left:82px!important;}
.aside-wrap .aside-title img{left: 25px; right: auto;top: 25px;}

.icon-img {
    text-align: right;
    padding-right: 15px;
    padding-left: 4px;
}

.project .counts p{ text-align: right; }
.project .counts h5{ text-align: right; }

.proj-map, .proj-image, .global-partners{direction: rtl;}
.proj-map .left-side{  padding-left: 0;  padding-right: 0; margin-right: -27px; margin-left: 27px; }
.proj-map .left-side li i.fas.fa-circle{ right: 0!important; left: auto!important;}
.stories{direction: rtl;}
.stories .left-img {padding-left: 0;}
.stories .content .right-content{border-right: 0; border-left: 1px solid #ddd;}
.stories .stories-title h2, .stories .stories-title p, .stories .right-content .text{text-align: right;}
.stories .btn-read{float: right;}
.stories .brief-detail h5, .stories .brief-detail p{text-align: right;}
.full-width .page-title p, .inner-banner .page-title h2{text-align: right;}
.full-width .page-title{ direction: rtl; right: 0;}

.partner-details .message-pdf span img{ float: left; margin: 2px 27px 0 0; }

.press {direction: rtl;}
.press .right-content {text-align: right;}

.press-details .content .posted-date{text-align: right;}
.press-details .about-us .content{text-align: right;}

.contact-form .form-group{ text-align: right; }
.contact-details .contact-form .btn-cancel,.support-us .contact-form .btn-cancel{ float: right; margin-right: 20px !important; }

.contact-details .contact-form .btn-submit-message, .support-us .contact-form .btn-submit-message{ float: right; }
.contact-details .contact-form .captcha-wrap{text-align: right;}
.contact-details .contact-form #select-enquiry { background: url(../images/angle-down.svg) no-repeat 1.5%; }
.contact-form .btn-submit-message {float: right;}

.support-us{direction: rtl;}
.support-blocks{text-align: right;}
.support-us .product-form .img{display: flex;padding-right: 0;}
.support-us .product-form .details{text-align: right;/*right: 70px;*/ left: auto;}
.support-us .product-group .quantity .button-plus{ left: 0; right: auto;}
.support-us .product-form i.fas.fa-angle-up{ left: 22px; right:auto; }
.support-us .product-group .quantity .button-minus{ left: 0; right: auto; }
.support-us .product-form i.fas.fa-angle-up, .support-us .product-form i.fas.fa-angle-down{ left: 22px; right:auto; }
.support-us .product-group .quantity .quantity-field{ border-left: 1px solid #eee; border-right: 0; }
.support-us .product-form .quantity p{ text-align:right;}
.contact-details .contact-form form,.support-us .product-form form { direction: rtl;}

.navbar .menu-mainmenu-arabic-container { width: 100%;}
.menu-mainmenu-arabic-container .nav-support a{
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  left: 35px;
  top: 6px;
}
.menu-mainmenu-arabic-container .nav-support a:before {
  content: '';
  background: url(http://kalimat.cactidev.com/htmls/html/images/heart.svg)no-repeat;
  height: 50px;
  width: 50px;
  position: absolute;
  right: -63px;
  top: 5px;
}
#breadcrumb{float: left;}
.breadcrumb-item+.breadcrumb-item{ padding-left:0; }
.breadcrumb-item+.breadcrumb-item::before{ padding-left: .5rem; padding-right: 0; }
.stories-details .partner-img { text-align: right;}

.board-members { text-align: right;}
.our-stories .news-block p{text-align: right !important;}


.aside-wrap h4 {
  padding: 23px 30px!important;
  padding-left: 82px!important;
}
.breadcrumbs span{
  word-break: break-word!important;
}

.breadcrumbs {
  text-align: right!important;
}



/* ################# MEDIA QUERY ################### */

@media only screen and (min-width: 1440px) and (max-width: 1920px){
  .inner-banner .page-title {right: 333px !important;}
}

@media only screen and (max-width: 1440px) and (min-width: 1367px){
  .navbar-nav li.nav-item { padding: 0 11px !important; }
  .navbar-nav {margin-right: 7.5%; margin-left: auto;}
  .inner-banner .page-title { right: 333px !important;}
}

@media only screen and (max-width: 1366px) and (min-width: 1200px){
  .inner-banner .page-title{ right: 24.5%; }
  .full-width .page-title{right: 0;}
  .partner-details .video-wrapper{left: 15px;}
  .navbar-nav { margin-right: 0;}
  .navbar-nav > .nav-item > a { font-size: 15px; }
  .navbar .nav-support {
    margin-left: 0px !important;
}

  /*.tabs-section .right-side .proj-detail{  margin: auto 83px auto auto !important;}*/
  /*.tab-content #project-499 .text-center{  margin-right: -80px; }*/
}
@media only screen and (max-width: 1199px) and (min-width: 1025px){
  .aside-wrap .aside-title img {left: 17px;right: auto !important;}
  .inner-banner .page-title {right: 351px;left: auto;}
  .support-us .product-form .details { right: 0; }
  .navbar-nav {margin-right: 0;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .parallel-section { padding: 65px 0 68px 15px !important;}
  .navbar-brand{margin-right: 0;}
  ul.navbar-nav{padding-right: 0;margin-right: 0;}
  .navbar-nav li.nav-item {padding: 5px 12px !important;}
  .navbar-brand img{ width: 200px; }
  .language-translator{margin-top: 0;}
  #navbarResponsive .wrapper{padding-right: 12px; padding-left: 0;}
  .inner-banner .page-title{right: 0;bottom: -32px;}
  .full-width .page-title p{width: 100%;}
  /* .navbar .nav-support { margin: 7px auto 0 !important;} */
  .menu-mainmenu-arabic-container .nav-support a{
    font-size: 13px;
    left: 16px;
    top: 0
  }
  .menu-mainmenu-arabic-container .nav-support a:before {
      right: -58px;
      top: 3px;
  }

  .partner-details .video-wrapper {width: 310px !important;}
  .partner-slider .heading h3 { margin-bottom: 0;}
  .press-details .aside-wrap .aside-title img {left: 9px; right: auto !important;}

  .contact-details .right-content { padding-left: 0; padding-right: 15px;}
  .support-us .product-form .details { right: 0;}
  .inner-banner .page-title{right: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  ul.navbar-nav { padding-right: 0;}

  .language-translator-sm{ right: auto; left: 90px;}

  .socialmedia-top ul{ padding-right: 25px; }

  .block-section ul{padding-right: 0;}

  footer .footer-social-icons ul li{ padding: 2px 9px; margin-bottom: 5px !important; }
  footer .footer-social-icons ul li:first-child a{ padding: 2px 11px !important;}
  footer .footer-social-icons ul li:nth-child(2) a{ padding: 2px 7px !important;}
  footer .footer-social-icons ul li:last-child a{ padding: 2px 8px !important;}
  footer .footer-contact { margin-right: -20px;  margin-left: 36px;}

  .parallel-section .right-sec {padding-left: 15px !important;}

  .about-us .right-content {padding-right: 15px;}
  .inner-banner .page-title{right: 0 !important;}
  
  .aside-wrap .aside-title img{left: 20px !important; right: auto !important;}
  .stories-details .aside-wrap .aside-title img{left: 10px !important;}
  .stories-details .video-wrapper, .partner-details .video-wrapper{left: 30% !important;}

  .press-details .aside-wrap {margin-top: 36px;}
  .press-details .aside-wrap .aside-title img { left: 13px !important;}

  .support-us .product-form .details { right: 0;}

  /* .navbar .nav-support{ right: 240px !important;} */
  .language-translator { margin-left: 11px; margin-right: 0 !important;}
  ul.navbar-nav{ margin-right: 0; }
  #navbarResponsive .wrapper { padding-right: 22px !important; }
  .navbar-nav li.nav-item{ text-align: right !important; }
  .menu-item-has-children:after{left: 0; right: auto !important; content: "\f111" !important;}

  .tabs-section .map svg{ width: 100%; }
  .tabs-section .wow.fadeInDown { padding: 0 15px;}

}

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

  .navbar-dark .navbar-brand{ margin: 0;}

  .navbar-nav li.nav-item{ text-align: right !important; }
  .menu-item-has-children:after{left: 0; right: auto !important; content: "\f111" !important;}
  .block-section ul{ padding-right: 0; }
  .tabs-section .right-side .proj-detail{margin: auto;}
  ul.navbar-nav{ padding-right: 0;    margin-right: 0;}
  footer .footer-others, footer .footer-contact{ padding-right: 0; }
  .footer-section .brief-intro{ padding-right: 0; }
  footer{ padding: 58px 15px 38px; }
  footer .hidefordesktop{ text-align: right; }
   .language-translator{ margin-right: 15px; margin-left: 8px;}
   .about-us .right-content{ padding-right: 15px; padding-left: 15px;}

   .acccordiononlyformobile .card-header h2 .btn-link{ text-align: right !important; }
   .acccordiononlyformobile{ padding: 0; }
   .acccordiononlyformobile i.la{ left: 0; right: auto; }
   .acccordiononlyformobile .card-header h2 .btn-link{padding-right: 0;}
   .acccordiononlyformobile .accordion>.card .card-header{padding-right: 0;}


   .tabs-section ul.nav.nav-tabs li a{text-align: right !important;}
   .nav-tabs li:after{    
      left: 23px !important;
      right: auto !important;
      border-color: transparent #545559 transparent transparent !important;
      border-width: 7px 7px 7px 0 !important;
    }
    .nav-tabs { padding: 0;}

   .aside-wrap h4{ text-align: right;}
   .aside-wrap img { left: 25px; right: auto; }
   .breadcrumbs{ text-align: right !important; }

   .proj-map .left-side ul { width: 230px;}
   .proj-map .left-side li{ text-align: right; padding-left: 0; padding-right: 53px;}
   .proj-map .left-side li i.fas.fa-circle{ right: 0!important; left: auto!important;}
   .proj-map .left-side{ padding-right: 60px; margin-bottom: 40px;}

   .full-width .page-title{ width: 100% !important;}
   .stories .btn-featured { float: left !important; margin-left: 5px;}
   .our-stories .news-block p{ text-align: right !important; }
   .inner-banner .page-title{ width: 93% !important; right: 0 !important;}
  .inner-conent .inner-header h3{text-align: right;}

   .support-us .product-form .details { right: 0; }
   .support-us .product-form .quantity p { margin-top: 15px; text-align: right;   padding-right: 0;  padding-left: 15px;}
   .support-us .product-form .quantity{padding-right: 0; left: -10px; right: auto !important;}
   .support-us .product-form .img{display: block;}
   
   .navbar .nav-support{ left: -60px; right: auto !important; }
   .inner-banner .page-title{ right: 15px; left:0; }
   .message{ min-height: 33px; }

   .menu-mainmenu-arabic-container .nav-support a:before{ 
      top: 3px;
      height: 25px;
      width: 25px;
      right: -37px;
    }
   .navbar .nav-support a{ font-size: 14px; }
   .menu-mainmenu-arabic-container .nav-support a{top: 4px;}
   .navbar .nav-support{ width: 150px; background-size: contain; left: 12px; z-index: 99999; }

   .counts .icon-text h5 {
      text-align: center;
  }

  .counts .icon-text p {
      text-align: center;
  }
  .stories-title.text-uppercase {
      padding-right: 20px;
  }
  .inner-conent .inner-header p {
      text-align: right !important;
  }
  .inner-banner .page-title p {
      text-align: center !important;
  }
  .global-partners .inner-header h3 {
      text-align: center !important;
  }
  .contact-details .contact-form .btn-cancel{ /*margin-bottom: 15px; */ 
    margin-top: 15px !important;
    margin-right: 0!important;
  }
  .contact-form .btn-submit-message {
    margin-top: 15px;
  }
  footer .footer-social-icons ul li:first-child a{ padding: 10px 20px !important; }
  footer .footer-social-icons ul li:nth-child(2) a{ padding: 10px 16px !important; }
  footer .footer-social-icons ul li:last-child a{ padding: 10px 17px !important; }

  .support-us .contact-form .btn-cancel {
    margin-right: 0!important;
  }
#navbarResponsive .wrapper { padding-right: 22px !important; }
}
@media screen and (max-width: 575px) {
    #navbarResponsive .wrapper { padding-right: 12px !important; }
    .navbar-merchandise .navbar-nav li.nav-item.buy-merchandise { left: unset !important; right: unset !important;}
}
@media only screen and (max-width:320px){
	.navbar .nav-support{ left: -59px; }

	.navbar .nav-support{width: 135px !important; left: 8px;}

	.menu-mainmenu-arabic-container .nav-support a{top: 2px;      left: 22px;}
	.navbar .nav-support{bottom: -43px;}
  .support-us .product-form .quantity{ padding-right: 9px; }
  .section--work.no-botpad{padding-top: 0 !important;}
}

.zoomButton {
    display: inline;
    padding: 1rem;
    text-align: center;
    align-items: center;
    cursor: pointer;
    margin: auto;
    font-size: larger;
}
.map-popup-content li .content-ar {
margin-right: 23px;
}


@media (max-width:990px){
  #top-menu .menu-item-has-children .arrow{
      display:inline-block;
      position:absolute;
      left:0;
      right:inherit;
      top: 17px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
  }
  #top-menu .menu-item-has-children .arrow i:before{
    content: "\f111";
  }

}

/* ================================================================== */




.nav-support a {
  padding-right: 30px !important;
  margin-right: 9px !important;
  margin-left: 0 !important;
  padding-left: unset !important;
}

.navbar .nav-support {
  margin-left: 20px;
}

.nav-support a:before {
  right: 14px;
}

.language-translator {
  margin-right: 20px;;
}
.navbar .nav-support {
  margin-left: 40px !important;
  margin-right: 0 !important;
}
@media (min-width: 1600px) {
  .navbar .nav-support {
      margin-left: 40px;
      margin-right: 0;
  }
}

#SecondayTopMenu .contact {
  margin-left: 10px;
}

.menu-mainmenu-container .navbar-nav li.nav-item {
  padding-top: 5px !important;
  margin-top: 0 !important;
}

@media only screen and (max-width: 991px) {
  .navbar .nav-support {
    left: 10px !important;
    right: unset !important;
} 
.nav-support a {
  padding-right: 45px !important;
}
.nav-support a:before {
  right: 28px !important;
}
}

@media only screen and (max-width: 768px) {
  .navbar .nav-support {
    padding-top: 10px !important;
  }
  .nav-support a:before {
    right: 28px;
    top: 10px;
}
}

@media only screen and (max-width: 1441px) {
.navbar .nav-support {
  margin-left: 20px !important ;
}
}


@media only screen and (max-width: 450px) {
  .navbar .nav-support {
    left: 0!important;
    margin-right: unset !important;
  }
}

.partners .our-stories{text-align:right;}
.wpcf7 form.sent .wpcf7-response-output{text-align:right; direction:ltr;}
@media only screen and (max-width: 767px) {
.support-us .product-form .img {
    display: flex;
}}


/***************************************************Footer code new AR***********************/

            footer .footer-social-icons ul li:nth-child(3) a {
                background: #3a559f;
                padding: 10px 16px;
            }

            footer .footer-social-icons ul li:last-child a {
                background: #e1143b;
                padding: 10px 12px;
            }

            @media screen and (max-width: 991px) {
                footer .footer-section {
                    flex-wrap: wrap;
                }

                .footer-section .brief-intro {
                    padding: 0;
                    order: 8;
                    text-align: center;
                }

                footer .footer-social-icons .icons-wrap {
                    justify-content: center;
                }

                footer .footer-social-icons .icons-wrap ul {
                    display: flex;
                }

                footer .footer-social-icons ul li a,
                footer .footer-social-icons ul li:nth-child(3) a,
                footer .footer-social-icons ul li:last-child a {
                    padding: 5px 11px;
                }

                .footer-section .brief-intro a {
                    width: 250px;
                    display: block;
                    margin: 0 auto;
                }

                footer .footer-section .footer-social-icons {
                    margin-top: 10px;
                }

                footer .footer-section .brief-intro .hideformobile {
                    text-align: center;
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 991px) {
                footer .footer-contact {
                    margin-right: 0;
                    margin-left: 0;
                }
            }

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

                footer .footer-social-icons ul li a,
                footer .footer-social-icons ul li:nth-child(3) a,
                footer .footer-social-icons ul li:last-child a {
                    padding: 10px 16px;
                }

                footer .footer-social-icons .hidefordesktop {
                    text-align: center;
                }
            }

.navbar .nav-support {
    width: 175px;
    height: auto;
}

.navbar-nav li.nav-item.nav-support {
    padding: 12px 9px;
}

@media only screen and (max-width: 991px) {
    .navbar-nav li.nav-item.nav-support {
        padding: 7px 9px !important;
    }

    .nav-support a:before {
        right: 14px !important;
    }

    .nav-support a {
        padding-right: 28px !important;
        padding-left: 10px !important;
    }
}
@media only screen and (max-width: 575px) {
    .navbar .nav-support {
        left: 10px !important;
        right: 20px !important;
    }
    .navbar-nav li.nav-item.nav-support {
        padding: 6px 9px !important;
    }
    .nav-support a:before { top: 7px;}
}
.navbar .nav-support {
    background: url('https://kalimat.cactidev.com/dev/wp-content/uploads/2023/05/arabic-label-bg.svg') no-repeat;
    background-size: 100%;
    width: 135px;
    height: 34px;
}

#SecondayTopMenu {
    align-items: center !important;
}

.navbar-nav li.nav-item.nav-support {
    padding: 7px 9px;
}

.nav-support a {
    padding-right: 23px !important;
    margin-right: 9px !important;
    margin-left: 15px !important;
}

.nav-support a:before {
    top: 10px;
}

@media only screen and (max-width: 991px) {
    .navbar-nav li.nav-item.nav-support {
     /*   height: 36px;*/
    }

    .navbar .nav-support {
        position: relative !important;
    }

    footer .footer-about, footer .footer-proj { padding-right: 15px;}
    .footer-section .brief-intro { padding-right: 15px;}
}

@media only screen and (max-width: 767px) {
    #navbarResponsive .wrapper {
        align-items: baseline;
    }
}