* {
direction: ltr;
}
html[lang="ar"] .et_header_style_left .logo_container, html[lang="ar"] .single-post #content-area{
text-align:right;	
font-family: 'bahij-thesansarabic-regular', sans-serif;
font-family: 'Bahij_TheSansArabic-Bold' !important;
}
html[lang="ar"] *, html[lang="ar"] body{
font-family: 'bahij-thesansarabic-regular', sans-serif !important;
font-family: 'Bahij_TheSansArabic-Bold' !important;
direction:rtl;
}
html[lang="ar"] p{
font-family: 'bahij-thesansarabic-regular', sans-serif !important;
font-family: 'Bahij_TheSansArabic-Bold' !important;
}
html[lang="ar"] .what-we-do-box h3{
}
html[lang="ar"] .header-right-box{
left:0;
right:auto;
}
html[lang="ar"]  .lang-box{
direction:initial !important;
right: 0 !important;
left: unset;
}
html[lang="ar"]   .trp-language-switcher{
right:auto;
left:0;
}
html[lang="ar"]  .check-box-txt img{
margin-right: -32px;
margin-left:auto;
}
html[lang="ar"]  .round-img-right {
position: relative;
}
html[lang="ar"] .round-img-right:after{
right:0;
}
html[lang="ar"] .home-news .swiper-button-next {
left: -72px;
right: auto;
transform: rotate(180deg);
}
html[lang="ar"]  .home-news .swiper-button-prev {
right: -72px;
transform:rotate(0deg);
}
html[lang="ar"] .header-right-box img {
left: 0;
right: -5px;
transform: rotate(-110deg);
}
html[lang="ar"]  .header-right-box {
display: row !important;
padding-right: 30px;
}
html[lang="ar"] img.wtach-icon{
float:right;
}
html[lang="ar"]  .social-icon {
display: inline-block;
margin-top: 14px;
margin-right: 42px;
}
html[lang="ar"] .footer-icon img {
width: 22px;
position: relative;
top: 0px;
margin-right: 0;
float: right;
margin-left: 10px;
}
html[lang="ar"] .footer-icon li {
list-style: none;
float: right;
direction:ltr;
}
html[lang="ar"] .how-we-do-round.before:before {
left: -49px;
left: -80px;
transform: rotate(-180deg);
top: -60px;
}
html[lang="ar"] .how-we-do-round.after:after {
left: -80px;
transform: rotate(-180deg);
top: 45px;
}
html[lang="ar"] .home-hero p {
max-width: 490px;
}
html[lang="ar"]  .et_header_style_left #et-top-navigation {
padding-top: 33px;
padding-left: 0 !IMPORTANT;
padding-right: 0 !IMPORTANT;
}
html[lang="ar"]  .et_pb_row .et_pb_column.et-last-child, html[lang="ar"]   .et_pb_row .et_pb_column:last-child, html[lang="ar"]   .et_pb_row_inner .et_pb_column.et-last-child, html[lang="ar"]   .et_pb_row_inner .et_pb_column:last-child{
margin-left:0;
}
.icon-img-holder {
height: 100px;
}
.sector-exp ul li {
width: 18%;
text-align: center;
list-style: none;
padding: 0 1%;
margin:20px 0;
border-right: 1px solid #c5c5c5;
padding-top:20px;
transition:all ease-in-out .3s
}
.sector-exp ul li:nth-child(5), .sector-exp ul li:last-child{
border:0;
}
.icon-img-holder img{
transition:all ease-in-out .3s
}
.sector-exp ul li:hover {
background: #e84854;
color: #fff;
}
.sector-exp ul li:hover .icon-img-holder img {
filter: invert(1) brightness(100);
}
html[lang="ar"] .sector-exp ul li{
border-left:1px solid #c5c5c5;
border-right:0;
}
html[lang="ar"]  .sector-exp ul li:nth-child(5), html[lang="ar"]  .sector-exp ul li:last-child{
border:0;
}
.what-we-do-page .what-we-do-box{
padding:60px;
}
.client-says-txt p{
font-size:14px;
}
.client-says-txt p.black-txt {
min-height: 145px;
padding: 0px 20px;
}
.client-says-txt h4 {
margin: 0 0px 0px 0px;
font-weight: bold;
}
@media (min-width: 981px){
html[lang="ar"] .et_pb_gutters3 .et_pb_column, html[lang="ar"] .et_pb_gutters3.et_pb_row .et_pb_column {
margin-left: 3%;
margin-right:0;
}
html[lang="ar"] footer .et_pb_gutters3 .et_pb_column{
margin-left:5%;
}
html[lang="ar"]  .et_pb_row {
padding: 35px 0;
display: flex;
}
html[lang="ar"] .border-right {
border-right: 0 solid #979797;
border-left: 1px solid #979797;
}
}
html[lang="ar"]  .header-right-box p {
padding-bottom: 0px;
font-size: 12px;
text-align: right;
padding-bottom: 0px;
font-size: 18px !important;
line-height: 31px;
margin-top: -8px;
}
.home-news {
width: 100%;
overflow: hidden;
}
.custom-footer li, .custom-footer, .custom-footer p, .custom-footer a{
color:#fff;
}
.header-right-box {
display: inline-block;
}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu, #et-top-navigation {
float: none !important;
width: 75%;
}
@media(min-width:982px){
html[lang="en-US"] #top-menu>li:first-child, .bottom-nav li:first-child{
padding-right:22px;
}
html[lang="en-US"] #top-menu>li:last-child, .bottom-nav li:last-child{
padding-right:0;
}
html[lang="ar"] #top-menu>li{
padding-left:22px;
padding-right:0;
}
html[lang="ar"] #top-menu>li:first-child, .bottom-nav li:first-child{
padding-right:0;
}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu, #et-top-navigation {
display:inline-block;
}
}
.et_header_style_left #et-top-navigation {
padding-top: 33px;
padding-left: 0 !IMPORTANT;
}
.et_fixed_nav #main-header {
position: fixed;
height: 83px !important;
}
html[lang="en-US"] .et_fixed_nav #main-header {
direction:ltr;
}
.header-btn a:hover, .default-btn-red a:hover{
background:#2a279a;
}
.border-right.none{
border:none !important;
}
.home-1:after {
content: "";
background: url(//mpr.com.sa/wp-content/uploads/2023/08/header-layer.png);
width: 500px;
height: 483px;
position: absolute;
right: -824px;
bottom: 0;
transition: right 1s ease-in-out;
opacity: .8;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
} .home-1.animation-triggered:after {
right: 0; }
html[lang="ar"] .home-1:after{
right:auto;
left:0;
background-image:url(//mpr.com.sa/wp-content/uploads/2023/08/header-layer-arabic.png);
background-position: bottom left;
}
html[lang="ar"] .what-we-do-box:after{
transform:skew(0deg, -2deg);
}
.home-1 video {
max-width: none;
opacity: .4;
}
.post-meta{
display:none;
}
#top-menu a {
color: #000 !important;
font-weight: normal !important;
}
.sector-exp ul{
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 91%;
margin: auto;
direction:ltr;
}
html[lang="ar"]  .sector-exp ul{
direction:rtl;
}
html[lang="ar"] .what-we-do-box:hover:after {
transform: skew(0deg, 5deg);
}
@media (min-width: 981px){
html[lang="ar"] .et_right_sidebar #main-content .container:before {
left: 20.875% !important;
right:auto !important;
}
html[lang="ar"] .et_right_sidebar #left-area {
float: right !important;
padding-left: 5.5% !important;
padding-right:0 !important;
}
html[lang="ar"]  #sidebar {
float: right;
width: 20.875%;
padding-right: 30px;
padding-left: 0 !important;
}
}
@media(max-width:1600px){
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu, #et-top-navigation {
width: 72%;
}
.et_header_style_left #et-top-navigation nav ul li>a {
padding-bottom: 33px;
font-size: 13px;
}
.blue-round-box {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.how-we-do-round {
margin-bottom: 30px;
width: 230px;
}
.blue-box-txt p{
font-size:16px;
}
.blue-box-txt p br{
display:none;
}
.home-1:after {
width: 500;
height: 486px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.round-img-right:after{
right:15px;
}
.default-txt p br {
display:none;
}
.footer-icon li {
font-size: 13px;
width: 89%;
}
.home-hero p br{
display:block;
}
}
@media(max-width:1400px){
.container.et_menu_container{
max-width:100%;
width:100%;
padding:0 20px !important;
}
.home-1:after {
width: 530px;
height: 486px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.border-right h3.title {
color: #e84853;
font-size: 16px;
}
.border-right span.percent-value {
color: #2a279a;
font-size: 70px;
}
#section-identify-2 .et_pb_row{
width:100% !important;
max-width:100% !important;
padding:30px 0 !important;
}
}
@media(max-width:1200px){
#top-menu li {
display: inline-block;
font-size: 14px;
padding-right: 7px;
}
.home-hero h1 {
margin-bottom: 17px;
font-weight: 300;
line-height: 55px;
font-size: 50px;
padding-top: 30px;
}
.home-1 .et_pb_module{
max-width:500px !important;
}
.home-1 .et_pb_module p {
font-size: 12px;
}
p.menu-number {
font-size: 16px;
}
h2 {
font-size: 45px;
font-weight: bold;
}
.what-we-do-box {
min-height: 325px;
margin-bottom: 40px;
}
.home-4 .et_pb_gutters2 .et_pb_column_1_4 {
width: 46.75% !important; margin: 0 0 0 3% !important;  }
}
@media(max-width:980px){
html[lang="ar"] #et_mobile_nav_menu{
float:left;
}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu, #et-top-navigation{
width:100%;
}
.header-right-box{
margin-top:0 !important;
}
.home-1:after{
display:none;
}
.how-we-do-round.after:after{
display:none;
}
.how-we-do-round.before:before{
display:none;
}
.home-news .swiper-button-next:after, .swiper-button-prev:after{
font-size:50px;
}
.round-img-right {
max-width: 100%;
}
.home-news .swiper-button-next {
right: -29px;
}
.home-news .swiper-button-prev {
left: -29px;
}
}
@media(max-width:768px){
.new-grid-box {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 0;
margin-bottom: 40px;
}
.home-4 .et_pb_gutters2 .et_pb_column_1_4{
width:100% !important;
}
.lang-box{
left:-15px;
}
html[lang="ar"] .lang-box{
lefT:0;
}
html[lang="ar"] .trp-language-switcher {
right: auto;
left: 19px;
top: 2px;
}
.client-logo-grid {
width: 49%;
}
}
@media(max-width:480px){
.home-hero p br{
display:none;
}
.what-we-do-page .what-we-do-box{
padding:20px;
}
p {
font-size: 14px;
}
.home-hero h1 {
margin-bottom: 17px;
font-weight: 300;
line-height: 38px;
font-size: 26px;
padding-top: 30px;
}
span.red-line:after {
background: #e84854;
height: 8px;
width: 98%;
position: absolute;
content: "";
bottom: 5px;
left: 2%;
z-index: -1;
}
.header-btn a {
background: #e84854;
color: white;
font-size: 18px;
padding: 14px 29px;
border-radius: 12px;
font-weight: bold;
display: inline-block;
letter-spacing: 1px;
}
.home-1 {
padding: 0 0 !important;
}
.header-right-box{
display:none !important;
}
h2 {
font-size: 30px;
font-weight: bold;
}
.mpr-text p {
line-height: 21px;
margin-bottom: 4px;
color: #111;
}
.check-box-txt h4 { margin: 0px 20px;
font-size: 11px;
}
.contact a.blue-btn {
background: #2a279a;
padding: 9px 21px;
border-radius: 25px;
margin: 0px 29px;
margin-top: 15px;
display: inline-block;
font-size: 18px;
}
.contact a.red-btn {
background: #e84854;
padding: 16px 22px;
border-radius: 25px;
margin: 0px 29px;
margin-top: 15px;
display: inline-block;
font-size: 16px;
}
body, html{
overflow-x:hidden
}
html[lang="ar"] .home-news .swiper-button-next {
right: auto !IMPORTANT;
left: -20px;
}
html[lang="ar"] .home-news .swiper-button-prev {
left: auto !IMPORTANT;
right: -20px;
}
}