.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Dubai-Medium";
}
.pt-6 {
  padding-top: 3.5rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 4.5rem !important;
}
.pt-9 {
  padding-top: 5rem !important;
}
.pb-6 {
  padding-bottom: 3.5rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 4.5rem !important;
}
.pb-9 {
  padding-bottom: 5rem !important;
}
.p-6 {
  padding: 5rem !important;
}
.p-7 {
  padding: 6.5rem !important;
}
.p-8 {
  padding: 8rem !important;
}
.font-weight-light,
.font-light {
  font-family: "Dubai-Light" !important;
}
.font-weight-regular,
.font-regular {
  font-family: "Dubai-Regular" !important;
}
.font-weight-medium {
  font-family: "Dubai-Medium" !important;
}
.font-weight-bold,
.font-bold {
  font-family: "Dubai-Bold" !important;
}
.wspn {
  white-space: nowrap;
}
.uppercase {
  text-transform: uppercase;
}
.font-inherit {
  font-size: inherit !important;
}
.title-xl {
  font-family: "Dubai-Bold";
  font-size: 2.5em;
  margin-bottom: 15px;
}
.title-lg {
  font-family: "Dubai-Medium";
  font-size: 2em;
  margin-bottom: 15px;
}
.title-md {
  font-family: "Dubai-Medium";
  font-size: 1.375em;
  margin-bottom: 15px;
}
.title-sm {
  font-family: "Dubai-Medium";
  font-size: 1.125em;
  margin-bottom: 15px;
}
.sub-title {
  font-size: 1.125em;
}
.body-text {
  font-size: 1.125em;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
  width: 100%;
  height: 50px;
  background: #f5fafb;
  border: solid 1px #c3c3c3;
  border-radius: 10px;
  padding: 0px 15px;
  font-size: 1.125em;
  color: #000;
}
.selectSamll {
  width: 100%;
  height: 50px;
  background: #f5fafb;
  border: solid 1px #c3c3c3;
  border-radius: 10px;
  padding: 0px 15px;
  font-size: 1.125em;
  color: #000;
}
@media screen and (min-width: 576px) {
  .selectSamll {
    padding: 0px 0px;
    font-size: 1em;
    min-width: 100%;
  }
}
textarea {
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  background: #f5fafb;
  border: solid 1px #c3c3c3;
  border-radius: 10px;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  background-color: #f5fafb;
  border-color: #006d79;
  outline: 0;
  box-shadow: none;
}
.border {
  border: solid 1px #757575 !important;
}
.border-bottom {
  border-bottom: solid 1px #757575 !important;
}
div.radious {
  border-radius: 10px;
}
.poptable td {
  border-top: 1px solid #757575;
}
.table tr:first-child td {
  border: 0px;
}
.border-none {
  border: 0px;
}
.modal-content {
  border-radius: 20px;
}
.modal-header .close {
  width: 45px;
  height: 45px;
  background: #ffffff;
  opacity: 1;
  border-radius: 50px;
  padding: 0px;
  font-size: 1.7em;
  color: #000;
}
.modal-header .close:hover {
  background: #ffffff;
}
.bg-green {
  background: #587a0e;
}
.searchbar {
  position: relative;
}
.searchbar input[type="text"] {
  padding-right: 60px;
}
.searchbar button {
  height: 50px;
  background: none;
  border: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.searchbar button img,
.searchbar button svg {
  width: 25px;
  height: auto;
}
/**/
.spinner {
  height: 100px;
}
hr {
  width: 100%;
  border-top: 1px solid #dddddd;
}
.full-width {
  width: 100%;
}
.height100,
.full_height {
  height: 100% !important;
}
.height-200 {
  height: 200px !important;
}
.height-auto {
  height: auto !important;
}
.dib {
  display: inline-block;
}
fieldset legend {
  font-size: 0.875em;
  color: #757575;
  visibility: hidden;
  line-height: 23px;
  margin-bottom: 6px;
}
.form-group {
  margin-bottom: 1.875em;
}
label {
  font-size: 1.125em;
  color: #000000;
  margin-bottom: 2px;
}
label.ttu {
  font-size: 1em;
  text-transform: uppercase;
}
.clear::after {
  content: "";
  clear: both;
  display: block;
}
.radious_ten {
  border-radius: 10px;
  overflow: hidden;
}
.color-cyan {
  color: #006d79;
}
.bg-white {
  background: #ffffff;
}
.bg-white-half {
  position: relative;
}
.bg-white-half::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bg-white-half > * {
  position: relative;
  z-index: 2;
}
.vh {
  visibility: hidden;
}
.b-0 {
  border: 0px !important;
}
svg.grey {
  fill: #757575;
}
svg.cyan {
  fill: #006d79;
}
svg.white {
  fill: #ffffff;
}
svg.green {
  fill: #628612;
}
/**/
.card {
  border-radius: 10px;
  border: 0px;
}
.card.overflow-inherit {
  overflow: inherit;
}
.card.blue {
  background: #006d79;
}
.card.lightblue {
  background: #d8ecf4;
}
.card.notification {
  background: #fdfbe9;
  border: solid 1px #1db6c9;
  position: relative;
}
.card.notification.success {
  border: solid 1px #1db96f;
}
.card.notification.alert-msg {
  border: solid 1px #1db6c9;
}
.card.overflow-hidden {
  overflow: hidden;
}
.card-body {
  display: block;
  padding: 25px;
}
.card-body a.link {
  font-size: 1.125em;
  color: #757575;
}
.card-body a.link:hover,
.card-body p.link:hover {
  color: #006d79;
}
.card-title {
  font-family: "Dubai-Medium";
  font-size: 1.2em;
  color: #000000;
}
.card-title.blue {
  color: #006d79;
}
.card-title.lg {
  font-size: 2.25em;
  margin-bottom: 30px;
}
/* .card-title img,
.card-title svg {
  width: 32px;
  height: auto;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
} */
.card-title span {
  display: inline-block;
  vertical-align: middle;
}
.card-subtitle {
  margin: 0px;
  font-family: "Dubai-Medium";
  font-size: 1.188em;
}
.card-subtitle.icon {
  padding: 0px 0px 0px 32px;
  position: relative;
}
.card-subtitle img,
.card-subtitle svg {
  width: 23px;
  height: auto;
  position: absolute;
  top: -2px;
  left: 0px;
}
.card-subtitle .sub_info {
  font-family: "Dubai-Regular";
  font-size: 0.875em;
  color: #757575;
  float: right;
}
.card-text {
  font-family: "Dubai-Regular";
  font-size: 1.125em;
  color: #757575;
}
.card-text.sm {
  font-size: 1em;
}
.card-text.icon {
  padding: 0px 0px 0px 32px;
  position: relative;
}
.card-text.icon img,
.card-text.icon svg {
  width: 23px;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
}
.card-text small,
.card-text .small {
  font-size: 0.875em;
}
.card-title img,
.card-title svg {
  width: 25px;
  height: 25px;
  margin-top: -5px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}
.card-text b {
  font-family: "Dubai-Bold";
}
.card-text.ttu {
  font-size: 1em;
  text-transform: uppercase;
}
.card-text.height3 {
  height: 80px;
  overflow: hidden;
}
.notify-msg {
  position: relative;
}
.notify-msg {
  position: relative;
  min-height: 55px;
  padding-left: 95px;
}
.notify-msg img,
.notify-msg svg {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -27px;
  height: 55px;
  fill: #1db6c9;
}
.success .notify-msg img,
.success .notify-msg svg {
  fill: #1db96f;
}
.alert-msg .notify-msg img,
.alert-msg .notify-msg svg {
  fill: #de4249;
}
.text-muted {
  color: #757575 !important;
}
.text-black {
  color: #000000 !important;
}
.text-blue {
  color: #006d79 !important;
}
.text-green {
  color: #587a0e !important;
}
.text-white {
  color: #ffffff !important;
}
/*btnstyles*/
.btn {
  min-height: 24px;
  background: #fff;
  border: solid 1px #c3c3c3;
  border-radius: 16px;
  padding: 3px 12px;
  font-family: "Dubai-Medium";
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 10px;
  outline: 1px;
}
.btn.fixed {
  width: 100px;
}
.btn:focus,
.btn-group .btn.focus {
  box-shadow: none;
}
.card-btn {
  display: block;
  width: 100%;
  min-height: 70px;
  background: #006d79;
  border-radius: 10px;
  font-size: 1em;
  color: #ffffff;
  padding: 0px 20px;
}
.btn.white {
  background: #ffffff;
  border: solid 1px #ffffff;
  color: #006d79;
}
.btn.blue {
  background: #006d79;
  border: solid 1px #006d79;
  color: #ffffff;
}
.btn.blue svg {
  fill: #ffffff;
  margin: -2px 4px 0px 0px;
}
.btn.blue:hover,
.btn.blue:focus {
  background: #004c55;
  border: solid 1px #004c55;
}
.btn.green {
  background: #628612;
  border: solid 1px #628612;
  color: #ffffff;
}
.btn.green img,
.btn.green svg {
  fill: #ffffff;
  vertical-align: sub;
  margin-right: 6px;
}
.btn.blue_line {
  border: solid 1px #006d79;
  color: #006d79;
}
.btn.orange {
  background: #e07501;
  border: solid 1px #e07501;
  color: #ffffff;
}
.btn.orange img,
.btn.orange svg {
  fill: #ffffff;
  vertical-align: sub;
  margin-right: 6px;
}
.btn.md {
  min-height: 34px;
  padding: 6px 20px;
  font-size: 16px;
  font-family: "Dubai-Bold";
}
.btn.md.fixed {
  width: 112px;
}
.btn.lg {
  height: 40px;
  padding: 9px 24px;
  font-size: 0.875em;
  font-family: "Dubai-Bold";
}
.btn.lg.fixed {
  width: 128px;
}
.btn.xl,
.button.xl {
  height: 50px;
  padding: 11px 36px;
  font-size: 1.125em;
  font-family: "Dubai-Bold";
}
.btn.xl.fixed {
  width: 244px;
}
.btn.full-width {
  padding-left: 10px;
  padding-right: 10px;
}
.btn-group .btn {
  font-size: 0.813em;
  height: auto;
  min-height: 28px;
  border-radius: 10px;
  text-transform: none;
  padding: 5px 12px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.btn-group.xl .btn {
  height: auto;
  min-height: 50px;
  padding: 11px 18px;
  font-size: 1.125em;
  font-family: "Dubai-Regular";
}
.btn-group.green .btn.active {
  background: #587a0e;
  color: #ffffff;
  border: solid 1px #587a0e;
}
.btn-group.flex {
  display: flex;
}
.flex .btn {
  flex: 1;
}
.btn-group.margin .btn {
  margin: 0px 5px;
  border-radius: 10px !important;
}
.btn-group.margin .btn:first-child {
  margin-left: 0px;
}
.btn-group.margin .btn:last-child {
  margin-right: 0px;
}
/* .btn-group .btn:focus-within {
    background: #53740b !important;
} */
.card-btn {
  display: block;
  width: 100%;
  min-height: 70px;
  background: #006d79;
  border-radius: 10px;
  font-size: 1em;
  color: #ffffff;
  padding: 0px 20px;
}
.card-btn img,
.card-btn svg {
  width: auto;
  height: 35px;
}
.card-btn:hover {
  background: #004c55;
  color: #ffffff;
  text-decoration: none;
}
.go-back {
  display: inline-block;
  font-family: "Dubai-Medium";
  font-size: 0.875em;
  color: #000;
}
.go-back img,
.go-back svg {
  width: 20px;
  height: 20px;
}
/**/
.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.875em;
  color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox.dib {
  display: inline-block;
  padding-left: 25px;
  margin-right: 20px;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #f5fafb;
  border-radius: 3px;
  border: solid 1px #c3c3c3;
}
.checkbox:hover input ~ .check {
  background: #f5fafb;
}
.checkbox input:checked ~ .check {
  background-color: #587a0e;
}
.checkbox:focus-within .check {
  border: solid 1px #587a0e;
}
.checkbox.conditions {
  font-size: 1.125em;
  margin-bottom: 25px;
}
.checkbox.conditions span {
  top: 4px;
}
/**/
.radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.875em;
  color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio.dib {
  display: inline-block;
  padding-left: 25px;
  margin-right: 20px;
}
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio .radio_checked {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #f5fafb;
  border-radius: 18px;
  border: solid 1px #c3c3c3;
}
.radio:hover input ~ .radio_checked {
  background: #f5fafb;
}
.radio input:checked ~ .radio_checked {
  border: solid 6px #587a0e;
}
.radio:focus-within .radio_checked {
  border: solid 1px #587a0e;
}
/**********************/
.radio_lg {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.875em;
  color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio_lg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio_lg .radio_checked {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 18px;
  background: #ffffff;
  border-radius: 20px;
  border: solid 3px #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1px #878787;
  -moz-box-shadow: 0px 0px 0px 1px #878787;
  box-shadow: 0px 0px 0px 1px #878787;
}
.radio_lg input:checked ~ .radio_checked {
  background: #000;
}
.radio_lg:focus-within .radio_checked::before {
  background: #dddddd;
}
/**********************/
.breadcrumb,
.breadcrumb a,
.breadcrumb li {
  font-size: 1em;
  color: #000000;
  padding-right: 0.2rem;
}
.breadcrumb .breadcrumb-item {
  padding-left: 0px;
}
.right-arrow-lg {
  display: inline-block;
  width: 40px;
  height: 36px;
  position: relative;
  text-align: left;
  text-indent: -120px;
  overflow: hidden;
  background: #fff;
  color: #000;
}
.right-arrow-lg img,
.right-arrow-lg svg {
  float: left;
}
/*******************/
.link-card {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #006d79;
}
.link-card::after {
  content: "";
  width: 100%;
  height: 80%;
  background: rgb(0, 68, 75);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 68, 75, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 68, 75, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 68, 75, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00444b", endColorstr="#ffffff", GradientType=1);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.link-card .link-card-details {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  z-index: 2;
  transition: all 0.15s ease-out;
}
.link-card:hover::after {
  background: rgb(0, 61, 68);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 61, 68, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 61, 68, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 61, 68, 1) 24%,
    rgba(255, 255, 255, 0) 78%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003d44", endColorstr="#ffffff", GradientType=1);
}
.link-card h1 {
  font-family: "Dubai-Bold";
  font-size: 1.375em;
  color: #fff;
  margin-bottom: 0px;
}
.link-card span {
  font-size: 0.875em;
  color: #fff;
}
.link-card-details.download {
  padding: 20px 90px 20px 20px;
}
.link-card-details.download img,
.link-card-details.download svg {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.link-card-details.Awareness {
  padding: 20px 40px 20px 40px;
}
.app-card {
  background: #fff;
  border-radius: 10px;
  min-height: 190px;
  overflow: hidden;
}
.app-card .app-img {
  width: 47%;
  height: 100%;
  float: left;
  background: #628612;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.app-card .app-img img {
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -4px;
}
.app-card .app-img-holder {
  display: block;
  height: 100%;
  min-height: 190px;
  background: #628612;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.app-card .app-img-holder img {
  width: 60%;
  position: absolute;
  left: 50%;
  margin-left: -30%;
  bottom: -4px;
}
.app-card .app-info {
  width: 53%;
  height: 100%;
  float: left;
  padding: 30px 20px;
}
.app-card .app-info h1 {
  font-family: "Dubai-Medium";
  font-size: 1.375em;
  color: #000000;
  line-height: 24px;
  margin-bottom: 5px;
}
.app-card .app-info span {
  font-size: 0.875em;
  color: #757575;
  display: block;
  margin-bottom: 5px;
}
.app-card .appstore {
  display: inline-block;
  width: 27px;
  fill: #006d79;
}
.app-card-vertical {
  display: block;
  background: #628612;
  padding: 0px 15px;
  position: relative;
  overflow: hidden;
}
.app-card-vertical .app-img-holder {
  text-align: center;
  padding-top: 35px;
  overflow: hidden;
}
.app-card-vertical .app-img-holder img {
  width: 100px;
  height: 160px;
  margin: 0 auto;
  margin-bottom: -4px;
  position: relative;
}
.app-card-vertical .app-info {
  padding-top: 41px;
}
.app-card-vertical .app-info img {
  width: 60px;
  height: 60px;
  margin-bottom: 9px;
}
.app-card-2 .card-body {
  min-height: 265px;
  padding-bottom: 85px;
  position: relative;
}
.app-card-2 .store {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 25px;
  padding: 0px 25px;
}
.app-card-2 .store a {
  display: inline-block;
  width: 30%;
}
.app-card-2 .store a img,
.app-card-2 .store a svg {
  width: 100%;
}
.app-card .card-title {
  font-size: 1.2em;
}
.app-card .card-text {
  font-size: 1em;
}
.store svg .app_icon {
  fill: #006d79;
}
/**/
.post-card {
  display: block;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.post-card .post-card-detail {
  padding: 30px 25px 17px 25px;
}
.post-card .post-card-detail h1 {
  font-family: "Dubai-Medium";
  font-size: 0.875em;
  color: #006d79;
}
.post-card .post-card-detail p {
  font-family: "Dubai-Medium";
  font-size: 1.125em;
  color: #000000;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}
.post-card .post-card-detail a,
.News-card-detail a {
  float: right;
  width: 40px;
  height: 36px;
  text-indent: -90px;
  overflow: hidden;
  background: #fff;
  color: #000;
}
/*
.News-card-detail a{
    position: absolute;
    right: 15px;
    bottom: 17px;
}
*/
.post-card .post-card-detail a img,
.post-card .post-card-detail a svg {
  float: left;
  fill: #006d79;
}
.News-card {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.News-card .img-holder .image {
  width: 60%;
  height: auto;
  position: absolute;
  top: inherit;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  -webkit-box-shadow: -3px -3px 6px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: -3px -3px 6px 0px rgba(0, 0, 0, 0.32);
  box-shadow: -3px -3px 6px 0px rgba(0, 0, 0, 0.32);
}
.News-card-detail {
  padding: 20px;
  position: relative;
}
.News-card-detail h1 {
  font-size: 1.375em;
}
.News-card-detail p {
  font-size: 1.125em;
  color: #757575;
  text-transform: uppercase;
  margin: 0px;
}
/**/
.listlink-card {
  width: 100%;
  min-height: 70px;
  position: relative;
  background: #fff;
  border: solid 1px #d3d3d3;
  padding: 10px 50px 10px 30px;
  border-radius: 12px;
  font-size: 1.125em;
  color: #757575;
  outline: 0px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}
.listlink-card.dull {
  background: #e6eff1;
}
.listlink-card.sm {
  padding: 5px 40px 5px 20px;
  min-height: 45px;
  border-radius: 9px;
  font-size: 0.875em;
  color: #000;
}
.listlink-card.icon {
  padding: 10px 50px 10px 50px;
}
.listlink-card img.icon,
.listlink-card svg.icon {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 10px;
}
.listlink-card img.arrow,
.listlink-card svg.arrow {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: 10px;
}
.listlink-card.sm img.arrow,
.listlink-card.sm svg.arrow {
  width: 20px;
  margin-top: -10px;
  right: 10px;
  top: 15px;
  fill: #006d79;
}
.listlink-card:hover,
.listlink-card:focus {
  color: #757575;
  border: solid 1px #006d79;
}
.listlink-card-two {
  width: 100%;
  height: 70px;
  position: relative;
  background: #fff;
  padding: 10px 50px 10px 80px;
  border-radius: 12px;
  font-family: "Dubai-Medium";
  color: #000000;
  outline: 0px;
  margin-bottom: 25px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
}
.listlink-card-two.text-lg {
  font-size: 1.375em;
}
.listlink-card-two.text-md {
  font-size: 1.125em;
}
.listlink-card-two:hover {
  color: #006d79;
}
.listlink-card-two::before {
  content: "";
  width: 65px;
  height: 100%;
  background: #006d79;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0px 0px 4px;
}
.listlink-card-two img.icon,
.listlink-card-two svg.icon,
.listlink-card-two img.arrow,
.listlink-card-two svg.arrow {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
}
.listlink-card-two img.icon,
.listlink-card-two svg.icon {
  left: 14px;
}
.listlink-card-two img.arrow,
.listlink-card-two svg.arrow {
  right: 10px;
}
/**/
.date-card .Date {
  background: #006d79;
  border-radius: 10px 0px 0px 10px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  padding: 10px 10px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  max-width: 180px;
}
.date-card .Date span {
  font-family: "Dubai-Bold";
  font-size: 1.375em;
  color: #fff;
}
.date-card .arrow {
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.date-card .arrow a {
  width: 80px;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -200px;
}
.date-card .arrow a img,
.date-card .arrow a svg {
  width: 42px;
  height: auto;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
/**/
.wp-title {
  margin-bottom: 30px;
  padding: 0px 15px;
}
.wp-title::after {
  content: "";
  display: block;
  clear: both;
}
.wp-title h1 {
  margin: 0;
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.wp-title h3 {
  font-family: "Dubai-Medium";
  font-size: 1.375em;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.wp-title label {
  display: none;
}
.wp-title select {
  width: 200px;
  height: 50px;
  border: solid 1px #878787;
  border-radius: 5px;
  padding: 0px 4px;
  display: inline-block;
  vertical-align: middle;
}
.wp-title .sbHolder {
  width: 250px;
}
.viewall {
  color: #000000;
  padding-right: 30px;
  position: relative;
  margin-top: 14px;
  margin-left: 15px;
}
.viewall::after {
  content: "";
  background: url("../img/icons/arrow-right-green.svg");
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  right: 0px;
}
a.circle-arrow {
  font-family: "Dubai-Medium";
  font-size: 1.5em;
  color: #fff;
  white-space: nowrap;
}
a.circle-arrow img {
  margin-left: 10px;
}
/**/
.DHAtabbedPanels {
  position: relative;
}
.DHAtabbedPanels .viewall {
  position: absolute;
  top: 0px;
  right: 0px;
}
.DHATabsMenu {
  display: inline-block;
  margin-bottom: 35px;
}
.DHATabsMenu li {
  display: inline-block;
}
.DHATabsMenu li a {
  display: block;
  background: #ffffff;
  font-family: "Dubai-Bold";
  font-size: 0.875em;
  color: #565454;
  padding: 10px 20px;
  margin-right: 5px;
}
.DHATabsMenu li:first-child a {
  border-radius: 10px 0px 0px 10px;
}
.DHATabsMenu li:last-child a {
  border-radius: 0px 10px 10px 0px;
}
.DHATabsMenu li a img,
.DHATabsMenu li a svg {
  margin-right: 10px;
}
.DHATabsMenu li a svg {
  fill: #242424;
}
.DHATabsMenu li a.active {
  background: #557411;
  color: #ffffff;
}
.DHATabsMenu li a.active svg {
  fill: #ffffff;
}
.DHAtabContent {
  clear: left;
  margin-bottom: 25px;
}
.DHAtabContent .DHAtabCont_Item {
  /*display: none;*/
  margin-left: -15px;
  margin-right: -15px;
}
.DHAtabContent .DHAtabCont_Item:first-child {
  display: block;
}
.DHA-Survey {
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 15px 0px;
}
.DHA-Survey p {
  display: inline-block;
  margin: 0px;
  padding: 0px 30px;
  font-size: 1.125em;
}
.DHA-Survey a {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 40px;
}
.filter_accordion {
  min-height: 80px;
  padding: 25px 0px;
  border-top: solid 1px #d0d0d0;
}
.card-body .filter_accordion:nth-child(2) {
  border: 0px;
}
.filter_accordion .accordion_btn {
  display: block;
  position: relative;
  font-family: "Dubai-Medium";
  font-size: 1.125em;
  color: #000000;
}
.filter_accordion .accordion_btn img,
.filter_accordion .accordion_btn svg {
  width: 30px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
.filter_accordion .accordion_btn.blue {
  font-family: "Dubai-Medium";
  color: #006d79;
}
.filter_accordion .accordion_btn::after {
  content: "";
  width: 10px;
  height: 10px;
  border-left: solid 1px #757575;
  border-bottom: solid 1px #757575;
  position: absolute;
  top: 5px;
  right: 3px;
  transform: rotate(-45deg);
}
.filter_accordion .accordion_btn.accordion_open::after {
  transform: rotate(135deg);
  top: 10px;
}
.filter_accordion .accordion_content {
  display: none;
  padding-top: 25px;
  overflow: hidden;
}
.filter_accordion .accordion_content.open {
  display: block;
}
.filter_accordion .accordion_btn .count {
  font-size: 0.875em;
  color: blue;
}
.range-slider {
  width: 100%;
  padding-top: 40px;
  position: relative;
  margin-bottom: 10px;
}
.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #e6eff1;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #587a0e;
  border: solid 3px #dddddd;
  cursor: pointer;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.range-slider__value {
  height: 30px;
  font-family: "Dubai-Bold";
  font-size: 1.375em;
  position: absolute;
  top: 0px;
  left: 0px;
}
.range-slider__value::after {
  content: " km";
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}
.RangeValue span {
  font-size: 0.688em;
  color: #757575;
}
/**/
.result_card {
  margin-bottom: 20px;
}
.result_card .result_img {
  -ms-flex: 0 0 95px;
  flex: 0 0 95px;
  max-width: 95px;
}
.result_card .title {
  font-family: "Dubai-Medium";
  font-size: 1.75em;
  color: #000;
  margin: 0px;
}
.result_card a.title:hover {
  color: #006d79;
}
.result_card .location {
  font-size: 0.875em;
  color: #757575;
}
.result_card .location svg {
  width: 19px;
  height: auto;
  fill: #757575;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}
.result_card .location span {
  display: inline-block;
  vertical-align: middle;
}
.result_card .result_type {
  font-family: "Dubai-Medium";
  font-size: 0.875em;
  color: #006d79;
  vertical-align: middle;
}
.result_card .result_type svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.result_card .distance {
  margin: 0px;
  font-size: 0.875em;
  color: #757575;
}
.FilterView.TileView {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.FilterView.TileView .result_card {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.FilterView.TileView .card-body {
  padding: 30px !important;
}
.TileView .result_card .result_img {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.TileView .result_card .img-holder {
  max-width: 120px;
  margin: 0 auto;
}
.TileView .result_card .col-md-10 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center !important;
}
.TileView .result_card .text-right {
  text-align: center !important;
  padding-top: 10px;
}
.TileView .result_card .result_type {
  margin-bottom: 5px;
}
.TileView .result_card .distance {
  margin-bottom: 30px;
}
/**/
.img-holder {
  display: block;
  overflow: hidden;
  position: relative;
  height: 200px !important;
}

.img-holder.radious {
  border-radius: 10px;
}
.img-holder.top-radious {
  border-radius: 10px 10px 0px 0px;
}
.img-holder .placeholder,
.img-holder svg {
  width: 100%;
}
.img-holder .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  object-fit: cover;
}
/**/
.Profile_card {
  text-align: center;
}
.Profile_card .img-holder {
  width: 120px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 20px;
  border: solid 1px #c5c5c5;
}
.Profile_card .title {
  font-family: "Dubai-Medium";
  font-size: 1.75em;
  margin-bottom: 5px;
}
.Profile_card .Tele_Commu {
  display: block;
  font-size: 0.875em;
  color: #006d79;
  margin-bottom: 25px;
}
.Profile_card .Tele_Commu img,
.Profile_card .Tele_Commu svg {
  width: 24px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.Profile_card .location {
  margin-bottom: 20px;
}
.Profile_card .location span {
  display: block;
  font-size: 0.875em;
  color: #757575;
  margin-bottom: 5px;
}
.Profile_card .location img,
.Profile_card .location svg {
  width: 21px;
  height: auto;
  fill: #757575;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.Profile_card .gender {
  display: block;
  font-size: 1.125em;
  color: #757575;
  padding-top: 10px;
  margin-bottom: 20px;
}
.Profile_card .action {
  margin-bottom: 20px;
}
.Profile_card .languages span {
  display: inline-block;
  font-size: 1.125em;
  color: #757575;
  padding: 0px 15px;
  border-left: solid 1px #b9b9b9;
}
.Profile_card .languages span:first-child {
  border: 0px;
}
/**/
.health_center p {
  font-size: 1.125em;
  color: #757575;
  margin: 0px;
}
.health_center a.Tel {
  font-size: 1.125em;
  color: #757575;
  margin: 20px 0px;
  display: inline-block;
}
.health_center table {
  width: 100%;
  table-layout: fixed;
  font-size: 0.875em;
  color: #757575;
}
.health_center table tr td {
  padding: 5px 0px;
}
.sidebar_map p {
  font-family: "Dubai-Medium";
  font-size: 1.125em;
  border-bottom: solid 1px #d0d0d0;
  padding-bottom: 7px;
}
.sidebar_map p svg {
  margin-top: -4px;
}
ul.career_list li {
  border-top: solid 1px #e6eff1;
  padding-top: 15px;
  margin-top: 15px;
}
ul.career_list li:first-child {
  border: 0px;
}
.qualification .Dept {
  margin: 0px;
  font-size: 1.125em;
}
.qualification .Dept span {
  color: #006d79;
  margin: 0px 10px;
  position: relative;
  padding: 0px 22px;
}
.qualification .Dept span.Cancelled {
  color: #dc3545 !important;
}
.qualification .Dept span::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #006d79;
  border-radius: 20px;
  position: absolute;
  left: 0px;
  top: 4px;
}
.qualification .Dept span.Cancelled::before {
  background: #dc3545 !important;
}
.qualification .Dept span::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  position: absolute;
  top: 10px;
  left: 5px;
  transform: rotate(-45deg);
}
.qualification .Dept span.Cancelled::after {
  content: "+";
  width: 10px;
  height: 6px;
  border-left: solid 2px transparent;
  border-bottom: solid 2px transparent;
  position: absolute;
  top: 3px;
  left: 10px;
  transform: rotate(45deg);
  color: #fff;
  font-weight: bold;
}
.qualification .Licen_number {
  margin: 0px;
  font-size: 0.875em;
  color: #757575;
}
.qualification .Licen_number span {
  margin: 0px 10px;
}
.career_details p {
  font-size: 1.125em;
  margin: 0px;
  color: #757575;
}
.career_details p span {
  font-family: "Dubai-Medium";
  color: #006d79;
  margin-right: 10px;
}
.srch_reset a {
  display: inline-block;
  font-size: 0.875em;
  color: #757575;
}
.datepickerwrap {
  position: relative;
}
.datepickerwrap img,
.datepickerwrap svg {
  width: 30px;
  height: auto;
  position: absolute;
  top: 10px;
  right: 9px;
  fill: #006d79;
}
.hospital_details {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.hospital_details .hospital_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  padding: 15px;
  position: relative;
  border-right: solid 1px #ddd;
}
.hospital_details .hospital_logo img {
  max-width: 100%;
  position: static;
  top: 0;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
}
.hospital_details hr {
  display: none;
}
.hospital_details .Location p {
  font-family: "Dubai-Medium";
  font-size: 0.875em;
  color: #757575;
  margin-bottom: 5px;
}
.hospital_details .Location span {
  display: block;
  color: #006d79;
}
.hospital_details .count {
  font-family: "Dubai-Bold";
  font-size: 2.25em;
  color: #587a0e;
  text-align: center;
  margin: 0px;
  margin-top: 25px;
}
.hospital_details .Speciality {
  display: block;
  text-align: center;
  font-size: 0.875em;
  color: #757575;
}
.Rightbar_content {
  padding: 10px 0px 20px 0px;
}
.Rightbar_content .title {
  font-family: "Dubai-Regular";
  font-size: 1.125em;
  border-bottom: solid 1px #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.Rightbar_content .link {
  display: block;
  font-family: "Dubai-Bold";
  font-size: 1.125em;
  color: #000000;
  position: relative;
  margin-bottom: 10px;
}
.Rightbar_content .link img,
.Rightbar_content .link svg {
  width: 20px;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
}
.Rightbar_content .text {
  font-size: 0.875em;
  color: #757575;
}
.SrchWrap {
  position: relative;
}
.SrchWrap svg,
.SrchWrap img {
  position: absolute;
  top: 13px;
  left: 13px;
}
.SrchWrap input[type="text"] {
  padding: 0px 40px;
}
/**/
.Service_card_sm {
  display: block;
  height: 155px;
  border: solid 2px #ffffff;
  color: #000000;
}
.Service_card_sm .card-body {
  padding: 20px 20px 10px 20px;
}
.Service_card_sm:hover,
.Service_card_sm:focus {
  outline: 0px;
  border: solid 2px #006d79;
  color: #000000;
}
.Service_card_sm .content {
  height: 122px;
  overflow: hidden;
}
.Service_card_sm .item {
  transition: all 0.15s ease-out;
  padding-top: 60px;
}
.Service_card_sm .main_title {
  font-size: 1.375em;
  margin-bottom: 5px;
  height: auto;
}
.Service-card-p {
  height: 42px;
  font-size: 0.875em;
  color: #757575;
  margin-bottom: 0px;
  opacity: 0;
  transition: all 0.15s ease-out;
  overflow: hidden;
}
.Service-card-p-hover{
  height: 42px;
  font-size: 0.875em;
  color: #757575;
  margin-bottom: 0px;
  opacity: 1;
  transition: all 0.15s ease-out;
  overflow: hidden;
}

.Service_card_sm img,
.Service_card_sm svg {
  float: right;
  opacity: 1;
  transition: all 0.15s ease-out;
}
.Service_card_sm:hover p,
.Service_card_sm:hover img,
.Service_card_sm:hover svg {
  opacity: 1;
}
.Service_card_sm:hover .item {
  padding-top: 0px;
}
.item-hover{
  padding-top: 0px;
}
.onHover-card {
  opacity: 1;
}
ul.dotted_list li {
  padding-left: 60px;
  position: relative;
  margin-bottom: 5px;
}

.list-nostyle{
  list-style: none !important;
}

.list-nostyle li {
  padding-left: 15px !important;
  padding-right: 15px !important;

}


.list-nostyle li::before {
  left: 5px !important;
  top: calc(1.126em/2) !important;
}

html[lang='ar'] .list-nostyle li::before {
  right: 5px !important;
}

ul.dotted_list li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #a6a6a6;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -2.5px;
}
ul.default {
  list-style: none;
}
ul.default li {
  margin: 0 7px 0px 0px;
  display: inline-block;
}
ul.default li a {
  display: block;
}
/**/
.line_table {
  width: 100%;
  text-align: center;
}
.line_table th {
  font-weight: normal;
}
.line_table td {
  border-top: solid 1px #ddd;
  padding: 7px 0px;
}
.line_table tr td:first-child {
  text-align: left;
}
/**/
.PDF_Download {
  width: 100%;
  min-height: 55px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 55px 10px 55px;
  position: relative;
  -webkit-box-shadow: 0px 0px 0px 1px #006d79;
  -moz-box-shadow: 0px 0px 0px 1px #006d79;
  box-shadow: 0px 0px 0px 1px #006d79;
}
.PDF_Download .pdf-icon {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -17px;
}
.PDF_Download h1 {
  font-size: 1em;
  color: #006d79;
  margin: 0px;
}
.PDF_Download p {
  width: 100%;
  font-size: 0.75em;
  color: #757575;
  margin: 0px;
}
.PDF_Download a {
  width: 55px;
  height: 100%;
  background: #006d79;
  padding: 14px 14px;
  position: absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  text-indent: -120px;
  color: #fff;
}
.PDF_Download a img,
.PDF_Download a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
/**********/
.innerbanner_lg {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.innerbanner_lg .description {
  width: 100%;
  padding: 30px 10%;
  position: absolute;
  bottom: 0px;
  text-align: justify;
  z-index: 1;
}
.innerbanner_lg .description p {
  font-family: "Dubai-Bold";
  font-size: 1.375em;
  color: #fff;
  text-align: center;
}
.our_values_card {
  text-align: center;
  height: 100%;
}
.our_values_card svg,
.our_values_card img {
  width: 34px;
  height: 34px;
}
.profile-card {
  height: 100%;
  text-align: center;
}
/**/
.DHA_Accordion .Accordion_Each {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
}
.DHA_Accordion .Acc_Title {
  display: block;
  font-family: "Dubai-Medium";
  font-size: 1.25em;
  font-weight: normal;
  color: #000;
  border-radius: 10px;
  padding: 20px 40px 20px 20px;
  margin-bottom: 0px;
  position: relative;
}
.DHA_Accordion .Acc_Title.show,
.DHA_Accordion .Acc_Title:focus {
  outline: 0px;
  color: #006d79;
}
.DHA_Accordion .Acc_Title::before {
  content: "";
  width: 25px;
  height: 0px;
  border-top: solid 2px #006d79;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 16px;
}
.DHA_Accordion .Acc_Title::after {
  content: "";
  width: 0px;
  height: 25px;
  border-right: solid 2px #006d79;
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  right: 27px;
}
.DHA_Accordion .Acc_Title.show::before {
  border-top: solid 2px #006d79;
}
.DHA_Accordion .Acc_Title.show::after {
  display: none;
}
.DHA_Accordion .Acc_Content {
  padding: 20px;
  padding-top: 0px;
}
.DHA_Accordion .Acc_Content p {
  font-family: "Dubai-Regular";
  font-size: 1.125em;
  color: #757575;
}
/**/
.Step_List {
  border: solid 1px #ddd;
  border-radius: 10px;
  padding: 20px 10px 20px 75px;
  position: relative;
}
.Step_List span {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  background: #587a0e;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -24px;
}
/**/
.form-body {
  padding-left: 95px;
  padding-right: 95px;
}
.lightblue-card {
  height: 100%;
  background: #f5fafb;
  border-radius: 10px;
}
/**/
.green-alert {
  display: block;
  background: #587a0e;
  padding: 15px 15px 15px 70px;
  font-size: 0.875em;
  color: #ffffff;
  border-radius: 10px;
  position: relative;
}
.green-alert img,
.green-alert svg {
  width: 45px;
  height: auto;
  position: absolute;
  top: 10px;
  left: 10px;
}
/**/
table.table-striped thead th {
  background: #e6eff1;
  font-family: "Dubai-Bold";
  font-size: 1em;
  font-weight: normal;
}
table.table-striped.grey thead th {
  background: #878787;
  color: #ffffff;
}
table.table-striped tbody tr:nth-of-type(odd) {
  background: #fff;
}
table.table-striped tbody tr:nth-of-type(even) {
  background: #f5fafb;
}
table.table-striped.grey tbody tr td {
  background: #ffffff;
}
table.table-striped th,
table.table-striped td {
  border: 0px;
}
table.table-striped tr th:first-child,
table.table-striped tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
table.table-striped tr th:last-child,
table.table-striped tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
table.table-striped.margin {
  border-collapse: separate;
  border-spacing: 0 0.5em;
}
table.dotted_line th {
  background: #e6f5fc;
  font-weight: normal;
  padding: 5px;
}
table.dotted_line td {
  padding: 9px 5px;
  border-bottom: dotted 2px #ddd;
}
table.fixed-layout {
  table-layout: fixed;
}
.download-icn {
  display: flex;
  color: black;
  /* width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -100px; */
}
.download-icn img,
.download-icn svg {
  width: 24px;
  height: auto;
  float: left;
}
.mobile_number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobile_number label {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.mobile_number select {
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  max-width: 110px;
}
.mobile_number input[type="tel"],
.mobile_number input[type="text"] {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin-left: 15px;
}
.or {
  text-align: center;
  position: relative;
  margin-bottom: 1.875em;
}
.or::before,
.or::after {
  content: "";
  width: 40%;
  height: 0;
  border-top: 1px solid #9b9b9b;
  position: absolute;
  top: 50%;
}
.or::before {
  left: 0;
}
.or::after {
  right: 0;
}
.btn.UAEpass {
  color: #000000;
  text-transform: none;
  border: solid 1px #000000;
}
.btn.UAEpass:hover,
.btn.UAEpass:focus {
  border: solid 1px #006d79;
  background: #006d79;
  color: #ffffff;
}
.btn.UAEpass:hover svg,
.btn.UAEpass:focus svg {
  fill: #ffffff;
}
/**/
.vertical-center {
  display: inline-flex !important;
  align-items: center;
}
.justify-left {
  justify-content: left;
}
.justify-center {
  justify-content: center;
}
.justify-right {
  justify-content: right;
}
.sidebar_title * {
  display: inline-block;
}
.sidebar_title a {
  float: right;
  font-size: 12px;
  color: #027780;
  text-transform: uppercase;
  vertical-align: middle;
}
.sidebar_title a img,
.sidebar_title a svg {
  width: 19px;
  vertical-align: middle;
  fill: #027780;
}
.notification .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 18px;
  border: solid 1px #7c7c7c;
  border-radius: 25px;
  font-size: 23px;
  color: #000000;
  font-weight: normal;
  text-align: center;
  line-height: 15px;
  opacity: 1;
}
.notification .close:hover {
  background: none;
}
.notification .close span {
  height: 18px;
  display: block;
}
/**/
.dha-scroller {
  padding: 0px 5px;
  max-height: 250px;
  overflow-y: auto;
}
.dha-scroller::-webkit-scrollbar-track {
  background-color: #cce2e4;
  border-radius: 10px;
}
.dha-scroller::-webkit-scrollbar {
  width: 10px;
}
.dha-scroller::-webkit-scrollbar-thumb {
  background-color: #006d79;
  border-radius: 10px;
}
.toggle-btn {
  width: 36px;
  height: 20px;
  display: inline-block;
  vertical-align: text-top;
}
.toggle-btn input.mobileToggle {
  width: 0px;
  opacity: 0;
  position: absolute;
}
.toggle-btn input.mobileToggle + label {
  position: relative;
  display: inline-block;
  user-select: none;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  height: 20px;
  width: 34px;
  border: 1px solid #9b9b9b;
  border-radius: 60px;
  background: #ffffff;
  cursor: pointer;
  margin: 0px;
}
.toggle-btn input.mobileToggle + label:after {
  content: "";
  position: absolute;
  display: block;
  -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  background: #006d79;
  height: 16px;
  width: 16px;
  top: 1px;
  left: 1px;
  border-radius: 60px;
}
.toggle-btn input.mobileToggle:checked + label:after {
  background: #2ecc71;
  left: 15px;
}
.border-dotted-top {
  border-top: dotted 2px #cfcfcf;
}
.button {
  min-height: 24px;
  border-radius: 50px;
  padding: 3px 12px;
  font-family: "Dubai-Medium";
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 10px;
  outline: 1px;
}
.happinessPopupWrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.32);
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.happinessPopupWrap .happinessPopup {
  background: #fff;
  width: 80%;
  height: 80%;
  max-width: 1000px;
  max-height: 500px;
  position: relative;
}
.happinessPopupWrap .happinessPopup iframe {
  width: 100%;
  height: 100%;
}
.happinessTrigger {
  background: #628612;
  border: none;
  outline: none;
  padding: 17px 15px 10px;
  position: fixed;
  bottom: 0;
  z-index: 999;
  margin-left: 10px;
}
.happinessClose {
  position: absolute;
  padding: 0;
  right: -16px;
  top: -16px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #fff;
  z-index: 9999;
}
.ChatTabCont_Item {
  max-height: 65vh;
  overflow: auto;
}
small.form-text.text-muted {
  color: rgb(255, 77, 77) !important;
}
.breadcrumb {
  background-color: transparent;
}
input[type="file"] {
  display: none;
}
.custom-file-upload {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 6px 12px;
  cursor: pointer;
}
.custom-file-upload:hover {
  background-color: #75757560;
}
.button-delete-small {
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  padding: 0 8px;
}
.button-delete-small:hover {
  background-color: rgba(255, 45, 45, 0.76);
}
#externalLinkPopup .modal.show {
  background: rgba(0, 0, 0, 0.78);
}
#mainteneancePopUp .modal.show {
  background: rgba(0, 0, 0, 0.78);
}
/* Below css will harm the ability to change font-size through 
accessibility options in cms pages */
/* .cmsContent p,
.cmsContent p * {
  font-size: 0.95rem !important;
} */
.dependents-card .icon {
  -ms-flex: 50px;
  flex: 50px;
  max-width: 50px;
}
.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
  background: #006d79;
}
.bs-tooltip-left .arrow::before {
  border-left-color: #006d79;
}
.bs-tooltip-right .arrow::before {
  border-right-color: #006d79;
}
.bs-tooltip-top .arrow::before {
  border-top-color: #006d79;
}
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #006d79;
}
.activebtn {
  background: rgb(85, 116, 17);
  color: rgb(255, 255, 255);
}
.mapouter iframe {
  max-width: 100% !important;
}
.Acc_Content {
  display: none;
}
.loaderDashboardWrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loaderDashboard {
  border: 7px solid transparent;
  border-radius: 50%;
  border-top: 8px solid #006d79;
  border-left: 8px solid #006d79;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1.5s linear infinite;
  /* Safari */
  animation: spin 1.5s linear infinite;
}

.day-pill {
  background: #e6eff1;
  border-radius: 3px;
  border: 0px;
  padding: 9px 19px;
  font-size: 0.85em;
  color: #000000;
  transition: all 0.1s linear;
}

.day-pill.active {
  background: #587a0e;
  color: #fff;
}

.pill-timeclass {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px 15px;
  font-size: 0.78em;
  color: #000000;
  transition: all 0.1s linear;
  text-transform: capitalize;
}

.pill-timeclass.active {
  border: 1px solid #587a0e;
  background: #587a0e;
  color: #fff;
}

.pill-slot {
  background: #e6eff1;
  border-radius: 3px;
  border: 0px;
  padding: 5px 17px;
  font-size: 0.85em;
  color: #000000;
  font-weight: bolder;
  letter-spacing: 1px;
  transition: all 0.1s linear;
}

.pill-slot.active {
  background: #587a0e;
  color: #fff;
}

.importantnotes ul, .importantnotes ol {
  margin-left: 0px;
  padding-left: 24px;
}

.importantnotes ul > ul, .importantnotes ol > ul, .importantnotes ol > ol, .importantnotes ul > ol {
  margin-left: 0px;
  padding-left: 15px;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pointer {
  cursor: pointer;
}

.alert-banner-new{
  display: block;
  margin-bottom: 5px;
  padding: 12px;
  font-size: 18px;
  overflow: auto;
}

.alert-banner-new.success{
  background: #c3fcd8;
  color: #509c6c;
}

.alert-banner-new.error{
  background: #edaaad;
  color: #dc3131;
}

.alert-banner-new img{
   width: 20px;
   height: 20px;
}


/* .services-card .card-text{
  color: #000000 !important;
  font-size: 1.2em !important;
  font-weight: 600 !important;
} */

/* .services-card .card-title{
  font-size: 1.125em !important;
  color: #757575 !important;
  font-weight: 300 !important;
} */