/* ARABIC PAGES RTL CSS STYLES */

.nav-side:before {
    left: unset !important;
    right: -31px !important;
}

.nav-side li a:before {
    left: unset !important;
    right: -35px !important;
}

.reviva-pic {
    right: unset !important;
    left: 0 !important;
}

.sc-head h2:before {
    right: 0 !important;
}

.sc-head-inner h2:before {
    right: 0 !important;
}

.offering-bk-tab .nav-tabs .nav-link {
    text-align: right !important;
}

.pic-tbOffer {
    right: unset !important;
    left: 0 !important;
}

.pic-tbOffer:before{
  background: -moz-linear-gradient(right, rgba(246,246,246,1) 0%, rgba(246,246,246,0.1) 100%);
  background: -webkit-gradient(right top, left top, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(246,246,246,0.1)));
  background: -webkit-linear-gradient(right, rgba(246,246,246,1) 0%, rgba(246,246,246,0.1) 100%);
  background: -o-linear-gradient(right, rgba(246,246,246,1) 0%, rgba(246,246,246,0.1) 100%);
  background: -ms-linear-gradient(right, rgba(246,246,246,1) 0%, rgba(246,246,246,0.1) 100%);
  background: linear-gradient(to left, rgba(246,246,246,1) 0%, rgba(246,246,246,0.1) 100%);
}

input.form-control {
    text-align: right;
}

.box-vision-mision .vm-icon {
	left: 20px !important;
	right: unset !important;
}

.nav-location li {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    margin-left: 8px !important;
}

.nav-location li:before {
    right: unset !important;
    left: 0 !important;
}

.inner-banner-whoAre .title-page h1 {
    text-align: right !important;
	line-height: 75px;
}


.esg-picture {
    left: 0 !important;
    right: unset !important;
}

.esg-picture img {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}

.section-ESG .container {
    padding-left: 0 !important;
    padding-right: 150px !important;
}

#esg-slider .owl-nav {
    left: unset !important;
}

#esg-slider .owl-nav button{
	flex-direction: row-reverse !important;
}

#esg-slider .owl-prev .fa-long-arrow-left:before {
    content: "\f178" !important;
}

#esg-slider .owl-next .fa-long-arrow-right:before {
    content: "\f177" !important;
}

#esg-slider .owl-dots {
    left: unset !important;
}

#esg-slider .owl-item{
	padding: 0 1px;
}

.map-nav-icon {
    right: unset !important;
    left: 0 !important;
}

div#sc-who-are {
    background-image: url(https://reviva.sa/wp-content/uploads/2023/10/bg-who-ar.jpg) !important;
}

#home-slider .owl-nav {
    flex-direction: row-reverse !important;
}

.home-slide-item:after{
  background-image: url(../images/patern-hmm-ar.png) !important;
}

.home-slide-item:before{
  background-image: url(../images/patern-hm-ar.png) !important;
}

.inner-banner-whoAre.section-inner-banner:before{
  background-image: url(../images/over-bf-who-ar.png) !important;
}

.box-subscribe:before {
    left: unset !important;
}

.box-subscribe {
    border-radius: 0 40px 0 0 !important;
    padding: 40px 30px 100px 250px !important;
}

.layer-subscribe img, .lead-pic img {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}

.section-with-us{
  background-image: url(../images/bg-with-ar.png) !important;
  background-position: right !important;
}

.sc-head-contact:before {
    right: 0 !important;
}

.inner-banner-lead .title-page h1 {
    line-height: 90px;
}

.pro-txt-overlay p {
    line-height: inherit !important;
}

.nav-side li a {
	line-height: inherit !important;
}

.esg-details-content p {
    line-height: inherit !important;
}

.offering-bk-tab .nav-tabs .nav-link {
    line-height: inherit !important;
}

.bk-txt-content p {
    line-height: inherit !important;
}

.back-page > a {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
}

.box-with-us:before {
    left: 0 !important;
    right: -40px !important;
    transform: rotate(0deg) !important;
}

.form-sty .btn-color2 .fa-long-arrow-right:before {
    content: "\f177" !important;
}

.form-sty .btn-green .fa-long-arrow-right:before {
    content: "\f177" !important;
}

/* Responsive Fix for Mobile - Arabic */
@media screen and (max-width: 767px){
	.section-ESG .container {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}