:root{--font: "Tajawal", sans-serif;--body-font: "Tajawal", sans-serif;}
html, body {
    font-family: var(--font);
    font-size: 14px;text-align: right;direction: rtl;
}
/* .sticky-wrapper .site-navbar .d-flex {flex-direction: row-reverse;}
.row {flex-direction: row-reverse;} */
.logo-wrap, .menu-wrap {
    margin-left: 20px;
}

.corners {
    position: absolute;
    left: auto;right: 0 ;
    bottom: 0;
    aspect-ratio: 252 / 179;
    z-index: 3;
}
.corners svg {transform: rotateY(180deg);left: auto;right: 0 ;}
.corners svg.white-corner {position: relative;}

.caption {left: auto;right: 68px;}
.caption h1 {font-size: var(--f56);}

.welcome-text {padding-right:calc(var(--bs-gutter-x) * .5);padding-left: 4.35vw;}
@media screen and (min-width: 992px) {
.about-section h2, .section-title {font-size: var(--f70);font-size: 3.674vw;}
.inner-banner .caption h1 {font-size: var(--f56);}
}
p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li {font-size: var(--f20);}
.news-img {padding-right: 3.75rem;padding-left:calc(var(--bs-gutter-x) * .5);}
.inner-banner .caption {left: auto;right: 10%;}
.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;
}

.footer-link ul ul li {
    position: relative;
    padding-left: 0;
    padding-right: 16px;
}
.footer-link ul ul li::after {
    left: auto;right: 0;
}

.img-col img {width: 100%;}
.service-card-details {margin: 0 58px 0 0;padding: 28px 0px 3rem 20px;}
.icon-box {margin-left: 0;margin-right: -58px;} 
.service-detail-list {padding: 0px 3.3vw 0 0;}
.service-detail-list .list-unstyled li {padding: 0px 78px 0px 0px;}
.service-detail-list .list-unstyled li::before {left: auto;top: 50%;right: 0;transform: translateY(-50%);}
.card-label {font-size: var(--f28);}
.card-value {font-size: var(--f36);}
.card-subtext {font-size: var(--f20);}
.card-heading {font-size: var(--f32);}
.highlighted-card {padding: 0 13px 13px 0;height: 100%;display: flex;flex-direction: column;}
.highlighted-card .card {min-height: 100%;display: flex;flex-direction: column;height: 100%;}
.highlighted-card .card .title, .highlighted-card .card p {flex-grow: 1;line-height: 1.2;}

/* Responsive Design */
@media screen and (max-width: 1620px) {
    .service-detail-list {padding: 0px 2.5vw 0 0;}
    .service-detail-list .list-unstyled li {padding: 8px 62px 8px 0px;}
    .card-label {font-size: var(--f24);}
    .card-value {font-size: var(--f32);}
    .card-subtext {font-size: var(--f18);}
    .card-value.f30 {font-size: var(--f26) !important;}
    .card-heading {font-size: var(--f30);}
}
@media screen and (max-width: 1400px) {
  .caption h1 {font-size: var(--f52);}
  .hero-wrapper .item .cover {max-width: 574px;}
  .caption {bottom: 18%;left: auto;max-width: calc(100% - 50px);right: 60px;}
}
@media screen and (max-width: 1280px) {
  html,body{font-size: 13px;}
  .news-img {padding-right: 3.5rem;}
  .caption h1 {font-size: var(--f46);}
  .service-detail-list {padding: 0px 2.5vw 0 0;}
}
@media screen and (max-width: 1200px) {
    .icon-box {margin-right: -50px;}.service-card-details {margin: 0 50px 0 0;}
    .service-detail-list {padding: 0px 2vw 0 0;}
    .service-detail-list .list-unstyled li {padding: 8px 50px 8px 0px;}
    .card-label {font-size: var(--f22);}
    .card-value {font-size: var(--f30);}
    .card-subtext {font-size: var(--f16);}
    .card-value.f30 {font-size: var(--f22) !important;}
}
@media screen and (max-width: 1100px) {
  .caption {bottom: 12%;right: 40px;max-width: calc(100% - 40px);left: auto;}
  .news-img {padding-right: 15px;}
  .caption h1 {font-size: var(--f42);}
  .inner-banner .caption {right: 5%;}
  .icon-box {margin-right: -40px;}.service-card-details {margin: 0 40px 0 0;}
  .service-detail-list {padding: 0px 2vw 0 0;}
  .card-label {font-size: var(--f20);}
    .card-value {font-size: var(--f24);}
    .card-subtext {font-size: var(--f15);}
    .card-value.f30 {font-size: var(--f18) !important;}
    .card-heading {font-size: var(--f24);}
}
@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;}
  .header .nav-wrapper.container-fluids {padding-left: 50px;padding-right: 0;}
    .navbar-toggler {right: auto;left: 0px;}
    .caption h1 {font-size: var(--f38);}
    .section-title, .about-section h2 {
        font-size: var(--f42);
    }
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li, .address-on-map h4, .address-on-map .address {font-size: var(--f19);}
    .service-card-details {
        padding: 20px 0px 2rem 20px;
    }
    .service-detail-list .list-unstyled li {padding: 8px 42px 8px 0px;}
    .navbar-collapse {left: 0;top: 0;transform: translateX(-100%);right: auto;}
    .nav-link, .navbar-expand-lg .navbar-nav .nav-link {text-align: right;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
    .section-title, .about-section h2 {
        font-size: var(--f32);
    }
    p, .welcome-text p, .commitment-list .commitment-card h5, .service-card h5, .news-content .news-date, .news-content p, .location-card p, .location-card h5, .content-col ul li, .address-on-map h4, .address-on-map .address {
        font-size: var(--f18);
    }
    .img-col .corners svg.white-corner {width: 90px;height: auto;}
    .img-col .corners svg.red-corner {width: 82px;height: auto;}
    .img-col {padding-right: 10px;padding-bottom: 10px;padding-left: calc(var(--bs-gutter-x) * .5);}
    .highlighted-card {padding: 0 8px 8px 0;}
}
@media screen and (max-width: 991px) {
    .caption {bottom: 10%;right: 40px;max-width: calc(100% - 40px);left: auto;}
}
@media screen and (min-width: 830px) and (max-width: 991px) {
}
@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;}
  .caption {left: auto;right: 40px;max-width: 100%;bottom: 10%;}
  .caption h1 {font-size: var(--f32);}
    .card-heading {font-size: var(--f22);}
    .card-value {font-size: var(--f26);}
}
@media screen and (max-width: 575px) {
  .caption {left: auto;right: 20px;max-width: 100%;bottom: 8%;}
  .caption h1 {font-size: var(--f26);}
  .big-heading-card {align-items: center;justify-content: center;}
}
@media screen and (max-width: 499px) {
  .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);}
}
@media screen and (max-width: 480px) {
  .icon-box {margin-right: -35px;}.service-card-details {margin: 0 35px 0 0;}
  .service-detail-list {padding: 0px 20px 0 0px;}
  .service-detail-list .list-unstyled li {padding: 8px 40px 8px 0px;}
}
@media screen and (max-width: 380px) {
    .caption, .inner-banner .caption {left: 10px;right: 10px;max-width: 100%;bottom: 8%;}
    .inner-banner .caption h1 {text-align: center;}
}