:root{--font: "Tajawal", sans-serif;}
html, body {
    font-family: var(--font);
    font-size: 14px;text-align: right;direction: rtl;
}
.sticky-wrapper .site-navbar{padding: 16px 64px 14px 18px;}
/* .sticky-wrapper .site-navbar .d-flex {flex-direction: row-reverse;}
.row {flex-direction: row-reverse;} */
.logo-wrap, .menu-wrap {
    margin-left: 20px;
}
.hero-wrapper-inner .item .cover{left: auto;right: 80px;}
.hero-wrapper .item .cover .header-content h1{text-align: right;}
/* @media (min-width: 992px) {
    .site-navbar .site-navigation .site-menu {
        flex-direction: row-reverse;
    }
} */

.hero-wrapper .item .cover .header-content h1{font-family: var(--font);font-size: var(--f48);}
.hero-wrapper .item .cover {max-width: 610px;}
.g-38 {
    gap: 26px !important;
}
.about-txt .row {--bs-gutter-x:30px}
.redmore-btn{min-width: 142px;}
.service-block{padding: 34px 60px 27px 30px;}
.service-block .actions{width: 100%;align-items: center;}
.service-block .actions .wawes {
    margin-bottom: 0px;
}
.max-320{max-width: 318px;}
.commitment-list .commitment-block{padding: 32px 0;display: flex;align-items: center;}
.commitment-list .col-12:last-child {
    border-right: 1px solid #fff;
}
.commitment-list .col-12:first-child {
    border-right: 0px solid #fff;
}
.split-img .split-img-bg {
    padding: 86px 84px 37px 0px;
    margin-right: 0;
    margin-left: -58px;
}
.split-row .row:nth-child(2n) .split-img .split-img-bg {
    padding: 86px 0px 37px 84px;
    margin-right: -58px;
    margin-left: 0px;
}
.split-row .row:nth-child(2n) .split-img .split-img-bg img {
    margin-right: -58px;
    margin-left: 0;
}
.split-row .row:nth-child(2n) .split-img .split-img-bg .icon-bg{margin-right: -58px;}
.split-row .row:nth-child(2n) .split-img .split-img-bg .icon-bg img{margin-right: 0px;}
.split-content-wrapper{margin-left: 0;margin-right: auto;}
.split-row .row:nth-child(2n) .split-content-wrapper {margin-left: auto;margin-right: 0;}
.site-navbar .site-navigation .site-menu .has-children .dropdown{padding: 16px 14px 16px 14px;text-align: right;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {padding: 0 20px 0 0px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:before{left: auto;right: 5px;}
.service-content {
    margin-left: 0;
    margin-right: auto;
}
.service-content ul {
    margin: 0;
    padding: 0 30px 0 0px;
}
.colored-boxes li.small-padd {
    padding: 25px 28px 18px 7px;
}
.footer-link ul ul li {
    position: relative;
    padding-left: 0;
    padding-right: 16px;
}
.footer-link ul ul li::after {
    left: auto;right: 0;
}

/* Responsive Design */
@media screen and (max-width: 1399px) {
  .hero-wrapper .item .cover .header-content h1{font-size: var(--f42);}
  .hero-wrapper .item .cover {max-width: 574px;}
}
@media screen and (max-width: 1279px) {
  html,body{font-size: 13px;}
  .sticky-wrapper .site-navbar{padding: 16px 48px 14px 18px;}
  .hero-wrapper .item .cover{max-width: 530px;bottom: 80px;}
  .hero-wrapper .item .cover .header-content h1{font-size: 38px;}
  .service-block{padding: 26px 40px 22px 18px;}
}
@media screen and (max-width: 1200px) {
  .split-img .split-img-bg {padding: 66px 64px 37px 0px;}.split-row .row:nth-child(2n) .split-img .split-img-bg {padding: 66px 0px 37px 64px;}
  .split-img .split-img-bg img{max-width: calc(100% + 58px);}
  .split-content-wrapper{padding: 15px 0;}
}
@media screen and (max-width: 1099px) {
  .sticky-wrapper .site-navbar{padding: 16px 32px 14px 18px;}
  .hero-wrapper .item .cover{max-width: 510px;bottom: 80px;}.hero-wrapper .item .cover .header-content {padding: 0 0 0 27px;}
  .hero-wrapper .item .cover .header-content h1{font-size: 34px;}
  .title{font-size: var(--f38);}
  h3.title {font-size: var(--f34);}
  .mb-72 {margin-bottom: 48px !important;}
  .service-block{padding: 26px 30px 16px 20px;}.service-block .icon svg {max-width: 96px;max-height: 96px;}.service-block h3{font-size: var(--f20);}
  .service-block .actions a{font-size: var(--f15);}.service-block .wawes svg{max-width: 60px;height: auto;}
  .section {padding: var(--f40) 0;}
  .split-img .split-img-bg {padding: 66px 30px 20px 0px;margin: 0;}.split-row .row:nth-child(2n) .split-img .split-img-bg {padding: 66px 0px 20px 30px;margin: 0;}
  .split-img .split-img-bg img {max-width: calc(100% + 30px);}
  .split-row .row:nth-child(2n) .split-img .split-img-bg img {margin-right: -30px;}
  .split-content-wrapper .title {font-size: var(--f32);}
  .service-content-row .service-icon{flex: 0 0 auto;max-width: 110px;}
  .service-content-row .service-icon svg{width: 100%;height: auto;}
  .service-content-row .service-content{flex: 0 0 auto;max-width: 80%; max-width: calc(100% - 115px);}
}
@media screen and (max-width: 991px) {
  html,body{font-size: 12px;}
  h1,.h1{font-size: var(--f32);}
  h2,.h2{font-size: var(--f28);}
  h3,.h3{font-size: var(--f24);}
  h4,.h4{font-size: var(--f20);}
  h5,.h5{font-size: var(--f18);}
  h6,.h6{font-size: var(--f16);}
  .site-menu-toggle{display: block;height: 32px;width: 30px;position: relative;}
  .site-menu-toggle .icon-menu{position: absolute;height: 2px;border-radius: 4px;background: var(--primary);width: 26px;top: 50%;left: 0;margin-top: -1px;}
  .site-menu-toggle .icon-menu:after, .site-menu-toggle .icon-menu:before{content: "";position: absolute;height: 2px;border-radius: 4px;background: var(--primary);width: 30px;left: 0;}
  .site-menu-toggle .icon-menu:after{top: 8px;}.site-menu-toggle .icon-menu:before{top: -8px;}
  .icon-close2{background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg%3E');width: 24px;height: 24px;}
  .hero-wrapper .item img, .hero-wrapper-inner .item img{object-position: 20% center;}
  .hero-wrapper .item .cover{max-width: 510px;bottom: 80px;}.hero-wrapper .item .cover .header-content {padding: 0 0 0 27px;}
  .hero-wrapper .item .cover .header-content h1{font-size: 30px;}
  .title{font-size: var(--f32);}
  h3.title {font-size: var(--f30);}
  .mb-72 {margin-bottom: 48px !important;}
  .service-block{padding: 26px 30px 16px 20px;}.service-block .icon svg {max-width: 96px;max-height: 96px;}.service-block h3{font-size: var(--f20);}
  .service-block .actions a{font-size: var(--f15);}.service-block .wawes svg{max-width: 60px;height: auto;}
  .g-38 {gap: 15px !important;}
  .max-760 {max-width: 570px !important;}
  .about-txt p, p {font-size: 16px;}
  .commitment-list .row {gap: 30px 0;}
  .strategic-locations .locations .address h5 {font-size: var(--f20);margin-bottom: 20px;}
  .strategic-locations .locations .address h5 span {font-size: var(--f20);}
  .strategic-locations .locations .address {padding: 30px 15px;}
  .commitment-blocks{background: url("../img/commitment-main-image.jpg") 50% top no-repeat;background-size: cover;max-height: none;}
  .commitment-blocks .container {padding: 10px 20px 16px;}
  .split-content-wrapper .title {font-size: var(--f28);}
  .split-content-wrapper p {font-size: var(--f17);}
  .split-img .split-img-bg{max-width: 480px;}
  .services-row .row .service:last-child .service-content-row{margin-left: 0px;margin-top: -1px;}
  .service-content{height: auto;min-height: 10px;}.service-content-row .wawes{text-align: right;}
  .colored-boxes li {padding: 25px 20px 32px;min-height: 200px;}
  .commitment-list .row{overflow: hidden;}
  .commitment-list .col-12{position: relative;}
  .commitment-list .col-12::after{position: absolute;top: -15px;left: 15px;right: 15px;content: "";height: 1px;background: #fff;}
  .commitment-list .commitment-block {padding: 24px 0;align-items: center;justify-content: center;display: flex;flex-direction: column;}
  .split-img .split-img-bg .icon-bg {padding: 45px 28px;aspect-ratio: 480 / 380;width: calc(100% + 58px);}
  .split-img .split-img-bg .icon-bg img {max-width: 160px;max-height: 160px;}
  .service-block{gap: 20px;}
  .commitment-list .col-12 {border-right: 0px solid #fff;border-left: 1px solid #fff;}
  .commitment-list .col-12:nth-child(2n) {border-left: 0px solid #fff;}
  .commitment-list .col-12:last-child{border-right: 0;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  
  .col-12.col-md-3.col-lg-3.footer-link{flex: 0 0 auto;width: 40%;}
  .col-12.col-md-5.col-lg-5.footer-link{flex: 0 0 auto;width: 60%;}
  .add{margin-left: 0;}
}
@media screen and (max-width: 767px) {
  .commitment-list .col-12{flex: 0 0 auto;width: 50%;}
}
@media screen and (max-width: 991px) {
    .colored-boxes li {
        padding: 18px 15px 22px;
        min-height: 160px;
    }
}
@media screen and (min-width: 830px) and (max-width: 991px) {
  .col-12.col-lg-6.service {flex: 0 0 auto;width: 50%;}
}
@media screen and (max-width: 767px) {
  .f22{font-size:var(--f16) !important;}.f23{font-size:var(--f17) !important;}.f24{font-size:var(--f18) !important;}.f25{font-size:var(--f19) !important;}.f26{font-size:var(--f20) !important;}.f27{font-size:var(--f21) !important;}.f28{font-size:var(--f22) !important;}.f29{font-size:var(--f23) !important;}.f30{font-size:var(--f24) !important;}.f31{font-size:var(--f25) !important;}.f32{font-size:var(--f26) !important;}.f33{font-size:var(--f27) !important;}.f34{font-size:var(--f28) !important;}.f35{font-size:var(--f29) !important;}.f36{font-size:var(--f30) !important;}.f37{font-size:var(--f31) !important;}.f38{font-size:var(--f32) !important;}.f39{font-size:var(--f33) !important;}.f40{font-size:var(--f34) !important;}.f41{font-size:var(--f35) !important;}.f42{font-size:var(--f36) !important;}.f43{font-size:var(--f37) !important;}.f44{font-size:var(--f38) !important;}.f45{font-size:var(--f39) !important;}.f46{font-size:var(--f40) !important;}.f47{font-size:var(--f41) !important;}.f48{font-size:var(--f42) !important;}.f49{font-size:var(--f43) !important;}.f50{font-size:var(--f44) !important;}.f51{font-size:var(--f45) !important;}.f52{font-size:var(--f46) !important;}.f53{font-size:var(--f47) !important;}.f54{font-size:var(--f48) !important;}.f55{font-size:var(--f49) !important;}.f56{font-size:var(--f50) !important;}.f57{font-size:var(--f51) !important;}.f58{font-size:var(--f52) !important;}.f59{font-size:var(--f53) !important;}.f60{font-size:var(--f54) !important;}.f61{font-size:var(--f55) !important;}.f62{font-size:var(--f56) !important;}.f64{font-size:var(--f57) !important;}.f66{font-size:var(--f58) !important;}.f68{font-size:var(--f59) !important;}.f70{font-size:var(--f60) !important;}.f72{font-size:var(--f61) !important;}.f74{font-size:var(--f62) !important;}.f76{font-size:var(--f63) !important;}.f78{font-size:var(--f64) !important;}.f80{font-size:var(--f65) !important;}.f82{font-size:var(--f66) !important;}
  h1,.h1{font-size: var(--f32);}
  h2,.h2{font-size: var(--f28);}
  h3,.h3{font-size: var(--f24);}
  h4,.h4{font-size: var(--f20);}
  h5,.h5{font-size: var(--f18);}
  h6,.h6{font-size: var(--f16);}
  ul li{text-align: right;}
  .sticky-wrapper .site-navbar {padding: 10px 20px 10px 15px;}
  .site-navbar .site-logo a {max-width: 100px;}.sticky-wrapper.is-sticky .site-navbar .site-logo a {max-width: 80px;}.lang-btns .btn {padding: 0px 3px;}
  .sticky-wrapper {min-height: 79px;}
  .hero-wrapper .item, .hero-wrapper .item img {height: auto;min-height: 400px;}
  .hero-wrapper .item .cover .header-content h1 {font-size: 25px;}
  .hero-wrapper .item .cover{max-width: 390px;bottom: 50px;}
  .hero-wrapper .item .cover .header-content {padding: 0 10px 0 0px;}
  .hero-wrapper .owl-dots{bottom: 14px;}
  .hero-wrapper .owl-carousel button.owl-dot {width: 80px;height: 3px;}
  .about-txt {gap: 20px;padding: 10px 0 0;}
  .home-about-img{max-width: 100%;}
  .home-about-content{flex: 0 0 100%;max-width: 100%;}
  .max-760 {max-width: 570px !important;}
  .title, .commitment-blocks .title{font-size: var(--f28);}
  h3.title {font-size: var(--f26);}
  .g-38 {gap: 25px !important;}
  .mb-72 {margin-bottom: 30px !important;}
  .commitment-list{margin: 0;}.commitment-list .commitment-block{padding: 24px 0;}
  .strategic-locations .locations .address{margin: 15px 0;height: auto;}
  .strategic-locations .title {margin-bottom: var(--f30);}.split-content-wrapper{max-width: 100% !important;}
  .split-content-wrapper .max-760, .split-content-wrapper p {max-width: 100% !important;}
  .split-row .row:nth-child(2n) .split-img {justify-content: flex-start;}
  .split-row .row .split-img .split-img-bg, .split-row .row:nth-child(2n) .split-img .split-img-bg {padding: 26px 30px 20px 0px;}
  .split-row .row:nth-child(2n) .split-img .split-img-bg img {margin-right: 0px;}
  .split-row .row {padding: 25px 0;}
  .hero-inner{padding-bottom: 45px;position: relative;}
  .hero-wrapper-inner .item{position: static;}
  .hero-wrapper-inner .item .cover{left: 0;background: rgba(var(79, 198, 224, .9));right: 0;align-items: center;justify-content: center;}
  .hero-wrapper-inner .item .cover .header-content h1{font-size: var(--f24);}
  .hero-wrapper-inner .item img,.hero-wrapper-inner .item {min-height: 140px;}
  .split-content-wrapper .title {font-size: var(--f26);}
  .service-content ul li{font-size: var(--f17);text-align: right;line-height: 1.3;}
  .service-content-row .service-icon{max-width: 100px;}
  .half-img{margin-bottom: 30px;}
  .port-wrap .half-content .half-content-wrapper{max-width: 100% !important;}
  .services-blocks .col-12.col-lg-3.col-md-6 {flex: 0 0 auto;width: 50%;}
  .service-block h3{margin: 0;max-width:100% !important;font-size: var(--f16);}.services-blocks.section {padding-left: 12px;padding-right: 14px;}
  .service-block {padding: 22px 10px 16px 10px;}
  .service-content h4 {font-size: var(--f20);}
  .split-img .split-img-bg .icon-bg {padding: 45px 28px;aspect-ratio: 480 / 380;width: calc(100% + 58px);}
  .split-img .split-img-bg .icon-bg img {max-width: 160px;max-height: 160px;}
  .split-row .row:nth-child(2n) .split-img .split-img-bg .icon-bg {margin-right: 0px;}
  .contact-row .heading .map-col .title{max-width: 100% !important;margin-bottom: 15px;}
  .ms-auto{margin-left: 0 !important;}
  .sticky-wrapper .ms-auto{margin-left: 20px !important;}
  .map-wrapper{max-width: 100%;padding-bottom:30px;}
  .office-address {margin-right: 0;max-width: 100%;}
}
@media screen and (max-width: 550px) {
  .split-img .split-img-bg img {max-width: calc(100% + 0px);}
  .split-row .row .split-img .split-img-bg, .split-row .row:nth-child(2n) .split-img .split-img-bg {padding: 5px;}
  .split-row .row .split-img .split-img-bg{max-width: 100%;width: 100%;padding: 5px 5px;}
  .split-img .split-img-bg .icon-bg {width: 100%;padding: 0px 28px;aspect-ratio: 480 / 280;}
  .split-img .split-img-bg .icon-bg img {max-width: 120px;max-height: 120px;}
}
@media screen and (max-width: 499px) {
  body{text-align: center;}.site-mobile-menu .site-nav-wrap{text-align: right;}
  h1,.h1{font-size: var(--f30);}
  h2,.h2{font-size: var(--f24);}
  h3,.h3{font-size: var(--f22);}
  h4,.h4{font-size: var(--f18);}
  h5,.h5{font-size: var(--f16);}
  h6,.h6{font-size: var(--f15);}
  .hero-wrapper .item, .hero-wrapper .item img {height: auto;min-height: 260px;}
  .hero-wrapper .item .cover {max-width: 100%;background: #ffffff;background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 36%, rgba(0, 0, 0, 0.5) 100%);background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 36%, rgba(0, 0, 0, 0.5) 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 36%, rgba(0, 0, 0, 0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);bottom: 0;padding-bottom: 30px;padding-top: 30px;}
  .hero-wrapper .item .cover .header-content h1 {font-size: 20px;}
  .section {padding: var(--f30) 0;}
  .title, .commitment-blocks .title {font-size: var(--f24);font-weight: 700;text-align: center !important;}
  .about-txt p, p {font-size: 15px;}.home-about-img img{width: 100%;max-height: 230px;object-fit: cover;}
  .about-txt p{margin: 0 0 1.5rem;}
  h3.title {font-size: var(--f22);font-weight: 800;}
  .hero-wrapper .item img, .hero-wrapper-inner .item img {object-position: 50% center;}
  .services-blocks .service-block{align-items: center;width: calc(100% + 1px);gap: 10px;}
  .services-blocks .service-block .actions{flex-direction: column;}
  .service-block h3{margin: 0;}.max-320{max-width: 320px;}
  .footer-link ul ul li {position: relative;padding-right: 0px;}.footer-link ul ul li::after{display: none;}
  .add{margin-right: auto;}.footer {padding: 22px 0px 12px;}
  .copywright {font-size: 14px;line-height: 150%;padding-top: 20px;}
  .strategic-locations .title {margin-bottom: var(--f10);}
  .service-block .icon svg {max-width: 64px;max-height: 64px;}.service-block .icon{height: 64px;}
  .split-content-wrapper ul li{text-align: right;}.hero-wrapper-inner .item .cover .header-content h1{font-size: var(--f24);}
  .split-content-wrapper .title {font-size: var(--f22);}
  .footer ul li {text-align: center;}
  .service-content-row{padding: 20px 20px 22px 20px;}
  .service-content-row .row{flex-direction: column;align-items: flex-start;}
  .service-content-row .service-content{max-width: 100%;width: 100%;text-align: right;}
  .colored-boxes li{text-align: center;min-height: 150px;}
  .text-page {
        text-align: right;
    }
}
@media screen and (max-width: 400px) {
  .colored-boxes{column-count: 1;grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);}
  .colored-boxes li p{margin: 0 auto;}
  .colored-boxes li {min-height: 100px;}
}
@media screen and (max-width: 379px) {
  .commitment-list{padding: 20px 20px;}
  .commitment-list .row {gap: 25px 0;}
}