﻿
body{
	text-align:right;
	font-family: helvetica !important}

@font-face {  
	font-family: 'avenirdemi';
	src: url('/_catalogs/masterpage/NDS/fonts/GE-Dinar-One-Medium.otf') format('truetype');
}

@font-face {  
	font-family: 'helvetica';
	src: url('/_catalogs/masterpage/NDS/fonts/helvetica.ttf') format('truetype');
}


@font-face {  
	font-family: 'avenirmedium';
	src: url('/_catalogs/masterpage/NDS/fonts/GE-Dinar-One-Medium.otf') format('truetype');
}
.language.active::before {
	left: 0rem;
	right:auto!important;
	}
.menu-top-section .left-section .back-icon{
	transform:scaleY(-1) rotate(-90deg);
	height: 1.3rem;
	width: 1.3rem;
}
.menu-top-section .left-section .back-icon svg{
	height:100%;
	width:100%;
	object-fit:contain;
	margin:auto;
}
.menu-top-section .left-section .back-icon svg path{
	stroke:var(--purple);
	
}
li.static:hover>span>span>span{
	
	color:var(--purple);
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	
	margin-right:0!important;
}
.topZone ul.nav-pills {
    padding: 0!important;
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    padding-right:0;
}
li>.static .dynamic-children:after {
    left: 1.5rem;
    right:auto;
    position: absolute;
    transform: rotate(-90deg) translateY(-50%) scale(-1)!important;
}
#header .navbar-toggler{
	left:0rem;
	right:auto;
}
.plan-container .plan.recommended:after{
   content:'مُستَحسَن';
}

.row .error input[type="date"] {
    padding-right: unset;
      padding-left: 15px;
    text-align: right;
}


.row input,
.row textarea {
    text-align: right;
}


.error-message {

    top: 3.8rem;

}

.terms-section .terms{
	margin-left: unset;
	margin-right: 2rem;
}


.plansContainer select{
	padding-top: .425rem;
	padding-bottom: .425rem;
}

.row label[for="otp"] {
	margin-right: 1rem;
}

.plansContainer label:first-child{
	margin-left: 1rem;
	margin-right: unset;
}

.plansContainer>label{
	margin-left: unset;
	margin-right: 1rem !important;
}

.form-control.is-invalid,.was-validated .form-control:invalid {
	padding-left: calc(1.5em + .75rem)!important;
	padding-right: 1rem !important;
	background-position: left calc(.375em + .1875rem) center; 

}


.terms-section .terms input{

margin-right: unset;

	margin-left: .7rem;

}


.ourOffering .leftSection .description {
    transform: translateX(100%);
}
.ceoMessage .card {
    transform: translateX(100%);
}
.ourOffering .rightSection {
    transform: translateX(-100%);
}
.mainRegional .nav-item:first-child{
    padding-right:0;
    padding-left: 1rem;
}
.member-name,.member-position{
	font-family:'avenirmedium';
}
.textImage.text-alt .row .col-lg-6:first-child{
	transform: translateX(100%);
	opacity:0;
}
.textImage.text-alt .row .col-lg-6:last-child{
	transform: translateX(-100%);
	opacity:0;
}
.info {
    right: 1rem;
    left: auto;
}
.mainRegional .nav-item{
      border-left: 1.5px solid rgb(0 0 0 / 30%);
      border-right:none;
  }
  .map-modal{
	
	right:4rem;
	left:auto;
}
.headquarters .col-lg-8 .contactInformations .card .icon{
    margin-left: 1.5rem;
    margin-right: 0;
}
.statistics .card .card-img-overlay .stat{
    transform: translateX(100%);
}
.statistics .card .card-img-overlay h1
{
    font-family: 'helvetica';
}
.exp-years{
	font-family:var(--avenirRegular);
	font-weight:800;
}
.newsSubtitle{
    transform:translateX(100%);
}
.important-links-overlay-circle.Children3 .important-links-overlay-circle-before {
    left: 0;
    right:auto;
    background: linear-gradient(to left, rgb(128, 128, 128, 0.1) 0%, #ffffffa1 45%, rgb(128, 128, 128, 0.1) 100%);
}
.statistics{
	padding-left: unset;
    padding-right: unset;	
}
.siteLinks .swiper-wrapper .swiper-slide .card,
body .econtainer .appTitle{
	transform:translateX(100%);
}

.events-time-text, .headquarters .col-lg-8 .topSection p, .col-lg-3 .card .card-body .card-title{
	font-family: unset;
}
.latestNews .appTitle{
    transform:translateX(100%);
}


header .languageSwitch{
	font-family:var(--avenirRegular);
}
.statistics .visionMission{right: unset;left: 0;transform: translateX(-100%);}

.row .requiredField label::after {
    right: unset;
    left: -0.7rem;
}

.customtext a{
	font-family:var(--avenirRegular);
	}


.container.customtext li:not(:last-child) {
    padding-bottom: .5rem;
}

    .letter-card .text-content{padding-left: unset;/* padding-right: 1.5rem; */}
    

.survey-date-text, .report-page-filesize{
    /* font-family: 'Avenir'; */
}

.report-page-filesize{
	direction: ltr;
}

.customtext ul{
	padding: 0 2rem 0 0;
}

.careers .values .valuesList li::before{
	left: unset;
	right: 0;
}

.careers .values .valuesList li::after{
	left: unset;
	right: -.9rem;
}

.cards-container .card-footer p{
	
padding-left: unset;
	
padding-right: .5rem;
	
font-family: var(--avenirRegular);
}


#header .header-btn-collapse-nav{
	left:0;
	right:auto;
	margin:8px 15px 8px 0;
}
header .search{
	right:auto;
	left:4rem;
}
.TextSplit p{
		text-align: right;
}


.ourOffering .nav-pills .nav-item .nav-link{
  border-left: 1px solid rgb(0 0 0 / 20%);
  border-right: unset;
  }


.statistics .card .card-img-overlay{
  background: linear-gradient(to left, rgb(0 0 0 / 72%), rgb(0 0 0 / 30%));
}


.faq-card-title, .faq-section .card .card-title, .faq-card-item-question-text{
    font-family:var(--GeDinarMedium);
}
.customtext ul li::before{
	right:0;
	left:auto;
}
.customtext ul li{
	padding-right:2rem;
	padding-left:0;
}
.weCareTxt ul li::before {
    right: 0;
    left:auto;
   }
.weCareTxt ul{
	padding:0;
}
.latestNews .row .col-lg-4 .card .card-img-overlay .newsDate{
	padding: .5rem 1rem .5rem 1.4rem;
	border-top-left-radius: unset;
	border-top-right-radius: .5rem;
}
.faqs .faqContainer .faqText ul li::before {
    left:auto;
    right: 0;
}
.row .error .form-select::after {
    left: 2.6rem;
    right: auto;
}
.row .form-select::after {
    right:auto;
    left: 1rem;
}
.error-message {
    left: 2rem;
    right:auto;
 }
.dateField .error-message{
	right:2rem;
	left:auto;
}
 .error-message::after {
    transform: translateX(78%) translateY(-100%) translateZ(0) scale(1);
}
.experience-smaller-container {
    padding-right: 2.8rem;
 }

.events-image-shadow {
    background: linear-gradient(to left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
}
.subtitle-design{
	letter-spacing:0;
}

.downloadFile{
    left: .5rem;
    right: unset;
}


.appTitle {
	font-family:var(--GeDinarMedium)!important;
}
.heroSection .pageName h1 {
    font-family:var(--GeDinarMedium);
}
.newsSubtitle, .view-all-news span{
	font-family:var(--GeDinarMedium);
}
.about-us-button-image img{
	
	transform:scaleX(-1);
}
.about-us-button:hover img {
    transform: translate(-.1rem, -.1rem) scaleX(-1);
}
.events-button-image img{
	transform:scaleX(-1);
}
.events-card-title,
.event-type-text{
	font-family:var(--GeDinarMedium);
}

.event-type-text {
    letter-spacing: unset;
}
.view-all-arrow img{
	
	transform:scaleX(-1);
}
.view-all-news:hover img {
    transform: translate(-0.1rem, -0.1rem) scaleX(-1);
}
.latestNews .row .col-lg-4 .card .card-body .card-title{
	font-family:var(--GeDinarMedium);
}
.latestNews .row .col-lg-4 .card .card-img-overlay .newsDate .icon {
    margin-left: .4rem;
	margin-right:0;
}
.footer-link-container-title{
	letter-spacing:0;
	font-family:var(--GeDinarMedium);
}
/* BANNER START */
.heroBanner .swiper-wrapper .swiper-slide .landing-title{
 font-family:var(--GeDinarMedium);
}
.heroBanner .swiper-wrapper .swiper-slide .landing-button-text{
	font-family:var(--GeDinarMedium);
	margin-left: 0.7rem;
}
.heroBanner .card-img-overlay .landing-subtitle-text{
	font-family:var(--GeDinarMedium);
}
.heroBanner .card-img-overlay .landing-subtitle-text::before {
    left:auto;
    right: 0;
}
.heroBanner::after {
    transform: scaleX(-1);
    animation: 1s ease 0s 1 normal none running animate-hero-ar;
}
@keyframes animate-hero-ar {
    0% {
        opacity: 0;
        transform: translateY(100%) scaleX(-1);
    }

    100% {
        opacity: 1;
        transform: translateY(0%) scaleX(-1);
    }
}
.heroBanner .swiper-wrapper .swiper-slide .card-img-overlay::before {
    background: linear-gradient(to left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.landing-button-image{
	transform:scaleX(-1);
}
/* BANNER END */
/* SERVICES CARDS START */
.servicesCards .card-title{
	font-family:var(--GeDinarMedium);
}
.servicesCards .services-card-button svg {
    scale:-1;
}
.servicesCards .services-card .icon::after {
    right: -0.9rem;
    left:auto;
}
/* SERVICES CARDS END */
/* ABOUT US - HOME PAGE START */
.about-us-subtitle{
 font-family:var(--GeDinarMedium);
}
.aboutUs h2.appTitle{
 font-family:var(--GeDinarMedium);
}
.about-us-check::before{/* transform:translate(-50% , -50%) scaleX(-1); */}
.generator-image-container .logo-image {
    left: 2.5rem;
    right:auto;
}
.about-us-list-item-text{
	font-family:var(--GeDinarMedium);
}
.plumbing-image-container {
    right: 0%;
    left:auto;
}
.generator-background-image {
    right: 13rem;
    left:auto;
}
.experience-container {
    right: 31%;
    left:auto;
}
.experience-text {
	font-family:var(--GeDinarMedium);
}
.about-us-check img{
 transform:scaleX(-1);
}
.about-us-button-text{
 font-family:var(--GeDinarMedium);
 margin-left: 1rem;
}
/* ABOUT US HOME PAGE END */
/**/
.events-section .events-container .upcoming-events-title{
  font-family:var(--GeDinarMedium);
}
.events-date-container {
    right: 2rem;
    left:auto;
}
.events-date-month{
  font-family:var(--GeDinarMedium);

}
/**/
/* site links start */
.siteLinks .swiper-wrapper .swiper-slide .card .card-title{
	font-family:inherit;
}
.siteLinks .swiper-wrapper .swiper-slide .card .card-title::after {
    right: 0;
	left:auto;

}
/* site links end */
/* MEDIA CENTER - HOME PAGE START */
.mediaCenter .row .col-lg-4 .card .card-img-overlay .media-card-title, .allMedia .card .card-img-overlay .card-title{
	font-family:var(--geDinarMedium);
}

.account-information-section {

    background: url(../media/Service/Accountbanner-ar.jpg) no-repeat;
}

.media-card-date{
	left:0;
	right:auto;
}
.media-card-date::after{
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius:0;
}
.mediaCenter .col-lg-4 .card .card-img-overlay .media-card-inner-border {
    mask-image: linear-gradient(to bottom, transparent 7rem, black 0%), linear-gradient(to right, transparent 6rem, black 0%);

}
/* MEDIA CENTER - HOME PAGE END */
.important-links-item {
    right: 1.7rem;
}

.main-header .header-buttons-container {
    left: 0;
    right: auto;
}
main-header .header-links-container .header-link.mobile-menu-title {
    padding-right: 2rem;
    padding-left: 0;

}

.language-picker-container {
	    transform: translate(50%, 50%);
}

.language-picker-container.active {
    transform: translate(50%, 0);
    
}
.landing-swiper-pagination.swiper-pagination-bullets.swiper-pagination-vertical {
    margin-right: 0;
    margin-left: 4.5rem;
    right: auto;
    left: 0;
}

img.landing-pattern-img {
    transform: scaleX(-1);
}

.landing-button {
    padding: .7rem 1.7rem .7rem 1rem;
}

.landing-subtitle-line {
    margin-right: 0;
    margin-left: 1rem;
}

.landing-content-main {

    transform: translateX(200%);
}

.services-card-button img {
    transform: rotate(225deg);
}

.about-us-images {

    transform: translateX(300%);
}

.about-us-content {
    transform: translateX(-300%);
}

.about-us-check {
    margin-right: 0;
    margin-left: 0.7rem;
}

.about-us-button {
    padding: .7rem 1.7rem .7rem 1rem;

}

.sitelinks-button img {

    transform: scaleX(-1);
}

.events-clock-image-container {
    margin-left: .5rem;
    margin-right: 0;

}

.twitter-feed-container {
    transform: translateX(200%);
}

.events-button {
    right: auto;
    left: 1.5rem;
}

.media-subtitle {
    transform: translateX(150%);
}

body .econtainer .main-title {
    transform: translateX(200%);
}

.view-all-news {
    transform: translateX(-100%);
}

.media-card-data {
    left: auto;
    right: 2rem;
}

.media-card-line {

    margin-left: .8rem;
    margin-right: 0;

}

.footer-link-container-title.collapsed::after {
    right: auto;
    left: 0;

}

.footer-link-container-title:not(.collapsed)::after {
    right: auto;
    left: 0;

}

.footer-lower-links-container {
    transform: translateX(100%);
}

.footer-copyrights-container {
    transform: translateX(-100%);
}

.media-swiper-pagination.swiper-pagination {
    transform: translate(50%);
    direction: ltr;
}

.media-swiper-button.swiper-button-prev img {

    transform: rotate(0);

}

.view-all-text {

    padding-left: 1rem;
    padding-right: 0rem;
}

.media-swiper-button img {
    transform: rotate(180deg);
}

.overview-images {
    transform: translateX(100%);
}

.overview-content {
    transform: translateX(-100%);

}

.account-information-text-container {
    transform: translateX(100%);
}

.account-information-button {
    transform: translateX(-100%);
    padding: .7rem 1.7rem .7rem 1rem;
}

.main-header .header-links-container .header-link-dropwdown-arrow img{
	
	transform: scaleX(-1);
}

.main-header .header-links-container .header-link-dropdown-menu-item-list{
	
	right: auto !important;
}

.mobile-menu-subtitle-suby{
	padding-left: 0;
	padding-right: 	1rem;
}
.header-links-arrow img{
	transform: scaleX(-1);
	
}
.main-header .header-links-container li.header-link-dropdown-menu-item-list-item{
	
	padding-left:0;
	padding-right: 2rem;
}
.mobile-menu-subtitle-suby::before{
	left: auto;
	right: 	-1rem;
	transform: translateY(-50%) rotate(0);
}
.main-header .header-links-container .header-link-dropdown-menu{
	right: auto !important;
}

 .main-header .header-links-container .header-link {
            padding-left: 1rem;
    padding-right: 2rem;    }
    
    .bill-calculator-submit{
    
margin-left :0;
    
margin-right: 50%;
    
/* transform: translateX(50%); */
    }
    
    .data-input-custom-calendar,
    .data-input-custom-caret{
    right:auto;
    left:.7rem;
}

.data-input-checkbox-group-item-label{
padding-left:0;
padding-right: 2rem;
}

.data-input-checkbox-group-item-label::before{

	left:auto;
	right: 0;

}
.data-input-submit {
    /* margin-right: 50%; */
    /* margin-left: 0%; */
    /* transform: translateX(50%); */
    /* border-radius: 2rem; */
    font-family: var(--GeDinarMedium)!important;!i;!;
}
.whoWeAre h4{
    font-family: var(--GeDinarMedium);
}
.whoWeAre ul li::before {
    left: auto;
    right: 0;
 }



.footer-quick-links-swiper-slide.swiper-slide{
    border-left: unset;
    border-right: 1px solid #DDDDDD;
}

.footer-quick-links-swiper-slide.swiper-slide:last-child{
    border-left: 1px solid #DDDDDD;
}

.announcementPopup .modal-header .card-img-overlay{
    background: linear-gradient(-45deg, black, rgb(0 0 0 / 16%));
   }
   .announcementPopup .modal-header button {
      left: 2rem;
      right:auto;
    }
    .announcementPopup .modal-header .card-img-overlay .date svg, .announcementPopup .modal-header .card-img-overlay .time svg, .announcementPopup .modal-header .card-img-overlay .location svg {
    margin-left: .5rem;
    margin-right:0;
}
.announcementPopup .modal-header .card-img-overlay .time, .announcementPopup .modal-header .card-img-overlay .location {
    margin-right: 2rem;
    margin-left:0;
}
.leaflet-left{
	left:1rem;
	right:auto;
}
.headquarters > .row > .col-lg-4 .card {
    transform: translateX(100%);
}
.headquarters .col-lg-8 .topSection .appTitle {
    transform: translateY(-100%);
}
.headquarters .col-lg-8 .topSection p {
    transform: translateY(-100%);
}
.headquarters .col-lg-8 .contactInformations .card {
    transform: translateY(-100%);
}
@media (min-width: 768px) {



	.textImage.text-alt .row .col-lg-6:last-child{
	margin-left: unset; 
	margin-right: 2rem;
}

	.statistics .visionMission .ourVision:first-child{
	border-right: unset;
    padding-right: unset;
    padding-left: 4rem;
    border-left: 1px solid rgb(255 255 255 / 26%);
}

.statistics .visionMission .ourVision:last-child{
	 padding-right: 4rem;
    padding-left: unset;
}

	.statistics .card, .statistics .card .card-img-top, .statistics .card .card-img-top img, .statistics .card .card-img-overlay, .statistics .visionMission{
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

	.statistics{
	padding-left: unset;
    padding-right: 8rem;	
}

}
@media (min-width: 992px) {

	.thabit-fields .col.outstanding {
	padding-left: unset !important;
}


.thabit-fields .col:nth-child(even){
	padding-right: 15px;
	padding-left: unset;
}

.thabit-fields .col:nth-child(odd){
	padding-right: 15px;
	padding-left: 15px;
}


	
	    .headquarters .col-lg-8 .topSection, .headquarters .col-lg-8 .contactInformations {
        padding-right: 33.333333%;
        padding-left:1rem;
    }

	header ul.dynamic.megaMenu .parentli>a.dynamic span.menu-item-text, header ul.dynamic.megaMenu .parentli>span.dynamic span.menu-item-text{
        letter-spacing: unset;
    }

	header ul.dynamic.megaMenu .parentli:first-child {
        padding-left: 3rem;
		padding-right: unset;
    }

	 header ul.dynamic.megaMenu .parentli:last-child {
        padding-right: 3rem;
		 padding-left: unset;
    }



header li.static.dynamic-children>ul.dynamic{right:0!important; left:auto;}


header .search{
	
	left:unset;
}
    li>.static .dynamic-children:after {
        left: .5rem;
        right:auto;
        transform: rotate(0deg) translateY(-75%)!important;
    }
        header .root > .static {
        padding: 1.5rem 1rem 2rem 1.8rem;
       }
           header ul.dynamic.megaMenu .parentli {
        border-left: 1px solid rgba(0 0 0 / 15%);
       border-right:none;
    }

}

@media (min-width: 1200px) {
.headquarters > .row > .col-lg-4 {
        right: 6rem;
        left:auto;
            }
.headquarters .col-lg-8 .topSection, .headquarters .col-lg-8 .contactInformations {
        padding-right: 43.666667%;
        padding-left:6rem;
    }

.media-swiper-button.swiper-button-prev {
        right: 7rem;
    }


.media-swiper-button.swiper-button-next {
        left: 7rem;
    }


	.important-links-container{
	
right: auto;
}
/* ABOUT US - HOME PAGE 1200PX START */
    .about-us-images {
        padding-right: 7rem;
        padding-left:0;
    }
/* ABOUT US - HOME PAGE 1200PX END */
    .important-links-container {
        left: 5rem;
    }
        .important-links-container.active {
        left: 50%;
        right: auto;
        transform: translate(-50%, 50%);
        z-index: 99999;
    }

    .language-picker-container{
    	left:0;
    	right: 50%;
    }
.main-header .header-links-container li.header-link-dropdown-menu-item-list-item
{
	
	padding-right:0;
}

    .important-links-item {
        right: 50%;
    }
.main-header .header-links-container .header-link-dropdown-menu-item-container{
	border: 0;
	border-left: 2px solid #EDEDED;
	padding-right:	0;
	padding-left: 3rem;
}

.main-header .header-links-container .header-link-dropdown-menu-item-container:first-of-type{
		border-left: 2px solid #EDEDED;
		padding-left: 3rem;
}
    .main-header .header-links-container .header-link-dropdown-after {
        transform: translateX(1rem);
    }
    .main-header .header-links-container .header-link-dropdown-menu{
	right: -11rem !important;
	left: auto;
}
.main-header .header-links-container .header-link-dropdown-menu.small-menu{
	right:1rem !important;
	left: auto;
}
    .header-caret {
        margin-right: 1rem;
        margin-left: 0;
    }
    .main-header .header-links-container .header-link-dropdown-menu.small-menu .header-link {
        padding-right: 0;
     
    }
    .footer-link-container-title {
        padding-left: 0;
        padding-right: 1rem;
    }

    .footer-link-container-title::before {
        left: auto;
        right: 0;
    }

    .overview-section .overview-title {
        padding-right: 0;
    }
    
        .faq-card-item-answer {
        font-size: 1rem;
        padding-right: 0;
        padding-left: 17rem;
    }
}
@media (min-width: 1600px) {
	.landing-button{
    padding: .7vw 1.7vw .7vw 1vw;
	}
	.heroBanner .swiper-wrapper .swiper-slide .landing-button-text{
	margin-left: 0.7vw;
}
	/* SERVICES CARDS START 1600 */
	.servicesCards .services-card .icon::after {
    right: -0.9vw;
}
	
.subtitle-design {
    border-radius: 2vw;
    border: 0.0625vw solid #DEDEDE;
    padding: 0.7vw 1.2vw;
    letter-spacing: 0.0625vw;
    line-height: 1.1875vw;
    letter-spacing: 0;
}
	/* SERVICES CARDS END 1600 */
}