a img {
  border: 0px;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
}
select::-ms-expand {
  display: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input[type="number"] {
  -moz-appearance: textfield;
}
::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.hiddenHeader {
  display: none;
}
ul {
  list-style: none;
}
* {
  padding: 0px;
  margin: 0px;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  height: 100vh;
  min-height: 100%;
  position: relative;
  width: 100%;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
}
#wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
  font-family: "Tajawal", sans-serif;
}
.noBottAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.absoluteDivCreate {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
.centerBgImg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.centeredObjFit {
  object-fit: cover;
  object-position: center center;
}
.centerflex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custbtm {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 0px;
  justify-content: center;
  height: calc(var(--ratio) * 56px);
  transition: all 0.45s;
  border-radius: calc(var(--ratio) * 16px);
  border: 1px solid #e3e3e3;
  font-weight: 500;
  position: relative;
  background: none;
  color: #40a6bf;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  padding-right: calc(var(--ratio) * 46px);
  padding-left: calc(var(--ratio) * 46px);
  text-align: center;
}
.custbtm.blue {
  background: #40a6bf;
  color: #fff;
  border-color: #40a6bf;
}
.custbtm img {
  margin-left: calc(var(--ratio) * 14px);
  max-height: calc(var(--ratio) * 30px);
  max-width: calc(var(--ratio) * 28px);
  display: block;
  object-fit: contain;
}
.custbtm img.arrow {
  max-width: calc(var(--ratio) * 20px);
}
.custbtm.loading {
  pointer-events: none;
}
.custbtm.loading:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
}
.custbtm.loading:after {
  margin: auto;
  bottom: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-size: 5px;
  color: #000;
  pointer-events: none;
  display: block;
  content: "";
  top: 5px;
  transition: none;
}
@media (max-width: 767px) {
  .custbtm.loading:after {
    font-size: 4px;
  }
}
.inputField .field {
  position: relative;
  height: calc(var(--ratio) * 64px);
  border-radius: calc(var(--ratio) * 12px);
  background: none;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding-left: calc(var(--ratio) * 27px);
}
.inputField .field.missing {
  border-color: red !important;
}
.inputField .field.textfield {
  height: 268px;
}
.inputField .field.arrow:after {
  display: flex;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 22px;
  position: absolute;
  top: 0px;
  height: 100%;
  align-items: center;
  pointer-events: none;
  left: 11px;
  color: #09283c;
}
.inputField .field img {
  height: calc(var(--ratio) * 20px);
  left: calc(var(--ratio) * 11px);
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: block;
  object-fit: contain;
}
.inputField .custlabel {
  display: block;
  margin-bottom: 6px;
}
.inputField .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0px 20px;
}
.inputField .custinput.dateinput,
.inputField .custinput.timeinput {
  padding-right: 65px;
}
.inputField .custinput.hascalendar {
  cursor: pointer;
}
.inputField .custtextarea {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  resize: none;
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.inputField .custselect {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding-right: 20px;
  padding-left: 33px;
}
.inputField .custselect option {
  color: #1f1f1e;
}
.inputField .dateinput,
.inputField .timeinput {
  display: flex !important;
  align-items: center !important;
  text-align: right !important;
  justify-content: flex-start !important;
}
.inputField input::-webkit-date-and-time-value {
  text-align: right !important;
}
.inputField input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
}
.inputField input[type="time"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
}
.iti {
  display: block;
  height: 100%;
}
.iti .custinput {
  padding-right: 90px !important;
}
@media (max-width: 1300px) {
  .iti .custinput {
    padding-right: 80px !important;
  }
}
@media (max-width: 767px) {
  .iti .custinput {
    padding-right: 74px !important;
  }
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background: none !important;
  padding-right: 0px !important;
}
.iti__country-list {
  width: 320px;
  white-space: unset;
}
@media (max-width: 767px) {
  .iti__country-list {
    width: calc(100vw - 60px);
  }
}
.iti__country-name {
  font-family: "Poppins", sans-serif;
}
@media (max-width: 767px) {
  .iti--allow-dropdown input,
  .iti--allow-dropdown input[type="text"],
  .iti--allow-dropdown input[type="tel"],
  .iti--separate-dial-code input,
  .iti--separate-dial-code input[type="text"],
  .iti--separate-dial-code input[type="tel"] {
    padding-right: 65px;
  }
}
.iti--separate-dial-code {
  color: #919ca0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .iti--separate-dial-code {
    margin-right: 15px;
  }
}
.iti__country-name {
  color: #919ca0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: black !important;
  opacity: 1 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: none !important;
}
.swiper-pagination {
  position: relative;
  z-index: 1;
  bottom: auto;
  right: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  transition: all 0.35s;
  background: rgba(255, 255, 255, 0.37);
  margin: 0px 3px 10px !important;
  border-radius: 0px;
  width: calc(var(--ratio) * 24px);
  height: calc(var(--ratio) * 4px);
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  cursor: default;
}
#content:before {
  height: calc(var(--ratio) * 88px + var(--ratio) * 88px);
  display: block;
  content: "";
}
.scrollheader header .part1 .wrap {
  height: calc(var(--ratio) * 68px);
}
.scrollheader header .part2 .wrap {
  height: calc(var(--ratio) * 68px);
}
header {
  position: fixed;
  z-index: 3;
  top: 0px;
  right: 0px;
  width: 100%;
  box-shadow: 0px 0px 10px #ccc;
}
header .wrap {
  position: relative;
}
header .part1 {
  background: #0a5163;
}
header .part1 .wrap {
  height: calc(var(--ratio) * 88px);
  transition: all 0.35s;
}
header .part2 {
  background: #fff;
}
header .part2 .wrap {
  height: calc(var(--ratio) * 88px);
  transition: all 0.35s;
}
header .logo {
  height: calc(var(--ratio) * 24px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 0px;
}
header .logo img {
  height: 100%;
  display: block;
  object-fit: contain;
  max-width: none;
}
header .options {
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
header .options > li {
  display: flex;
  margin-left: calc(var(--ratio) * 13px);
}
header .item {
  display: flex;
  cursor: pointer;
  transition: all 0.35s;
}
header .item img {
  max-height: calc(var(--ratio) * 26px);
}
header .line {
  border-right: 1px solid #276676;
  height: calc(var(--ratio) * 29px);
}
header .others {
  direction: ltr;
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  left: 0px;
}
header .others > li {
  margin-right: calc(var(--ratio) * 40px);
}
header .others > li:last-child {
  margin-right: 0px;
}
header .icon {
  height: calc(var(--ratio) * 56px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
header .icon img {
  height: 100%;
  display: block;
  object-fit: contain;
  max-width: none;
}
header .list {
  display: flex;
  flex-wrap: wrap;
}
header .list > li {
  margin-right: calc(var(--ratio) * 23px);
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
header .list > li:last-child {
  margin-right: 0px;
}
header .link {
  font-weight: 500;
  color: #282828;
  display: block;
  transition: all 0.35s;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  font-size: calc(var(--ratio) * 18px);
  position: relative;
  cursor: pointer;
}
header .link.selected {
  color: #40a6bf;
}
header .link.hasmenu {
  padding-right: calc(var(--ratio) * 20px);
}
header .link.hasmenu:after {
  display: block;
  content: "\f107 ";
  position: absolute;
  right: calc(var(--ratio) * 0px);
  top: calc(var(--ratio) * 1px);
  font-size: calc(var(--ratio) * 18px);
  font-family: fontawesome;
}
header .dropmenu {
  display: none;
  position: absolute;
  background: #0a5163;
  width: calc(var(--ratio) * 200px);
  border-radius: 4px;
  padding: calc(var(--ratio) * 15px);
  left: -5px;
  top: calc(var(--ratio) * 32px);
}
header .categs > li {
  display: flex;
  flex-wrap: wrap;
}
header .categs > li + li {
  margin-top: calc(var(--ratio) * 7px);
}
header .sublink {
  font-weight: 600;
  color: #fff;
  display: block;
  transition: all 0.35s;
  font-size: calc(var(--ratio) * 15px);
}
header .openmenu {
  display: none;
}
header .closemenu {
  display: none;
}
header .language {
  text-align: left;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  direction: ltr;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
header .language.open .pop {
  opacity: 1;
  pointer-events: visible;
}
header .language .inside {
  position: relative;
}
header .language .status {
  cursor: pointer;
  direction: ltr;
  font-size: calc(var(--ratio) * 16px);
  color: #40a6bf;
  font-weight: 500;
  height: calc(var(--ratio) * 50px);
  padding-left: calc(var(--ratio) * 7px);
  padding-right: calc(var(--ratio) * 7px);
  text-align: center;
  justify-content: center;
  width: calc(var(--ratio) * 126px);
  display: flex;
  align-items: center;
  position: relative;
  border-radius: calc(var(--ratio) * 16px);
  border: 1px solid #ccc;
  /*&:after{
                display:block;content:'\f107 ';font-family:fontawesome;
                font-size:~"calc(var(--ratio) * 19px)";position:absolute;
                right:~"calc(var(--ratio) * 10px)";top:0px;height:100%;
                display:flex;align-items:center;pointer-events:none;color:#000;
            }*/
}
header .language img {
  display: block;
  object-fit: contain;
  height: calc(var(--ratio) * 18px);
  position: relative;
  margin-left: calc(var(--ratio) * 7px);
}
header .language .pop {
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
  width: 100%;
  background: #fff;
  position: absolute;
  right: 0px;
  top: calc(100% + var(--ratio) * 3px);
  border-radius: calc(var(--ratio) * 12px);
  box-shadow: 0px 0px 10px #eee;
  padding-left: calc(var(--ratio) * 12px);
  padding-right: calc(var(--ratio) * 12px);
}
header .language .box > li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
header .language .box > li:last-child {
  border: 0px;
}
header .language .value {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  font-size: calc(var(--ratio) * 14px);
  display: block;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
  padding: calc(var(--ratio) * 5px) 0px calc(var(--ratio) * 8px);
}
header .language .value.selected {
  color: #65b6ca;
}
header .language .value.selected:before {
  display: inline-block;
  position: relative;
  content: "";
  background: url(../images/true.svg) no-repeat;
  background-size: contain;
  height: calc(var(--ratio) * 10px);
  width: calc(var(--ratio) * 14px);
}
header .language .symbol {
  font-size: 12px;
  font-weight: 700;
  right: 0px;
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1330px) and (min-width: 1100.1px) {
  header .list {
    --ratio: 0.88;
  }
}
@media (max-width: 1170px) {
  header .list > li {
    margin-right: calc(var(--ratio) * 16px);
  }
  header .others > li {
    margin-right: calc(var(--ratio) * 27px);
  }
}
@media (max-width: 1100px) {
  header .menu {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #0a5163;
    z-index: 1;
    transition: all 0.35s;
    opacity: 0;
    pointer-events: none;
  }
  header .inner {
    min-height: 100%;
    display: flex;
    align-items: center;
    padding: 22px;
  }
  header .logo {
    display: none;
  }
  header .openmenu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    left: -5px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  }
  header .closemenu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  header .list > li {
    margin-right: 0px;
    width: 100%;
  }
  header .list > li + li {
    margin-top: 22px;
  }
  header .link {
    color: #fff;
    font-size: 20px;
  }
  header .link.hasmenu {
    padding-right: 21px;
  }
  header .link.hasmenu:after {
    font-size: 19px;
    top: 7px;
  }
  header .dropmenu {
    padding-right: 0px;
    padding-left: 0px;
    background: none;
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
  }
  header .sublink {
    color: #fff;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  header .openmenu {
    font-size: 24px;
  }
}
.desktop header .sublink:hover {
  opacity: 0.75;
}
@media (max-width: 1100px) {
  .openmenu {
    overflow: hidden;
  }
  .openmenu header .menu {
    opacity: 1;
    pointer-events: visible;
  }
}
.Slider {
  direction: ltr;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.Slider .screen {
  position: relative;
}
.Slider .item {
  display: block;
  position: relative;
}
.Slider .pic {
  background-size: cover;
  background-position: center 21%;
  height: calc(100vh - var(--ratio) * 88px - var(--ratio) * 88px);
  position: relative;
  min-height: 444px;
}
.Slider .pic:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  height: 66%;
  top: auto;
  bottom: 0px;
  background: linear-gradient(0deg, #383333 0%, rgba(56, 51, 51, 0) 100%);
}
.Slider .data {
  padding-bottom: calc(var(--ratio) * 68px);
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.Slider .info {
  width: 100%;
}
.Slider .container {
  width: 100%;
}
.Slider .icon {
  background: #e6e7e8;
  margin-bottom: calc(var(--ratio) * 11px);
  border-radius: 100%;
  width: calc(var(--ratio) * 52px);
  height: calc(var(--ratio) * 52px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.Slider .icon img {
  max-height: calc(var(--ratio) * 40px);
  display: block;
  object-fit: contain;
  padding: 7px;
}
.Slider .titre {
  color: #fff;
  font-size: calc(var(--ratio) * 24px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  max-width: 90%;
}
.Slider .subtitre {
  margin-top: calc(var(--ratio) * 11px);
  color: #fff;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
}
.Slider .prev,
.Slider .next {
  background: #fafafa;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 17%;
  width: calc(var(--ratio) * 40px);
  height: calc(var(--ratio) * 40px);
  z-index: 1;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.Slider .prev img,
.Slider .next img {
  height: calc(var(--ratio) * 15px);
  display: block;
  object-fit: contain;
}
.Slider .prev {
  left: 15px;
}
.Slider .prev img {
  transform: scaleX(-1);
}
.Slider .next {
  right: 15px;
}
.Slider .controls {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: calc(var(--ratio) * 13px);
}
@media (max-width: 767px) {
  .Slider .pic {
    min-height: 0px;
    height: clamp(23.125rem, 15.553rem + 32.746vw, 31.25rem);
  }
  .Slider .pic:after {
    height: 85%;
  }
  .Slider .data {
    padding-bottom: 35px;
  }
  .Slider .prev,
  .Slider .next {
    display: none;
  }
  .Slider .titre {
    max-width: 100%;
  }
}
.homePage {
  background: #fafafa;
}
.Offers {
  direction: ltr;
  overflow: hidden;
  text-align: left;
  position: relative;
  z-index: 1;
  margin-top: calc(var(--ratio) * -42px);
  padding-bottom: calc(var(--ratio) * 36px);
}
.Offers .wrap {
  border-top-left-radius: calc(var(--ratio) * 24px);
  border-top-right-radius: calc(var(--ratio) * 24px);
  background: #fff;
  padding: calc(var(--ratio) * 27px) calc(var(--ratio) * 24px)
    calc(var(--ratio) * 35px);
}
.Offers .title {
  font-size: calc(var(--ratio) * 20px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
  margin-bottom: calc(var(--ratio) * 32px);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.Offers .top {
  min-height: calc(var(--ratio) * 50px);
  position: relative;
  padding-left: calc(var(--ratio) * 64px);
}
.Offers .icon {
  position: absolute;
  left: 0px;
  top: calc(var(--ratio) * 0px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 44px);
  height: calc(var(--ratio) * 44px);
  border-radius: calc(var(--ratio) * 12px);
  background: #eee;
  padding: calc(var(--ratio) * 5px);
}
.Offers .icon img {
  display: block;
  object-fit: contain;
  max-height: calc(var(--ratio) * 27px);
  max-width: calc(var(--ratio) * 28px);
}
.Offers .icon.orange {
  background: #fff2dc;
}
.Offers .icon.red {
  background: #ffeeef;
}
.Offers .icon.green {
  background: #e2eff3;
}
.Offers .icon.purple {
  background: #f8edfd;
}
.Offers .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.Offers .grid > li {
  width: calc(25% - var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
}
.Offers .caption {
  max-width: calc(var(--ratio) * 170px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Offers .text {
  margin-top: calc(var(--ratio) * 11px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
@media (max-width: 1222px) {
  .Offers .grid > li {
    width: calc(50% - var(--ratio) * 24px);
  }
}
@media (max-width: 767px) {
  .Offers .grid {
    width: 100%;
  }
  .Offers .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.latestnews {
  padding-bottom: calc(var(--ratio) * 50px);
  direction: ltr;
  overflow: hidden;
  text-align: left;
  position: relative;
}
.latestnews .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 27px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.latestnews .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
  margin: 0px calc(var(--ratio) * 32px);
}
.latestnews .prev,
.latestnews .next {
  background: #f1f5f9;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  position: relative;
  width: calc(var(--ratio) * 40px);
  height: calc(var(--ratio) * 40px);
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}
.latestnews .prev img,
.latestnews .next img {
  height: calc(var(--ratio) * 15px);
  display: block;
  object-fit: contain;
}
.latestnews .prev img {
  transform: scaleX(-1);
}
.latestnews .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.latestnews .screen {
  margin-bottom: calc(var(--ratio) * 18px);
}
.latestnews .swiper-slide {
  width: calc(var(--ratio) * 378px);
  margin-right: calc(var(--ratio) * 35px);
}
.latestnews .swiper-slide:last-child {
  margin: 0px;
}
.latestnews .item {
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 9px)
    calc(var(--ratio) * 7px);
  background: #fff;
  display: block;
  height: 100%;
  border-radius: calc(var(--ratio) * 12px);
  border: 1px solid #eee;
}
.latestnews .pic {
  margin-top: calc(var(--ratio) * 22px);
  border-radius: calc(var(--ratio) * 12px);
  overflow: hidden;
}
.latestnews .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
.latestnews .time {
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
  margin-bottom: calc(var(--ratio) * 10px);
}
.latestnews .time img {
  margin-right: calc(var(--ratio) * 3px);
  object-fit: contain;
  position: relative;
  top: calc(var(--ratio) * 3px);
  height: calc(var(--ratio) * 14px);
}
.latestnews .options {
  margin-top: calc(var(--ratio) * 22px);
  display: flex;
  flex-wrap: wrap;
}
.latestnews .options > li {
  margin-right: calc(var(--ratio) * 7px);
  margin-bottom: calc(var(--ratio) * 7px);
}
.latestnews .unit {
  height: calc(var(--ratio) * 28px);
  display: flex;
  align-items: center;
  padding: calc(var(--ratio) * 3px) calc(var(--ratio) * 11px)
    calc(var(--ratio) * 3px);
  background: #f1f5f9;
  border-radius: calc(var(--ratio) * 5px);
}
.latestnews .unit img {
  margin-right: calc(var(--ratio) * 5px);
  object-fit: contain;
  position: relative;
  top: calc(var(--ratio) * 0px);
  height: calc(var(--ratio) * 13px);
}
.latestnews .label {
  color: #65767d;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.latestnews .caption {
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.latestnews .text {
  margin-top: calc(var(--ratio) * 11px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
.latestnews .extra {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .latestnews .swiper-slide {
    margin-right: 12px;
  }
  .latestnews .screen {
    overflow: unset;
  }
}
.Regulations {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 41px);
}
.Regulations .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 24px);
}
.Regulations .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Regulations .subtitle {
  margin-top: calc(var(--ratio) * 7px);
  font-weight: 400;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  color: #919ca0;
}
.Regulations .head {
  min-height: calc(var(--ratio) * 50px);
  position: relative;
  padding-left: calc(var(--ratio) * 53px);
}
.Regulations .icon {
  position: absolute;
  left: 0px;
  top: calc(var(--ratio) * 0px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 44px);
  height: calc(var(--ratio) * 44px);
  border-radius: calc(var(--ratio) * 12px);
  background: #eee;
  padding: calc(var(--ratio) * 5px);
}
.Regulations .icon img {
  display: block;
  object-fit: contain;
  max-height: calc(var(--ratio) * 27px);
  max-width: calc(var(--ratio) * 28px);
}
.Regulations .icon.orange {
  background: #fff2dc;
}
.Regulations .icon.red {
  background: #ffeeef;
}
.Regulations .icon.green {
  background: #dcfce7;
}
.Regulations .icon.purple {
  background: #f8edfd;
}
.Regulations .icon.brown {
  background: #ffedd5;
}
.Regulations .icon.blue {
  background: #e3f0f4;
}
.Regulations .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.Regulations .grid > li {
  width: calc(33.33% - var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
}
.Regulations .inner {
  width: 100%;
}
.Regulations .item {
  text-align: left;
  padding: calc(var(--ratio) * 24px) calc(var(--ratio) * 24px)
    calc(var(--ratio) * 24px);
  display: flex;
  height: 100%;
  background: #fff;
  border-radius: calc(var(--ratio) * 16px);
  box-shadow: 0px 0px 10px #eee;
  flex-wrap: wrap;
  align-content: space-between;
}
.Regulations .caption {
  max-width: none;
  padding-top: calc(var(--ratio) * 11px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Regulations .more {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--ratio) * 17px);
  width: 100%;
}
.Regulations .custbtm {
  width: 100%;
  height: calc(var(--ratio) * 48px);
}
.Regulations .text {
  margin-top: calc(var(--ratio) * 6px);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
@media (max-width: 1024px) {
  .Regulations .grid > li {
    width: calc(50% - var(--ratio) * 24px);
  }
}
@media (max-width: 567px) {
  .Regulations .grid {
    width: 100%;
  }
  .Regulations .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.aboutus {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.aboutus .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 24px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.aboutus .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.aboutus .caption {
  margin-top: calc(var(--ratio) * 7px);
  font-weight: 400;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  color: #919ca0;
}
.aboutus .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.aboutus .list > li {
  width: calc(33.33% - var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
}
.aboutus .item {
  text-align: left;
  padding: calc(var(--ratio) * 24px) calc(var(--ratio) * 24px)
    calc(var(--ratio) * 24px);
  display: block;
  height: 100%;
  background: #fff;
  border-radius: calc(var(--ratio) * 16px);
  box-shadow: 0px 0px 10px #eee;
}
.aboutus .head {
  min-height: calc(var(--ratio) * 50px);
  position: relative;
  padding-left: calc(var(--ratio) * 53px);
}
.aboutus .icon {
  position: absolute;
  left: 0px;
  top: calc(var(--ratio) * 0px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 44px);
  height: calc(var(--ratio) * 44px);
  border-radius: calc(var(--ratio) * 12px);
  background: #0a5163;
  padding: calc(var(--ratio) * 5px);
}
.aboutus .icon img {
  display: block;
  object-fit: contain;
  max-height: calc(var(--ratio) * 21px);
  max-width: calc(var(--ratio) * 20px);
}
.aboutus .name {
  max-width: none;
  padding-top: calc(var(--ratio) * 11px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.aboutus .text {
  margin-top: calc(var(--ratio) * 7px);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
@media (max-width: 767px) {
  .aboutus .list {
    width: 100%;
  }
  .aboutus .list > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.publicMedia {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.publicMedia .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 24px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.publicMedia .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.publicMedia .grid > li {
  width: calc(var(--ratio) * 225px);
  margin-right: calc(var(--ratio) * 12px);
}
.publicMedia .grid > li:last-child {
  margin-right: 0px;
}
.publicMedia .item {
  position: relative;
  display: block;
  cursor: pointer;
}
.publicMedia .pic {
  height: calc(var(--ratio) * 250px);
  border-radius: calc(var(--ratio) * 16px);
  display: block;
  position: relative;
  overflow: hidden;
  transition: 0.33s transform;
  transform-origin: left center !important;
}
.publicMedia .pic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.publicMedia .pic:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    #0a5163 0%,
    rgba(0, 0, 0, 0) 80%,
    rgba(0, 0, 0, 0) 100%
  );
}
.publicMedia .data {
  padding: calc(var(--ratio) * 7px) calc(var(--ratio) * 12px)
    calc(var(--ratio) * 18px) calc(var(--ratio) * 7px);
  opacity: 0;
  pointer-events: none;
  transition: 0.33s opacity;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.publicMedia .caption {
  color: #fff;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.publicMedia .tab {
  margin-bottom: calc(var(--ratio) * 8px);
  display: flex;
}
.publicMedia .label {
  border-radius: calc(var(--ratio) * 8px);
  padding: calc(var(--ratio) * 0px) calc(var(--ratio) * 17px)
    calc(var(--ratio) * 2px);
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
}
.publicMedia .swiper-pagination {
  margin-top: calc(var(--ratio) * 22px);
  justify-content: center;
}
.publicMedia .swiper-pagination .swiper-pagination-bullet {
  background: #283e46;
  border-radius: 100%;
  width: calc(var(--ratio) * 7px);
  height: calc(var(--ratio) * 7px);
}
.publicMedia .swiper-pagination .swiper-pagination-bullet-active {
  background: #40a6bf;
}
@media (max-width: 1024px) {
  .publicMedia .pic {
    transform: none !important;
    border-radius: calc(var(--ratio) * 16px) !important;
    box-shadow: none !important;
    height: 350px;
  }
  .publicMedia .data {
    opacity: 1 !important;
    pointer-events: visible;
    width: 100% !important;
    padding: 12px 12px 19px;
  }
  .publicMedia .grid > li {
    width: 325px;
  }
}
@media (max-width: 767px) {
  .publicMedia .grid > li {
    width: 300px;
  }
  .publicMedia .pic {
    height: 260px;
  }
}
.publicMedia .item:hover {
  z-index: 1;
}
.publicMedia .item:hover .pic {
  transform: scaleX(2.06);
  border-radius: calc(var(--ratio) * 12px);
}
.publicMedia .item:hover .data {
  opacity: 1;
  width: calc(200%);
}
.Insurance {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.Insurance .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 24px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.Insurance .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Insurance .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.Insurance .list > li {
  width: calc(var(--ratio) * 290px);
  margin-right: calc(var(--ratio) * 12px);
  margin-left: calc(var(--ratio) * 12px);
  margin-bottom: calc(var(--ratio) * 24px);
}
.Insurance .item {
  text-align: left;
  padding: calc(var(--ratio) * 24px) calc(var(--ratio) * 24px)
    calc(var(--ratio) * 24px);
  display: block;
  height: 100%;
  background: #fff;
  border-radius: calc(var(--ratio) * 25px);
  border-top-right-radius: calc(var(--ratio) * 45px);
  border-bottom-left-radius: calc(var(--ratio) * 45px);
  box-shadow: 0px 0px 10px #eee;
  transition: all 0.35s;
}
.Insurance .icon {
  position: relative;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 44px);
  height: calc(var(--ratio) * 44px);
  border-radius: calc(var(--ratio) * 12px);
  background: #0a5163;
  padding: calc(var(--ratio) * 5px);
}
.Insurance .icon img {
  display: block;
  object-fit: contain;
  max-height: calc(var(--ratio) * 21px);
  max-width: calc(var(--ratio) * 20px);
}
.Insurance .name {
  max-width: none;
  padding-top: calc(var(--ratio) * 11px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Insurance .text {
  margin-top: calc(var(--ratio) * 7px);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
@media (max-width: 567px) {
  .Insurance .list > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.Advertise {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.Advertise .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 20px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.Advertise .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Advertise .tab {
  text-align: left;
  position: relative;
  background: #0a5163 url(../images/mask1.png) no-repeat right top;
  background-size: contain;
  border-radius: calc(var(--ratio) * 100px);
  display: flex;
  align-items: center;
  padding: calc(var(--ratio) * 22px) calc(var(--ratio) * 132px)
    calc(var(--ratio) * 22px) calc(var(--ratio) * 40px);
  min-height: calc(var(--ratio) * 124px);
}
.Advertise .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
  right: calc(var(--ratio) * 12px);
  background: #fff;
  width: calc(var(--ratio) * 104px);
  height: calc(var(--ratio) * 104px);
}
.Advertise .icon img {
  display: block;
  object-fit: contain;
  max-height: calc(var(--ratio) * 30px);
}
.Advertise .screen {
  overflow: hidden;
}
.Advertise .item {
  display: block;
}
.Advertise .info {
  text-align: left;
}
.Advertise .titre {
  color: #fff;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.Advertise .subtitre {
  color: #919ca0;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  margin-top: calc(var(--ratio) * 7px);
}
@media (max-width: 767px) {
  .Advertise .tab {
    border-radius: 64px;
  }
}
.ourservices {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.ourservices .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 20px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.ourservices .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.ourservices .menu {
  margin-bottom: calc(var(--ratio) * 24px);
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}
.ourservices .swiper-slide {
  width: auto;
  margin-right: calc(var(--ratio) * 12px);
}
.ourservices .link {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
  cursor: pointer;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  color: #647379;
  background: #efefef;
  height: calc(var(--ratio) * 51px);
  border-radius: calc(var(--ratio) * 16px);
  border: 1px solid transparent;
  padding-right: calc(var(--ratio) * 24px);
  padding-left: calc(var(--ratio) * 24px);
}
.ourservices .link.selected {
  color: #40a6bf;
  border-color: #40a6bf;
  pointer-events: none;
  background: #fff;
}
.ourservices .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.ourservices .grid > li {
  width: calc(20% - var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
}
.ourservices .item {
  text-align: left;
  padding: calc(var(--ratio) * 24px) calc(var(--ratio) * 17px)
    calc(var(--ratio) * 24px);
  display: block;
  height: 100%;
  background: #fff;
  border-radius: calc(var(--ratio) * 25px);
  box-shadow: 0px 0px 10px #eee;
}
.ourservices .icon {
  height: calc(var(--ratio) * 65px);
  display: flex;
  align-items: flex-end;
  margin-bottom: calc(var(--ratio) * 13px);
}
.ourservices .icon img {
  max-height: calc(var(--ratio) * 65px);
  display: block;
  object-fit: contain;
}
.ourservices .titre {
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.ourservices .more {
  display: flex;
  border-top: 1px solid #eee;
  padding-top: calc(var(--ratio) * 13px);
  margin-top: calc(var(--ratio) * 13px);
}
.ourservices .view {
  display: block;
  cursor: pointer;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #40a6bf;
  transition: all 0.35s;
}
.ourservices .view:after {
  content: "\f105 ";
  font-family: fontawesome;
  position: relative;
  top: calc(var(--ratio) * 2px);
  font-size: calc(var(--ratio) * 17px);
  padding-left: calc(var(--ratio) * 9px);
}
.ourservices .datasection {
  display: none;
}
.ourservices .datasection:nth-child(1) {
  display: block;
}
@media (max-width: 1300px) {
  .ourservices .grid {
    width: 100%;
    justify-content: center;
  }
  .ourservices .grid > li {
    margin-right: calc(var(--ratio) * 12px);
    margin-left: calc(var(--ratio) * 12px);
    width: calc(var(--ratio) * 243px);
  }
}
@media (max-width: 567px) {
  .ourservices .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.Firms {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 61px);
}
.Firms .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 47px);
}
.Firms .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.Firms .subtitle {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  color: #283e46;
  margin-top: calc(var(--ratio) * 16px);
  max-width: calc(var(--ratio) * 1120px);
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.Firms .wrap {
  position: relative;
  padding-top: calc(var(--ratio) * 110px);
  overflow: hidden;
  border-top-left-radius: calc(var(--ratio) * 20px);
  border-top-right-radius: calc(var(--ratio) * 20px);
  padding-right: calc(var(--ratio) * 40px);
  padding-left: calc(var(--ratio) * 40px);
}
.Firms .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: calc(var(--ratio) * 320px);
  overflow: hidden;
}
.Firms .bg img {
  display: block;
  object-fit: cover;
  width: 100%;
  object-position: center top;
}
.Firms .bg:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    #fafafa 0%,
    #fafafa 50%,
    rgba(250, 250, 250, 0.6) 100%
  );
}
.Firms .hold {
  position: relative;
  z-index: 1;
}
.Firms .grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.Firms .grid > li {
  width: calc(33.33% - var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
}
.Firms .item {
  text-align: left;
  padding-bottom: calc(var(--ratio) * 44px);
  display: block;
  height: 100%;
  background: #fff;
  border-radius: calc(var(--ratio) * 16px);
  box-shadow: 0px 0px 10px #eee;
  overflow: hidden;
  position: relative;
}
.Firms .item.selected .head {
  background: #0a5163;
}
.Firms .item.selected .head img {
  filter: brightness(0) invert(1);
}
.Firms .item.selected .name {
  color: #fff;
}
.Firms .head {
  padding: calc(var(--ratio) * 16px) calc(var(--ratio) * 22px)
    calc(var(--ratio) * 16px) calc(var(--ratio) * 16px);
  background: #f6fafb;
  border-radius: calc(var(--ratio) * 16px);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.Firms .head img {
  width: calc(var(--ratio) * 16px);
  margin-right: calc(var(--ratio) * 10px);
  position: relative;
  top: calc(var(--ratio) * 5px);
}
.Firms .inner {
  padding: calc(var(--ratio) * 16px) calc(var(--ratio) * 22px)
    calc(var(--ratio) * 16px) calc(var(--ratio) * 16px);
}
.Firms .name {
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #0a5163;
  width: calc(100% - var(--ratio) * 16px - var(--ratio) * 10px);
}
.Firms .text {
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #283e46;
}
.Firms .more {
  display: flex;
  margin-top: calc(var(--ratio) * 13px);
  position: absolute;
  right: 0px;
  width: 100%;
  bottom: calc(var(--ratio) * 12px);
  padding: 0px calc(var(--ratio) * 22px);
}
.Firms .view {
  display: block;
  cursor: pointer;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #40a6bf;
  transition: all 0.35s;
}
.Firms .view:after {
  content: "\f105 ";
  font-family: fontawesome;
  position: relative;
  top: calc(var(--ratio) * 2px);
  font-size: calc(var(--ratio) * 17px);
  padding-left: calc(var(--ratio) * 9px);
}
@media (max-width: 1200px) {
  .Firms .grid > li {
    width: calc(50% - var(--ratio) * 24px);
  }
}
@media (max-width: 767px) {
  .Firms .grid {
    width: 100%;
  }
  .Firms .grid > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.People {
  overflow: hidden;
  direction: ltr;
  padding-bottom: calc(var(--ratio) * 54px);
}
.People .top {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 40px);
  max-width: calc(var(--ratio) * 1104px);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.People .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.People .wrap {
  padding-right: calc(var(--ratio) * 40px);
  padding-left: calc(var(--ratio) * 40px);
}
.People .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 24px);
}
.People .list > li {
  width: calc(33.33% - var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
}
.People .item {
  height: 100%;
  position: relative;
  display: block;
}
.People .pic {
  height: clamp(16.875rem, 2.768rem + 29.429vw, 48.75rem);
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--ratio) * 24px);
}
.People .pic img {
  object-position: center 12%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.35s;
}
.People .pic:after {
  pointer-events: none;
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    #000000 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 100%
  );
}
.People .data {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  z-index: 1;
  padding: 12px 12px calc(var(--ratio) * 24px);
}
.People .name {
  font-size: calc(var(--ratio) * 20px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #fff;
}
.People .caption {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #fff;
  margin-top: calc(var(--ratio) * 7px);
}
@media (max-width: 767px) {
  .People .list {
    width: 100%;
  }
  .People .list > li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .People .pic {
    height: clamp(18.75rem, 2.165rem + 73.71vw, 37.5rem);
  }
}
.reachUs {
  padding-bottom: calc(var(--ratio) * 100px);
  direction: ltr;
  text-align: center;
}
.reachUs .wrap {
  background: #c6e1e8;
  position: relative;
  border-radius: calc(var(--ratio) * 24px);
  overflow: hidden;
  padding: calc(var(--ratio) * 37px) calc(var(--ratio) * 42px)
    calc(var(--ratio) * 42px);
}
.reachUs .wrap:before {
  display: block;
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #c6e1e8 url(../images/mask2.png);
}
.reachUs .wrap:after {
  display: block;
  content: "";
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #c6e1e8 url(../images/mask2.png);
}
.reachUs .inner {
  position: relative;
  margin: auto;
  z-index: 1;
  max-width: calc(var(--ratio) * 840px);
}
.reachUs .title {
  font-size: calc(var(--ratio) * 24px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
}
.reachUs .caption {
  margin-top: calc(var(--ratio) * 10px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #283e46;
}
.reachUs .field {
  text-align: left;
  height: calc(var(--ratio) * 64px);
  margin-top: calc(var(--ratio) * 22px);
  background: #fff;
  border-radius: calc(var(--ratio) * 20px);
  padding-right: calc(var(--ratio) * 168px);
  position: relative;
}
.reachUs .custinput {
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: calc(var(--ratio) * 24px);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #283e46;
}
.reachUs .sendbtn {
  height: calc(var(--ratio) * 48px);
  right: calc(var(--ratio) * 8px);
  width: calc(var(--ratio) * 168px);
  background: #40a6bf;
  border-radius: calc(var(--ratio) * 16px);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  position: absolute;
  transition: all 0.35s;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border: 0px;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
}
.reachUs .note {
  margin-top: calc(var(--ratio) * 18px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #283e46;
}
.reachUs .note a {
  font-weight: 700;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  .reachUs {
    padding-bottom: 44px;
  }
  .reachUs .sendbtn {
    width: 80px;
  }
  .reachUs .field {
    padding-right: 90px;
  }
}
.getUs {
  padding-bottom: calc(var(--ratio) * 100px);
  direction: ltr;
  text-align: left;
}
.getUs .wrap {
  border-radius: calc(var(--ratio) * 32px);
  position: relative;
  background: #0a5163;
  padding: calc(var(--ratio) * 44px) calc(var(--ratio) * 36px)
    calc(var(--ratio) * 75px);
}
.getUs .wrap:after {
  display: block;
  content: "";
  position: absolute;
  right: -15px;
  bottom: 0px;
  height: 100%;
  pointer-events: none;
  width: 33%;
  background: url(../images/mob.png) no-repeat right bottom;
  background-size: contain;
}
.getUs .wrap:before {
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 100%;
  pointer-events: none;
  width: 100%;
  background: url(../images/textshadow.png) no-repeat 60% 100%;
  background-size: calc(var(--ratio) * 700px);
}
.getUs .inner {
  position: relative;
  z-index: 1;
  max-width: 63%;
}
.getUs .title {
  font-size: calc(var(--ratio) * 40px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #fff;
}
.getUs .caption {
  margin-top: calc(var(--ratio) * 15px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
.getUs .options {
  display: flex;
  flex-wrap: wrap;
}
.getUs .options > li {
  margin-right: calc(var(--ratio) * 8px);
  display: flex;
}
.getUs .item {
  height: calc(var(--ratio) * 42px);
  margin-top: calc(var(--ratio) * 22px);
  display: block;
  cursor: pointer;
  transition: all 0.35s;
}
.getUs .item img {
  height: 100%;
  object-fit: contain;
  display: block;
}
.getUs .icon {
  width: calc(var(--ratio) * 52px);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #286473;
  border: 1px solid #3b7280;
  height: calc(var(--ratio) * 52px);
  margin-bottom: calc(var(--ratio) * 12px);
}
.getUs .icon img {
  height: calc(var(--ratio) * 19px);
  object-fit: contain;
  display: block;
}
@media (max-width: 767px) {
  .getUs {
    padding-bottom: 44px;
  }
  .getUs .wrap:after {
    width: 201px;
    right: -17px;
  }
  .getUs .wrap:before {
    background-size: 80%;
    background-position: left bottom;
  }
  .getUs .inner {
    max-width: 100%;
  }
  .getUs .wrap {
    padding-bottom: 120px;
  }
}
footer {
  direction: ltr;
  text-align: left;
  position: relative;
  padding-bottom: calc(var(--ratio) * 44px);
}
footer .wrap {
  border-radius: calc(var(--ratio) * 32px);
  padding: calc(var(--ratio) * 40px) calc(var(--ratio) * 40px)
    calc(var(--ratio) * 30px);
  background: #fff;
  position: relative;
  box-shadow: 0px 0px 10px #eee;
}
footer .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: calc(var(--ratio) * 24px);
  margin-bottom: calc(var(--ratio) * 24px);
  border-bottom: 1px solid rgba(7, 33, 42, 0.12);
}
footer .top > li:nth-child(1) {
  width: calc(var(--ratio) * 240px);
  margin-right: calc(var(--ratio) * 20px);
}
footer .top > li:nth-child(2) {
  width: calc(100% - var(--ratio) * 260px);
  display: flex;
  justify-content: flex-end;
}
footer .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 220px);
}
footer .logo img {
  width: 100%;
  object-fit: contain;
  display: block;
}
footer .list {
  display: flex;
  flex-wrap: wrap;
}
footer .list > li {
  margin-right: calc(var(--ratio) * 24px);
  display: flex;
}
footer .list > li:last-child {
  margin-right: calc(var(--ratio) * 0px);
}
footer .link {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: rgba(7, 33, 42, 0.87);
  display: block;
  cursor: pointer;
  transition: all 0.35s;
}
footer .end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(var(--ratio) * 29px);
}
footer .end > li:nth-child(1) {
  width: 50%;
  margin-right: 5%;
}
footer .end > li:nth-child(2) {
  width: 45%;
  display: flex;
  justify-content: flex-end;
}
footer .note {
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  color: rgba(7, 33, 42, 0.87);
}
footer .note span {
  color: rgba(7, 33, 42, 0.12);
  padding: 0px 5px;
}
footer .options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .options > li {
  margin-right: calc(var(--ratio) * 14px);
  display: flex;
}
footer .options > li:last-child {
  margin-right: calc(var(--ratio) * 0px);
}
footer .item {
  display: flex;
  transition: all 0.35s;
}
footer .item img {
  height: calc(var(--ratio) * 24px);
  max-width: calc(var(--ratio) * 25px);
  display: block;
  object-fit: contain;
}
footer .signature {
  color: rgba(7, 33, 42, 0.87);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  text-align: center;
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .signature img {
  height: calc(var(--ratio) * 23px);
  margin-left: calc(var(--ratio) * 9px);
  position: relative;
  object-fit: contain;
  display: block;
}
@media (max-width: 990px) {
  footer .end > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    order: 2;
    margin-top: 11px;
  }
  footer .end > li:nth-child(2) {
    width: 100%;
    justify-content: center;
    order: 1;
  }
  footer .list {
    justify-content: center;
  }
  footer .list > li {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
  }
  footer .top > li:nth-child(1) {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .top > li:nth-child(2) {
    width: 100%;
    justify-content: center;
    margin-top: 17px;
  }
  footer .note {
    text-align: center;
  }
  footer .note span {
    display: none;
  }
  footer .options > li {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
  }
}
.pageurl {
  padding: calc(var(--ratio) * 33px) 0px calc(var(--ratio) * 37px);
  direction: ltr;
  text-align: left;
}
.pageurl .list {
  display: flex;
  flex-wrap: wrap;
}
.pageurl .list > li {
  display: flex;
}
.pageurl .list > li:after {
  content: "/";
  padding: 0px calc(var(--ratio) * 4px);
  position: relative;
  top: calc(var(--ratio) * -1px);
}
.pageurl .list > li:last-child:after {
  display: none;
}
.pageurl .item {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  display: block;
  transition: all 0.35s;
}
.pageurl .item.selected {
  color: #40a6bf;
}
@media (max-width: 767px) {
  .pageurl {
    --ratio: 0.77;
    padding-bottom: 20px;
  }
  .pageurl .list > li:after {
    top: calc(var(--ratio) * -6px);
  }
}
.Article {
  direction: ltr;
  text-align: left;
  padding: 0px 7%;
  padding-bottom: calc(var(--ratio) * 70px);
}
.Article .wrap {
  border-radius: calc(var(--ratio) * 16px);
  background: #fff;
  padding: calc(var(--ratio) * 16px) calc(var(--ratio) * 16px)
    calc(var(--ratio) * 43px);
}
.Article .title {
  color: #07212ade;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.Article .pic {
  border-radius: calc(var(--ratio) * 16px);
  overflow: hidden;
  margin-bottom: calc(var(--ratio) * 12px);
  margin-top: calc(var(--ratio) * 15px);
}
.Article .pic img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.Article .date {
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
.Article .date img {
  max-height: calc(var(--ratio) * 25px);
  top: calc(var(--ratio) * 2px);
  margin-right: calc(var(--ratio) * 4px);
  position: relative;
  object-fit: contain;
}
.Article .options {
  margin-top: calc(var(--ratio) * 17px);
  padding-bottom: calc(var(--ratio) * 12px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.Article .options > li {
  margin-right: calc(var(--ratio) * 12px);
  margin-bottom: calc(var(--ratio) * 12px);
  display: flex;
  align-items: center;
}
.Article .options > li:last-child {
  margin-right: 0px;
}
.Article .optionlink {
  transition: all 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: calc(var(--ratio) * 40px);
  min-width: calc(var(--ratio) * 40px);
  border-radius: 100%;
  background: #f6f6f6;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #797978;
}
.Article .optionlink img {
  max-height: calc(var(--ratio) * 37px);
  max-width: calc(var(--ratio) * 20px);
  object-fit: contain;
  display: block;
}
.Article .pastelink {
  transition: all 0.35s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: calc(var(--ratio) * 40px);
  padding-right: calc(var(--ratio) * 11px);
  padding-left: calc(var(--ratio) * 11px);
  background: #f6f6f6;
  border-radius: calc(var(--ratio) * 16px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #797978;
}
.Article .pastelink img {
  max-height: calc(var(--ratio) * 34px);
  max-width: calc(var(--ratio) * 20px);
  margin-right: calc(var(--ratio) * 7px);
  object-fit: contain;
  display: block;
}
.Article .text {
  max-width: 98%;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #919ca0;
}
@media (max-width: 767px) {
  .Article {
    padding-right: 0px;
    padding-left: 0px;
  }
  .Article .date img {
    max-height: calc(var(--ratio) * 20px);
    top: calc(var(--ratio) * 3px);
  }
  .Article .text,
  .Article .date,
  .Article .title {
    --ratio: 0.8;
  }
  .Article .optionlink img {
    max-height: calc(var(--ratio) * 21px);
  }
}
@media (max-device-width: 767px) {
  header .language .status {
    padding-top: 2px;
  }
}
@media (max-device-width: 1024px) {
  header .link.hasmenu:after {
    top: 0px;
  }
}
.desktop .pageurl .item[href]:hover {
  color: #40a6bf;
}
.desktop header .item:hover {
  opacity: 0.7;
}
.desktop .Article .pastelink:hover,
.desktop .Article .optionlink:hover {
  opacity: 0.7;
}
.desktop header .link:hover {
  color: #40a6bf;
}
.desktop header .closemenu:hover {
  opacity: 0.7;
}
.desktop .reachUs .sendbtn:hover {
  opacity: 0.7;
}
.desktop .reachUs .note a:hover {
  opacity: 0.7;
}
.desktop footer .link:hover {
  opacity: 0.7;
}
.desktop .getUs .item:hover {
  opacity: 0.7;
}
.desktop header .language .value:hover {
  color: #40a6bf;
}
.desktop .Slider .prev:hover,
.desktop .Slider .next:hover {
  background: #40a6bf;
}
.desktop .Slider .prev:hover img,
.desktop .Slider .next:hover img {
  filter: brightness(0) invert(1);
}
.desktop .latestnews .prev:hover,
.desktop .latestnews .next:hover {
  background: #40a6bf;
}
.desktop .latestnews .prev:hover img,
.desktop .latestnews .next:hover img {
  filter: brightness(0) invert(1);
}
.desktop .custbtm:hover {
  background: #40a6bf;
  color: #fff;
  border-color: #40a6bf;
}
.desktop .Insurance .item:hover {
  background: #0a5163;
}
.desktop .Insurance .item:hover .name,
.desktop .Insurance .item:hover .text {
  color: #fff;
}
.desktop .Insurance .item:hover .icon {
  background: #fff;
}
.desktop .Insurance .item:hover .icon img {
  filter: invert(32%) sepia(197%) saturate(3052%) hue-rotate(147deg)
    brightness(74%) contrast(85%);
}
.desktop .ourservices .link:hover {
  color: #40a6bf;
}
.desktop .People .item:hover .pic img {
  transform: scale(1.02);
}
.desktop .publicMedia .swiper-pagination .swiper-pagination-bullet:hover {
  background: #40a6bf;
}
.inputField ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #919ca0 !important;
}
.inputField :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #919ca0 !important;
}
.inputField ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #919ca0 !important;
}
.inputField :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #919ca0 !important;
}
.inputField ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #919ca0 !important;
}
:root {
  --ratio: 1;
}
@media (max-width: 1024px) {
  :root {
    --ratio: 0.9;
  }
}
@media (max-width: 767px) {
  :root {
    --ratio: 0.77;
  }
}
.container {
  padding: 0px 24px;
  position: relative;
  margin: 0px auto;
  width: 100%;
}
@media (min-width: 1700px) {
  .container {
    padding: 0px 120px;
  }
}