@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');
 
body,
html {
 text-align: right;
 font-family: 'El Messiri', sans-serif !important;

}
h1, h2 ,h3 {
line-height: 1.1;
 font-family: 'El Messiri', sans-serif !important;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,a ,address , ul ,li {
padding: 0;
margin: 0px !important; 
text-align: right;
}
.about-title-shadow::before {
     
    left: unset;
    right: 0;
 }

.about-title-shadow h6 {
    font-size: 14px;
    color: var(--h6);
    margin-left: 0 !important;
        margin-right: 79px !important;

}
 
.searchButton-nav {
     right: unset;
    left: 13px;
}
  .input_jop {
     padding-left: 1pc;
     padding-right: 3rem;
}
.icon_jop {
    position: absolute;
    right: 1rem;
    width: 1rem;
    left: unset;
}
.flex-border-ReadMore h6 {
    margin-left: unset !important;
    margin-right: -27px !important;
}

.hero .flex-border-ReadMore svg {
    margin-left: unset;
    margin-right: 12px;
    transform: rotate(178deg);
}
.card-content-services-title {
  
    top: -18%;
     left: unset;
    right: 0;
}

.colse-icon {
    top: 32px;
    right: 46px;
 }
.services-page-padding ul {
    margin-top: 40px !important;
    padding-right: 21px;
        padding-left: 0;

}