* {
  font-family: 'GE_SS_Two_Medium', sans-serif !important;
}

@font-face {
    font-family: ArbFONTS;
    src: url("../font/ArbFONTS-GE_SS_Two_Bold.woff2"); 
    font-weight: bold;
  }
  @font-face {
    font-family: GE_SS_Two_Medium;
    src: url("../font/ArbFONTS-59GE-SS-Two.woff2");
    font-weight: 400;
  }
body,
html {
/* width: 100%; */
    font-family: 'ArbFONTS', sans-serif !important;
    direction: rtl;
text-align: right;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,a ,address , ul ,li {
text-align: right;
}

    
    p , a ,h5 ,h6 ,strong , ul ,li {
    font-family: 'GE_SS_Two_Medium', sans-serif !important;
      
    }
.about-img {
    right: 11%;
    left: unset;
}
.intro-img {
    right:unset;
    left: 0;
}
.hero .right h6::before {
    right:20%;
    left: unset;
    top: 50%;
}
.about-imgs-sction-2-img2 {
    left: unset ;
    right:-70px ;
}
.about-imgs-sction-2-img::before {
    right:-3% ;
    left: unset ;
}
.about-imgs-sction-2-img2::after {
    left: -6% ;
    right:unset;
}
.about-question-text {
    right: 8% ;
    left: unset;
}
.border-img {
    right: 3%;
    left: unset;
}

.border-img-right {
    left: 6%;
    right: unset ;
}
.intro-img-design {
    right: 0 ;
    left: unset;
}
.design-color-opacity {
    left:0% ;
    right: unset;
    bottom: -6%;
}
.Shape-left {
    right:  -15%;
    left: unset;
}
.Implementation .intro-img {
    right:  unset;
    left: 0 ;
}.map-section .button-nav-fil {
    margin-right: unset !important;
    margin-left: auto !important;
}
.Shape {
    left:  -15%;
    right: unset;
}

.input_jop {
    padding-right: 3rem;
    padding-left: 1rem;
}

.about-question-text p:nth-child(2) {
    width: 37%;
}
.hero-section-2 .right {
    padding-bottom: 100px ;
}
.hero-section-2-p {
    padding-top: 100px !important;
}


.sahaba {
    background: url("../img/sahaba.png") no-repeat;
    background-size: 100% 50%;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    padding-left: 0;
    padding-right: 30px;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    left: unset;
    right: 0;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    right: 4px;
    left: unset;
}
.icon_jop {
    left: unset;
  right: 1rem;
  }


.active-nav-bar {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}