.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;
}
header .searchtab {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  direction: ltr;
  width: calc(var(--ratio) * 250px);
  height: calc(var(--ratio) * 36px);
  border-radius: calc(var(--ratio) * 100px);
  background: rgba(255, 255, 255, 0.12);
  left: calc(var(--ratio) * 0px);
  right: calc(var(--ratio) * 0px);
  padding-left: calc(var(--ratio) * 20px);
  display: flex;
  padding-right: calc(var(--ratio) * 10px);
  align-items: center;
}
header .searchtab .icon {
  height: calc(var(--ratio) * 18px);
  width: calc(var(--ratio) * 18px);
  margin-right: calc(var(--ratio) * 10px);
}
header .searchtab .icon img {
  height: 100%;
  display: block;
  object-fit: contain;
}
header .searchtab .custinput {
  display: block;
  border: 0px;
  border-radius: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  flex: 1;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #fff;
  height: 100%;
}
@media (max-width: 767px) {
  header .searchtab {
    width: calc(100% - var(--ratio) * 270px);
    right: unset;
    left: calc(var(--ratio) * 47px);
  }
}
.pageTab {
  padding: calc(var(--ratio) * 18px) calc(var(--ratio) * 0px) calc(var(--ratio) * 24px);
  direction: ltr;
}
.pageTab .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(var(--ratio) * 8px);
  background: #fff;
  padding: calc(var(--ratio) * 12px) calc(var(--ratio) * 12px) calc(var(--ratio) * 12px);
}
.pageTab img {
  display: block;
  object-fit: contain;
  height: calc(var(--ratio) * 36px);
  margin-left: calc(var(--ratio) * 6px);
}
.pageTab .title {
  color: #40a6bf;
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.Hospitals {
  direction: ltr;
  overflow: hidden;
  padding-bottom: calc(var(--ratio) *55px);
}
.Hospitals .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) * 15px);
}
.Hospitals .list > li {
  width: calc(33.33% - var(--ratio) * 15px);
  margin-right: calc(var(--ratio) *15px);
  margin-bottom: calc(var(--ratio) *15px);
}
.Hospitals .item {
  border-radius: calc(var(--ratio) * 11px);
  position: relative;
  display: block;
  padding: calc(var(--ratio) * 18px) calc(var(--ratio) * 14px) calc(var(--ratio) * 18px) calc(var(--ratio) * 70px);
  background: #fff;
}
.Hospitals .titre {
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  color: #07212ADE;
  font-weight: 700;
}
.Hospitals .subtitre {
  margin-top: calc(var(--ratio) *7px);
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #07212A99;
}
.Hospitals .subtitre a {
  color: #40a6bf;
  cursor: pointer;
  transition: all 0.35s;
}
.Hospitals .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--ratio) * 44px);
  height: calc(var(--ratio) * 44px);
  position: absolute;
  border-radius: calc(var(--ratio) * 7px);
  top: calc(var(--ratio) * 14px);
  right: calc(var(--ratio) * 14px);
  background: #C6E1E880;
  padding: 4px;
}
.Hospitals .icon img {
  height: calc(var(--ratio) * 24px);
  display: block;
  object-fit: contain;
}
.Hospitals .tags {
  margin-top: calc(var(--ratio) *17px);
  display: flex;
  flex-wrap: wrap;
}
.Hospitals .tags > li {
  margin-right: calc(var(--ratio) *7px);
  margin-bottom: calc(var(--ratio) *7px);
}
.Hospitals .tagname {
  background: #F1F5F9;
  border-radius: calc(var(--ratio) * 4px);
  color: #07212A99;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--ratio) * 6px) calc(var(--ratio) * 8px) calc(var(--ratio) * 5px);
}
.Hospitals .more {
  display: flex;
  margin-top: calc(var(--ratio) *17px);
}
.Hospitals .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;
}
.Hospitals .view:after {
  content: '\f104 ';
  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: 1024px) {
  .Hospitals .list > li {
    width: calc(50% - var(--ratio) * 15px);
  }
}
@media (max-width: 767px) {
  .Hospitals .list > li {
    width: calc(100% - var(--ratio) * 15px);
  }
}
.ourgrowth {
  padding-bottom: calc(var(--ratio) * 100px);
  direction: ltr;
}
.ourgrowth .wrap {
  border-radius: calc(var(--ratio) * 16px);
  background: #fff;
  border: 1px solid #07212A1F;
  text-align: center;
  padding: calc(var(--ratio) * 25px) calc(var(--ratio) * 28px) calc(var(--ratio) * 24px);
}
.ourgrowth .icon {
  max-width: calc(var(--ratio) * 189px);
  margin: auto;
  position: relative;
}
.ourgrowth .title {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #07212AAB;
}
.ourgrowth .title span {
  font-size: calc(var(--ratio) * 64px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  color: #40a6bf;
}
.ourgrowth .subtitle {
  margin-top: calc(var(--ratio) * 3px);
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #07212AAB;
}
@media (max-width: 767px) {
  .ourgrowth {
    padding-bottom: 44px;
  }
}
.publicMedia .grid > li {
  width: calc(var(--ratio) * 560px);
  height: calc(var(--ratio) * 250px);
}
.publicMedia .item {
  height: 100%!important;
}
.publicMedia .pic {
  transform: none!important;
  height: 100%!important;
}
.publicMedia .data {
  opacity: 1!important;
  pointer-events: visible!important;
  width: 100%!important;
}
@media (max-width: 767px) {
  .publicMedia .grid > li {
    width: calc(var(--ratio) * 360px);
    height: calc(var(--ratio) * 210px);
  }
  .publicMedia .grid > li .data {
    padding: 12px;
  }
}
.Offers {
  padding-bottom: calc(var(--ratio) * 24px);
}
.Offers .wrap {
  padding-bottom: calc(var(--ratio) * 14px);
}
.subhead {
  text-align: center;
  margin-bottom: calc(var(--ratio) * 11px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.subhead .titleup {
  font-size: calc(var(--ratio) * 28px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  color: #283e46;
  margin: 0px calc(var(--ratio) * 25px);
}
.subhead .prev,
.subhead .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;
}
.subhead .prev img,
.subhead .next img {
  height: calc(var(--ratio) * 15px);
  display: block;
  object-fit: contain;
}
.subhead .prev img {
  transform: scaleX(-1);
}
.subhead .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ourservices .grid {
  flex-wrap: unset;
  justify-content: unset!important;
}
.ourservices .grid > li {
  margin-left: 0px!important;
  margin-right: calc(var(--ratio) * 24px) !important;
  margin-bottom: 0px!important;
  width: calc(var(--ratio) * 243px) !important;
}
.ourservices .grid > li:last-child {
  margin-right: 0px!important;
}
.Rules {
  direction: ltr;
  overflow: hidden ;
  padding-bottom: calc(var(--ratio) *80px);
}
.Rules .others {
  margin-top: calc(var(--ratio) *16px);
  display: flex;
  justify-content: flex-end;
}
.Rules .screen {
  width: calc(100% + var(--ratio) * 24px);
}
.Rules .swiper-slide {
  width: calc(33.33% - var(--ratio) * 24px);
  margin-right: calc(var(--ratio) * 24px);
  height: auto;
}
.Rules .item {
  display: block;
  background: #fff;
  border-radius: calc(var(--ratio) *16px);
  padding:  calc(var(--ratio) * 14px) calc(var(--ratio) * 14px) calc(var(--ratio) * 7px);
  height: 100%;
  box-shadow: 0px 0px 10px #eee;
}
.Rules .time {
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  color: #07212A99;
  font-weight: 400;
}
.Rules .time img {
  object-fit: contain;
  height: calc(var(--ratio) * 16px);
  margin-right: calc(var(--ratio) * 5px);
  position: relative;
  top: calc(var(--ratio) * 4px);
}
.Rules .name {
  color: #07212ADE;
  font-size: calc(var(--ratio) * 18px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  margin-top: calc(var(--ratio) * 7px);
}
.Rules .text {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #07212A99;
  margin-top: calc(var(--ratio) * 9px);
  max-width: calc(var(--ratio) * 333px);
}
.Rules .options {
  margin-top: calc(var(--ratio) * 13px);
  display: flex;
  flex-wrap: wrap;
}
.Rules .options > li {
  margin-right: calc(var(--ratio) * 7px);
  margin-bottom: calc(var(--ratio) * 7px);
}
.Rules .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);
}
.Rules .unit img {
  margin-right: calc(var(--ratio) * 5px);
  object-fit: contain;
  position: relative;
  top: calc(var(--ratio) * 0px);
  height: calc(var(--ratio) * 13px);
}
.Rules .label {
  color: #65767d;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
}
.Rules .note {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #40A6BF;
  margin-top: calc(var(--ratio) * 12px);
}
.Rules .extra {
  margin-top: calc(var(--ratio) * 7px);
  border: 1px solid #07212A1F;
  border-radius: calc(var(--ratio) * 16px);
  padding: calc(var(--ratio) * 12px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.Rules .extra > li:nth-child(1) {
  max-width: 60%;
}
.Rules .extra > li:nth-child(2) {
  max-width: 38%;
}
.Rules .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  border: 1px solid #1629171A;
  border-radius: calc(var(--ratio) * 8px);
  padding: calc(var(--ratio) * 7px) calc(var(--ratio) * 16px) calc(var(--ratio) * 7px);
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #07212AAB;
}
.Rules .right {
  display: flex;
  align-items: center;
}
.Rules .icon {
  display: flex;
  align-items: flex-start;
  width: calc(var(--ratio) * 48px);
  margin-right: calc(var(--ratio) * 10px);
}
.Rules .icon img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.Rules .in {
  width: calc(100% - var(--ratio) * 48px);
}
.Rules .titre {
  color: #07212AAB;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
}
.Rules .subtitre {
  color: #07212AAB;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
}
.Rules .subtitre img {
  margin-right: calc(var(--ratio) * 1px);
  object-fit: contain;
  height: calc(var(--ratio) * 14px);
  top: calc(var(--ratio) * 4px);
  position: relative;
}
@media (max-width: 1024px) {
  .Rules .swiper-slide {
    width: calc(50% - var(--ratio) * 24px);
  }
}
@media (max-width: 767px) {
  .Rules {
    padding-bottom: calc(var(--ratio) *44px);
  }
  .Rules .swiper-slide {
    width: 320px;
  }
}
@media (max-width: 400px) {
  .Rules .subhead .titleup {
    margin: 0px 11px;
  }
}
@media (max-width: 767px) {
  .Firms {
    padding-bottom: calc(var(--ratio) *34px);
  }
}
@media (max-width: 767px) {
  .People .top {
    margin-bottom: calc(var(--ratio) *24px);
  }
}
header .link.hasdropdown {
  padding-right: calc(var(--ratio) * 20px);
}
header .link.hasdropdown:after {
  display: block;
  content: '\f107 ';
  position: absolute;
  right: calc(var(--ratio) * 0px);
  top: calc(var(--ratio) * 5px);
  font-size: calc(var(--ratio) * 18px);
  font-family: fontawesome;
}
header .link.hasdropdown.active:before {
  content: '\f0d8 ';
  position: absolute;
  right: calc(var(--ratio) * 0px);
  left: 0px;
  margin: auto;
  width: calc(var(--ratio) * 40px);
  top: calc(var(--ratio) * 22px);
  color: #fff;
  z-index: 2;
  font-size: calc(var(--ratio) * 28px);
  font-family: fontawesome;
  display: flex;
  justify-content: center;
  text-shadow: 0px -6px 6px #f0f0f0;
}
.innermenu {
  position: fixed;
  top: calc(var(--ratio) *160px);
  left: 0px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
  z-index: 1;
}
.innermenu.open {
  opacity: 1;
  pointer-events: visible;
}
.innermenu .inwrap {
  background: #fff;
  padding: calc(var(--ratio) *16px) calc(var(--ratio) *16px) calc(var(--ratio) *0px);
  position: relative;
  margin: auto;
  border-radius: calc(var(--ratio) *7px);
  box-shadow: 0px 0px 10px #ddd;
  width: calc(100% - var(--ratio) *86px*2);
}
.innermenu .sublist {
  display: flex;
  flex-wrap: wrap;
}
.innermenu .sublist > li {
  margin-right: calc(var(--ratio) *15px);
  margin-bottom: calc(var(--ratio) *15px);
}
.innermenu .subitem {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.3px solid #40A6BF;
  border-radius: calc(var(--ratio) *9px);
  padding: 3px 5px 3px 10px;
  transition: all 0.35s;
}
.innermenu .subitem.selected {
  background: #C6E1E880;
  border-color: #C6E1E880;
}
.innermenu .iconitem {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #C6E1E880;
  width: calc(var(--ratio) *32px);
  height: calc(var(--ratio) *32px);
  border-radius: calc(var(--ratio) *8px);
  margin-right: calc(var(--ratio) *7px);
}
.innermenu .iconitem img {
  height: calc(var(--ratio) *17px);
  display: block;
  object-fit: contain;
}
.innermenu .labelitem {
  color: #282828;
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
}
@media (max-width: 1330px) {
  .innermenu {
    top: calc(var(--ratio) *178px);
  }
}
@media (max-width: 1100px) {
  .innermenu {
    opacity: 1!important;
    pointer-events: visible!important;
    display: none;
    position: relative;
    top: unset!important;
    left: unset;
    margin-top: 13px;
  }
  .innermenu .container {
    padding: 0px;
  }
  .innermenu .inwrap {
    width: 100%;
  }
  .innermenu.open {
    display: block;
  }
  header .link.hasdropdown:after {
    top: calc(var(--ratio) *10px);
    font-size: 16px;
  }
  header .link.active:before {
    display: none!important;
  }
}
.scrollheader .innermenu {
  top: calc(var(--ratio) *126px);
}
@media (max-width: 1330px) {
  .scrollheader .innermenu {
    top: calc(var(--ratio) *143px);
  }
}
.menuFilter {
  direction: ltr;
}
.menuFilter .list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--ratio) *16px);
}
.menuFilter .list > li {
  width: calc(25% - var(--ratio) *16px);
  margin-right: calc(var(--ratio) *16px);
  margin-bottom: calc(var(--ratio) *16px);
}
.menuFilter .item {
  display: block;
  position: relative;
}
.menuFilter .item.active .pop {
  opacity: 1;
  pointer-events: visible;
}
.menuFilter .item.selected .name {
  font-size: calc(var(--ratio) *12px);
  position: absolute;
  height: auto;
  top: calc(var(--ratio) *6px);
  left: calc(var(--ratio) *13px);
}
.menuFilter .tab {
  display: block;
  border: 1px solid #07212A1F;
  background: #fff;
  border-radius: calc(var(--ratio) *16px);
  box-shadow: 0px 0px 10px #eee;
  height: calc(var(--ratio) *56px);
  position: relative;
  cursor: pointer;
  padding-right: calc(var(--ratio) *33px);
  padding-left: calc(var(--ratio) *13px);
}
.menuFilter .tab:after {
  content: '\f107 ';
  font-family: fontawesome;
  display: block;
  position: absolute;
  pointer-events: none;
  font-size: calc(var(--ratio) *22px);
  right: calc(var(--ratio) *12px);
  top: calc(var(--ratio) *0px);
  height: 100%;
  display: flex;
  align-items: center;
  color: #07212AAB;
}
.menuFilter .name {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  color: #07212AAB;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: calc(var(--ratio) *2px);
}
.menuFilter .value {
  font-size: calc(var(--ratio) * 16px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  min-width: 0px;
  color: #07212AAB;
  padding-top: calc(var(--ratio) *15px);
  position: relative;
  top: calc(var(--ratio) *11px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuFilter .pop {
  z-index: 1;
  position: absolute;
  background: #fff;
  left: 0px;
  width: 100%;
  top: calc(var(--ratio) *57px);
  border-radius: calc(var(--ratio) *16px);
  box-shadow: 0px 0px 10px #eee;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s;
}
.menuFilter .inner {
  padding: calc(var(--ratio) *16px);
}
.menuFilter .search {
  position: relative;
  border: 1px solid #07212A1F;
  border-radius: calc(var(--ratio) *8px);
  height: calc(var(--ratio) *40px);
  padding-left: calc(var(--ratio) *45px);
}
.menuFilter .search .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%;
  font-size: calc(var(--ratio) * 12px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #000;
  padding-right: calc(var(--ratio) *12px);
}
.menuFilter .search:after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: calc(var(--ratio) *35px);
  height: calc(var(--ratio) *15px);
  background: #1F1F1E5E;
  width: 1px;
}
.menuFilter .search .icon {
  display: block;
  object-fit: contain;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: calc(var(--ratio) *12px);
  height: calc(var(--ratio) *17px);
}
.menuFilter .more {
  margin-top: calc(var(--ratio) *12px);
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #1F1F1E1F;
  padding-top: calc(var(--ratio) *16px);
}
.menuFilter .more > li:nth-child(1) {
  width: calc(100% - var(--ratio) *80px - var(--ratio) *8px);
}
.menuFilter .more > li:nth-child(2) {
  width: calc(var(--ratio) *80px);
  margin-left: calc(var(--ratio) *8px);
}
.menuFilter .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.35s;
  text-align: center;
  height: calc(var(--ratio) *56px);
  width: 100%;
  border-radius: calc(var(--ratio) *16px);
  border: 1px solid #1F1F1E1F;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #1F1F1EDE;
}
.menuFilter .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.35s;
  text-align: center;
  height: calc(var(--ratio) *56px);
  width: 100%;
  border-radius: calc(var(--ratio) *16px);
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #fff;
  background: #40a6bf;
}
.menuFilter .choose {
  margin-top: calc(var(--ratio) *12px);
}
.menuFilter .choose > li + li {
  margin-top: calc(var(--ratio) *12px);
}
.menuFilter .unitselect {
  position: relative;
  height: calc(var(--ratio) *48px);
}
.menuFilter .selectinput {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.menuFilter .selectinput:checked + .custlabel {
  border-color: #40a6bf;
}
.menuFilter .selectinput:checked + .custlabel:before {
  border-color: #40a6bf;
  border-width: 2px;
  content: '\f111 ';
  font-family: fontawesome;
  font-size: calc(var(--ratio) *11px);
}
.menuFilter .custlabel {
  border: 1px solid #1F1F1E1F;
  border-radius: calc(var(--ratio) *8px);
  transition: all 0.35s;
  padding-left: calc(var(--ratio) *40px);
  padding-right: calc(var(--ratio) *12px);
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  color: #1F1F1EDE;
  font-size: calc(var(--ratio) * 14px);
  line-height: 133%;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
}
.menuFilter .custlabel:before {
  content: '';
  border-radius: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: calc(var(--ratio) *18px);
  height: calc(var(--ratio) *17px);
  padding-top: calc(var(--ratio) *1px);
  border: 1px solid #1F1F1E1F;
  left: calc(var(--ratio) *8px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #40a6bf;
}
@media (max-width: 1000px) {
  .menuFilter .list > li {
    width: calc(50% - var(--ratio) *16px);
  }
}
@media (max-width: 767px) {
  .menuFilter .list > li {
    width: calc(100% - var(--ratio) *16px);
  }
}
@media (max-device-width: 1024px) {
  header .searchtab .custinput {
    padding-top: 4px;
  }
  .pageTab .title {
    padding-top: calc(var(--ratio) * 7px);
    padding-bottom: calc(var(--ratio) * 1px);
  }
  .Hospitals .tagname {
    padding: calc(var(--ratio) * 10px) calc(var(--ratio) * 8px) calc(var(--ratio) * 5px);
  }
  header .link.hasdropdown:after {
    top: calc(var(--ratio) * 2px);
  }
  .innermenu .labelitem {
    padding-top: calc(var(--ratio) * 6px);
  }
  .custbtm {
    padding-top: calc(var(--ratio) * 4px);
  }
  .ourservices .link {
    padding-top: calc(var(--ratio) * 4px);
  }
  .Firms .name {
    padding-top: calc(var(--ratio) * 4px);
  }
  .publicMedia .label {
    padding-top: calc(var(--ratio) * 7px);
  }
  .subhead .titleup {
    padding-top: calc(var(--ratio) * 4px);
  }
  header .language .status {
    padding-top: calc(var(--ratio) * 8px);
  }
  header .language .status img {
    top: calc(var(--ratio) * -3px);
  }
  .Rules .btn {
    padding-top: calc(var(--ratio) * 11px);
  }
  .menuFilter .name {
    padding-top: calc(var(--ratio) * 7px);
  }
  .menuFilter .custlabel {
    padding-top: calc(var(--ratio) * 4px);
  }
  .menuFilter .search .custinput {
    padding-top: calc(var(--ratio) * 6px);
  }
  .menuFilter .custlabel:before {
    padding-top: calc(var(--ratio) * 0px);
    height: calc(var(--ratio) * 18px);
  }
}
.desktop .Hospitals .view:hover {
  opacity: 0.7;
}
.desktop .subhead .prev:hover,
.desktop .subhead .next:hover {
  background: #40a6bf;
}
.desktop .subhead .prev:hover img,
.desktop .subhead .next:hover img {
  filter: bleftness(0) invert(1);
}
.desktop .Rules .btn:hover {
  background: #40a6bf;
  border-color: #40a6bf;
  color: #fff;
}
.desktop .innermenu .subitem:hover {
  background: #C6E1E880;
  border-color: #C6E1E880;
}
.desktop .menuFilter .cancel:hover {
  background: #40a6bf;
  border-color: #40a6bf;
  color: #fff;
}
.desktop .menuFilter .apply:hover {
  opacity: 0.87;
}
header .searchtab ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #919ca0 !important;
}
header .searchtab :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #919ca0 !important;
}
header .searchtab ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #919ca0 !important;
}
header .searchtab :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #919ca0 !important;
}
header .searchtab ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #919ca0 !important;
}
.menuFilter ::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  opacity: 1 !important;
  color: #07212A5E!important;
}
.menuFilter :-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  color: #07212A5E!important;
}
.menuFilter ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  color: #07212A5E!important;
}
.menuFilter :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
  color: #07212A5E!important;
}
.menuFilter ::-ms-input-placeholder {
  /* Edge */
  opacity: 1 !important;
  color: #07212A5E!important;
}
@media (max-width: 767px) {
  :root {
    --ratio: 0.85;
  }
}