@charset "UTF-8";
/*** RTL websites ***/
body {
  direction: rtl;
  text-align: right;
}

*,
*:focus,
*:active,
button:focus {
  outline: none;
}

a {
  text-decoration: none;
}

.Evaluation2 {
  padding: var(--spacing-notification-notification-toast-v-padding) var(--spacing-notification-notification-toast-desktop-h-padding) var(--spacing-notification-notification-toast-v-padding) var(--spacing-notification-notification-toast-desktop-h-padding);
  background-color: var(--themes-background-background-notification-white);
  border-radius: var(--radius-radius-md);
  box-shadow: var(--shadows-shadow-lg);
  gap: var(--spacing-notification-notification-gap);
  border-radius: var(--radius-md, 8px);
  background: var(--Background-background-notification-white, #fff);
  /* Shadows/shadow-lg */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  min-height: 150px;
  position: relative;
  padding-bottom: 62px;
}

.sec_head_title {
  margin-top: 80px;
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  color: #384250;
  font-size: var(--text-lg-regular-font-size);
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  font-style: var(--text-lg-regular-font-style);
}

.Evaluation2 .alertEvaluation .right strong {
  font-weight: 600;
  color: var(--themes-text-text-display);
  font-size: 16px;
  margin: 0 12px;
}

.Evaluation2 .alertEvaluation .right .btnSmall {
  height: 32px;
  min-width: 44px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding);
  border-color: var(--themes-border-border-neutral-primary);
  display: inline-flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  gap: var(--spacing-button-buttons-md-gap);
  border-radius: var(--radius-radius-radius-sm);
  font-weight: 500;
  color: var(--themes-text-text-default);
  font-size: 14px;
  border: 1px solid transparent;
  position: absolute;
  top: 80px;
  right: 78px;
  border-color: var(--themes-border-border-neutral-primary);
}

.Evaluation2 .alertEvaluation .right .btnGreen {
  border: 1px solid;
  background-color: var(--themes-button-button-background-primary-default);
  color: #ffffff;
  right: 25px;
}

.Evaluation2 .alertEvaluation .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}

.Evaluation2 .alertEvaluation .left p .number,
.Evaluation2 .alertEvaluation .left p {
  color: var(--themes-link-link-neutral);
  font-size: var(--text-md-medium-font-size);
}

.Evaluation2 li,
.Evaluation2 #feedbackNo li,
.Evaluation2 #feedbackYes li {
  list-style: none;
  position: relative;
  margin-bottom: 5px;
}

.Evaluation2 .check-button-list-h label {
  position: relative;
  padding-right: 35px;
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  color: #384250;
  font-size: var(--text-sm-regular-font-size);
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  font-style: var(--text-lg-regular-font-style);
}

.Evaluation2 .check-button-list-h label::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
  border: 1px solid #d3d5d8;
}

.Evaluation2 .check-button-list-h label::after {
  content: "";
  position: absolute;
  display: none;
  right: 7px;
  top: 6px;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Evaluation2 .check-button-list-h input {
  position: absolute;
  opacity: 0;
  width: 22px;
  height: 22px;
  right: 0;
  top: 5px;
  z-index: 1;
  cursor: pointer;
}

.Evaluation2 .check-button-list-h input:checked ~ label:after {
  display: block;
}

.Evaluation2 .check-button-list-h input:checked ~ label:before {
  background-color: #1b8354;
  border: 1px solid #1b8354;
}

.Evaluation2 .feedback-comments-container .btn-danger,
.Evaluation2 .feedback-comments-container input[type=submit].btn {
  min-width: 44px;
  border-color: var(--themes-border-border-neutral-primary);
  display: inline-flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  gap: var(--spacing-button-buttons-md-gap);
  border-radius: var(--radius-radius-radius-sm);
  font-weight: 500;
  color: var(--themes-text-text-default);
  font-size: 14px;
  border: 1px solid transparent;
  border-color: var(--themes-border-border-neutral-primary);
  padding: 8px 10px;
  font-size: var(--text-xs-regular-font-size);
}

.Evaluation2 .feedback-comments-container input[type=submit].btn {
  border: 1px solid;
  background-color: var(--themes-button-button-background-primary-default);
  color: #ffffff;
  right: 25px;
}

.Evaluation {
  background-color: var(--themes-background-background-neutral-50);
  border-radius: var(--radius-radius-radius-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-notification-notification-gap);
  padding: 14px 24px;
  border-bottom: 2px solid rgba(22, 22, 22, 0.5);
}

.Evaluation .white-sec .col-lg-6:first-of-type {
  width: 70%;
}

.Evaluation .white-sec .col-lg-6:last-of-type {
  width: 30%;
}

.Evaluation .white-sec {
  padding: 0;
}

.Evaluation .right-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Evaluation .right-sec h5 {
  font-size: 1rem;
  color: #000000;
  margin-left: 20px;
  margin-bottom: 0;
}

.Evaluation .right-sec .ev-stars {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.Evaluation .right-sec .ev-stars li {
  margin-left: 10px;
}

.Evaluation .right-sec .ev-stars li img {
  width: 20px;
  height: 20px;
}

.Evaluation .right-sec .ev-stars li:last-child {
  margin: 0;
}

.Evaluation .right-sec .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.Evaluation .left-sec .last-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

.Evaluation .left-sec .last-edit img {
  width: 20px;
  height: 20px;
}

.Evaluation .left-sec .last-edit span {
  color: var(--themes-link-link-neutral);
  font-size: var(--text-md-medium-font-size);
  padding-right: 10px;
}

.Evaluation .evaluationBox {
  margin-bottom: 0;
  margin-left: 20px;
}

.Evaluation .evaluationBox:last-of-type {
  transform: translateY(-2px);
  order: -1;
}

.Evaluation .evaluationBox span,
.Evaluation .evaluationBox strong {
  margin-left: 2px;
  color: var(--themes-link-link-neutral);
  font-size: var(--text-md-medium-font-size);
}

.Evaluation .evaluationBox strong.active {
  font-weight: 700;
  margin-left: 16px;
}

.Evaluation .rating-star {
  background-image: url("/Style Library/assets/images/shared/start.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  position: relative;
  top: 4px;
  background-size: contain;
  display: inline-block;
}

.Evaluation .rating-star.active {
  background-image: url("/Style Library/assets/images/shared/startActive.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  position: relative;
  top: 4px;
}

.Evaluation .rating-star::before {
  content: "";
  width: 24px;
  height: 24px;
}

.Evaluation2 .alertEvaluation .right {
  display: flex;
  align-items: center;
}

.Evaluation2 .alertEvaluation {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

@media (max-width: 1400px) {
  .Evaluation2 .alertEvaluation .right strong {
    font-size: var(--text-md-medium-font-size);
    padding: 0 15px;
  }
  .Evaluation2 .alertEvaluation .right .btnGreen {
    margin-left: 10px;
  }
  .Evaluation2 .alertEvaluation .right .btnSmall {
    min-width: auto;
    font-size: var(--text-md-medium-font-size);
  }
  .Evaluation2 .alertEvaluation .right img {
    width: 35px;
    height: 35px;
  }
  .Evaluation2 .alertEvaluation .left p {
    font-size: 1rem;
  }
  .Evaluation2 .alertEvaluation .left p .number {
    min-width: 34px;
    min-height: 34px;
    margin-left: 5px;
    font-size: 0.875rem;
  }
  .Evaluation .evaluationBox {
    margin-left: 20px;
  }
  .Evaluation .evaluationBox strong {
    margin-left: 5px;
  }
  .Evaluation .right-sec .right {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  .Evaluation .evaluationBox {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .Evaluation .left-sec .last-edit {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
  }
  .Evaluation .white-sec {
    padding: 15px;
  }
  .Evaluation2 .alertEvaluation {
    flex-direction: column-reverse;
  }
  .Evaluation2 .alertEvaluation .left {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .Evaluation .white-sec .col-lg-6:last-of-type,
  .Evaluation .white-sec .col-lg-6:first-of-type {
    width: 100%;
  }
  .Evaluation .evaluationBox {
    margin-left: 15px;
    margin-bottom: 15px;
  }
  .Evaluation2 .alertEvaluation .left p {
    font-size: var(--text-sm-regular-font-size);
  }
  .Evaluation2 .alertEvaluation .right .btnSmall {
    top: 105px;
  }
  .Evaluation2 .alertEvaluation .right strong {
    font-size: var(--text-md-medium-font-size);
    margin: 0;
  }
}
.font12, .shoppingCartItem .firstLine span {
  font-weight: var(--text-xs-regular-font-weight);
  font-size: var(--text-xs-regular-font-size);
  letter-spacing: var(--text-xs-regular-letter-spacing);
  line-height: var(--text-xs-regular-line-height);
  font-family: var(--text-xs-regular-font-family);
  font-style: var(--text-xs-regular-font-style);
}
.font12.fw-reg, .shoppingCartItem .firstLine span.fw-reg {
  font-weight: var(--text-xs-regular-font-weight);
}
.font12.fw-med, .shoppingCartItem .firstLine span.fw-med {
  font-weight: var(--text-xs-medium-font-weight);
}
.font12.fw-semi, .shoppingCartItem .firstLine span.fw-semi {
  font-weight: var(--text-xs-semibold-font-weight);
}
.font12.fw-bold, .shoppingCartItem .firstLine span.fw-bold {
  font-weight: var(--text-xs-bold-font-weight);
}

.font14, .checkoutItemLink .step-description, .dga-nav .dga-breadcrumb span, .dga-nav .dga-breadcrumb a, .unigrid-content .pagination label,
.unigrid-content .pagination .pages-max {
  font-weight: var(--text-sm-regular-font-weight);
  font-size: var(--text-sm-regular-font-size);
  letter-spacing: var(--text-sm-regular-letter-spacing);
  line-height: var(--text-sm-regular-line-height);
  font-family: var(--text-sm-regular-font-family);
  font-style: var(--text-sm-regular-font-style);
}
.font14.fw-reg, .checkoutItemLink .fw-reg.step-description, .dga-nav .dga-breadcrumb span.fw-reg, .dga-nav .dga-breadcrumb a.fw-reg, .unigrid-content .pagination label.fw-reg,
.unigrid-content .pagination .fw-reg.pages-max {
  font-weight: var(--text-sm-regular-font-weight);
}
.font14.fw-med, .checkoutItemLink .fw-med.step-description, .dga-nav .dga-breadcrumb span.fw-med, .dga-nav .dga-breadcrumb a.fw-med, .unigrid-content .pagination label.fw-med,
.unigrid-content .pagination .fw-med.pages-max {
  font-weight: var(--text-sm-medium-font-weight);
}
.font14.fw-semi, .checkoutItemLink .fw-semi.step-description, .dga-nav .dga-breadcrumb span.fw-semi, .dga-nav .dga-breadcrumb a.fw-semi, .unigrid-content .pagination label.fw-semi,
.unigrid-content .pagination .fw-semi.pages-max {
  font-weight: var(--text-sm-semibold-font-weight);
}
.font14.fw-bold, .checkoutItemLink .fw-bold.step-description, .dga-nav .dga-breadcrumb span.fw-bold, .dga-nav .dga-breadcrumb a.fw-bold, .unigrid-content .pagination label.fw-bold,
.unigrid-content .pagination .fw-bold.pages-max {
  font-weight: var(--text-sm-bold-font-weight);
}

.font16, .who-we-are p, .control-label, ul.CMSSiteMapList > li, .sitemap ul > li, .ui-widget, .dataTables_length label, .dataTables_wrapper .dataTables_filter input, .white-btn a {
  font-weight: var(--text-md-regular-font-weight);
  font-size: var(--text-md-regular-font-size);
  line-height: var(--text-md-regular-line-height);
  letter-spacing: var(--text-md-regular-letter-spacing);
  font-family: var(--text-md-regular-font-family);
  font-style: var(--text-md-regular-font-style);
}
.font16.fw-reg, .who-we-are p.fw-reg, .fw-reg.control-label, ul.CMSSiteMapList > li.fw-reg, .sitemap ul > li.fw-reg, .fw-reg.ui-widget, .dataTables_length label.fw-reg, .dataTables_wrapper .dataTables_filter input.fw-reg, .white-btn a.fw-reg {
  font-weight: var(--text-md-regular-font-weight);
}
.font16.fw-med, .who-we-are p.fw-med, .fw-med.control-label, ul.CMSSiteMapList > li.fw-med, .sitemap ul > li.fw-med, .fw-med.ui-widget, .dataTables_length label.fw-med, .dataTables_wrapper .dataTables_filter input.fw-med, .white-btn a.fw-med {
  font-weight: var(--text-md-medium-font-weight);
}
.font16.fw-semi, .who-we-are p.fw-semi, .fw-semi.control-label, ul.CMSSiteMapList > li.fw-semi, .sitemap ul > li.fw-semi, .fw-semi.ui-widget, .dataTables_length label.fw-semi, .dataTables_wrapper .dataTables_filter input.fw-semi, .white-btn a.fw-semi {
  font-weight: var(--text-md-semibold-font-weight);
}
.font16.fw-bold, .who-we-are p.fw-bold, .fw-bold.control-label, ul.CMSSiteMapList > li.fw-bold, .sitemap ul > li.fw-bold, .fw-bold.ui-widget, .dataTables_length label.fw-bold, .dataTables_wrapper .dataTables_filter input.fw-bold, .white-btn a.fw-bold {
  font-weight: var(--text-md-bold-font-weight);
}

.font18 {
  font-weight: var(--text-lg-regular-font-weight);
  font-size: var(--text-lg-regular-font-size);
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  font-family: var(--text-lg-regular-font-family);
  font-style: var(--text-lg-regular-font-style);
}
.font18.fw-reg {
  font-weight: var(--text-lg-regular-font-weight);
}
.font18.fw-med {
  font-weight: var(--text-lg-medium-font-weight);
}
.font18.fw-semi {
  font-weight: var(--text-lg-semibold-font-weight);
}
.font18.fw-bold {
  font-weight: var(--text-lg-bold-font-weight);
}

.font20, .title > h2 {
  font-weight: var(--text-xl-regular-font-weight);
  font-size: var(--text-xl-regular-font-size);
  letter-spacing: var(--text-xl-regular-letter-spacing);
  line-height: var(--text-xl-regular-line-height);
  font-family: var(--text-xl-regular-font-family);
  font-style: var(--text-xl-regular-font-style);
}
.font20.fw-reg, .title > h2.fw-reg {
  font-weight: var(--text-xl-regular-font-weight);
}
.font20.fw-med, .title > h2.fw-med {
  font-weight: var(--text-xl-medium-font-weight);
}
.font20.fw-semi, .title > h2.fw-semi {
  font-weight: var(--text-xl-semibold-font-weight);
}
.font20.fw-bold, .title > h2.fw-bold {
  font-weight: var(--text-xl-bold-font-weight);
}

.font24, .who-we-are h5,
.who-we-are h2,
.who-we-are h1,
.who-we-are h3,
.who-we-are h4, .service-title, .attachments .attachment-card > h3, .editing-form-category-caption, .attachments h3, .custom_content h1, .post h2, .grid-items.grid-8 .wapperNum .counter {
  font-size: var(--display-xs-semibold-font-size);
  line-height: var(--display-xs-semibold-line-height);
  letter-spacing: var(--display-xs-semibold-letter-spacing);
  font-family: var(--display-xs-semibold-font-family);
  font-style: var(--display-xs-semibold-font-style);
}

.font30, .wpbody.annoncewp h2, .innerBanner .titleBnr {
  font-size: var(--display-sm-medium-font-size);
  line-height: var(--display-sm-medium-line-height);
  letter-spacing: var(--display-sm-medium-letter-spacing);
  font-family: var(--display-sm-medium-font-family);
  font-style: var(--display-sm-medium-font-style);
}
.font30.fw-med, .wpbody.annoncewp h2.fw-med, .innerBanner .fw-med.titleBnr {
  font-weight: var(--display-sm-medium-font-weight);
}
.font30.fw-bold, .wpbody.annoncewp h2.fw-bold, .innerBanner .fw-bold.titleBnr {
  font-weight: var(--display-sm-bold-font-weight);
}

.font36 {
  font-size: var(--display-md-regular-font-size);
  line-height: var(--display-md-regular-line-height);
  letter-spacing: var(--display-md-regular-letter-spacing);
  font-family: var(--display-md-regular-font-family);
  font-style: var(--display-md-regular-font-style);
}
.font36.fw-reg {
  font-weight: var(--display-md-regular-font-weight);
}
.font36.fw-med {
  font-weight: var(--display-md-medium-font-weight);
}

.font48 {
  font-size: var(--display-lg-medium-font-size);
  line-height: var(--display-lg-medium-line-height);
  letter-spacing: var(--display-lg-medium-letter-spacing);
  font-family: var(--display-lg-medium-font-family);
  font-style: var(--display-lg-medium-font-style);
}
.font48.fw-med {
  font-weight: var(--display-lg-medium-font-weight);
}
.font48.fw-semi {
  font-weight: var(--display-lg-semibold-font-weight);
}
.font48.fw-bold {
  font-weight: var(--display-lg-bold-font-weight);
}

.btn-primary, .form-group.form-group-submit .btn-default, .footerButtons > div > div .btn-default:last-child,
.btn-success,
.btn-default {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-primary-default) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm) !important;
  transition: 0.3s;
  color: var(--themes-text-text-oncolor-primary) !important;
  border: none !important;
  min-width: max-content !important;
  font-weight: var(--text-md-medium-font-weight) !important;
  font-size: var(--text-md-medium-font-size) !important;
  letter-spacing: var(--text-md-medium-letter-spacing) !important;
  line-height: var(--text-md-medium-line-height) !important;
  font-family: var(--text-md-medium-font-family) !important;
  font-style: var(--text-md-medium-font-style);
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: var(--radius-radius-radius-sm) !important;
  -moz-border-radius: var(--radius-radius-radius-sm) !important;
  -ms-border-radius: var(--radius-radius-radius-sm) !important;
  -o-border-radius: var(--radius-radius-radius-sm) !important;
}
.btn-primary:hover, .form-group.form-group-submit .btn-default:hover, .footerButtons > div > div .btn-default:hover:last-child,
.btn-success:hover,
.btn-default:hover {
  background-color: var(--themes-button-button-background-primary-hovered) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none !important;
}
.btn-primary:focus, .form-group.form-group-submit .btn-default:focus, .footerButtons > div > div .btn-default:focus:last-child,
.btn-success:focus,
.btn-default:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
  color: var(--primitives-colors-base-white) !important;
}
.btn-primary:active, .form-group.form-group-submit .btn-default:active, .footerButtons > div > div .btn-default:active:last-child,
.btn-success:active,
.btn-default:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.btn-primary:visited, .form-group.form-group-submit .btn-default:visited, .footerButtons > div > div .btn-default:visited:last-child,
.btn-success:visited,
.btn-default:visited {
  color: var(--themes-text-text-oncolor-primary) !important;
}
.btn-primary a, .form-group.form-group-submit .btn-default a, .footerButtons > div > div .btn-default:last-child a,
.btn-success a,
.btn-default a {
  color: inherit !important;
  font: inherit !important;
  text-decoration: inherit !important;
}
.btn-primary a:visited, .form-group.form-group-submit .btn-default a:visited, .footerButtons > div > div .btn-default:last-child a:visited,
.btn-success a:visited,
.btn-default a:visited {
  color: var(--themes-text-text-oncolor-primary) !important;
}
.btn-primary:lang(en) img, .form-group.form-group-submit .btn-default:lang(en) img, .footerButtons > div > div .btn-default:lang(en):last-child img, .btn-primary:lang(en-US) img, .form-group.form-group-submit .btn-default:lang(en-US) img, .footerButtons > div > div .btn-default:lang(en-US):last-child img, html[dir=ltr] .btn-primary img, html[dir=ltr] .form-group.form-group-submit .btn-default img, .form-group.form-group-submit html[dir=ltr] .btn-default img, html[dir=ltr] .footerButtons > div > div .btn-default:last-child img, .footerButtons > div > div html[dir=ltr] .btn-default:last-child img, body.LTR .btn-primary img, body.LTR .form-group.form-group-submit .btn-default img, .form-group.form-group-submit body.LTR .btn-default img, body.LTR .footerButtons > div > div .btn-default:last-child img, .footerButtons > div > div body.LTR .btn-default:last-child img,
.btn-success:lang(en) img,
.btn-success:lang(en-US) img,
html[dir=ltr] .btn-success img,
body.LTR .btn-success img,
.btn-default:lang(en) img,
.btn-default:lang(en-US) img,
html[dir=ltr] .btn-default img,
body.LTR .btn-default img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-secondary, .footerButtons > div > div .btn-default:first-child {
  min-width: max-content;
  border: 0 !important;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  transition: 0.3s;
  min-width: max-content !important;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-neutral-default) !important;
  color: var(--themes-text-text-default) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  font-weight: var(--text-md-medium-font-weight) !important;
  font-size: var(--text-md-medium-font-size) !important;
  letter-spacing: var(--text-md-medium-letter-spacing) !important;
  line-height: var(--text-md-medium-line-height) !important;
  font-family: var(--text-md-medium-font-family) !important;
  font-style: var(--text-md-medium-font-style);
  cursor: pointer;
  text-decoration: none;
}
.btn-secondary:hover, .footerButtons > div > div .btn-default:hover:first-child {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
  text-decoration: none !important;
}
.btn-secondary:active, .footerButtons > div > div .btn-default:active:first-child {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
  text-decoration: none;
  color: var(--themes-text-text-default) !important;
}
.btn-secondary:focus, .footerButtons > div > div .btn-default:focus:first-child {
  outline: 2px solid var(--Border-border-black, #161616) !important;
  text-decoration: none;
}
.btn-secondary:visited, .footerButtons > div > div .btn-default:visited:first-child {
  color: var(--themes-text-text-default) !important;
}
.btn-secondary:lang(en) img, .footerButtons > div > div .btn-default:lang(en):first-child img, .btn-secondary:lang(en-US) img, .footerButtons > div > div .btn-default:lang(en-US):first-child img, html[dir=ltr] .btn-secondary img, html[dir=ltr] .footerButtons > div > div .btn-default:first-child img, .footerButtons > div > div html[dir=ltr] .btn-default:first-child img, body.LTR .btn-secondary img, body.LTR .footerButtons > div > div .btn-default:first-child img, .footerButtons > div > div body.LTR .btn-default:first-child img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-outline-secondary {
  min-width: max-content;
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--themes-border-border-neutral-primary) !important;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 40px;
  transition: 0.3s;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: transparent !important;
  color: var(--themes-text-text-default) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  -webkit-border-radius: var(--radius-radius-sm);
  -moz-border-radius: var(--radius-radius-sm);
  -ms-border-radius: var(--radius-radius-sm);
  -o-border-radius: var(--radius-radius-sm);
  font-weight: var(--text-md-medium-font-weight) !important;
  font-size: var(--text-md-medium-font-size) !important;
  letter-spacing: var(--text-md-medium-letter-spacing) !important;
  line-height: var(--text-md-medium-line-height) !important;
  font-family: var(--text-md-medium-font-family) !important;
  font-style: var(--text-md-medium-font-style);
  cursor: pointer;
  text-decoration: none;
}
.btn-outline-secondary:hover {
  background-color: var(--themes-button-button-background-neutral-default) !important;
  border-color: var(--themes-button-button-background-neutral-pressed) !important;
  color: var(--themes-text-text-default) !important;
  text-decoration: none !important;
}
.btn-outline-secondary:active {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
  border-color: var(--themes-button-button-background-neutral-pressed) !important;
  color: var(--themes-text-text-default) !important;
  text-decoration: none;
}
.btn-outline-secondary:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
}
.btn-outline-secondary:visited {
  color: var(--themes-text-text-default) !important;
}
.btn-outline-secondary:lang(en) img, .btn-outline-secondary:lang(en-US) img, html[dir=ltr] .btn-outline-secondary img, body.LTR .btn-outline-secondary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-outline-light {
  min-width: max-content;
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--primitives-colors-alpha-alpha-white-40) !important;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 40px;
  transition: 0.3s;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: transparent !important;
  color: var(--primitives-colors-base-white) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  -webkit-border-radius: var(--radius-radius-sm);
  -moz-border-radius: var(--radius-radius-sm);
  -ms-border-radius: var(--radius-radius-sm);
  -o-border-radius: var(--radius-radius-sm);
  font-weight: var(--text-md-medium-font-weight) !important;
  font-size: var(--text-md-medium-font-size) !important;
  letter-spacing: var(--text-md-medium-letter-spacing) !important;
  line-height: var(--text-md-medium-line-height) !important;
  font-family: var(--text-md-medium-font-family) !important;
  font-style: var(--text-md-medium-font-style);
  cursor: pointer;
  text-decoration: none;
}
.btn-outline-light:hover {
  background-color: var(--primitives-colors-alpha-alpha-white-20) !important;
  border-color: var(--primitives-colors-alpha-alpha-white-40) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none !important;
}
.btn-outline-light:active {
  background-color: var(--primitives-colors-alpha-alpha-white-40) !important;
  border-color: var(--primitives-colors-alpha-alpha-white-40) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.btn-outline-light:focus {
  outline: 2px solid var(--primitives-colors-base-white, #fff) !important;
}
.btn-outline-light:visited {
  color: var(--primitives-colors-base-white) !important;
}
.btn-outline-light:lang(en) img, .btn-outline-light:lang(en-US) img, html[dir=ltr] .btn-outline-light img, body.LTR .btn-outline-light img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-neutral {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-black-default) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--Buttonbuttons-lg-gap);
  transition: 0.5s;
  text-decoration: none;
  color: var(--themes-text-text-oncolor-primary) !important;
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary) !important;
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
  cursor: pointer;
}
.btn-neutral span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary) !important;
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}
.btn-neutral img {
  width: 24px;
  height: 24px;
}
.btn-neutral:hover {
  background-color: var(--themes-button-button-background-black-hovered) !important;
  text-decoration: none !important;
  color: var(--themes-text-text-oncolor-primary) !important;
}
.btn-neutral:active {
  background-color: var(--primitives-colors-neutral-600) !important;
  text-decoration: none !important;
  color: var(--themes-text-text-oncolor-primary) !important;
}
.btn-neutral:focus {
  outline: 2px solid var(--primitives-colors-base-white) !important;
  outline-offset: -3px;
}
.btn-neutral:visited {
  color: var(--themes-text-text-oncolor-primary) !important;
}
.btn-neutral:lang(en) img, .btn-neutral:lang(en-US) img, html[dir=ltr] .btn-neutral img, body.LTR .btn-neutral img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

/*
  buttons 
*/
.blackBtnAO {
  min-width: max-content;
  display: inline-flex;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0 var(--Button-buttons-lg-padding, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--Button-buttons-lg-gap, 4px);
  border-radius: var(--Radius-radius-sm, 4px);
  background: var(--Button-button-background-black-default, #0d121c);
  color: var(--Text-text-oncolor-primary, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}
.blackBtnAO:hover {
  background-color: var(--primitives-colors-neutral-800);
  color: var(--Text-text-oncolor-primary, #fff);
  text-decoration: none !important;
}
.blackBtnAO:active {
  background-color: var(--primitives-colors-neutral-600);
  color: var(--Text-text-oncolor-primary, #fff);
  text-decoration: none !important;
}
.blackBtnAO:visited {
  color: var(--themes-text-text-oncolor-primary) !important;
}
.blackBtnAO:focus {
  outline: 2px solid var(--primitives-colors-base-white) !important;
  outline-offset: -3px;
}

.black-btn {
  display: inline-flex;
  min-width: max-content;
}
.black-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-black-default) !important;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--Buttonbuttons-lg-gap);
  transition: 0.5s;
  text-decoration: none;
  color: var(--themes-text-text-oncolor-primary) !important;
}
.black-btn a span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary) !important;
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}
.black-btn a img {
  width: 24px;
  height: 24px;
}
.black-btn a:hover {
  background-color: var(--themes-button-button-background-black-hovered) !important;
  text-decoration: none;
  color: var(--themes-text-text-oncolor-primary) !important;
}
.black-btn a:active {
  background-color: var(--primitives-colors-neutral-600) !important;
  text-decoration: none;
  color: var(--themes-text-text-oncolor-primary) !important;
}
.black-btn a:focus {
  outline: 2px solid var(--primitives-colors-base-white) !important;
  outline-offset: -3px;
}
.black-btn a:visited {
  color: var(--themes-text-text-oncolor-primary) !important;
}
.black-btn a:lang(en) img, .black-btn a:lang(en-US) img, html[dir=ltr] .black-btn a img, body.LTR .black-btn a img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.black-btn.center {
  align-items: center;
  justify-content: center;
}

.btnExtends, .prevBtn,
.nextBtn, .white-btn a {
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-oncolor-default);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  transition: 0.3s;
  text-decoration: none;
}
.btnExtends span, .prevBtn span,
.nextBtn span, .white-btn a span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}
.btnExtends img, .prevBtn img,
.nextBtn img, .white-btn a img {
  width: 24px;
  height: 24px;
}
.btnExtends:hover, .prevBtn:hover,
.nextBtn:hover, .white-btn a:hover, .btnExtends:active, .prevBtn:active,
.nextBtn:active, .white-btn a:active {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
  color: var(--themes-text-text-default);
  text-decoration: none;
}

.white-btn {
  display: inline-flex;
}
.white-btn a {
  display: inline-flex !important;
  font-weight: var(--text-md-medium-font-weight);
}
.white-btn a span {
  font: inherit;
}
.white-btn a:hover {
  text-decoration: none;
  background-color: #aeaeae !important;
}
.white-btn a:active {
  text-decoration: none;
  background-color: #727272 !important;
  border-color: #727272 !important;
}
.white-btn a:focus {
  outline: 2px solid var(--themes-text-text-default);
  outline-offset: -4px;
}
.white-btn.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prevBtn,
.nextBtn {
  display: inline-flex;
  min-width: 110px;
  text-decoration: none;
}
.prevBtn img,
.nextBtn img {
  width: 18px;
  margin: 0 5px;
}

.nextBtn {
  background: #f3f4f6;
  border-color: #f3f4f6;
  text-decoration: none;
}
.nextBtn img {
  transform: rotate(180deg);
}

.white-btn-borderd {
  display: inline-flex;
}
.white-btn-borderd a {
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: 40px;
  height: 40px;
  overflow: hidden;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-oncolor-default);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  text-decoration: none !important;
  color: var(--themes-text-text-default-duplicate);
}
.white-btn-borderd a:hover {
  background-color: var(--Button-background-neutral-secondary) !important;
  border-color: var(--border-neutral-secondary);
  color: var(--themes-text-text-default);
}
.white-btn-borderd a:active {
  background-color: #e5e7eb !important;
}
.white-btn-borderd a:focus {
  border: 2px solid var(--themes-text-text-default);
}
.white-btn-borderd span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}

.mart-4 {
  margin-block-start: var(--primitives-spacing-1-4px-duplicate) !important;
}

.mart-8 {
  margin-block-start: var(--primitives-spacing-2-8px) !important;
}

.mart-16, .service-title {
  margin-block-start: var(--primitives-spacing-4-16px-duplicate) !important;
}

.mart-24 {
  margin-block-start: var(--primitives-spacing-6-24px-duplicate) !important;
}

.mart-32 {
  margin-block-start: var(--primitives-spacing-8-32px) !important;
}

.mart-40 {
  margin-block-start: var(--primitives-spacing-10-40px) !important;
}

.mart-50 {
  margin-block-start: var(--primitives-spacing-12-50px) !important;
}

.mart-100 {
  margin-block-start: var(--primitives-spacing-20-100px) !important;
}

.marb-4 {
  margin-block-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.marb-8 {
  margin-block-end: var(--primitives-spacing-2-8px) !important;
}

.marb-16 {
  margin-block-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.marb-24 {
  margin-block-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.marb-32 {
  margin-block-end: var(--primitives-spacing-8-32px) !important;
}

.marb-40 {
  margin-block-end: var(--primitives-spacing-10-40px) !important;
}

.marb-50 {
  margin-block-end: var(--primitives-spacing-12-50px) !important;
}

.marb-100 {
  margin-block-end: var(--primitives-spacing-20-100px) !important;
}

.mars-4 {
  margin-inline-start: var(--primitives-spacing-1-4px-duplicate) !important;
}

.mars-8 {
  margin-inline-start: var(--primitives-spacing-2-8px) !important;
}

.mars-16 {
  margin-inline-start: var(--primitives-spacing-4-16px-duplicate) !important;
}

.mars-24 {
  margin-inline-start: var(--primitives-spacing-6-24px-duplicate) !important;
}

.mars-32 {
  margin-inline-start: var(--primitives-spacing-8-32px) !important;
}

.mars-40 {
  margin-inline-start: var(--primitives-spacing-10-40px) !important;
}

.mars-50 {
  margin-inline-start: var(--primitives-spacing-12-50px) !important;
}

.mars-100 {
  margin-inline-start: var(--primitives-spacing-20-100px) !important;
}

.mare-4 {
  margin-inline-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.mare-8 {
  margin-inline-end: var(--primitives-spacing-2-8px) !important;
}

.mare-16 {
  margin-inline-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.mare-24 {
  margin-inline-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.mare-32 {
  margin-inline-end: var(--primitives-spacing-8-32px) !important;
}

.mare-40 {
  margin-inline-end: var(--primitives-spacing-10-40px) !important;
}

.mare-50 {
  margin-inline-end: var(--primitives-spacing-12-50px) !important;
}

.mare-100 {
  margin-inline-end: var(--primitives-spacing-20-100px) !important;
}

.marx-4 {
  margin-inline-start: var(--primitives-spacing-1-4px-duplicate) !important;
  margin-inline-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.marx-8 {
  margin-inline-start: var(--primitives-spacing-2-8px) !important;
  margin-inline-end: var(--primitives-spacing-2-8px) !important;
}

.marx-16 {
  margin-inline-start: var(--primitives-spacing-4-16px-duplicate) !important;
  margin-inline-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.marx-24 {
  margin-inline-start: var(--primitives-spacing-6-24px-duplicate) !important;
  margin-inline-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.marx-32 {
  margin-inline-start: var(--primitives-spacing-8-32px) !important;
  margin-inline-end: var(--primitives-spacing-8-32px) !important;
}

.marx-40 {
  margin-inline-start: var(--primitives-spacing-10-40px) !important;
  margin-inline-end: var(--primitives-spacing-10-40px) !important;
}

.marx-50 {
  margin-inline-start: var(--primitives-spacing-12-50px) !important;
  margin-inline-end: var(--primitives-spacing-12-50px) !important;
}

.marx-100 {
  margin-inline-start: var(--primitives-spacing-20-100px) !important;
  margin-inline-end: var(--primitives-spacing-20-100px) !important;
}

.mary-4 {
  margin-block-start: var(--primitives-spacing-1-4px-duplicate) !important;
  margin-block-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.mary-8 {
  margin-block-start: var(--primitives-spacing-2-8px) !important;
  margin-block-end: var(--primitives-spacing-2-8px) !important;
}

.mary-16 {
  margin-block-start: var(--primitives-spacing-4-16px-duplicate) !important;
  margin-block-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.mary-24 {
  margin-block-start: var(--primitives-spacing-6-24px-duplicate) !important;
  margin-block-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.mary-32 {
  margin-block-start: var(--primitives-spacing-8-32px) !important;
  margin-block-end: var(--primitives-spacing-8-32px) !important;
}

.mary-40 {
  margin-block-start: var(--primitives-spacing-10-40px) !important;
  margin-block-end: var(--primitives-spacing-10-40px) !important;
}

.mary-50 {
  margin-block-start: var(--primitives-spacing-12-50px) !important;
  margin-block-end: var(--primitives-spacing-12-50px) !important;
}

.mary-100 {
  margin-block-start: var(--primitives-spacing-20-100px) !important;
  margin-block-end: var(--primitives-spacing-20-100px) !important;
}

.mar-4 {
  margin: var(--primitives-spacing-1-4px-duplicate) !important;
}

.mar-8 {
  margin: var(--primitives-spacing-2-8px) !important;
}

.mar-16 {
  margin: var(--primitives-spacing-4-16px-duplicate) !important;
}

.mar-24 {
  margin: var(--primitives-spacing-6-24px-duplicate) !important;
}

.mar-32 {
  margin: var(--primitives-spacing-8-32px) !important;
}

.mar-40 {
  margin: var(--primitives-spacing-10-40px) !important;
}

.mar-50 {
  margin: var(--primitives-spacing-12-50px) !important;
}

.mar-100 {
  margin: var(--primitives-spacing-20-100px) !important;
}

.padt-4 {
  padding-block-start: var(--primitives-spacing-1-4px-duplicate) !important;
}

.padt-8 {
  padding-block-start: var(--primitives-spacing-2-8px) !important;
}

.padt-16 {
  padding-block-start: var(--primitives-spacing-4-16px-duplicate) !important;
}

.padt-24 {
  padding-block-start: var(--primitives-spacing-6-24px-duplicate) !important;
}

.padt-32 {
  padding-block-start: var(--primitives-spacing-8-32px) !important;
}

.padt-40 {
  padding-block-start: var(--primitives-spacing-10-40px) !important;
}

.padt-50 {
  padding-block-start: var(--primitives-spacing-12-50px) !important;
}

.padt-100 {
  padding-block-start: var(--primitives-spacing-20-100px) !important;
}

.padb-4 {
  padding-block-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.padb-8 {
  padding-block-end: var(--primitives-spacing-2-8px) !important;
}

.padb-16 {
  padding-block-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.padb-24 {
  padding-block-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.padb-32 {
  padding-block-end: var(--primitives-spacing-8-32px) !important;
}

.padb-40 {
  padding-block-end: var(--primitives-spacing-10-40px) !important;
}

.padb-50 {
  padding-block-end: var(--primitives-spacing-12-50px) !important;
}

.padb-100 {
  padding-block-end: var(--primitives-spacing-20-100px) !important;
}

.pads-4 {
  padding-inline-start: var(--primitives-spacing-1-4px-duplicate) !important;
}

.pads-8 {
  padding-inline-start: var(--primitives-spacing-2-8px) !important;
}

.pads-16 {
  padding-inline-start: var(--primitives-spacing-4-16px-duplicate) !important;
}

.pads-24 {
  padding-inline-start: var(--primitives-spacing-6-24px-duplicate) !important;
}

.pads-32 {
  padding-inline-start: var(--primitives-spacing-8-32px) !important;
}

.pads-40 {
  padding-inline-start: var(--primitives-spacing-10-40px) !important;
}

.pads-50 {
  padding-inline-start: var(--primitives-spacing-12-50px) !important;
}

.pads-100 {
  padding-inline-start: var(--primitives-spacing-20-100px) !important;
}

.pade-4 {
  padding-inline-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.pade-8 {
  padding-inline-end: var(--primitives-spacing-2-8px) !important;
}

.pade-16 {
  padding-inline-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.pade-24 {
  padding-inline-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.pade-32 {
  padding-inline-end: var(--primitives-spacing-8-32px) !important;
}

.pade-40 {
  padding-inline-end: var(--primitives-spacing-10-40px) !important;
}

.pade-50 {
  padding-inline-end: var(--primitives-spacing-12-50px) !important;
}

.pade-100 {
  padding-inline-end: var(--primitives-spacing-20-100px) !important;
}

.padx-4 {
  padding-inline-start: var(--primitives-spacing-1-4px-duplicate) !important;
  padding-inline-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.padx-8 {
  padding-inline-start: var(--primitives-spacing-2-8px) !important;
  padding-inline-end: var(--primitives-spacing-2-8px) !important;
}

.padx-16 {
  padding-inline-start: var(--primitives-spacing-4-16px-duplicate) !important;
  padding-inline-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.padx-24 {
  padding-inline-start: var(--primitives-spacing-6-24px-duplicate) !important;
  padding-inline-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.padx-32 {
  padding-inline-start: var(--primitives-spacing-8-32px) !important;
  padding-inline-end: var(--primitives-spacing-8-32px) !important;
}

.padx-40 {
  padding-inline-start: var(--primitives-spacing-10-40px) !important;
  padding-inline-end: var(--primitives-spacing-10-40px) !important;
}

.padx-50 {
  padding-inline-start: var(--primitives-spacing-12-50px) !important;
  padding-inline-end: var(--primitives-spacing-12-50px) !important;
}

.padx-100 {
  padding-inline-start: var(--primitives-spacing-20-100px) !important;
  padding-inline-end: var(--primitives-spacing-20-100px) !important;
}

.pady-4 {
  padding-block-start: var(--primitives-spacing-1-4px-duplicate) !important;
  padding-block-end: var(--primitives-spacing-1-4px-duplicate) !important;
}

.pady-8 {
  padding-block-start: var(--primitives-spacing-2-8px) !important;
  padding-block-end: var(--primitives-spacing-2-8px) !important;
}

.pady-16 {
  padding-block-start: var(--primitives-spacing-4-16px-duplicate) !important;
  padding-block-end: var(--primitives-spacing-4-16px-duplicate) !important;
}

.pady-24 {
  padding-block-start: var(--primitives-spacing-6-24px-duplicate) !important;
  padding-block-end: var(--primitives-spacing-6-24px-duplicate) !important;
}

.pady-32 {
  padding-block-start: var(--primitives-spacing-8-32px) !important;
  padding-block-end: var(--primitives-spacing-8-32px) !important;
}

.pady-40 {
  padding-block-start: var(--primitives-spacing-10-40px) !important;
  padding-block-end: var(--primitives-spacing-10-40px) !important;
}

.pady-50 {
  padding-block-start: var(--primitives-spacing-12-50px) !important;
  padding-block-end: var(--primitives-spacing-12-50px) !important;
}

.pady-100 {
  padding-block-start: var(--primitives-spacing-20-100px) !important;
  padding-block-end: var(--primitives-spacing-20-100px) !important;
}

.pad-4 {
  padding: var(--primitives-spacing-1-4px-duplicate) !important;
}

.pad-8 {
  padding: var(--primitives-spacing-2-8px) !important;
}

.pad-16 {
  padding: var(--primitives-spacing-4-16px-duplicate) !important;
}

.pad-24 {
  padding: var(--primitives-spacing-6-24px-duplicate) !important;
}

.pad-32 {
  padding: var(--primitives-spacing-8-32px) !important;
}

.pad-40 {
  padding: var(--primitives-spacing-10-40px) !important;
}

.pad-50 {
  padding: var(--primitives-spacing-12-50px) !important;
}

.pad-100 {
  padding: var(--primitives-spacing-20-100px) !important;
}

.customTable:not(.CaptchaTable),
table:not(.CaptchaTable) {
  margin-block: 16px;
}
.customTable:not(.CaptchaTable).table > :not(caption) > * > *,
table:not(.CaptchaTable).table > :not(caption) > * > * {
  padding: var(--Table-table-cell-v-padding) var(--Table-table-cell-h-padding);
  line-height: 26px;
}
.customTable:not(.CaptchaTable) *,
table:not(.CaptchaTable) * {
  color: var(--Table-table-text-body, #161616) !important;
  text-align: right !important;
  font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic") !important;
  font-size: var(--Size-Text-typo-size-text-md, 16px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: var(--Line-Height-Text-line-heights-text-md, 24px) !important;
}
.customTable:not(.CaptchaTable) td,
table:not(.CaptchaTable) td {
  vertical-align: middle !important;
  padding: 20px 16px !important;
  color: var(--Table-table-text-body, #161616) !important;
  text-align: right !important;
  font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic") !important;
  font-size: var(--Size-Text-typo-size-text-md, 16px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: var(--Line-Height-Text-line-heights-text-md, 24px) !important;
}
.customTable:not(.CaptchaTable) td span,
table:not(.CaptchaTable) td span {
  color: inherit !important;
  font: inherit !important;
}
.customTable:not(.CaptchaTable) td:has(.accordion-item),
table:not(.CaptchaTable) td:has(.accordion-item) {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.customTable:not(.CaptchaTable) tr:first-child > td,
table:not(.CaptchaTable) tr:first-child > td {
  padding: 15px 16px !important;
  font-weight: 500 !important;
  font-size: var(--text-xs-regular-font-size) !important;
  letter-spacing: var(--text-xs-regular-letter-spacing) !important;
  line-height: var(--text-xs-regular-line-height) !important;
  font-family: var(--text-xs-regular-font-family) !important;
  font-style: var(--text-xs-regular-font-style) !important;
  color: #384250 !important;
  background-color: #f3f4f6 !important;
  border-inline-end: 1px solid var(--Table-table-cell-border, #d2d6db);
}
.customTable:not(.CaptchaTable) tr:first-child > td p,
.customTable:not(.CaptchaTable) tr:first-child > td div,
.customTable:not(.CaptchaTable) tr:first-child > td span,
.customTable:not(.CaptchaTable) tr:first-child > td strong,
table:not(.CaptchaTable) tr:first-child > td p,
table:not(.CaptchaTable) tr:first-child > td div,
table:not(.CaptchaTable) tr:first-child > td span,
table:not(.CaptchaTable) tr:first-child > td strong {
  font: inherit !important;
}
.customTable:not(.CaptchaTable) tr:first-child > td:last-child,
table:not(.CaptchaTable) tr:first-child > td:last-child {
  border-inline-end: 0 !important;
}
.customTable:not(.CaptchaTable) tr:nth-of-type(even) > *,
table:not(.CaptchaTable) tr:nth-of-type(even) > * {
  background: #fff;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable:not(.CaptchaTable) tr:nth-of-type(odd) > *,
table:not(.CaptchaTable) tr:nth-of-type(odd) > * {
  background: var(--Table-table-background-row);
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):first-child td, .customTable:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):first-child td,
table:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):first-child td,
table:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):first-child td {
  font-size: var(--text-md-regular-font-size) !important;
  letter-spacing: var(--text-md-regular-letter-spacing) !important;
  line-height: var(--text-md-regular-line-height) !important;
  font-family: var(--text-md-regular-font-family) !important;
  font-style: var(--text-md-regular-font-style) !important;
  border: 0;
}
.customTable:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):nth-of-type(odd) > *, .customTable:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):nth-of-type(odd) > *,
table:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):nth-of-type(odd) > *,
table:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):nth-of-type(odd) > * {
  background: #fff !important;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):nth-of-type(even) > *, .customTable:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):nth-of-type(even) > *,
table:not(.CaptchaTable):has(thead) tbody tr:not(:has(th)):nth-of-type(even) > *,
table:not(.CaptchaTable):has(th) tbody tr:not(:has(th)):nth-of-type(even) > * {
  background: var(--Table-table-background-row);
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable:not(.CaptchaTable) th,
table:not(.CaptchaTable) th {
  background: var(--Table-table-background-header, #f3f4f6) !important;
  color: var(--Table-table-text-head, #384250) !important;
  text-align: right !important;
  font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic") !important;
  font-size: var(--Size-Text-typo-size-text-xs, 12px) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  padding: 15px 16px !important;
  line-height: var(--Line-Height-Text-line-heights-text-xs, 18px) !important;
  /* 150% */
}
.customTable:not(.CaptchaTable) th:not(:last-child),
table:not(.CaptchaTable) th:not(:last-child) {
  border-inline-end: 1px solid var(--Table-table-cell-border, #d2d6db);
}
.customTable:not(.CaptchaTable) th span,
table:not(.CaptchaTable) th span {
  color: inherit !important;
  font: inherit !important;
}
.customTable:not(.CaptchaTable) th:first-child,
table:not(.CaptchaTable) th:first-child {
  border-inline-start: 0;
}
.customTable:not(.CaptchaTable) th:last-child,
table:not(.CaptchaTable) th:last-child {
  border-inline-end: 0;
}
.customTable:not(.CaptchaTable).table-bordered,
table:not(.CaptchaTable).table-bordered {
  border-collapse: separate;
  /* Important! */
  border-spacing: 0;
  /* To avoid spacing issues */
  border: 1px solid var(--Table-table-cell-border, #d2d6db);
  border-radius: 12px;
  overflow: hidden;
}
.customTable:not(.CaptchaTable) tr:has(table) > td,
.customTable:not(.CaptchaTable) tr:first-child:has(table) > td,
table:not(.CaptchaTable) tr:has(table) > td,
table:not(.CaptchaTable) tr:first-child:has(table) > td {
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}
.customTable:not(.CaptchaTable):has(.accordion-item) tr > td,
.customTable:not(.CaptchaTable):has(.accordion-item) tr:first-child > td,
table:not(.CaptchaTable):has(.accordion-item) tr > td,
table:not(.CaptchaTable):has(.accordion-item) tr:first-child > td {
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}

table.chkListCustom tr:first-child td {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}
table.chkListCustom td {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}

.member-custom > :not(caption) > * > * {
  padding-inline: 0;
}

.customTableParent {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: clip;
}
.customTableParent h2 {
  margin-block: 2rem 1rem;
  color: var(--Table-table-text-body, #161616) !important;
  font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic") !important;
  font-size: var(--text-lg-medium-font-size) !important;
  font-style: normal !important;
  font-weight: var(--text-lg-medium-font-weight) !important;
  line-height: var(--text-lg-medium-line-height) !important;
}
.customTableParent h2 span {
  color: inherit !important;
  font: inherit !important;
}
.customTableParent tbody > tr:not(:has(th)):nth-of-type(even) > * {
  background: #fff;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTableParent tbody > tr:not(:has(th)):nth-of-type(odd) > * {
  background: var(--table-background-row);
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--themes-text-text-default);
}

.dataTables_length {
  margin-bottom: 1rem;
}

.CaptchaTable td {
  border: 0 !important;
  padding: 8px !important;
  padding-inline-start: 0 !important;
}

form .row > * {
  margin-bottom: 24px;
}

.form-control, .ui-widget .ui-datepicker-month,
.ui-widget .ui-datepicker-year,
.ui-widget select {
  height: 40px;
  min-width: 200px;
  width: 100%;
  justify-content: flex-start;
  padding: var(--primitives-spacing-0-0px) var(--primitives-spacing-4-16px);
  border-radius: var(--radius-radius-radius-sm) !important;
  gap: var(--primitives-spacing-1-4px);
  border: 1px solid #9da4ae;
  background: #fff;
  color: var(--themes-text-text-default);
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
  align-items: center;
  -webkit-border-radius: var(--radius-radius-radius-sm) !important;
  -moz-border-radius: var(--radius-radius-radius-sm) !important;
  -ms-border-radius: var(--radius-radius-radius-sm) !important;
  -o-border-radius: var(--radius-radius-radius-sm) !important;
}
.form-control:hover, .ui-widget .ui-datepicker-month:hover,
.ui-widget .ui-datepicker-year:hover,
.ui-widget select:hover {
  color: var(--themes-text-text-default);
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}
.form-control:focus, .ui-widget .ui-datepicker-month:focus,
.ui-widget .ui-datepicker-year:focus,
.ui-widget select:focus {
  color: var(--themes-text-text-default);
  border-color: #9da4ae;
  border-bottom: 2px solid var(--Form-field-border-hovered, #384250) !important;
}

select.form-control, .ui-widget select.ui-datepicker-month,
.ui-widget select.ui-datepicker-year,
.ui-widget select {
  background-image: url(../images/shared/arrowSelect.svg);
  background-repeat: no-repeat;
  background-position: center left 8px;
  background-size: 12px;
  padding-inline-end: 24px;
}
html[dir=ltr] select.form-control,
html[dir=ltr] .ui-widget select,
.ui-widget html[dir=ltr] select, html[lang=en] select.form-control,
html[lang=en] .ui-widget select,
.ui-widget html[lang=en] select, html[lang=en-US] select.form-control,
html[lang=en-US] .ui-widget select,
.ui-widget html[lang=en-US] select, body.LTR select.form-control,
body.LTR .ui-widget select,
.ui-widget body.LTR select {
  background-position: center right 8px;
}

.inputText,
.form-check {
  position: relative;
}
.inputText:has(input[type=radio])::before, .inputText:has(input[type=checkbox])::before,
.form-check:has(input[type=radio])::before,
.form-check:has(input[type=checkbox])::before {
  content: "";
  background: #f3f4f6;
  position: absolute;
  inset-inline-start: -12px;
  top: -12px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
.inputText:has(input[type=radio]):hover::before, .inputText:has(input[type=checkbox]):hover::before,
.form-check:has(input[type=radio]):hover::before,
.form-check:has(input[type=checkbox]):hover::before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.inputText:has(input[type=radio]):focus, .inputText:has(input[type=checkbox]):focus,
.form-check:has(input[type=radio]):focus,
.form-check:has(input[type=checkbox]):focus {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.inputText input[type=radio],
.form-check input[type=radio] {
  position: absolute;
  width: 32px;
  height: 32px;
  appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  right: -4px;
  top: -4px;
}
.inputText input[type=radio]:focus,
.form-check input[type=radio]:focus {
  outline: 2px solid var(--themes-text-text-default);
  outline-offset: 0px;
  box-shadow: none;
}
.inputText textarea:hover,
.form-check textarea:hover {
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}

.radio-list-vertical table td:has(input[type=radio]), .radio-list-vertical table td:has(input[type=checkbox]),
.usefull-section table td:has(input[type=radio]),
.usefull-section table td:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
}
.radio-list-vertical input[type=radio],
.radio-list-vertical input[type=checkbox],
.usefull-section input[type=radio],
.usefull-section input[type=checkbox] {
  position: relative !important;
  top: unset;
  right: unset;
  margin-top: 4px;
  width: 32px;
  height: 32px;
  opacity: 1;
  appearance: none;
}
.radio-list-vertical input[type=radio] + label,
.radio-list-vertical input[type=checkbox] + label,
.usefull-section input[type=radio] + label,
.usefull-section input[type=checkbox] + label {
  margin-inline-start: -40px;
  display: flex;
  align-items: center;
  margin-block: 8px;
}
.radio-list-vertical input[type=radio] + label::before,
.radio-list-vertical input[type=checkbox] + label::before,
.usefull-section input[type=radio] + label::before,
.usefull-section input[type=checkbox] + label::before {
  right: 4px !important;
}
.radio-list-vertical input[type=radio] + label::after,
.radio-list-vertical input[type=checkbox] + label::after,
.usefull-section input[type=radio] + label::after,
.usefull-section input[type=checkbox] + label::after {
  right: 8px !important;
}
.radio-list-vertical input[type=radio]:hover,
.radio-list-vertical input[type=checkbox]:hover,
.usefull-section input[type=radio]:hover,
.usefull-section input[type=checkbox]:hover {
  box-shadow: 0 0 0 8px #f3f4f6;
  background-color: #f3f4f6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.radio-list-vertical input[type=radio]:focus,
.radio-list-vertical input[type=checkbox]:focus,
.usefull-section input[type=radio]:focus,
.usefull-section input[type=checkbox]:focus {
  outline: 2px solid var(--themes-text-text-default);
  outline-offset: 0px;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.radio-list-vertical input[type=radio]:focus:hover,
.radio-list-vertical input[type=checkbox]:focus:hover,
.usefull-section input[type=radio]:focus:hover,
.usefull-section input[type=checkbox]:focus:hover {
  background-color: transparent;
  box-shadow: none;
}

.checkbox-list-vertical input[type=radio],
.checkbox-list-vertical input[type=checkbox] {
  position: relative !important;
  top: unset;
  right: unset;
  width: 32px;
  min-width: 32px;
  height: 32px;
  opacity: 1;
  appearance: none;
  margin-top: -5px;
}
.checkbox-list-vertical input[type=radio] + label,
.checkbox-list-vertical input[type=checkbox] + label {
  margin-inline-start: -40px;
  display: flex;
}
.checkbox-list-vertical input[type=radio] + label::before,
.checkbox-list-vertical input[type=checkbox] + label::before {
  right: 4px !important;
}
.checkbox-list-vertical input[type=radio] + label::after,
.checkbox-list-vertical input[type=checkbox] + label::after {
  right: 15px !important;
}
.checkbox-list-vertical input[type=radio]:hover,
.checkbox-list-vertical input[type=checkbox]:hover {
  box-shadow: 0 0 0 8px #f3f4f6;
  background-color: #f3f4f6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.checkbox-list-vertical input[type=radio]:focus,
.checkbox-list-vertical input[type=checkbox]:focus {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.checkbox-list-vertical input[type=radio]:focus:hover,
.checkbox-list-vertical input[type=checkbox]:focus:hover {
  background-color: transparent;
  box-shadow: none;
}

.usefull-section input[type=radio] + label {
  margin-inline-start: -33px;
}
.usefull-section input[type=checkbox] + label {
  margin-inline-start: -28px;
}
.usefull-section input[type=checkbox] + label::after {
  right: 15px !important;
}

.helper-text {
  color: var(--Text-text-primary-paragraph, #384250);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: var(--Form-icon-helpertext, 8px);
  margin-top: 8px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=date] {
  direction: rtl;
  /* Right-to-left text direction */
  text-align: right;
  /* Align text to the right */
  position: relative;
  padding-right: 40px !important;
}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-clear-button {
  display: none;
  position: absolute;
  right: 0;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: auto;
  /* Reset the right alignment */
  right: 15px;
  /* Align to the left */
  padding-right: 0px;
  /* Optional: adjust padding as needed */
  background-image: url(../images/shared/dateInput.svg);
}
input[type=radio]:checked, input[type=radio]:not(:checked) {
  position: absolute;
}
input[type=radio]:checked + label, input[type=radio]:not(:checked) + label {
  position: relative;
  padding-right: 40px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: var(--themes-form-field-text-label);
  font-size: var(--text-md-medium-font-size);
  padding-bottom: 0;
}
input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #6c737f;
  border-radius: 100%;
  background: #fff;
}
input[type=radio]:checked + label::after, input[type=radio]:not(:checked) + label::after {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  position: absolute;
  top: 5px;
  right: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=radio]:not(:checked) + label::after {
  opacity: 0;
}
input[type=radio]:not(:checked) + label:active::before {
  background: var(--Controls-control-pressed, #d2d6db);
}
input[type=radio]:checked + label::before {
  border-color: var(--primitives-colors-primary-SA-flag-600-primary);
}
input[type=radio]:checked + label::after {
  opacity: 1;
}
input[type=radio]:checked + label:active::after {
  background: var(--Controls-control-primary-pressed, #104631);
}
input[type=radio]:checked + label:active::before {
  border-color: var(--Controls-control-primary-pressed, #104631);
}
input.styled-checkbox, input[type=checkbox] {
  position: relative !important;
  top: unset;
  right: unset;
  width: 32px;
  min-width: 32px;
  height: 32px;
  opacity: 1;
  appearance: none;
  margin-top: -5px;
}
input.styled-checkbox:hover, input[type=checkbox]:hover {
  box-shadow: 0 0 0 8px #f3f4f6;
  background-color: #f3f4f6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
input.styled-checkbox:focus, input[type=checkbox]:focus {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
input.styled-checkbox:focus + label::before, input[type=checkbox]:focus + label::before {
  outline: 2px solid;
  outline-offset: 4px;
}
input.styled-checkbox + label, input[type=checkbox] + label {
  margin-inline-start: -40px;
  position: relative;
  cursor: pointer;
  padding: 0;
}
input.styled-checkbox + label::before, input[type=checkbox] + label::before {
  content: "";
  margin-left: var(--spacing-spacing-md);
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: white;
  border: 1px solid var(--Controls-control-border, #6c737f);
}
input.styled-checkbox + label:active::before, input[type=checkbox] + label:active::before {
  background: var(--Controls-control-pressed, #d2d6db);
}
input.styled-checkbox:checked + label::before, input[type=checkbox]:checked + label::before {
  background: var(--themes-button-button-background-primary-default);
  border-color: var(--themes-button-button-background-primary-default);
}
input.styled-checkbox:checked + label:hover::before, input[type=checkbox]:checked + label:hover::before {
  background: var(--Controls-control-primary-hovered, var(--themes-link-primary-visited));
  border-color: var(--Controls-control-primary-hovered, var(--themes-link-primary-visited));
}
input.styled-checkbox:checked + label:active::before, input[type=checkbox]:checked + label:active::before {
  background: var(--Controls-control-primary-pressed, #104631);
  border-color: var(--Controls-control-primary-pressed, #104631);
}
input.styled-checkbox:disabled + label, input[type=checkbox]:disabled + label {
  color: var(--themes-form-field-text-label);
  font-size: var(--text-md-medium-font-size);
  cursor: auto;
}
input.styled-checkbox:disabled + label:before, input[type=checkbox]:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
input.styled-checkbox:checked + label:after, input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 10px;
  background: white;
  width: 2px;
  min-width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
html[dir=ltr] input.styled-checkbox:checked + label:after, html[lang=en] input.styled-checkbox:checked + label:after, html[lang=en-US] input.styled-checkbox:checked + label:after, html[dir=ltr] input[type=checkbox]:checked + label:after, html[lang=en] input[type=checkbox]:checked + label:after, html[lang=en-US] input[type=checkbox]:checked + label:after {
  right: 7px;
}
input:hover {
  border-color: var(--themes-form-field-border-pressed);
}

.chkListCustom td:has(input[type=checkbox]) {
  display: flex;
}
.chkListCustom input[type=checkbox] {
  margin-top: -3px;
}
.chkListCustom input[type=checkbox] + label {
  margin-inline-start: -28px;
}

.radioGroup {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.radioGroup p {
  padding-left: 20px;
}

.inputText,
.form-check {
  position: relative;
}
.inputText:has(input[type=radio])::before, .inputText:has(input[type=checkbox])::before,
.form-check:has(input[type=radio])::before,
.form-check:has(input[type=checkbox])::before {
  content: "";
  background: #f3f4f6;
  position: absolute;
  inset-inline-start: -12px;
  top: -12px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
.inputText:has(input[type=radio]):hover::before, .inputText:has(input[type=checkbox]):hover::before,
.form-check:has(input[type=radio]):hover::before,
.form-check:has(input[type=checkbox]):hover::before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.inputText textarea:hover,
.form-check textarea:hover {
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}

.field-validation-error {
  color: var(--Form-field-border-error) !important;
  margin-top: var(--spacing-spacing-md);
  display: block;
}

.select2 {
  display: block;
  width: 100% !important;
  min-width: 150px;
}
.select2 .selection .select2-selection--single {
  width: 100%;
  min-height: 40px;
  padding: 5px 16px;
  border-radius: var(--radius-radius-radius-sm) !important;
  border: 1px solid;
  border-color: var(--themes-form-field-border-default);
  overflow: hidden;
  position: relative;
}
.select2 .selection .select2-selection--single .select2-selection__rendered {
  color: var(--themes-form-field-text-placeholder);
  line-height: 1.3;
  padding: 0;
  padding-top: 2px;
  overflow: hidden;
}
.select2 .selection .select2-selection--single .select2-selection__arrow {
  right: auto !important;
  left: var(--spacing-form-input-container-padding-right) !important;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.select2 .selection .select2-selection--single .select2-selection__arrow b {
  background-image: url(../images/shared/arrowSelect.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  position: relative;
  display: block;
  border: 0;
  width: 100%;
  top: unset;
  transform: unset;
  height: 100%;
  left: unset;
  left: 0;
  transition: 0.3s;
}
.select2 .selection .select2-selection--single:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 60%;
  background-color: var(--themes-form-field-border-pressed);
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
}
.select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}
.select2.select2-container--open .selection .select2-selection--single:before {
  opacity: 1;
  width: 100%;
  transform: 0;
}

.select2-dropdown {
  border-radius: var(--radius-radius-sm) !important;
  border: 1px solid var(--themes-border-border-neutral-primary) !important;
  background: var(--themes-form-field-background-default);
  /* Shadows/shadow-xl */
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  top: var(--spacing-spacing-md);
}
.select2-dropdown .select2-results .select2-results__options {
  padding: var(--spacing-global-spacing-md);
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  padding: var(--spacing-global-spacing-md);
  color: var(--themes-text-text-default);
  font-size: var(--text-sm-regular-font-size);
  font-weight: var(--text-sm-regular-font-weight);
  line-height: var(--text-sm-regular-line-height);
  letter-spacing: var(--text-sm-regular-letter-spacing);
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: var(--Button-background-neutral-secondary);
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted:active {
  background-color: var(--themes-button-button-background-neutral-pressed);
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  position: relative;
  background-color: transparent;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: no-repeat url("../images/shared/Check.svg");
  inset-inline-end: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.inputText input:hover,
.inputText select:hover,
.select2 .selection .select2-selection--single:hover {
  border-color: var(--themes-form-field-border-pressed);
}

.input-validation-error + .select2 .selection .select2-selection--single:before {
  background: var(--Form-field-border-error);
}

span.group-span-filestyle.input-group-btn .btn-primary, span.group-span-filestyle.input-group-btn .form-group.form-group-submit .btn-default, .form-group.form-group-submit span.group-span-filestyle.input-group-btn .btn-default, span.group-span-filestyle.input-group-btn .footerButtons > div > div .btn-default:last-child, .footerButtons > div > div span.group-span-filestyle.input-group-btn .btn-default:last-child {
  margin: 0;
}

.checkbox-list-vertical.checkbox {
  display: grid;
  grid-template-columns: repeat(1, 32px 1fr 0);
  gap: 12px;
}
.checkbox-list-vertical.checkbox:has(input:nth-of-type(n + 2)) {
  grid-template-columns: repeat(2, 32px 1fr 0);
}
.checkbox-list-vertical.checkbox:has(input:nth-of-type(n+3)) {
  grid-template-columns: repeat(3, 32px 1fr 0);
}
@media (max-width: 1400px) {
  .checkbox-list-vertical.checkbox {
    grid-template-columns: repeat(1, 32px 1fr 0);
  }
}

.input,
.search-input,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) {
  display: inline-flex;
  height: 40px;
  min-width: 200px;
  width: 100%;
  justify-content: flex-start;
  padding: var(--primitives-spacing-0-0px) var(--primitives-spacing-4-16px);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--primitives-spacing-1-4px);
  border: 1px solid #9da4ae;
  background: #fff;
  position: relative;
  overflow: hidden;
  align-items: center;
}
.input:hover,
.search-input:hover,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):hover {
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}
.input:has(.input-validation-error),
.search-input:has(.input-validation-error),
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(.input-validation-error) {
  border-color: var(--Form-field-border-error);
}
.input:has(.input-validation-error)::after,
.search-input:has(.input-validation-error)::after,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(.input-validation-error)::after {
  background-color: var(--Form-field-border-error);
}
.input:has(textarea)::before,
.search-input:has(textarea)::before,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(textarea)::before {
  background-color: #f3f4f6;
  background-image: url(../images/shared/textarea-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  border: 1px solid #9da4ae;
  border-bottom: 0;
  bottom: 0;
  content: "";
  height: 16px;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  width: 16px;
}
.input .form-control, .input .ui-widget .ui-datepicker-month, .ui-widget .input .ui-datepicker-month,
.input .ui-widget .ui-datepicker-year,
.ui-widget .input .ui-datepicker-year,
.input .ui-widget select,
.ui-widget .input select,
.search-input .form-control,
.search-input .ui-widget .ui-datepicker-month,
.ui-widget .search-input .ui-datepicker-month,
.search-input .ui-widget .ui-datepicker-year,
.ui-widget .search-input .ui-datepicker-year,
.search-input .ui-widget select,
.ui-widget .search-input select,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .form-control,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-month,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-month,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-year,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-year,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget select,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) select {
  background-color: transparent;
  outline: 0;
  height: 100%;
  display: flex;
  color: var(--themes-text-text-default);
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 0;
  background-position: 0;
  background: none !important;
  flex-grow: 1;
}
.input .form-control:hover, .input .ui-widget .ui-datepicker-month:hover, .ui-widget .input .ui-datepicker-month:hover,
.input .ui-widget .ui-datepicker-year:hover,
.ui-widget .input .ui-datepicker-year:hover,
.input .ui-widget select:hover,
.ui-widget .input select:hover,
.search-input .form-control:hover,
.search-input .ui-widget .ui-datepicker-month:hover,
.ui-widget .search-input .ui-datepicker-month:hover,
.search-input .ui-widget .ui-datepicker-year:hover,
.ui-widget .search-input .ui-datepicker-year:hover,
.search-input .ui-widget select:hover,
.ui-widget .search-input select:hover,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .form-control:hover,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-month:hover,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-month:hover,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-year:hover,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-year:hover,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget select:hover,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) select:hover {
  border: 0 !important;
}
.input:has(select),
.search-input:has(select),
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(select) {
  padding-inline: 0;
}
.input select,
.search-input select,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) select {
  box-shadow: none !important;
  border: 0;
}
.input input,
.input .form-control,
.input .ui-widget .ui-datepicker-month,
.ui-widget .input .ui-datepicker-month,
.input .ui-widget .ui-datepicker-year,
.ui-widget .input .ui-datepicker-year,
.input .ui-widget select,
.ui-widget .input select,
.input textarea,
.search-input input,
.search-input .form-control,
.search-input .ui-widget .ui-datepicker-month,
.ui-widget .search-input .ui-datepicker-month,
.search-input .ui-widget .ui-datepicker-year,
.ui-widget .search-input .ui-datepicker-year,
.search-input .ui-widget select,
.ui-widget .search-input select,
.search-input textarea,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) input,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .form-control,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-month,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-month,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget .ui-datepicker-year,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-datepicker-year,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) .ui-widget select,
.ui-widget .editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) select,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea {
  padding: 0;
  background-color: transparent;
}
.input::after,
.search-input::after,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification))::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  transform: translate(-50%);
  background-color: var(--themes-form-field-border-pressed);
  transition: width 0.2s ease-in-out;
  border-radius: 0 0 0.25rem 0.25rem;
}
.input:has(:focus),
.search-input:has(:focus),
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(:focus) {
  border-bottom: 0;
}
.input:has(:focus)::after,
.search-input:has(:focus)::after,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(:focus)::after {
  width: 100%;
}
.input textarea,
.input textarea.form-control,
.input .ui-widget textarea.ui-datepicker-month,
.ui-widget .input textarea.ui-datepicker-month,
.input .ui-widget textarea.ui-datepicker-year,
.ui-widget .input textarea.ui-datepicker-year,
.search-input textarea,
.search-input textarea.form-control,
.search-input .ui-widget textarea.ui-datepicker-month,
.ui-widget .search-input textarea.ui-datepicker-month,
.search-input .ui-widget textarea.ui-datepicker-year,
.ui-widget .search-input textarea.ui-datepicker-year,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea.form-control {
  resize: none;
  height: 100%;
  padding: var(--primitives-spacing-3-12px) var(--primitives-spacing-4-16px) !important;
  margin: 0 !important;
  overflow: hidden scroll;
}
.input textarea::-webkit-scrollbar,
.input textarea.form-control::-webkit-scrollbar,
.input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar,
.ui-widget .input textarea.ui-datepicker-month::-webkit-scrollbar,
.input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar,
.ui-widget .input textarea.ui-datepicker-year::-webkit-scrollbar,
.search-input textarea::-webkit-scrollbar,
.search-input textarea.form-control::-webkit-scrollbar,
.search-input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar,
.ui-widget .search-input textarea.ui-datepicker-month::-webkit-scrollbar,
.search-input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar,
.ui-widget .search-input textarea.ui-datepicker-year::-webkit-scrollbar,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea::-webkit-scrollbar,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea.form-control::-webkit-scrollbar {
  width: 16px;
  /* Width of the scrollbar */
  outline: 1px solid #9da4ae;
  padding: 4px;
}
.input textarea::-webkit-scrollbar-track,
.input textarea.form-control::-webkit-scrollbar-track,
.input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar-track,
.ui-widget .input textarea.ui-datepicker-month::-webkit-scrollbar-track,
.input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar-track,
.ui-widget .input textarea.ui-datepicker-year::-webkit-scrollbar-track,
.search-input textarea::-webkit-scrollbar-track,
.search-input textarea.form-control::-webkit-scrollbar-track,
.search-input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar-track,
.ui-widget .search-input textarea.ui-datepicker-month::-webkit-scrollbar-track,
.search-input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar-track,
.ui-widget .search-input textarea.ui-datepicker-year::-webkit-scrollbar-track,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea::-webkit-scrollbar-track,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea.form-control::-webkit-scrollbar-track {
  background: var(--themes-background-background-neutral-100);
  /* Background of the scrollbar track */
  border-radius: 5px;
  padding: 4px;
}
.input textarea::-webkit-scrollbar-thumb,
.input textarea.form-control::-webkit-scrollbar-thumb,
.input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar-thumb,
.ui-widget .input textarea.ui-datepicker-month::-webkit-scrollbar-thumb,
.input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar-thumb,
.ui-widget .input textarea.ui-datepicker-year::-webkit-scrollbar-thumb,
.search-input textarea::-webkit-scrollbar-thumb,
.search-input textarea.form-control::-webkit-scrollbar-thumb,
.search-input .ui-widget textarea.ui-datepicker-month::-webkit-scrollbar-thumb,
.ui-widget .search-input textarea.ui-datepicker-month::-webkit-scrollbar-thumb,
.search-input .ui-widget textarea.ui-datepicker-year::-webkit-scrollbar-thumb,
.ui-widget .search-input textarea.ui-datepicker-year::-webkit-scrollbar-thumb,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea::-webkit-scrollbar-thumb,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)) textarea.form-control::-webkit-scrollbar-thumb {
  background: var(--Border-border-neutral-primary);
  /* Color of the scrollbar thumb */
  border-radius: 5px;
  padding: 4px;
}
.input:has(textarea),
.search-input:has(textarea),
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(textarea) {
  height: 96px;
  padding: 0;
}
.input:has(.date_ar_u)::before,
.search-input:has(.date_ar_u)::before,
.editing-form-control-nested-control:not(:has(.uploader-upload)):not(:has(input[type=radio])):not(:has(input[type=checkbox])):not(:has(.CaptchaTable)):not(:has(.control_Mobile_Verification)):has(.date_ar_u)::before {
  content: "";
  width: 20px;
  height: 20px;
  background: no-repeat url("../images/new-icons/calendar-icon.svg");
  inset-inline-start: 0;
}

.form-group.full_width .radio-list-vertical input {
  min-width: 32px !important;
}
.form-group.full_width .radio-list-vertical label {
  flex: 1 1 80%;
}

.CaptchaTable {
  margin: 0;
}
.CaptchaTable tr td {
  padding: 0 !important;
}

@media (max-width: 768px) {
  .form-group.full_width .radio-list-vertical {
    display: block !important;
  }
  .form-group.full_width .radio-list-vertical input[type=radio],
  .form-group.full_width .radio-list-vertical label {
    display: inline-flex !important;
    vertical-align: middle;
    margin-bottom: 16px;
  }
  .form-group.full_width .radio-list-vertical br {
    display: block !important;
  }
  .form-group.full_width .radio-list-vertical input[type=radio] {
    margin-left: 8px;
  }
}
.control-label {
  margin-bottom: 8px;
  display: block;
}
.control-label .required-mark {
  color: #B42318;
}

.editing-form-category .form-group {
  margin-bottom: 24px;
}

.dataTables_filter label {
  display: flex;
  color: #161616;
  gap: 16px;
  align-items: center;
}

.dataTables_wrapper .dataTables_filter input {
  background-color: transparent;
  outline: 0;
  height: 40px;
  min-width: 200px;
  width: 100%;
  display: flex;
  padding: var(--primitives-spacing-0-0px) var(--primitives-spacing-4-16px);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--primitives-spacing-1-4px);
  border: 1px solid #9da4ae;
  color: var(--themes-text-text-default);
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_filter input:hover {
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border-bottom: 1px solid var(--Form-field-border-hovered, #384250) !important;
}

.dataTables_length label {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--themes-text-text-default);
}
.dataTables_length select {
  background-color: transparent;
  outline: 0;
  height: 40px;
  min-width: 200px;
  width: 100%;
  display: flex;
  padding: var(--primitives-spacing-0-0px) var(--primitives-spacing-4-16px);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--primitives-spacing-1-4px);
  border: 1px solid #9da4ae;
  color: var(--themes-text-text-default);
  box-shadow: none !important;
}
.dataTables_length select:hover {
  border: 1px solid var(--Form-field-border-hovered, #384250) !important;
}
.dataTables_length select:focus {
  border-bottom: 1px solid var(--Form-field-border-hovered, #384250) !important;
}

textarea:hover {
  border-color: var(--themes-form-field-border-pressed);
}

.err .input {
  border: 1px solid var(--themes-form-field-border-error);
}
.err .input::after {
  background-color: var(--themes-form-field-border-error);
}

.errMsg {
  display: flex;
  padding: var(--spacing-global-spacing-xs);
  font-size: var(--text-sm-regular-font-size);
  color: var(--text-error);
  margin-top: 8px;
}
.errMsg img {
  margin-left: var(--spacing-global-spacing-md);
}

.file-dropzone {
  border-radius: var(--Radius-radius-sm, 4px);
  border: 1px dashed var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-neutral-100, #f3f4f6);
  transition: border-color 0.3s;
  cursor: pointer;
  display: flex;
  padding: var(--size-24, 24px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Global-spacing-3xl, 24px);
}
.file-dropzone:hover {
  background-color: var(--themes-background-background-neutral-200);
}
.file-dropzone i {
  color: #0d6efd;
}

.file-upload-wrapper .input-group {
  border-radius: var(--Radius-radius-sm, 4px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-neutral-100, #f3f4f6);
}
.file-upload-wrapper .input-group-text {
  border: 0;
  padding-inline-end: 0;
  background-color: transparent;
}
.file-upload-wrapper .form-control, .file-upload-wrapper .ui-widget .ui-datepicker-month, .ui-widget .file-upload-wrapper .ui-datepicker-month,
.file-upload-wrapper .ui-widget .ui-datepicker-year,
.ui-widget .file-upload-wrapper .ui-datepicker-year,
.file-upload-wrapper .ui-widget select,
.ui-widget .file-upload-wrapper select {
  background-color: transparent;
  border: 0;
}

.ui-datepicker {
  width: auto !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  text-decoration: none !important;
}

.ui-widget.ui-widget-content {
  border: 0 !important;
  box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.18) !important;
  background: #fff;
}
.ui-widget .ui-datepicker-month,
.ui-widget .ui-datepicker-year,
.ui-widget select {
  appearance: none;
  min-width: max-content !important;
  margin-inline: 4px !important;
}
.ui-widget table th:not(:last-child) {
  border: 0 !important;
}
.ui-widget .ui-widget-header {
  border: 0 !important;
  background: #fff !important;
  color: #161616 !important;
  font-weight: normal !important;
}
.ui-widget .ui-widget-header .ui-icon {
  background-image: url(../images/shared/arrow-left-black.svg) !important;
  background-position: center !important;
}
.ui-widget select,
.ui-widget textarea,
.ui-widget input[type=password],
.ui-widget input[type=email],
.ui-widget input[type=number],
.ui-widget input[type=text] {
  background-color: #fff !important;
}
.ui-widget table th {
  background: #fff !important;
}
.ui-widget table td {
  padding: 0px !important;
}
.ui-widget table tbody > tr:not(:has(th)):nth-of-type(odd) > * {
  border: 0 !important;
  background: white !important;
}
.ui-widget table tbody > tr:not(:has(th)):nth-of-type(even) > * {
  background: white !important;
  border: 0 !important;
}
.ui-widget table tbody a {
  color: #161616 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0 !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 12px !important;
  width: 48px !important;
  min-width: auto !important;
  text-align: center !important;
  -webkit-border-radius: 999px !important;
  -moz-border-radius: 999px !important;
  -ms-border-radius: 999px !important;
  -o-border-radius: 999px !important;
}

.ui-state-hover {
  background-color: #e5e7eb !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0 !important;
  background: #e5e7eb !important;
  font-weight: normal !important;
  color: #161616 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0;
  background: transparent !important;
  color: #1B8354 !important;
  outline: 2px solid #1B8354;
  font-weight: bold !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 0 !important;
  background: #1B8354 !important;
  font-weight: normal !important;
  color: #ffffff !important;
}
.ui-state-active:hover,
.ui-widget-content .ui-state-active:hover,
.ui-widget-header .ui-state-active:hover,
a.ui-button:active:hover,
.ui-button:active:hover,
.ui-button.ui-state-active:hover:hover {
  background-color: #166A45 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin-top: 0 !important;
}

.ui-datepicker .ui-datepicker-next {
  transform: scaleX(-1) !important;
  -webkit-transform: scaleX(-1) !important;
  -moz-transform: scaleX(-1) !important;
  -ms-transform: scaleX(-1) !important;
  -o-transform: scaleX(-1) !important;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(../images/shared/arrow-left-black.svg) !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  transform: translateY(-50%) !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 !important;
  margin-inline-start: 4rem !important;
  line-height: 1.8em !important;
  text-align: end !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: auto !important;
  right: 32px !important;
}
html[dir=ltr] .ui-datepicker .ui-datepicker-prev, html[lang=en] .ui-datepicker .ui-datepicker-prev {
  right: auto !important;
  left: 32px !important;
  transform: scaleX(-1) !important;
  -webkit-transform: scaleX(-1) !important;
  -moz-transform: scaleX(-1) !important;
  -ms-transform: scaleX(-1) !important;
  -o-transform: scaleX(-1) !important;
}

.ui-datepicker .ui-datepicker-next {
  left: auto !important;
  right: 8px !important;
}
html[dir=ltr] .ui-datepicker .ui-datepicker-next, html[lang=en] .ui-datepicker .ui-datepicker-next {
  right: auto !important;
  left: 2px !important;
  transform: scaleX(1) !important;
  -webkit-transform: scaleX(1) !important;
  -moz-transform: scaleX(1) !important;
  -ms-transform: scaleX(1) !important;
  -o-transform: scaleX(1) !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 40% !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  width: 40% !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-weight: var(--text-md-regular-font-weight) !important;
  font-size: var(--text-md-regular-font-size) !important;
  letter-spacing: var(--text-md-regular-letter-spacing) !important;
  line-height: var(--text-md-regular-line-height) !important;
  font-family: var(--text-md-regular-font-family) !important;
  font-style: var(--text-md-regular-font-style) !important;
}

.card {
  height: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-width: 1px;
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  border-color: var(--themes-border-border-neutral-primary);
}
.card .card-header {
  height: 50px;
  background-color: transparent;
  border: 0;
  padding: 0;
  font-weight: bold;
  color: var(--themes-text-text-default);
}
@media (min-width: 1400px) {
  .card .card-header {
    height: 55px;
  }
}
.card a:has(.card-header) {
  color: var(--themes-text-text-default);
}
.card a:has(.card-header):hover {
  color: var(--themes-text-text-default);
  text-decoration: underline;
}
.card p {
  height: 52px;
  padding: 0 !important;
}
.card .card-img {
  height: 250px;
  border-radius: var(--radius-radius-md);
}
.card .card-img img {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}
.card.card-icon .card-header {
  border: 0;
  background-color: transparent;
  padding: 0;
  font-weight: 700;
  height: 55px;
}
@media (min-width: 1400px) {
  .card.card-icon .card-header {
    height: 55px;
  }
}
.card.card-icon .card-img {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: var(--spacing-global-spacing-xl);
  background-color: var(--themes-icon-bg-icon-brand-light);
  border-radius: var(--radius-radius-full-duplicate);
}
.card.card-icon .card-img img {
  width: 24px;
  height: 24px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.card.card-icon .card-p {
  margin-block: var(--spacing-global-spacing-md) var(--spacing-global-spacing-3xl);
}
.card.membCard {
  gap: 0;
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  display: flex;
}

.support .card .card-header,
.support .card p {
  -webkit-box-orient: unset;
  display: unset;
  -webkit-line-clamp: unset;
  overflow: unset;
  text-overflow: unset;
  height: auto;
}

.dateCard {
  display: inline-flex;
  height: 24px;
  margin-top: 24px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-global-spacing-xs);
  position: relative;
  flex: 0 0 auto;
  border-radius: var(--radius-radius-sm);
}

.imageGallery,
.WSCard {
  height: 100%;
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
}
.imageGallery:not(:has(a)):hover,
.WSCard:not(:has(a)):hover {
  background-color: var(--primitives-colors-neutral-50);
}
.imageGallery .img,
.WSCard .img {
  width: 100%;
  height: 300px;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: var(--radius-radius-md);
  -webkit-border-radius: var(--radius-radius-md);
  -moz-border-radius: var(--radius-radius-md);
  -ms-border-radius: var(--radius-radius-md);
  -o-border-radius: var(--radius-radius-md);
}
.imageGallery .img img,
.WSCard .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s;
}
.imageGallery .txt .tite,
.WSCard .txt .tite {
  margin-bottom: 8px;
  font-weight: 700;
  color: var(--themes-text-text-display);
  height: 56px;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.imageGallery .txt .font16, .imageGallery .txt .who-we-are p, .who-we-are .imageGallery .txt p, .imageGallery .txt .control-label, .imageGallery .txt ul.CMSSiteMapList > li, .imageGallery .txt .sitemap ul > li, .sitemap .imageGallery .txt ul > li, .imageGallery .txt .white-btn a, .white-btn .imageGallery .txt a, .imageGallery .txt .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter .imageGallery .txt input, .imageGallery .txt .dataTables_length label, .dataTables_length .imageGallery .txt label, .imageGallery .txt .ui-widget,
.WSCard .txt .font16,
.WSCard .txt .who-we-are p,
.who-we-are .WSCard .txt p,
.WSCard .txt .control-label,
.WSCard .txt ul.CMSSiteMapList > li,
.WSCard .txt .sitemap ul > li,
.sitemap .WSCard .txt ul > li,
.WSCard .txt .white-btn a,
.white-btn .WSCard .txt a,
.WSCard .txt .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter .WSCard .txt input,
.WSCard .txt .dataTables_length label,
.dataTables_length .WSCard .txt label,
.WSCard .txt .ui-widget {
  height: 52px;
}
.imageGallery .txt .date,
.WSCard .txt .date {
  margin-bottom: 24px;
}
.imageGallery .txt .date span,
.WSCard .txt .date span {
  display: inline-flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-global-spacing-xs);
  padding: var(--spacing-global-spacing-none) var(--spacing-global-spacing-lg) var(--spacing-global-spacing-none) var(--spacing-global-spacing-lg);
  background-color: var(--themes-tag-tag-background-neutral-light);
  border-radius: var(--radius-radius-sm);
  border: 1px solid;
  color: var(--themes-tag-tag-text-neutral);
  font-size: 16px;
  text-align: center;
  border-color: var(--themes-border-border-neutral-secondary);
  margin-left: 8px;
}
.imageGallery .txt .white-btn,
.WSCard .txt .white-btn {
  justify-content: left;
}

.pagination {
  margin-bottom: 38px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-pagination-pagination-items-padding);
}
.pagination nav > span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-pagination-pagination-items-padding);
}
.pagination .page-link,
.pagination .prePagi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-pagination-pagination-item-lg-padding);
  position: relative;
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--spacing-global-spacing-none);
  border: 0;
  background-color: transparent;
  font-weight: var(--text-md-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}
.pagination .page-link.more,
.pagination .prePagi.more {
  width: 40px;
  border: 1px solid;
  border-color: var(--themes-border-border-black);
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.pagination .page-link.prev, .pagination .page-link.next,
.pagination .prePagi.prev,
.pagination .prePagi.next {
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.pagination .page-link.prev span, .pagination .page-link.next span,
.pagination .prePagi.prev span,
.pagination .prePagi.next span {
  width: 24px;
  height: 24px;
}
.pagination .page-link.active::after,
.pagination .prePagi.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid;
  border-color: var(--themes-background-background-primary);
}
.pagination .page-link:hover,
.pagination .prePagi:hover {
  background-color: var(--themes-background-background-neutral-100);
  text-decoration: none;
}

.PagerControl {
  margin-top: 40px;
}

.unigrid-content .pagination {
  display: block;
}
.unigrid-content .pagination .pagination-list {
  margin-top: 40px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.unigrid-content .pagination .pagination-list .pagination-list-navigation a {
  position: relative;
  width: 25px;
}
.unigrid-content .pagination .pagination-list .pagination-list-navigation a .sr-only {
  display: none;
}
.unigrid-content .pagination .pagination-list .pagination-list-navigation a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/shared/leading-icon-34.svg);
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.unigrid-content .pagination .pagination-list .pagination-list-navigation a::before:hover {
  background-color: var(--themes-background-background-neutral-100);
}
body.LTR .unigrid-content .pagination .pagination-list .pagination-list-navigation a::before {
  background-image: url(../images/shared/leading-icon-33.svg);
}
.unigrid-content .pagination .pagination-list li:last-child.pagination-list-navigation a {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.unigrid-content .pagination .pagination-list li.active {
  position: relative;
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.unigrid-content .pagination .pagination-list li.active:hover {
  background: transparent;
}
.unigrid-content .pagination .pagination-list li.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid;
  border-color: var(--themes-background-background-primary);
}
.unigrid-content .pagination .pagination-list li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-pagination-pagination-item-lg-padding);
  position: relative;
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--spacing-global-spacing-none);
  border: 0;
  background-color: transparent;
  font-weight: var(--text-md-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}
.unigrid-content .pagination .pagination-list li a.more {
  width: 40px;
  border: 1px solid;
  border-color: var(--themes-border-border-black);
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.unigrid-content .pagination .pagination-list li a.prev, .unigrid-content .pagination .pagination-list li a.next {
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.unigrid-content .pagination .pagination-list li a.prev span, .unigrid-content .pagination .pagination-list li a.next span {
  width: 24px;
  height: 24px;
}
.unigrid-content .pagination .pagination-list li a:hover {
  background-color: var(--themes-background-background-neutral-100);
  text-decoration: none;
  color: var(--themes-text-text-default);
}
.unigrid-content .pagination .pagination-pages {
  display: inline-flex;
  flex-direction: column;
  max-width: 200px;
  margin-top: 16px;
}
.unigrid-content .pagination .pagination-items-per-page {
  display: inline-flex;
  flex-direction: column;
  min-width: auto;
  max-width: 200px;
  margin-top: 16px;
  gap: 0;
  margin-inline-start: auto;
  justify-content: start;
  align-items: start;
}
.PagerNumberArea {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PagerNumberArea span:has(a),
.PagerNumberArea span:has(.SelectedNext),
.PagerNumberArea span:has(.SelectedPrev) {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.PagerNumberArea span:has(a) a,
.PagerNumberArea span:has(a) .SelectedPage,
.PagerNumberArea span:has(a) .SelectedNext,
.PagerNumberArea span:has(a) .SelectedPrev,
.PagerNumberArea span:has(.SelectedNext) a,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev,
.PagerNumberArea span:has(.SelectedPrev) a,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-pagination-pagination-item-lg-padding);
  position: relative;
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--spacing-global-spacing-none);
  border: 0;
  background-color: transparent;
  font-weight: var(--text-md-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}
.PagerNumberArea span:has(a) a.more,
.PagerNumberArea span:has(a) .SelectedPage.more,
.PagerNumberArea span:has(a) .SelectedNext.more,
.PagerNumberArea span:has(a) .SelectedPrev.more,
.PagerNumberArea span:has(.SelectedNext) a.more,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage.more,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext.more,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev.more,
.PagerNumberArea span:has(.SelectedPrev) a.more,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage.more,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext.more,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev.more {
  width: 40px;
  border: 1px solid;
  border-color: var(--themes-border-border-black);
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.PagerNumberArea span:has(a) a.prev, .PagerNumberArea span:has(a) a.next,
.PagerNumberArea span:has(a) .SelectedPage.prev,
.PagerNumberArea span:has(a) .SelectedPage.next,
.PagerNumberArea span:has(a) .SelectedNext.prev,
.PagerNumberArea span:has(a) .SelectedNext.next,
.PagerNumberArea span:has(a) .SelectedPrev.prev,
.PagerNumberArea span:has(a) .SelectedPrev.next,
.PagerNumberArea span:has(.SelectedNext) a.prev,
.PagerNumberArea span:has(.SelectedNext) a.next,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage.prev,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage.next,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext.prev,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext.next,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev.prev,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev.next,
.PagerNumberArea span:has(.SelectedPrev) a.prev,
.PagerNumberArea span:has(.SelectedPrev) a.next,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage.prev,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage.next,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext.prev,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext.next,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev.prev,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev.next {
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.PagerNumberArea span:has(a) a.prev span, .PagerNumberArea span:has(a) a.next span,
.PagerNumberArea span:has(a) .SelectedPage.prev span,
.PagerNumberArea span:has(a) .SelectedPage.next span,
.PagerNumberArea span:has(a) .SelectedNext.prev span,
.PagerNumberArea span:has(a) .SelectedNext.next span,
.PagerNumberArea span:has(a) .SelectedPrev.prev span,
.PagerNumberArea span:has(a) .SelectedPrev.next span,
.PagerNumberArea span:has(.SelectedNext) a.prev span,
.PagerNumberArea span:has(.SelectedNext) a.next span,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage.prev span,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage.next span,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext.prev span,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext.next span,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev.prev span,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev.next span,
.PagerNumberArea span:has(.SelectedPrev) a.prev span,
.PagerNumberArea span:has(.SelectedPrev) a.next span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage.prev span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage.next span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext.prev span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext.next span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev.prev span,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev.next span {
  width: 24px;
  height: 24px;
}
.PagerNumberArea span:has(a) a:hover,
.PagerNumberArea span:has(a) .SelectedPage:hover,
.PagerNumberArea span:has(a) .SelectedNext:hover,
.PagerNumberArea span:has(a) .SelectedPrev:hover,
.PagerNumberArea span:has(.SelectedNext) a:hover,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage:hover,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext:hover,
.PagerNumberArea span:has(.SelectedNext) .SelectedPrev:hover,
.PagerNumberArea span:has(.SelectedPrev) a:hover,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage:hover,
.PagerNumberArea span:has(.SelectedPrev) .SelectedNext:hover,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev:hover {
  background-color: var(--themes-background-background-neutral-100);
  text-decoration: none;
}
.PagerNumberArea span:has(a) .SelectedPage,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage {
  position: relative;
}
.PagerNumberArea span:has(a) .SelectedPage:hover,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage:hover,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage:hover {
  background: transparent;
}
.PagerNumberArea span:has(a) .SelectedPage::after,
.PagerNumberArea span:has(.SelectedNext) .SelectedPage::after,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPage::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid;
  border-color: var(--themes-background-background-primary);
}
.PagerNumberArea span:has(.SelectedNext),
.PagerNumberArea span:has(.UnselectedNext) {
  position: relative;
}
.PagerNumberArea span:has(.SelectedNext) a::before,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext::before,
.PagerNumberArea span:has(.UnselectedNext) a::before,
.PagerNumberArea span:has(.UnselectedNext) .SelectedNext::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/shared/leading-icon-33.svg);
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.PagerNumberArea span:has(.SelectedNext) a::before:hover,
.PagerNumberArea span:has(.SelectedNext) .SelectedNext::before:hover,
.PagerNumberArea span:has(.UnselectedNext) a::before:hover,
.PagerNumberArea span:has(.UnselectedNext) .SelectedNext::before:hover {
  background-color: var(--themes-background-background-neutral-100);
}
.PagerNumberArea span:has(.SelectedNext) .SelectedNext,
.PagerNumberArea span:has(.SelectedNext) .UnselectedNext,
.PagerNumberArea span:has(.UnselectedNext) .SelectedNext,
.PagerNumberArea span:has(.UnselectedNext) .UnselectedNext {
  color: transparent;
}
.PagerNumberArea span:has(.SelectedPrev),
.PagerNumberArea span:has(.UnselectedPrev) {
  position: relative;
}
.PagerNumberArea span:has(.SelectedPrev) a::before,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev::before,
.PagerNumberArea span:has(.UnselectedPrev) a::before,
.PagerNumberArea span:has(.UnselectedPrev) .SelectedPrev::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/shared/leading-icon-34.svg);
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.PagerNumberArea span:has(.SelectedPrev) a::before:hover,
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev::before:hover,
.PagerNumberArea span:has(.UnselectedPrev) a::before:hover,
.PagerNumberArea span:has(.UnselectedPrev) .SelectedPrev::before:hover {
  background-color: var(--themes-background-background-neutral-100);
}
.PagerNumberArea span:has(.SelectedPrev) .SelectedPrev,
.PagerNumberArea span:has(.SelectedPrev) .UnselectedPrev,
.PagerNumberArea span:has(.UnselectedPrev) .SelectedPrev,
.PagerNumberArea span:has(.UnselectedPrev) .UnselectedPrev {
  color: transparent;
}

.searchPaggination {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  margin-block: 32px;
}
.searchPaggination a,
.searchPaggination strong {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-pagination-pagination-item-lg-padding);
  position: relative;
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--spacing-global-spacing-none);
  border: 0;
  background-color: transparent;
  font-weight: var(--text-md-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}
.searchPaggination a.more,
.searchPaggination strong.more {
  width: 40px;
  border: 1px solid;
  border-color: var(--themes-border-border-black);
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.searchPaggination a.prev, .searchPaggination a.next,
.searchPaggination strong.prev,
.searchPaggination strong.next {
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.searchPaggination a.prev span, .searchPaggination a.next span,
.searchPaggination strong.prev span,
.searchPaggination strong.next span {
  width: 24px;
  height: 24px;
}
.searchPaggination a:hover,
.searchPaggination strong:hover {
  background-color: var(--themes-background-background-neutral-100);
  text-decoration: none;
  color: var(--themes-text-text-default);
}
.searchPaggination strong {
  position: relative;
}
.searchPaggination strong:hover {
  background: transparent;
}
.searchPaggination strong::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid;
  border-color: var(--themes-background-background-primary);
}

.dataTables_wrapper .dataTables_paginate {
  margin-bottom: 38px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-pagination-pagination-items-padding);
}
.dataTables_wrapper .dataTables_paginate > span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-pagination-pagination-items-padding);
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: var(--spacing-pagination-pagination-item-lg-padding) !important;
  position: relative !important;
  border-radius: var(--radius-radius-radius-sm) !important;
  gap: var(--spacing-global-spacing-none) !important;
  border: 0 !important;
  background-color: transparent !important;
  font-weight: var(--text-md-regular-font-weight) !important;
  color: var(--themes-text-text-default) !important;
  font-size: var(--text-md-regular-font-size) !important;
  letter-spacing: var(--text-md-regular-letter-spacing) !important;
  line-height: var(--text-md-regular-line-height) !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.first .fa {
  width: 24px;
  height: 24px;
  background-image: url(../images/shared/leading-icon-34.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html[dir=ltr] .dataTables_wrapper .dataTables_paginate a.paginate_button.first .fa, html[lang=en] .dataTables_wrapper .dataTables_paginate a.paginate_button.first .fa, html[lang=en-US] .dataTables_wrapper .dataTables_paginate a.paginate_button.first .fa, body.LTR .dataTables_wrapper .dataTables_paginate a.paginate_button.first .fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.last .fa {
  width: 24px;
  height: 24px;
  background-image: url(../images/shared/leading-icon-33.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html[dir=ltr] .dataTables_wrapper .dataTables_paginate a.paginate_button.last .fa, html[lang=en] .dataTables_wrapper .dataTables_paginate a.paginate_button.last .fa, html[lang=en-US] .dataTables_wrapper .dataTables_paginate a.paginate_button.last .fa, body.LTR .dataTables_wrapper .dataTables_paginate a.paginate_button.last .fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.more {
  width: 40px;
  border: 1px solid;
  border-color: var(--themes-border-border-black);
  padding: var(--spacing-pagination-pagination-item-lg-padding);
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  position: relative !important;
  background: transparent !important;
  color: var(--themes-text-text-default) !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  background-color: transparent !important;
  text-decoration: none !important;
  color: var(--themes-text-text-default) !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid;
  border-color: var(--themes-background-background-primary);
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.prev, .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
  width: 40px;
  height: 40px;
  padding: 10px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.prev span, .dataTables_wrapper .dataTables_paginate a.paginate_button.next span {
  width: 24px;
  height: 24px;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  background-color: var(--themes-background-background-neutral-100) !important;
  text-decoration: none !important;
  color: var(--themes-text-text-default) !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:active {
  background: var(--themes-background-background-neutral-100) !important;
  box-shadow: none !important;
}

/* start كود ختم الحكومة الرقمية   */
.digital-stamp-card {
  padding: 6px 32px;
  background: #f3f4f6;
}
.digital-stamp-card .digital-stamp-body {
  padding-top: 40px;
  padding-bottom: 32px;
  display: none;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container {
  margin-bottom: 32px;
  display: flex;
  gap: 32px;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box img {
  width: 48px;
  height: 48px;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box .img-border-rounded {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #067647;
  border-radius: 100%;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
  margin-top: 0px;
  margin-bottom: 12px;
  color: #161616;
  font-size: 18px;
  line-height: 28px;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box .green-text {
  color: #1b8354;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
  margin: 0px;
  color: #384250;
  font-size: 16px;
  line-height: 24px;
}
.digital-stamp-card .digital-stamp-body .stamp-link-box {
  padding: 8px 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: #fff;
}
.digital-stamp-card .digital-stamp-body .stamp-link-box p {
  margin: 0px;
  color: #161616;
  font-size: 16px;
}
.digital-stamp-card .digital-stamp-body .stamp-link-box a {
  color: #1b8354;
  font-size: 16px;
}
.digital-stamp-card .digital-stamp-body .stamp-link-box a:hover {
  text-decoration: underline;
  color: var(--Link-link-primary-hovered, #54c08a);
}
.digital-stamp-card .digital-stamp-body .stamp-link-box a:active {
  text-decoration: underline;
  color: var(--Link-link-primary-pressed, #88d8ad);
}
.digital-stamp-card .digital-stamp-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card svg,
.digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
  transform: rotate(180deg);
}
.digital-stamp-card .digital-stamp-header h6 {
  margin: 0px;
  color: #161616;
  font-size: 14px;
  font-weight: 500;
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
  color: #1b8354;
  font-size: 14px;
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span:hover {
  text-decoration: underline;
  color: var(--Link-link-primary-hovered, #54c08a);
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span:active {
  text-decoration: underline;
  color: var(--Link-link-primary-pressed, #88d8ad);
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card svg,
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
  transition: 0.3s;
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card.open svg,
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card.open img {
  transform: rotate(180deg);
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
  margin-right: 4px;
  margin-left: 4px;
}

.stamp-ar {
  direction: rtl;
}

.stamp-en {
  direction: ltr;
}

.quick-links {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 32px;
  justify-content: space-between;
  align-items: center;
  background: var(--background-neutral-100);
  border-block: 1px solid #d2d6db;
}
.quick-links .start-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-global-spacing-xl);
}
.quick-links .start-links a {
  display: flex;
  align-items: center;
  color: var(--text-primary-paragraph);
  gap: 4px;
}
.quick-links .start-links a img {
  width: 24px;
  height: 24px;
}
.quick-links .start-links a span {
  font: inherit;
}
@media (max-width: 1400px) {
  .quick-links .start-links a {
    font-size: var(--text-sm-regular-font-size);
  }
}
.quick-links .end-links {
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-links .end-links a {
  width: 32px;
  height: 32px;
  padding: 6px;
}

@media (max-width: 768px) {
  .digital-stamp-card {
    padding: 8px 16px;
  }
  .digital-stamp-card .digital-stamp-header {
    flex-wrap: wrap;
  }
  .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
    flex: 100%;
    margin-right: 33px;
  }
  .digital-stamp-card .digital-stamp-body .digital-stamp-container {
    flex-direction: column;
  }
  [dir=ltr] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
    margin-right: 0px;
    margin-left: 33px;
  }
}
/* end كود ختم الحكومة الرقمية   */
.accordionAO, .attachments .attachment-card .attachment-body .swiper-wrapper {
  margin-bottom: 16px;
}
.accordionAO .accordion-button:not(.collapsed)::after, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button:not(.collapsed)::after {
  background-image: url(../images/shared/arrow-up.svg);
  transform: unset;
}
.accordionAO .accordion-item:first-of-type > .accordion-header .accordion-button, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-item:first-of-type > .accordion-header .accordion-button {
  border-radius: 0;
  border: 0;
}
.accordionAO .accordion-button, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button {
  color: var(--Text-text-default, #161616);
  justify-content: start;
  font-weight: 600;
  line-height: 24px;
  padding: var(--Global-spacing-xl, 16px);
  text-align: start;
  gap: 24px;
  border: 0;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.accordionAO .accordion-button:not(.collapsed), .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button:not(.collapsed) {
  background-color: unset;
}
.accordionAO .accordion-button::after, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button::after {
  background-image: url(../images/shared/arrow-up.svg);
  transform: rotate(-180deg);
  margin: 0;
  background-position: bottom;
  margin-inline-start: auto;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.accordionAO .accordion-button[aria-expanded=true]::after, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
.accordionAO .accordion-button:hover, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button:hover {
  background-color: #f3f4f6;
}
.accordionAO .accordion-button:active, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button:active {
  background-color: #e5e7eb;
}
.accordionAO .accordion-button:focus, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button:focus {
  box-shadow: unset;
  outline: 2px solid var(--themes-text-text-default) !important;
}
.accordionAO .accordion-item, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-item {
  border: unset;
  border-radius: 0;
  border-bottom: 1px solid var(--Border-border-neutral-primary, #d2d6db);
}
.accordionAO .accordion-item:last-child, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-item:last-child {
  border-bottom: 1px solid var(--Border-border-neutral-primary, #d2d6db);
}
.accordionAO .accordion-body *, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body * {
  color: var(--Text-text-primary-paragraph, #384250);
}
.accordionAO .accordion-body, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body {
  padding: var(--Global-spacing-xl, 16px);
}
.accordionAO .accordion-body > img, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body > img {
  width: 50px;
  height: 50px;
}
.accordionAO .accordion-body a, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body a {
  color: var(--themes-text-text-primary);
}
.accordionAO .accordion-body a:hover, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body a:hover {
  text-decoration: underline;
  color: #54c08a;
}
.accordionAO .accordion-body a:active, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body a:active {
  text-decoration: underline;
  color: #88d8ad;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/shared/arrow-up.svg);
  transform: unset;
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-radius: 0;
  border: 0;
}

.accordion-button {
  color: var(--Text-text-default, #161616);
  justify-content: space-between;
  font-weight: 600;
  line-height: 24px;
  padding: var(--Global-spacing-xl, 16px);
  text-align: start;
  border: 0;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
  background-color: unset;
}
.accordion-button::after {
  background-image: url(../images/shared/arrow-up.svg);
  transform: rotate(-180deg);
  margin: 0;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.accordion-button:hover {
  background-color: #f3f4f6;
}
.accordion-button:active {
  background-color: #e5e7eb;
}
.accordion-button:focus {
  box-shadow: unset;
  outline: 2px solid var(--themes-text-text-default) !important;
}

.accordion-item {
  border: unset;
  border-radius: 0;
  border-top: 1px solid var(--Border-border-neutral-primary, #d2d6db);
}
.accordion-item:last-child {
  border-bottom: 1px solid var(--Border-border-neutral-primary, #d2d6db);
}

.accordion-body * {
  color: var(--Text-text-primary-paragraph, #384250);
}

.accordion-body {
  padding: var(--Global-spacing-xl, 16px);
}
.accordion-body > img {
  width: 50px;
  height: 50px;
}
.accordion-body a {
  color: var(--themes-text-text-primary);
}
.accordion-body a:hover {
  text-decoration: underline;
  color: #54c08a;
}
.accordion-body a:active {
  text-decoration: underline;
  color: #88d8ad;
}

.tag-sec {
  display: inline-flex;
  padding: 3px var(--spacing-global-spacing-md);
  font-weight: 500;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.tag-sec.tag-gray {
  border: 1px solid var(--themes-border-border-neutral-secondary);
  background: var(--themes-tag-tag-background-neutral-light);
  color: var(--themes-tag-tag-text-neutral);
}
.tag-sec.tag-blue {
  border: 1px solid var(--Tag-tag-border-info-light, #b2ddff);
  background: var(--Tag-tag-background-info-light, #eff8ff);
  color: var(--Tag-tag-text-info, #1849a9);
}
.tag-sec.tag-green {
  border: 1px solid var(--Tag-tag-border-success-light, #abefc6);
  background: var(--Tag-tag-background-success-light, #ecfdf3);
  color: var(--Tag-tag-text-success, #085d3a);
}
.tag-sec.tag-yellow {
  border: 1px solid var(--Tag-tag-border-warning-light, #fedf89);
  background: var(--Tag-tag-background-warning-light, #fffaeb);
  color: var(--Tag-tag-text-warning, #93370d);
}
.tag-sec span {
  color: inherit;
  font: inherit;
}

.alert {
  display: flex;
  border-radius: var(--Radius-radius-xs, 2px);
  padding: 8px 24px;
  padding-inline-start: 48px;
  border: 0;
  border-bottom: 2px solid;
  gap: 8px;
  font-weight: var(--text-md-regular-font-weight, 400);
  font-size: var(--text-md-regular-font-size, 16px);
  letter-spacing: var(--text-md-regular-letter-spacing, 0px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-family: var(--text-md-regular-font-family, "IBM Plex Sans Arabic", Helvetica);
  font-style: var(--text-md-regular-font-style, normal);
}
.alert.alert-secondary {
  color: var(--Text-text-primary-paragraph, #384250);
  border-color: #161616;
  background: var(--Background-background-neutral-50, #f9fafb);
}
.alert.alert-success {
  color: var(--Text-text-success, #067647);
  border-color: #079455;
  background: var(--Background-background-success-50, #ecfdf3);
}
.alert.alert-danger {
  color: var(--Text-text-error, #b42318);
  border-color: #d92d20;
  background: var(--Background-background-error-50, #fef3f2);
}
.alert.alert-warning {
  color: var(--Text-text-warning, #b54708);
  border-color: #dc6803;
  background: var(--Background-background-warning-50, #fffaeb);
}
.alert.alert-info {
  color: var(--Text-text-info, #175cd3);
  border-color: #1570ef;
  background: var(--Background-background-info-50, #eff8ff);
}

.menuWithBanner {
  position: fixed;
  width: 100%;
  z-index: 15;
  top: 0;
  right: 0;
  height: 72px;
  background-color: var(--themes-background-background-menu);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
  padding: 0 32px;
}
.menuWithBanner .container,
.menuWithBanner .container-fluid {
  padding: 0;
}
.menuWithBanner .navDGA {
  overflow: hidden;
}
.menuWithBanner .row.header-grid > * {
  margin-bottom: 0;
}
.menuWithBanner.digitalStampExist {
  position: relative;
}
.menuWithBanner.isFixedMenu {
  position: fixed;
}
.menuWithBanner .nav-container {
  width: 100%;
}
@media (max-width: 1200px) {
  .menuWithBanner .navDGA .row > * {
    padding-right: 4px;
    padding-left: 4px;
  }
}
.menuWithBanner .navbarMenu {
  padding: 0;
  position: unset;
}
.menuWithBanner .navbarMenu .nav-item.dropdown {
  position: unset;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
  border: unset;
  padding: 32px 0;
  border-radius: 8px;
  left: 0;
  min-width: 100%;
  width: auto;
  top: 72px;
  right: 0;
  text-align: right;
  background-color: var(--themes-background-background-SA-flag);
  border-radius: 0;
  min-height: auto;
  /* Track */
  /* Handle */
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .col-lg-3 {
  margin-bottom: 24px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu a {
  color: #fff;
  display: block;
  padding: var(--spacing-spacing-md) var(--spacing-spacing-xl);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu a:hover {
  background-color: var(--primitives-colors-alpha-alpha-white-20);
  text-decoration: underline;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .cont1280 {
  max-width: 1280px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu h4.title {
  margin-bottom: 12px;
  font-size: var(--text-lg-bold-font-size);
  font-weight: var(--text-lg-bold-font-weight);
  letter-spacing: var(--text-lg-bold-letter-spacing);
  line-height: var(--text-lg-bold-line-height);
  color: var(--themes-text-text-oncolor-primary);
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu h4.title .dropdownTitle {
  margin-bottom: 12px;
  font-size: var(--text-lg-bold-font-size);
  font-weight: var(--text-lg-bold-font-weight);
  letter-spacing: var(--text-lg-bold-letter-spacing);
  line-height: var(--text-lg-bold-line-height);
  color: var(--themes-text-text-oncolor-primary);
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ::-webkit-scrollbar {
  width: 5px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ::-webkit-scrollbar-track {
  background: #888;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul {
  overflow-y: scroll;
  max-height: 500px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li {
  min-height: 40px;
  border-radius: var(--radius-radius-md);
  margin-bottom: var(--spacing-spacing-xs);
  padding: var(--spacing-spacing-md) var(--spacing-spacing-xl) var(--spacing-spacing-md) var(--spacing-spacing-xl);
  gap: var(--spacing-spacing-xl);
  padding-right: 0;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a {
  position: relative;
  font-weight: var(--text-md-medium-font-weight);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
  color: var(--themes-text-text-oncolor-primary);
  background-color: transparent;
  padding-right: 40px;
  white-space: normal;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background-image: url(../images/shared/checkmark-square-02.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li:last-child {
  margin-bottom: 0;
}
.menuWithBanner .navbarMenu .navbar-nav {
  display: flex;
  width: 100%;
  padding: 0;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link {
  display: inline-flex;
  height: 72px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-spacing-xs);
  padding: var(--spacing-spacing-md) var(--spacing-spacing-xl) var(--spacing-spacing-md) var(--spacing-spacing-xl);
  border-radius: var(--radius-radius-sm);
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
  transition: 0.3ms;
  position: relative;
  text-decoration: none;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link:focus {
  outline: 2px solid var(--themes-text-text-default);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  position: absolute;
  right: 8px;
  bottom: 0;
  transition: 0.3ms;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link:active {
  background-color: var(--themes-button-button-background-neutral-pressed);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link:active::before {
  content: "";
  width: calc(100% - 16px);
  background-color: var(--themes-text-text-display);
  border-radius: var(--radius-radius-full);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.active {
  background-color: var(--themes-button-button-background-neutral-hovered);
  position: relative;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.active::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  background-color: var(--themes-background-background-neutral-400);
  border-radius: var(--radius-radius-full);
  position: absolute;
  right: 8px;
  bottom: 0;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.active:active {
  background-color: var(--themes-button-button-background-neutral-pressed);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.active:active::before {
  content: "";
  width: calc(100% - 16px);
  background-color: var(--themes-text-text-display);
  border-radius: var(--radius-radius-full);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected {
  background-color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  color: var(--themes-text-text-oncolor-primary);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected::after {
  filter: brightness(0) invert(1);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected:hover {
  background-color: var(--themes-button-button-background-primary-hovered);
  color: var(--themes-text-text-oncolor-primary);
  text-decoration: none;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected:active {
  background-color: var(--themes-button-button-background-primary-pressed);
  color: var(--themes-text-text-oncolor-primary);
  text-decoration: none;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected:active::before {
  background-color: var(--themes-background-background-primary-400);
}
.menuWithBanner .navbarMenu .navbar-nav .nav-link.selected::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  background-color: var(--themes-background-background-primary-400);
  border-radius: var(--radius-radius-full);
  position: absolute;
  right: 8px;
  bottom: 0;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-toggle::after {
  display: inline-block;
  vertical-align: 0px;
  content: "";
  border: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/general/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.menuWithBanner .noArrowDropdown .dropdown-toggle::after {
  display: none !important;
}

.navActions a {
  text-decoration: none !important;
  color: var(--themes-text-text-default-duplicate);
}
.navActions a:hover, .navActions a:visited {
  color: var(--themes-text-text-default-duplicate);
}
.navActions li {
  border-radius: var(--radius-radius-sm);
  position: relative;
}
.navActions li:hover {
  background-color: var(--themes-button-button-background-neutral-hovered);
  position: relative;
}
.navActions li:hover::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  background-color: var(--themes-background-background-neutral-400);
  border-radius: var(--radius-radius-full);
  position: absolute;
  right: 8px;
  bottom: 0;
}
.navActions li:hover > .innderSocial {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.navActions li .innderSocial {
  position: absolute;
  top: 60px;
  display: none;
  min-height: 52px;
  padding: 8px 10px 8px 10px;
  list-style: none;
  background: #fff;
  border-radius: 8px;
  right: -20px;
  min-width: 100px;
  box-shadow: 0 -5px 40px rgba(0, 0, 0, 0.1);
}
.navActions li .innderSocial::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  top: -5px;
  right: 50%;
  transform: translateX(8px);
}
.navActions li .innderSocial::before {
  background: transparent;
  position: absolute;
  content: "";
  height: 11px;
  width: 95%;
  bottom: -10px;
}
.navActions li .innderSocial li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  min-width: 40px !important;
  padding: var(--spacing-spacing-md);
}
.navActions li .innderSocial li:hover::before {
  display: none;
}
.navActions li .increaseFont li a {
  background: #ddeee5;
  font-size: 1rem;
  font-weight: bold;
  color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.navActions li .increaseFont li a:hover {
  background-color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  color: #fff;
}
.navActions li .increaseFont li a.click {
  background-color: rgba(255, 255, 255, 0.1882352941);
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
}
.navActions li.searchCustom {
  color: var(--themes-text-text-oncolor-primary);
  position: relative;
  border-radius: var(--radius-radius-sm);
}
.navActions li.searchCustom::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  background-color: var(--themes-background-background-primary-400);
  border-radius: var(--radius-radius-full);
  position: absolute;
  right: 8px;
  bottom: 0;
  display: none;
}
.navDGA .mobile-header-logo {
  background-color: var(--themes-link-primary-visited);
  padding: 16px 32px;
  width: 100%;
}
.navDGA .mobile-header-logo > img {
  width: 100px;
  filter: invert(1) brightness(4);
}
.navDGA .mobile-header-logo .close-btn-header {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-radius-sm);
}
.navDGA .mobile-header-logo .close-btn-header:hover {
  background: var(--themes-border-border-white-40);
}
.navDGA .mobile-header-logo .close-btn-header img {
  width: 16px;
  height: 16px;
  filter: invert(1) brightness(4);
  -webkit-filter: invert(1) brightness(4);
}
.navDGA .row.row-new {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navDGA .row.row-new > * {
  width: max-content;
  margin-bottom: 0;
}
.navDGA .row.row-new .col-3-new {
  margin-right: auto;
}
.navDGA .logoMain {
  position: relative;
  text-align: center;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1px;
}
.navDGA .logoMain a {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--themes-background-background-white-duplicate);
}
.navDGA .logoMain a span {
  width: fit-content;
  font-weight: var(--text-sm-medium-font-weight);
  color: var(--themes-text-text-primary);
  font-size: var(--text-sm-medium-font-size);
  letter-spacing: var(--text-sm-medium-letter-spacing);
  line-height: var(--text-sm-medium-line-height);
}
.navDGA .logoMain a img {
  max-width: 100%;
  max-height: 65px;
}
.navDGA .navActions {
  display: flex;
  justify-content: left;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.navDGA .navActions .btnSr,
.navDGA .navActions a {
  background: transparent;
  border: unset;
  display: inline-flex;
  min-width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-spacing-xs);
  padding: var(--spacing-spacing-md) var(--spacing-spacing-xl) var(--spacing-spacing-md) var(--spacing-spacing-xl);
  border-radius: var(--radius-radius-sm);
}
.navDGA .navActions .btnSr::before,
.navDGA .navActions a::before {
  content: "";
  width: calc(100% - 16px);
  height: 6px;
  border-radius: var(--radius-radius-full);
  position: absolute;
  right: var(--spacing-spacing-md);
  bottom: 0;
  transition: 0.3ms;
}
.navDGA .navActions .btnSr span,
.navDGA .navActions a span {
  font-family: var(--text-md-medium-font-family);
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
  font-style: var(--text-md-medium-font-style);
}
.navDGA .navActions .btnSr.selected,
.navDGA .navActions a.selected {
  background-color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  color: var(--themes-text-text-oncolor-primary);
}
.navDGA .navActions .btnSr.selected img,
.navDGA .navActions a.selected img {
  filter: invert(1) brightness(4);
  -webkit-filter: invert(1) brightness(4);
}
.navDGA .navActions .btnSr.selected::before,
.navDGA .navActions a.selected::before {
  content: "";
  background-color: var(--themes-background-background-primary-400);
}
.navDGA .navActions .btnSr.selected:hover,
.navDGA .navActions a.selected:hover {
  background-color: #166a45;
}
.navDGA .navActions .btnSr.selected:active,
.navDGA .navActions a.selected:active {
  background-color: #104631;
}
.navDGA .navActions .btnSr.selected:active::before,
.navDGA .navActions a.selected:active::before {
  background-color: var(--themes-background-background-primary-400);
}
.navDGA .navActions li a {
  display: inline-flex;
  min-width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-spacing-xs);
  padding: var(--spacing-spacing-md) var(--spacing-spacing-xl) var(--spacing-spacing-md) var(--spacing-spacing-xl);
  border-radius: var(--radius-radius-sm);
}
.navDGA .navActions li a span {
  font-family: var(--text-md-medium-font-family);
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
  font-style: var(--text-md-medium-font-style);
}

.search-section {
  display: none;
  background: #fff;
  padding-block: var(--spacing-spacing-4xl, 32px);
  border-radius: 0px 0px var(--Radius-radius-lg, 16px) var(--Radius-radius-lg, 16px);
  background: var(--Background-background-menu, #fff);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  z-index: 3;
  position: relative;
  margin-top: 0;
}
.search-section button.btn-close {
  min-width: max-content;
  width: 32px;
  height: 32px;
  padding: 6px;
  opacity: 1;
  border-radius: 4px;
}
.search-section button.btn-close:hover {
  background-color: #f3f4f6;
}
.search-section button.btn-close:active {
  background-color: #e5e7eb;
  box-shadow: none;
}
.search-section button.btn-close:focus {
  box-shadow: none;
}
.search-section .search-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--Global-spacing-5xl, 40px);
}
.search-section .search-container .search-sec {
  display: flex;
  gap: 16px;
  width: 100%;
}
.search-section .search-container .search-sec .search-input {
  width: 100%;
}
.search-section .search-container .search-sec .search-input input {
  max-width: 100%;
}
.search-section .search-container .suggestion-title {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 1rem;
}
.search-section .tags {
  display: flex;
  gap: 8px;
}
.search-section .tags .tag {
  display: flex;
  height: 32px;
  padding: var(--Global-spacing-none, 0px) var(--Global-spacing-lg, 12px);
  justify-content: center;
  align-items: center;
  gap: var(--Global-spacing-xs, 4px);
  border-radius: 4px;
  background: var(--Chip-chip-background-neutral-default, #f3f4f6);
  color: var(--Text-text-default, #161616);
}

.search-results .search-input span {
  position: absolute;
  inset-inline-end: 16px;
  display: none;
}
.search-results .search-input::before {
  content: "";
  background: center/contain no-repeat url(../images/icons/general/search.svg);
  width: 20px;
  height: 20px;
  margin-inline-end: 8px;
}
.search-results .search-result-txt {
  margin-block: 65px 0px;
}
.search-results .search-result-txt .btn-outline-secondary img {
  margin-inline-start: var(--primitives-spacing-1-4px);
}
.search-results .search-result-txt .text-muted {
  color: var(--themes-text-text-secondary-paragraph) !important;
  margin-top: var(--primitives-spacing-2-8px);
}
.search-results .search-result-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-block: 32px;
}
.search-results .search-result-list .form-horizontal {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.search-results .search-result-list .form-horizontal .form-group:first-child {
  flex: 1 1 auto;
}
.search-results .search-result-list .search-result-box {
  display: flex;
  align-items: flex-start;
  padding: var(--Global-spacing-xl, 16px);
  flex-direction: column;
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  margin-bottom: 16px;
}
.search-results .search-result-list .search-result-box .font18 {
  font-weight: var(--text-lg-bold-font-weight);
}
.search-results .search-result-list .search-result-box .p16, .search-results .search-result-list .search-result-box .accordion-button, .search-results .search-result-list .search-result-box .accordion-body *, .accordion-body .search-results .search-result-list .search-result-box * {
  margin-block: var(--spacing-global-spacing-md) var(--primitives-spacing-6-24px-duplicate);
}
.search-results .search-result-list .search-result-box .text-muted {
  color: var(--themes-text-text-secondary-paragraph) !important;
}

.breadcrumb {
  min-height: auto;
  padding-bottom: 0;
  background-color: transparent;
  margin: 0;
}
.breadcrumb ul.items {
  margin: 0;
}
.breadcrumb ul.items li a:not(.breadCrumbRoot):not(.active) {
  color: var(--themes-text-text-default);
}
.breadcrumb ul.items li span {
  color: var(--themes-global-text-default-disabled);
  text-decoration: none;
}

.dga-nav {
  background: #1b8354;
}
.dga-nav .dga-nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dga-nav .dga-breadcrumb {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--text-sm-regular-font-size);
  color: var(--Text-text-oncolor-secondary, rgba(255, 255, 255, 0.8));
}
.dga-nav .dga-breadcrumb a {
  display: flex;
  color: #fff;
  align-items: center;
}
.dga-nav .dga-breadcrumb a.CMSBreadCrumbsCurrentItem {
  color: var(--Text-text-oncolor-secondary, rgba(255, 255, 255, 0.8));
}
.dga-nav .dga-breadcrumb a::before {
  display: none;
}
.dga-nav .dga-breadcrumb a::after {
  content: url(../images/icons/general/arrow-left.svg);
  margin: 0px 4px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  display: inline-block;
}
html[dir=ltr] .dga-nav .dga-breadcrumb a::after, html[lang=en] .dga-nav .dga-breadcrumb a::after, body.LTR .dga-nav .dga-breadcrumb a::after {
  display: inline-block;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.dga-nav .dga-breadcrumb span {
  display: flex;
  align-items: center;
}
.dga-nav .action-btns {
  display: flex;
  gap: 8px;
}
.dga-nav .action-btns .action-btn {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: var(--radius-radius-sm);
  background: var(--primitives-colors-base-white-duplicate);
  -webkit-border-radius: var(--radius-radius-sm);
  -moz-border-radius: var(--radius-radius-sm);
  -ms-border-radius: var(--radius-radius-sm);
  -o-border-radius: var(--radius-radius-sm);
}

.popover-body {
  padding: var(--spacing-link-link-md-gap) var(--spacing-global-spacing-xl);
  color: var(--themes-text-text-default);
  font-size: var(--text-sm-regular-font-size);
  font-family: var(--text-sm-regular-font-family);
}

.innerBanner {
  background: var(--background-neutral-100);
  height: auto;
  padding-block: var(--spacing-spacing-5xl);
}
.innerBanner .social-container {
  border-radius: var(--spacing-spacing-xl);
  background: var(--themes-background-background-primary-50);
  padding: var(--spacing-spacing-3xl, 24px) var(--spacing-spacing-4xl, 32px);
  -webkit-border-radius: var(--spacing-spacing-xl);
  -moz-border-radius: var(--spacing-spacing-xl);
  -ms-border-radius: var(--spacing-spacing-xl);
  -o-border-radius: var(--spacing-spacing-xl);
}
.innerBanner .social-title {
  color: #000;
  font-size: var(--text-md-medium-font-size);
  font-style: var(--text-md-medium-font-style);
  font-weight: var(--text-md-medium-font-weight);
  line-height: var(--text-md-medium-line-height);
  /* 150% */
}
.innerBanner .social {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: var(--spacing-spacing-lg);
  gap: 8px;
}
.innerBanner .social li a {
  display: flex;
  width: 40px;
  height: 40px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  position: relative;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
  border: 0;
  background-color: var(--themes-background-background-primary);
}
.innerBanner .social li a:hover {
  background-color: var(--themes-button-button-background-primary-hovered) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.innerBanner .social li a:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
  color: var(--primitives-colors-base-white) !important;
}
.innerBanner .social li a:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.innerBanner .social li a img {
  width: 24px;
  height: 24px;
  margin-left: -8px;
  margin-right: -8px;
  max-width: unset;
}
.innerBanner .social li:last-child {
  margin-left: 0;
}
.innerBanner .titleBnr {
  color: var(--themes-text-text-default);
  margin-bottom: var(--spacing-spacing-xl-duplicate);
  display: block;
  height: auto;
  font-weight: 600;
}
.innerBanner.breadcrumb-service .tags-sec {
  gap: var(--spacing-global-spacing-md);
  margin-bottom: var(--spacing-global-spacing-xl);
}
.innerBanner.breadcrumb-service .tags-sec .tag {
  border-radius: var(--radius-radius-sm);
  -webkit-border-radius: var(--radius-radius-sm);
  -moz-border-radius: var(--radius-radius-sm);
  -ms-border-radius: var(--radius-radius-sm);
  -o-border-radius: var(--radius-radius-sm);
}
.innerBanner.breadcrumb-service .left-servDet {
  width: calc(100% - 24px);
  max-width: 416px;
  position: absolute;
  margin-top: 0;
  inset-inline-start: 12px;
  border-radius: var(--radius-radius-lg);
  -webkit-border-radius: var(--radius-radius-lg);
  -moz-border-radius: var(--radius-radius-lg);
  -ms-border-radius: var(--radius-radius-lg);
  -o-border-radius: var(--radius-radius-lg);
  padding: var(--primitives-spacing-10-40px);
}
.innerBanner.breadcrumb-service .left-servDet.search .detail-card .title-box h5 {
  font-weight: var(--text-md-bold-font-weight);
}
.innerBanner.breadcrumb-service .left-servDet.search .social-icons {
  display: flex;
  gap: var(--primitives-spacing-2-8px);
  margin-bottom: var(--primitives-spacing-6-24px);
}
.innerBanner.breadcrumb-service .left-servDet .title-box {
  color: var(--tooltip-background-dark);
  padding: 0 0 var(--primitives-spacing-2-8px) 0;
}
.innerBanner.breadcrumb-service .left-servDet .detail-card .title-box img {
  width: 24px;
  height: 24px;
}
.innerBanner.breadcrumb-service .left-servDet .detail-card .content-box p,
.innerBanner.breadcrumb-service .left-servDet .detail-card .content-box a {
  padding: 0 var(--primitives-spacing-8-32px) var(--primitives-spacing-2-8px) 0;
}
.innerBanner.breadcrumb-service .left-servDet .detail-card::after {
  display: none;
}
.innerBanner.breadcrumb-service .left-servDet .detail-card.details-contact {
  padding-top: var(--primitives-spacing-4-16px);
}
.innerBanner.breadcrumb-service .left-servDet .detail-card.details-contact::before {
  content: "";
  position: absolute;
  width: calc(100% - 64px);
  height: 1px;
  top: 0;
  inset-inline-start: 32px;
  border-bottom: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
}
.innerBanner.breadcrumb-service .left-servDet .details-link {
  margin-inline-start: var(--primitives-spacing-8-32px);
}
.innerBanner.breadcrumb-service .left-servDet .details-link span {
  line-height: var(--text-md-regular-line-height);
}
@media (max-width: 991.98px) {
  .innerBanner.breadcrumb-service .left-servDet {
    position: relative;
    margin-top: 1rem;
    inset-inline-start: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .innerBanner.breadcrumb-service .left-servDet {
    padding: var(--primitives-spacing-4-16px);
  }
}

.bannerMenu {
  position: relative;
}
.bannerMenu .contentBanner {
  height: 491px;
  position: relative;
  display: flex;
  align-items: center;
  max-height: 1200px;
  overflow: hidden;
}
.bannerMenu .contentBanner .bg-video-wrap {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.bannerMenu .contentBanner .bg-video-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu .contentBanner .bg-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu .contentBanner .BNRtxt {
  width: 70%;
  position: relative;
  z-index: 2;
}
.bannerMenu .contentBanner .BNRtxt h1 {
  font-weight: var(--display-xl-semibold-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--display-xl-semibold-font-size);
  line-height: var(--display-xl-semibold-line-height);
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .bannerMenu .contentBanner .BNRtxt h1 {
    font-size: var(--display-md-medium-font-size);
    line-height: var(--display-md-medium-line-height);
  }
}
.bannerMenu .contentBanner .BNRtxt p {
  font-family: var(--text-xl-regular-font-family);
  font-weight: var(--text-xl-regular-font-weight);
  color: var(--themes-text-text-oncolor-primary-duplicate);
  font-size: var(--text-xl-regular-font-size);
  letter-spacing: var(--text-xl-regular-letter-spacing);
  line-height: var(--text-xl-regular-line-height);
  font-style: var(--text-xl-regular-font-style);
  margin-bottom: var(--primitives-spacing-8-32px);
}
.bannerMenu .contentBanner .abosImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}

.customPagi .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
  transition: 0.25s;
}
.customPagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  opacity: 1;
  border-radius: 10px;
}
.customPagi.bannerPagi .swiper-pagination {
  bottom: 52px;
}
.customPagi.bannerPagi .swiper-pagination-bullet {
  background: #e5e7eb;
  transition: 0.25s;
  opacity: 1;
  width: 12px;
  height: 12px;
}
.customPagi.bannerPagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: var(--themes-stepper-stepper-button-completed);
}

.e-services,
.news {
  padding-block: 40px;
}
.e-services .swiper,
.news .swiper {
  padding: 32px 5px;
  padding-bottom: 90px;
}
.e-services .customArrow .swiper-button-prev,
.e-services .customArrow .swiper-button-next,
.news .customArrow .swiper-button-prev,
.news .customArrow .swiper-button-next {
  top: auto;
  bottom: 0;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 50px;
  z-index: 11;
  background-color: #1b8354;
}
.e-services .customArrow .swiper-button-prev.swiper-button-disabled,
.e-services .customArrow .swiper-button-next.swiper-button-disabled,
.news .customArrow .swiper-button-prev.swiper-button-disabled,
.news .customArrow .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-color: transparent;
}
.e-services .customArrow .swiper-button-prev.swiper-button-disabled::after,
.e-services .customArrow .swiper-button-next.swiper-button-disabled::after,
.news .customArrow .swiper-button-prev.swiper-button-disabled::after,
.news .customArrow .swiper-button-next.swiper-button-disabled::after {
  color: #000;
}
.e-services .customArrow .swiper-button-prev::after,
.e-services .customArrow .swiper-button-next::after,
.news .customArrow .swiper-button-prev::after,
.news .customArrow .swiper-button-next::after {
  font-size: 16px;
  color: #fff;
}
.e-services .customArrow .swiper-button-next,
.news .customArrow .swiper-button-next {
  left: auto;
  right: 60px;
}
.e-services .customArrow .swiper-button-prev,
.news .customArrow .swiper-button-prev {
  right: 0px;
  left: auto;
}
.e-services .customPagi .swiper-pagination,
.news .customPagi .swiper-pagination {
  text-align: end;
}
.e-services .customPagi .swiper-pagination .swiper-pagination-bullet,
.news .customPagi .swiper-pagination .swiper-pagination-bullet {
  background: #e5e7eb;
  opacity: 1;
  transition: 0.25s;
  width: 16px;
  height: 16px;
  border-radius: 999;
  -webkit-border-radius: 999;
  -moz-border-radius: 999;
  -ms-border-radius: 999;
  -o-border-radius: 999;
}
.e-services .customPagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.news .customPagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #1b8354;
}

/*
 tabs
*/
.DGA-tabs1, .custom_filter, .custom_sort {
  --bs-nav-pills-link-active-bg: transparent;
  width: max-content;
  margin: 0 auto;
  padding: 4px !important;
  margin-bottom: 40px;
  position: relative;
  flex-wrap: nowrap;
  overflow: auto hidden;
  padding-bottom: 6px !important;
  list-style: none !important;
}
.DGA-tabs1::before, .custom_filter::before, .custom_sort::before {
  content: "";
  position: absolute;
  background: var(--themes-border-border-neutral-primary);
  width: 100%;
  height: 3px;
  right: 0%;
  bottom: 3px;
  z-index: 2;
}
.DGA-tabs1 .nav-item, .custom_filter .nav-item, .custom_sort .nav-item {
  position: relative;
}
.DGA-tabs1 .nav-item .nav-link, .custom_filter .nav-item .nav-link, .custom_sort .nav-item .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-tab-tab-button-gap);
  padding: var(--spacing-tab-horizontal-tab-md-button-h-padding);
  border-radius: var(--radius-radius-radius-sm) var(--radius-radius-radius-sm) 0 0;
  transition: 0.5s;
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  color: var(--themes-text-text-primary-paragraph);
  font-size: var(--text-lg-regular-font-size);
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  white-space: nowrap;
  direction: rtl;
  font-style: var(--text-lg-regular-font-style);
  position: relative;
  z-index: 2;
}
.DGA-tabs1 .nav-item .nav-link::before, .custom_filter .nav-item .nav-link::before, .custom_sort .nav-item .nav-link::before {
  content: "";
  position: absolute;
  border-bottom: 3px solid;
  border-bottom-color: transparent;
  width: calc(100% - 32px);
  height: 3px;
  right: 16px;
  bottom: -3px;
  z-index: 5;
  transition: 0.3s;
}
.DGA-tabs1 .nav-item .nav-link:hover, .custom_filter .nav-item .nav-link:hover, .custom_sort .nav-item .nav-link:hover {
  background-color: var(--themes-button-button-background-neutral-hovered);
  text-decoration: none;
}
.DGA-tabs1 .nav-item .nav-link:hover::before, .custom_filter .nav-item .nav-link:hover::before, .custom_sort .nav-item .nav-link:hover::before {
  border-bottom-color: var(--themes-border-border-black);
}
.DGA-tabs1 .nav-item .nav-link:active, .custom_filter .nav-item .nav-link:active, .custom_sort .nav-item .nav-link:active {
  background-color: var(--themes-button-button-background-neutral-pressed);
  text-decoration: none;
}
.DGA-tabs1 .nav-item .nav-link:active::before, .custom_filter .nav-item .nav-link:active::before, .custom_sort .nav-item .nav-link:active::before {
  background-color: var(--themes-text-text-display);
  border-radius: var(--radius-radius-full);
}
.DGA-tabs1 .nav-item .nav-link.active, .custom_filter .nav-item .nav-link.active, .custom_sort .nav-item .nav-link.active {
  font-family: var(--text-lg-medium-font-family);
  font-weight: var(--text-lg-medium-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--text-lg-medium-font-size);
  letter-spacing: var(--text-lg-medium-letter-spacing);
  line-height: var(--text-lg-medium-line-height);
  white-space: nowrap;
  direction: rtl;
  font-style: var(--text-lg-medium-font-style);
}
.DGA-tabs1 .nav-item .nav-link.active::before, .custom_filter .nav-item .nav-link.active::before, .custom_sort .nav-item .nav-link.active::before {
  border-bottom-color: var(--themes-border-border-primary);
}
.DGA-tabs1 .nav-item .nav-link.active:hover, .custom_filter .nav-item .nav-link.active:hover, .custom_sort .nav-item .nav-link.active:hover {
  background-color: transparent;
}
.DGA-tabs1 .nav-item .nav-link.active img, .custom_filter .nav-item .nav-link.active img, .custom_sort .nav-item .nav-link.active img {
  filter: brightness(0) saturate(100%) invert(1%) sepia(9%) saturate(226%) hue-rotate(314deg) brightness(96%) contrast(85%);
}
.DGA-tabs1.fs-small .nav-item .nav-link, .fs-small.custom_filter .nav-item .nav-link, .fs-small.custom_sort .nav-item .nav-link {
  font-weight: var(--text-sm-medium-font-weight);
  font-size: var(--text-sm-medium-font-size);
  letter-spacing: var(--text-sm-medium-letter-spacing);
  line-height: var(--text-sm-medium-line-height);
}
.DGA-tabs1.fs-small .nav-item .nav-link.active, .fs-small.custom_filter .nav-item .nav-link.active, .fs-small.custom_sort .nav-item .nav-link.active {
  font-weight: var(--text-sm-bold-font-weight);
}
.DGA-tabs1.border-less::before, .border-less.custom_filter::before, .border-less.custom_sort::before {
  display: none;
}

.DGA-tabs1.DGA-switcher::before, .DGA-switcher.custom_filter::before, .DGA-switcher.custom_sort::before {
  display: none;
}
.DGA-tabs1.DGA-switcher .nav-item .nav-link, .DGA-switcher.custom_filter .nav-item .nav-link, .DGA-switcher.custom_sort .nav-item .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  height: 48px;
  min-width: 165px;
  padding: 0px var(--spacing-button-buttons-lg-padding);
  border-radius: var(--radius-radius-none);
  border-right: 0.5px solid var(--Border-border-background-white);
  border-left: 0.5px solid var(--Border-border-background-white);
  background: var(--Button-background-neutral-secondary);
  font-size: var(--text-xl-regular-font-size);
  font-family: var(--text-xl-regular-font-family);
  font-weight: var(--text-xl-regular-font-weight);
  line-height: var(--text-xl-regular-line-height);
}
.DGA-tabs1.DGA-switcher .nav-item .nav-link::before, .DGA-switcher.custom_filter .nav-item .nav-link::before, .DGA-switcher.custom_sort .nav-item .nav-link::before {
  display: none;
}
.DGA-tabs1.DGA-switcher .nav-item .nav-link.active, .DGA-switcher.custom_filter .nav-item .nav-link.active, .DGA-switcher.custom_sort .nav-item .nav-link.active {
  background-color: var(--Button-button-background-black-default);
  color: var(--themes-text-text-oncolor-primary);
}
@media (max-width: 550px) {
  .DGA-tabs1.DGA-switcher .nav-item .nav-link, .DGA-switcher.custom_filter .nav-item .nav-link, .DGA-switcher.custom_sort .nav-item .nav-link {
    min-width: 100px;
    font-size: var(--text-md-regular-font-size);
    line-height: var(--text-md-regular-line-height);
  }
}
.DGA-tabs1.DGA-switcher .nav-item:first-child .nav-link, .DGA-switcher.custom_filter .nav-item:first-child .nav-link, .DGA-switcher.custom_sort .nav-item:first-child .nav-link {
  border-radius: var(--radius-radius-none) var(--radius-radius-md) var(--radius-radius-md) var(--radius-radius-none);
}
.DGA-tabs1.DGA-switcher .nav-item:last-child .nav-link, .DGA-switcher.custom_filter .nav-item:last-child .nav-link, .DGA-switcher.custom_sort .nav-item:last-child .nav-link {
  border-radius: var(--radius-radius-md) var(--radius-radius-none) var(--radius-radius-none) var(--radius-radius-md);
}
.DGA-tabs1.DGA-switcher.switcher-green .nav-item .nav-link, .DGA-switcher.switcher-green.custom_filter .nav-item .nav-link, .DGA-switcher.switcher-green.custom_sort .nav-item .nav-link {
  font-size: var(--text-md-regular-font-size);
  font-weight: var(--text-md-regular-font-weight);
  line-height: var(--text-md-regular-line-height);
}
.DGA-tabs1.DGA-switcher.switcher-green .nav-item .nav-link.active, .DGA-switcher.switcher-green.custom_filter .nav-item .nav-link.active, .DGA-switcher.switcher-green.custom_sort .nav-item .nav-link.active {
  background: var(--themes-button-button-background-primary-default);
}

.sitemap {
  padding-block: 3rem;
}
.sitemap ul {
  list-style: none;
}
.sitemap ul:first-child > li {
  position: relative;
}
.sitemap ul:first-child > li::before {
  content: "";
  background-image: url("../images/shared/dot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 7px;
  height: 10px;
  inset-inline-start: -12px;
  top: 10px;
}
.sitemap ul > li {
  width: max-content;
  margin-bottom: var(--primitives-spacing-4-16px);
  color: var(--themes-text-text-primary);
  position: relative;
}
.sitemap ul > li ul {
  padding-inline-start: 16px;
  list-style: circle;
  margin-block: var(--primitives-spacing-4-16px);
}
.sitemap ul > li ul li ul {
  padding-inline-start: 32px;
}
.sitemap ul > li ul li ul li ul {
  padding-inline-start: 48px;
}

ul.CMSSiteMapList {
  list-style: none !important;
}
ul.CMSSiteMapList:first-child > li {
  position: relative;
}
ul.CMSSiteMapList:first-child > li::before {
  content: "";
  background-image: url("../images/shared/dot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 7px;
  height: 10px;
  inset-inline-start: -12px;
  top: 10px;
}
ul.CMSSiteMapList > li {
  width: max-content;
  margin-bottom: var(--primitives-spacing-4-16px);
  color: var(--themes-text-text-primary);
  position: relative;
}
ul.CMSSiteMapList > li ul {
  padding-inline-start: 16px;
  list-style: circle !important;
  margin-block: var(--primitives-spacing-4-16px);
}
ul.CMSSiteMapList > li ul li ul {
  padding-inline-start: 32px;
}
ul.CMSSiteMapList > li ul li ul li ul {
  padding-inline-start: 48px;
}

.usefull-section {
  padding-block: 24px;
}
.usefull-section.bordered {
  border-top: 2px solid var(--themes-border-border-primary);
}

.no,
.yes {
  height: 40px;
  min-width: 44px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  background-color: var(--themes-button-button-background-primary-default);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  border: 1px solid transparent;
  transition: 0.3s;
  text-decoration: none !important;
}
.no:hover,
.yes:hover {
  background-color: var(--themes-button-button-background-primary-hovered);
  color: #ffffff;
}
.no:active,
.yes:active {
  background-color: var(--themes-button-button-background-primary-pressed);
  color: #ffffff;
}
.no:focus,
.yes:focus {
  border: 1px solid var(--themes-border-border-black);
  color: #ffffff;
}
.no:visited,
.yes:visited {
  color: #ffffff;
}

.rateContet {
  margin-top: 24px;
  background-color: var(--themes-background-background-white);
}
.rateContet .row > * {
  margin-bottom: 0;
}
.rateContet .UpdateH3 {
  color: var(--themes-text-text-default);
}
.rateContet .borderd {
  border-top: 2px solid var(--themes-border-border-primary);
}
.rateContet .borderd > div {
  padding-right: 0;
  padding-left: 0;
}
.rateContet > div > div:not(:last-of-type) {
  border-block-end: 2px solid var(--themes-border-border-primary);
}
.rateContet .usefull-section {
  border-block-end: 0 !important;
}
.rateContet .lastUpdate {
  padding-bottom: 16px;
}
.rateContet .rateBtns {
  background-color: var(--themes-background-background-notification-white);
  border-radius: var(--radius-radius-md);
  display: flex;
  flex-direction: row;
  gap: var(--primitives-spacing-6-24px);
}
.rateContet .actions .yes {
  margin-left: 16px;
}
.rateContet .saidYes {
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  font-size: var(--text-sm-regular-font-size);
  line-height: var(--text-sm-regular-line-height);
  color: var(--themes-text-text-default);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: start;
}
.rateContet .saidYes span {
  margin: 0 5px;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.rateContet .bgRate {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-notification-notification-gap);
  padding: 24px 0;
}
.rateContet .bgRate.feedback-msg {
  border: 0;
}
.rateContet .bgRate [type=radio]:checked,
.rateContet .bgRate [type=radio]:not(:checked) {
  position: absolute;
  visibility: hidden;
  right: 0;
  display: none;
}
.rateContet .bgRate .rateRight {
  flex-wrap: wrap;
}
@media (max-width: 550px) {
  .rateContet .bgRate .rateRight {
    gap: 8px;
  }
}
.rateContet .bgRate .rateRight label:before {
  display: none;
}
.rateContet .bgRate .rateRight .pRate {
  margin-left: 24px;
  color: var(--Text-text-default, #161616);
  font-size: var(--Size-Text-typo-size-text-md, 16px);
  font-weight: 400;
}
.rateContet .bgRate .dateRate {
  color: #6c737f;
  font-size: 14px;
}
.rateContet .pWarp {
  justify-content: right;
  margin-bottom: 0;
}
.rateContet .pWarp .p16, .rateContet .pWarp .accordion-button, .rateContet .pWarp .accordion-body *, .accordion-body .rateContet .pWarp * {
  color: var(--Text-text-default, #161616);
}
.rateContet .actions .yes {
  margin-left: 8px;
}

.rate-component {
  direction: rtl;
  padding-block: 24px 32px;
}
.rate-component .rate-summary {
  text-align: start;
}
.rate-component .rate-summary .open-form {
  margin-bottom: var(--spacing-global-spacing-xl);
}
.rate-component .rate label::before {
  display: none;
}
.rate-component .rate-form {
  position: relative;
}
.rate-component .rate-form .btn-close {
  position: absolute;
  left: 10px;
  top: 10px;
}
.rate-component .rate-form h5 {
  font-weight: var(--text-sm-semibold-font-weight);
  color: var(--Text-text-default);
  margin-bottom: var(--spacing-global-spacing-xl);
}
.rate-component .rate-form p {
  color: var(--Text-text-default);
  font-size: var(--text-sm-regular-font-size);
  line-height: var(--text-sm-regular-line-height);
}
.rate-component .rate-form small {
  margin-bottom: var(--spacing-global-spacing-xl);
  color: var(--Text-text-default);
  display: block;
}
.rate-component .stars {
  font-size: 24px;
  cursor: pointer;
}
.rate-component .stars span {
  margin-left: 4px;
}

@media (max-width: 768px) {
  .usefull-section .switch-content {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .usefull-section .switch-content .saidYes {
    justify-content: start;
  }
}

.sent-text {
  color: var(--Text-text-default, #161616);
  font-size: var(--Size-Text-typo-size-text-md, 16px);
  font-weight: 400;
  line-height: var(--Line-Height-Text-line-heights-text-md, 24px);
}

.rate:not(:checked) > input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.rate:not(:checked) > label {
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  position: relative;
  padding-right: 30px;
}
.rate:not(:checked) > label {
  background: transparent url(../images/shared/start.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rate > input:checked ~ label {
  background: transparent url(../images/shared/startActive.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rate [type=radio]:checked + label:after {
  opacity: 0;
  -webkit-transform: unset;
  transform: unset;
}
.rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {
  background: transparent url(../images/shared/startActive.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.rate-view label {
  background: transparent url(../images/shared/start.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rate-view label.active {
  background: transparent url(../images/shared/startActive.svg) no-repeat;
}
.rate-view label.halfActive {
  background: transparent url(../images/shared/partialStar_right.svg) no-repeat !important;
}
.rate-view label[dir=rtl].halfActive, .rate-view label:lang(ar).halfActive {
  background: transparent url(../images/shared/halfStarRtl.svg) no-repeat !important;
}
.rate-view input[type=radio]:checked + label::after {
  display: none;
}

.text-label {
  font-size: 14px;
  color: var(--Text-text-default);
  margin-bottom: var(--spacing-global-spacing-md);
}

button.float-start.close-form {
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: var(--spacing-spacing-xs);
  color: var(--Text-text-default, #161616);
  font-size: var(--text-md-medium-font-size);
  font-weight: var(--text-sm-medium-font-weight);
  line-height: var(--text-md-medium-line-height);
}

.more-info {
  color: var(--Text-text-default);
  font-size: var(--text-md-medium-font-size);
  line-height: var(--text-md-medium-line-height);
}
.more-info a {
  color: var(--Text-text-primary);
  text-decoration: underline;
  padding-inline: 2px;
}
@media (max-width: 768px) {
  .more-info {
    margin-bottom: 1rem;
  }
}

.feedbackWrapper .feedbackYesNo {
  margin-top: 24px;
}
.feedbackWrapper .feedbackYesNo .inputText {
  margin-top: 8px;
}
.feedbackWrapper .actions {
  margin-top: 16px;
}
.feedbackWrapper .actions .cancel {
  margin: 0 8px;
}
.feedbackWrapper strong {
  font-weight: 600;
}

#feedbackYes,
#feedbackNo {
  display: none;
}

.footerDGA {
  background: var(--themes-background-background-SA-flag);
  padding: 0px var(--spacing-spacing-4xl) 0px var(--spacing-spacing-4xl);
  padding: var(--spacing-spacing-5xl) 0px var(--spacing-spacing-3xl) 0px;
}
.footerDGA .FooterLinks h4 {
  padding: 0px 0px var(--spacing-spacing-md) 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--themes-border-border-oncolor-transparent-30);
  color: var(--themes-text-text-oncolor-primary);
  margin-bottom: var(--spacing-spacing-md);
  font-weight: var(--text-md-medium-font-weight);
  font-size: var(--text-md-medium-font-size);
}
.footerDGA .FooterLinks ul {
  padding: 0;
  list-style: none;
}
.footerDGA .FooterLinks ul li {
  margin-bottom: var(--spacing-spacing-md);
}
.footerDGA .FooterLinks ul li a {
  font-size: var(--text-sm-regular-font-size);
  line-height: var(--text-sm-regular-line-height);
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--themes-link-link-oncolor);
  letter-spacing: var(--text-sm-regular-letter-spacing);
  font-style: var(--text-sm-regular-font-style);
  transition: 0.3s;
  display: inline-flex;
}
.footerDGA .FooterLinks ul li a img {
  width: 16px;
  height: 16px;
}
.footerDGA .FooterLinks ul li a span {
  padding-right: 5px;
  direction: ltr;
  font: inherit;
}
.footerDGA .FooterLinks ul li a:hover {
  font-size: var(--text-sm-regular-underlined-font-size);
  line-height: var(--text-sm-regular-underlined-line-height);
  text-decoration: underline;
  color: var(--primitives-colors-alpha-alpha-white-80);
}
.footerDGA .FooterLinks ul li:last-child a span {
  line-height: 1.5;
}
.footerDGA .FooterLinks .social {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: var(--spacing-spacing-4xl);
}
.footerDGA .FooterLinks .social li {
  margin-left: var(--spacing-spacing-md);
}
.footerDGA .FooterLinks .social li a {
  display: flex;
  width: 32px;
  height: 32px;
  position: relative;
  border: 1px solid;
  border-color: var(--themes-border-border-oncolor-transparent-30);
  align-items: center;
  justify-content: center;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.footerDGA .FooterLinks .social li a img {
  width: 20px;
  height: 20px;
  max-width: unset;
}
.footerDGA .FooterLinks .social li:last-child {
  margin-left: 0;
}
.footerDGA .FooterLinks .Accessibility {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--spacing-spacing-4xl);
}
.footerDGA .FooterLinks .Accessibility li {
  margin-left: var(--spacing-spacing-md);
}
.footerDGA .FooterLinks .Accessibility li a {
  display: flex;
  width: 32px;
  height: 32px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-lg-padding);
  position: relative;
  border: 1px solid;
  border-color: var(--themes-border-border-oncolor-transparent-30);
  align-items: center;
  justify-content: center;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
}
.footerDGA .FooterLinks .Accessibility li a.click {
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.1882352941);
  opacity: 0.5;
}
.footerDGA .FooterLinks .Accessibility li a img {
  width: 20px;
  height: 20px;
  margin-left: -8px;
  margin-right: -8px;
  max-width: unset;
}
.footerDGA .FooterLinks .Accessibility li a:hover {
  background-color: var(--themes-button-button-background-primary-hovered) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.footerDGA .FooterLinks .Accessibility li a:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
  color: var(--primitives-colors-base-white) !important;
}
.footerDGA .FooterLinks .Accessibility li a:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.footerDGA .FooterLinks .Accessibility li:last-child {
  margin-left: 0;
}
.footerDGA .btm-footer {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .footerDGA .btm-footer .col-lg-4 {
    text-align: left;
  }
}
.footerDGA .btm-footer .footer-last .dir-links {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--spacing-spacing-3xl);
}
.footerDGA .btm-footer .footer-last .dir-links li {
  margin-left: var(--spacing-spacing-xl);
}
.footerDGA .btm-footer .footer-last .dir-links li a {
  color: var(--themes-link-link-oncolor);
  font-size: var(--text-sm-regular-underlined-font-size);
  line-height: var(--text-sm-regular-underlined-line-height);
  text-decoration: underline;
  transition: 0.3s color ease-in-out;
  -webkit-transition: 0.3s color ease-in-out;
  -moz-transition: 0.3s color ease-in-out;
  -ms-transition: 0.3s color ease-in-out;
  -o-transition: 0.3s color ease-in-out;
}
.footerDGA .btm-footer .footer-last .dir-links li a:hover {
  color: var(--themes-alpha-alpha-white-80);
}
.footerDGA .btm-footer .footer-last .dir-links li:last-child {
  margin-left: 0;
}
.footerDGA .btm-footer .footer-last .copyRights {
  margin-bottom: var(--spacing-spacing-md-duplicate);
}
.footerDGA .btm-footer .footer-last .copyRights p {
  font-weight: 600;
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--text-sm-regular-font-size);
  line-height: var(--text-sm-regular-line-height);
  letter-spacing: var(--text-sm-regular-letter-spacing);
}
.footerDGA .btm-footer .footer-last .dir-links-2 {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--spacing-spacing-3xl);
}
.footerDGA .btm-footer .footer-last .dir-links-2 li {
  margin-left: var(--spacing-spacing-xl);
}
.footerDGA .btm-footer .footer-last .dir-links-2 li a {
  color: var(--themes-link-link-oncolor);
  font-size: var(--text-xs-regular-font-size);
  letter-spacing: var(--text-xs-regular-letter-spacing);
  line-height: var(--text-xs-regular-line-height);
}
.footerDGA .logos-box {
  max-width: 48%;
  display: inline-block;
}
.footerDGA .logos-box img {
  max-width: 100%;
}
.footerDGA .digital-logo {
  display: inline-block;
  max-width: 45%;
  filter: brightness(0) invert(1);
  margin-right: 5%;
}

body {
  background-color: #fff;
  overflow-y: auto;
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  padding-top: 106px;
  overflow-x: hidden;
  color: var(--themes-text-text-default);
}

.multi-ellipsis, .borderMemeberCards .membCard .memTxt .rolePres, .borderMemeberCards .membCard .memTxt .namePres, .card .card-header, .card p, .card.card-icon .card-header, .imageGallery .txt .tite,
.WSCard .txt .tite, .imageGallery .txt .font16, .imageGallery .txt .who-we-are p, .who-we-are .imageGallery .txt p, .imageGallery .txt .control-label, .imageGallery .txt .white-btn a, .white-btn .imageGallery .txt a, .imageGallery .txt .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter .imageGallery .txt input, .imageGallery .txt .dataTables_length label, .dataTables_length .imageGallery .txt label, .imageGallery .txt .ui-widget,
.WSCard .txt .font16,
.WSCard .txt .who-we-are p,
.who-we-are .WSCard .txt p,
.WSCard .txt .control-label,
.WSCard .txt .white-btn a,
.white-btn .WSCard .txt a,
.WSCard .txt .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter .WSCard .txt input,
.WSCard .txt .dataTables_length label,
.dataTables_length .WSCard .txt label,
.WSCard .txt .ui-widget, .bannerMenu .contentBanner .BNRtxt p, .imageGallery .txt .sitemap ul > li, .sitemap .imageGallery .txt ul > li,
.WSCard .txt .sitemap ul > li,
.sitemap .WSCard .txt ul > li, .imageGallery .txt ul.CMSSiteMapList > li,
.WSCard .txt ul.CMSSiteMapList > li {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

.dropdown-toggle::after {
  border: 0;
  background-image: url("../images/icons/general/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0;
  transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
}
.dropdown-toggle.show::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.grid-items {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.grid-items.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px 32px;
}
.grid-items.grid-4 .wapperNum {
  display: flex;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--Global-spacing-xl, 16px);
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
}
.grid-items.grid-4 .wapperNum .counter {
  color: var(--Text-text-primary-sa-flag, #14573a);
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  /* 125% */
  letter-spacing: -0.96px;
}
.grid-items.grid-8 {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 40px 12px;
}
.grid-items.grid-8 .wapperNum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--Global-spacing-xl, 16px);
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
}
.grid-items.grid-8 .wapperNum .counter {
  color: var(--Text-text-primary-sa-flag, #14573a);
}
@media (max-width: 1200px) {
  .grid-items.grid-8 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

.fexCenter, .partners .partner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-group {
  list-style: decimal;
}
.list-group li {
  color: var(--Text-text-default, #161616);
  font-size: var(--Size-Text-typo-size-text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-Height-Text-line-heights-text-md, 24px);
  margin-bottom: 16px;
}
.list-group li:last-child {
  margin-bottom: 0;
}

.career-banner {
  display: flex;
  height: 500px;
  padding: var(--Global-spacing-5xl, 40px) var(--Global-spacing-8xl, 80px);
  justify-content: center;
  align-items: center;
  gap: var(--Global-spacing-4xl, 32px);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/internal/career-banner.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.career-banner .career-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
.career-banner .career-content .career-head {
  color: var(--Text-text-oncolor-primary, #fff);
  font-family: var(--Font-Family-font-family-display, "IBM Plex Sans Arabic");
  font-size: var(--Size-Display-typo-size-display-md, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-Height-Display-line-heights-display-md, 44px);
  letter-spacing: -0.72px;
}

.EditingFormControlNestedControl .ui-datepicker-trigger {
  margin-top: 0px;
}

.boxEservContactUs {
  border-radius: var(--Radius-radius-lg, 16px);
  border: 1px solid var(--Border-border-background-neutral, #d2d6db);
  background: var(--Background-background-white, #fff);
  padding: var(--Global-spacing-5xl, 40px);
  transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
}
@media (max-width: 1200px) {
  .boxEservContactUs {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    margin-block: var(--spacing-spacing-4xl);
  }
}
.boxEservContactUs .displayInline a.p16, .boxEservContactUs .displayInline a.accordion-button, .boxEservContactUs .displayInline .accordion-body a, .accordion-body .boxEservContactUs .displayInline a {
  color: var(--primitives-colors-primary-SA-flag-600-primary) !important;
}
.boxEservContactUs .font18 {
  margin-bottom: 16px;
  font-weight: var(--text-lg-bold-font-weight);
}
.boxEservContactUs .floowUs ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
}
.boxEservContactUs .floowUs ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--Radius-radius-sm, 4px);
}
.boxEservContactUs .floowUs ul li a img {
  width: 20px;
  height: 20px;
}
.boxEservContactUs .floowUs ul li a:hover {
  background: var(--Button-button-background-neutral-hovered, #f3f4f6);
}
.boxEservContactUs .floowUs ul li a:active {
  background: var(--Button-button-background-neutral-pressed, #e5e7eb);
}
.boxEservContactUs .floowUs .font18 {
  margin-bottom: 8px;
}
.boxEservContactUs .servItem {
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
}
.boxEservContactUs .servItem .logoServ {
  flex-shrink: 0;
}
.boxEservContactUs .servItem .logoServ img {
  max-width: 50px;
}
.boxEservContactUs .servItem .textServ h5.p16, .boxEservContactUs .servItem .textServ h5.accordion-button, .boxEservContactUs .servItem .textServ .accordion-body h5, .accordion-body .boxEservContactUs .servItem .textServ h5 {
  font-weight: var(--text-lg-bold-font-weight);
  padding-bottom: 4px;
}
.boxEservContactUs .servItem .textServ p.p16, .boxEservContactUs .servItem .textServ p.accordion-button, .boxEservContactUs .servItem .textServ .accordion-body p, .accordion-body .boxEservContactUs .servItem .textServ p {
  color: var(--Text-text-display, #1f2a37);
}
.boxEservContactUs .servItem .textServ a.font16, .boxEservContactUs .servItem .textServ a.control-label, .boxEservContactUs .servItem .textServ .white-btn a, .white-btn .boxEservContactUs .servItem .textServ a, .boxEservContactUs .servItem .textServ a.ui-widget {
  text-decoration: none;
}
.boxEservContactUs .servItem .textServ a.font16:hover, .boxEservContactUs .servItem .textServ a.control-label:hover, .boxEservContactUs .servItem .textServ .white-btn a:hover, .white-btn .boxEservContactUs .servItem .textServ a:hover, .boxEservContactUs .servItem .textServ a.ui-widget:hover {
  text-decoration: underline;
}
.boxEservContactUs .servItem .textServ a:hover {
  text-decoration: underline;
}

.title-link {
  text-decoration: underline;
}
.title-link:hover {
  color: #54c08a;
}
.title-link:hover img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(62%) saturate(341%) hue-rotate(98deg) brightness(92%) contrast(87%);
  -webkit-filter: brightness(0) saturate(100%) invert(64%) sepia(62%) saturate(341%) hue-rotate(98deg) brightness(92%) contrast(87%);
}

.search-container {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.search-container .input {
  flex-basis: 75%;
}
@media (max-width: 768px) {
  .search-container {
    flex-wrap: wrap;
  }
  .search-container .input {
    flex-basis: 100%;
  }
}

.text-danger {
  color: var(--text-error) !important;
}

.row > * {
  margin-bottom: var(--spacing-spacing-xl);
}

.text-paragraph {
  color: var(--Text-text-secondary-paragraph, #6c737f);
}

.text-default {
  color: var(--Text-text-default, #161616);
}

.fancybox__footer {
  display: none;
}

.media-card {
  height: 100%;
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
}
.media-card:hover .img-box img {
  transform: scale(1.1);
}
.media-card .img-box {
  width: 100%;
  height: 250px;
  margin-bottom: 24px;
  overflow: hidden;
}
.media-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s;
}
.media-card .txt .title {
  font-weight: var(--text-lg-bold-font-weight);
  font-size: var(--text-lg-bold-font-size);
  line-height: var(--text-lg-bold-line-height);
  color: var(--themes-text-text-default);
}

.font-display {
  color: var(--themes-text-text-display);
}

.ol-list, .who-we-are ul:not(.CMSSiteMapList),
.who-we-are ol:not(.CMSSiteMapList) {
  list-style: decimal !important;
  padding-inline-start: 1rem;
}
.ol-list li, .who-we-are ul:not(.CMSSiteMapList) li,
.who-we-are ol:not(.CMSSiteMapList) li {
  color: var(--themes-text-text-display);
  font-size: var(--text-md-regular-font-size);
  font-style: var(--text-md-regular-font-style);
  font-weight: var(--text-md-regular-font-weight);
  line-height: var(--text-md-regular-line-height);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--themes-text-text-default);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-weight: var(--text-md-regular-font-weight);
  font-size: var(--text-md-regular-font-size);
  line-height: var(--text-md-regular-line-height);
  letter-spacing: var(--text-md-regular-letter-spacing);
  font-family: var(--text-md-regular-font-family);
  font-style: var(--text-md-regular-font-style);
}

strong,
b {
  font-weight: var(--text-md-bold-font-weight);
}
strong > *:not(a),
b > *:not(a) {
  font-weight: inherit;
}

.form-horizontal .form-group {
  margin-bottom: 16px;
}

.logon-remember-me-checkbox {
  display: block;
  margin-bottom: 16px;
}

.pagination-items-per-page {
  display: flex;
  min-width: 400px;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.pagination-items-per-page > label {
  width: max-content;
  text-wrap: nowrap;
}

u {
  text-decoration: none !important;
}

a {
  color: var(--themes-text-text-primary);
}
a span,
a strong,
a b {
  color: inherit !important;
  font: inherit;
}
a:hover {
  color: #54c08a;
  text-decoration: underline;
}
a:active {
  color: #88d8ad;
  box-shadow: none;
  text-decoration: underline;
}
a:focus {
  outline: 2px solid var(--Border-border-black, #161616);
}
a:visited {
  color: var(--themes-link-primary-visited);
}
a span {
  color: inherit !important;
}
a.ExternalLinkIcon {
  position: relative;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
a.ExternalLinkIcon::after {
  content: "";
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: #fff;
  background: no-repeat center/contain url(../images/shared/link-square-02.svg);
}
a.ExternalLinkIcon.icon-white::after {
  background: no-repeat center/contain url(../images/shared/link-square-white.svg);
}

.link, .customTable:not(.CaptchaTable) a,
table:not(.CaptchaTable) a {
  color: var(--themes-text-text-primary) !important;
}
.link span, .customTable:not(.CaptchaTable) a span,
table:not(.CaptchaTable) a span,
.link strong,
.customTable:not(.CaptchaTable) a strong,
table:not(.CaptchaTable) a strong,
.link b,
.customTable:not(.CaptchaTable) a b,
table:not(.CaptchaTable) a b {
  color: inherit !important;
}
.link:hover, .customTable:not(.CaptchaTable) a:hover,
table:not(.CaptchaTable) a:hover {
  color: #54c08a !important;
  text-decoration: underline !important;
}
.link:active, .customTable:not(.CaptchaTable) a:active,
table:not(.CaptchaTable) a:active {
  color: #88d8ad !important;
  box-shadow: none !important;
  text-decoration: underline !important;
}
.link:focus, .customTable:not(.CaptchaTable) a:focus,
table:not(.CaptchaTable) a:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
}
.link:visited, .customTable:not(.CaptchaTable) a:visited,
table:not(.CaptchaTable) a:visited {
  color: var(--themes-link-primary-visited) !important;
}
.link span, .customTable:not(.CaptchaTable) a span,
table:not(.CaptchaTable) a span {
  color: inherit !important;
}
.link.ExternalLinkIcon, .customTable:not(.CaptchaTable) a.ExternalLinkIcon,
table:not(.CaptchaTable) a.ExternalLinkIcon {
  position: relative;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.link.ExternalLinkIcon::after, .customTable:not(.CaptchaTable) a.ExternalLinkIcon::after,
table:not(.CaptchaTable) a.ExternalLinkIcon::after {
  content: "";
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: #fff;
  background: no-repeat center/contain url(../images/shared/link-square-02.svg);
}
.link.ExternalLinkIcon.icon-white::after, .customTable:not(.CaptchaTable) a.ExternalLinkIcon.icon-white::after,
table:not(.CaptchaTable) a.ExternalLinkIcon.icon-white::after {
  background: no-repeat center/contain url(../images/shared/link-square-white.svg);
}

table {
  width: 100%;
}

.custom_content p {
  padding-block-end: 12px;
}
.custom_content table img {
  max-width: 200px;
}
.custom_content table td p,
.custom_content table th p {
  padding: 0;
}

.rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.text-end {
  text-align: end !important;
}

.text-start {
  text-align: start !important;
}

.toggleOptions {
  display: none;
}

img {
  max-width: 100%;
}

.flexCenter, .rateContet .bgRate .rateRight, .rateContet .pWarp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.grayscale {
  filter: grayscale(1);
}

.text-primary, .service-title, .tech-councils .font24, .tech-councils .who-we-are h5, .who-we-are .tech-councils h5,
.tech-councils .who-we-are h2,
.who-we-are .tech-councils h2,
.tech-councils .who-we-are h1,
.who-we-are .tech-councils h1,
.tech-councils .who-we-are h3,
.who-we-are .tech-councils h3,
.tech-councils .who-we-are h4,
.who-we-are .tech-councils h4, .tech-councils .service-title, .tech-councils .editing-form-category-caption, .tech-councils .attachments h3, .attachments .tech-councils h3, .tech-councils .custom_content h1, .custom_content .tech-councils h1, .tech-councils .post h2, .post .tech-councils h2, .tech-councils .grid-items.grid-8 .wapperNum .counter, .grid-items.grid-8 .wapperNum .tech-councils .counter,
.tech-councils h3,
.attachments .font24,
.attachments .who-we-are h5,
.who-we-are .attachments h5,
.attachments .who-we-are h2,
.who-we-are .attachments h2,
.attachments .who-we-are h1,
.who-we-are .attachments h1,
.attachments .who-we-are h3,
.who-we-are .attachments h3,
.attachments .who-we-are h4,
.who-we-are .attachments h4,
.attachments .service-title,
.attachments .attachment-card > h3,
.attachments .editing-form-category-caption,
.attachments .custom_content h1,
.custom_content .attachments h1,
.attachments .post h2,
.post .attachments h2,
.attachments .grid-items.grid-8 .wapperNum .counter,
.grid-items.grid-8 .wapperNum .attachments .counter,
.attachments h3,
.post .font24,
.post .who-we-are h5,
.who-we-are .post h5,
.post .who-we-are h2,
.who-we-are .post h2,
.post .who-we-are h1,
.who-we-are .post h1,
.post .who-we-are h3,
.who-we-are .post h3,
.post .who-we-are h4,
.who-we-are .post h4,
.post .service-title,
.post .editing-form-category-caption,
.post .attachments h3,
.attachments .post h3,
.post .custom_content h1,
.custom_content .post h1,
.post h2,
.post .grid-items.grid-8 .wapperNum .counter,
.grid-items.grid-8 .wapperNum .post .counter,
.post h3 {
  color: var(--themes-text-text-primary) !important;
}

.e-services {
  background-color: #f9fafb;
}
.e-services .font30, .e-services .wpbody.annoncewp h2, .wpbody.annoncewp .e-services h2, .e-services .innerBanner .titleBnr, .innerBanner .e-services .titleBnr {
  font-weight: 700;
}

.fexCenter, .partners .partner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cta {
  padding-block: 80px;
}
.cta .image-card {
  position: relative;
  overflow: hidden;
  height: 500px;
}
.cta .image-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html[dir=ltr] .cta .image-card > img, html[lang=en] .cta .image-card > img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.cta .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(27, 131, 84, 0) 0%, #1b8354 100%) 50%/cover no-repeat;
  z-index: 1;
}
.cta .content {
  position: absolute;
  bottom: 64px;
  right: 64px;
  z-index: 2;
}
@media (max-width: 1200px) {
  .cta .content {
    right: 22px;
  }
}
@media (max-width: 992px) {
  .cta .content {
    right: 12px;
  }
  .cta .content .font30, .cta .content .wpbody.annoncewp h2, .wpbody.annoncewp .cta .content h2, .cta .content .innerBanner .titleBnr, .innerBanner .cta .content .titleBnr {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    letter-spacing: var(--display-xs-semibold-letter-spacing);
    font-family: var(--display-xs-semibold-font-family);
    font-weight: var(--display-xs-semibold-font-weight);
    font-style: var(--display-xs-semibold-font-style);
  }
}
@media (max-width: 768px) {
  .cta .content {
    right: 40px;
  }
  .cta .content.text-center {
    text-align: start !important;
  }
}
.cta .col-md-6 .overlay {
  background: linear-gradient(114deg, rgba(27, 131, 84, 0) 0%, #1b8354 100%) 50%/cover no-repeat;
}
html[dir=ltr] .cta .col-md-6 .overlay, html[lang=en] .cta .col-md-6 .overlay {
  background: linear-gradient(270deg, rgba(27, 131, 84, 0) 0%, #1b8354 100%) 50%/cover no-repeat;
}
.cta .col-md-6 .content {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.homBanner .contentBanner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(9, 42, 30, 0.7);
}

.aspCheckboxList.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #fff;
}

.aspRadioList.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #fff;
}

.tech-councils .font24, .tech-councils .who-we-are h5, .who-we-are .tech-councils h5,
.tech-councils .who-we-are h2,
.who-we-are .tech-councils h2,
.tech-councils .who-we-are h1,
.who-we-are .tech-councils h1,
.tech-councils .who-we-are h3,
.who-we-are .tech-councils h3,
.tech-councils .who-we-are h4,
.who-we-are .tech-councils h4, .tech-councils .service-title, .tech-councils .editing-form-category-caption, .tech-councils .attachments h3, .attachments .tech-councils h3, .tech-councils .custom_content h1, .custom_content .tech-councils h1, .tech-councils .post h2, .post .tech-councils h2, .tech-councils .grid-items.grid-8 .wapperNum .counter, .grid-items.grid-8 .wapperNum .tech-councils .counter,
.tech-councils h3,
.attachments .font24,
.attachments .who-we-are h5,
.who-we-are .attachments h5,
.attachments .who-we-are h2,
.who-we-are .attachments h2,
.attachments .who-we-are h1,
.who-we-are .attachments h1,
.attachments .who-we-are h3,
.who-we-are .attachments h3,
.attachments .who-we-are h4,
.who-we-are .attachments h4,
.attachments .service-title,
.attachments .attachment-card > h3,
.attachments .editing-form-category-caption,
.attachments .custom_content h1,
.custom_content .attachments h1,
.attachments .post h2,
.post .attachments h2,
.attachments .grid-items.grid-8 .wapperNum .counter,
.grid-items.grid-8 .wapperNum .attachments .counter,
.attachments h3,
.post .font24,
.post .who-we-are h5,
.who-we-are .post h5,
.post .who-we-are h2,
.who-we-are .post h2,
.post .who-we-are h1,
.who-we-are .post h1,
.post .who-we-are h3,
.who-we-are .post h3,
.post .who-we-are h4,
.who-we-are .post h4,
.post .service-title,
.post .editing-form-category-caption,
.post .attachments h3,
.attachments .post h3,
.post .custom_content h1,
.custom_content .post h1,
.post h2,
.post .grid-items.grid-8 .wapperNum .counter,
.grid-items.grid-8 .wapperNum .post .counter,
.post h3 {
  font-weight: bold !important;
}

.btn-primary .AddToCartContainer, .form-group.form-group-submit .btn-default .AddToCartContainer, .footerButtons > div > div .btn-default:last-child .AddToCartContainer {
  margin-top: 0;
}

.numbers:has(.grid-8) h3.font30, .numbers:has(.grid-8) .innerBanner h3.titleBnr, .innerBanner .numbers:has(.grid-8) h3.titleBnr {
  font-weight: 700;
  text-align: center;
}

.support {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.support h3.font30, .support .innerBanner h3.titleBnr, .innerBanner .support h3.titleBnr {
  text-align: center;
}
.support .row > * {
  margin-bottom: 24px;
}

.ourNums {
  padding-block: var(--spacing-spacing-5xl);
  background: var(--gradient-brand-80060090-deg, linear-gradient(90deg, #14573a 16.72%, #1b8354 83.39%));
}
.ourNums .bgIcon {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 9999px);
  background: var(--Background-background-success, #079455);
}
.ourNums .bgIcon img {
  width: 20px;
  height: 20px;
}
@media (max-width: 992px) {
  .ourNums .row > * {
    margin-bottom: var(--spacing-spacing-4xl);
  }
}
.ourNums .row .col-12,
.ourNums .row .col-md-12 {
  margin-bottom: 0;
}

.control-label p {
  font: inherit;
}

.post h2 {
  font-weight: 700;
}

.textSec .font30, .textSec .wpbody.annoncewp h2, .wpbody.annoncewp .textSec h2, .textSec .innerBanner .titleBnr, .innerBanner .textSec .titleBnr {
  font-weight: 700;
}
.textSec .p16, .textSec .accordion-button, .textSec .accordion-body *, .accordion-body .textSec * {
  margin-top: var(--spacing-spacing-xl);
  margin-bottom: var(--spacing-spacing-4xl);
}

.cta .content .font30, .cta .content .wpbody.annoncewp h2, .wpbody.annoncewp .cta .content h2, .cta .content .innerBanner .titleBnr, .innerBanner .cta .content .titleBnr {
  font-weight: 600;
}

.support .font30, .support .wpbody.annoncewp h2, .wpbody.annoncewp .support h2, .support .innerBanner .titleBnr, .innerBanner .support .titleBnr,
.news .font30,
.news .wpbody.annoncewp h2,
.wpbody.annoncewp .news h2,
.news .innerBanner .titleBnr,
.innerBanner .news .titleBnr {
  font-weight: 700;
}

.AddToCartContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  align-items: flex-start;
}
.AddToCartContainer .AddToCartTextBox {
  width: auto;
}

.productDetail .productInfo.whiteBox > p,
.productDetail .productInfo.whiteBox table.table {
  display: none;
}

.productRating .CntRatingContent .disabled {
  display: none;
}

.wapperNum {
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  height: 100%;
  -webkit-border-radius: var(--radius-radius-lg);
  -moz-border-radius: var(--radius-radius-lg);
  -ms-border-radius: var(--radius-radius-lg);
  -o-border-radius: var(--radius-radius-lg);
}
.wapperNum .bgIcon {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 14px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 9999px);
  background: var(--Background-background-success, #079455);
}
.wapperNum .bgIcon img {
  width: 28px;
  height: 28px;
}
.wapperNum .boxNum .counter {
  color: var(--themes-text-text-default);
  padding: 24px 0 8px;
}

.partners {
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
}
.partners .customArrowNext {
  right: auto;
  left: 10px;
  background: no-repeat var(--themes-button-button-background-neutral-default) url(../images/icons/pages/arrowSwiperLeft.webp);
}
html[dir=ltr] .partners .customArrowNext, html[lang=en] .partners .customArrowNext {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.partners .customArrowPrev {
  background: var(--themes-button-button-background-neutral-default) url(../images/icons/pages/arrowSwiperRight.webp);
  left: auto;
  right: 10px;
}
html[dir=ltr] .partners .customArrowPrev, html[lang=en] .partners .customArrowPrev {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.partners .customArrowNext,
.partners .customArrowPrev {
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  padding: var(--spacing-button-buttons-md-padding);
  gap: var(--spacing-button-buttons-lg-gap);
  background-size: 8px;
  background-position: center;
  border-radius: var(--radius-radius-radius-sm);
}
.partners .customArrowNext::after,
.partners .customArrowPrev::after {
  display: none;
}
.partners .partner a {
  gap: 24px;
  padding: 16px;
  background-color: var(--themes-background-background-card);
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  justify-content: center;
  height: 106px;
}
.partners .partner a img {
  object-fit: contain;
  width: 100%;
  max-height: 100%;
}
.partners .customArrowNext {
  right: auto;
  left: 10px;
}
.partners .customArrowPrev {
  right: 10px;
  left: auto;
}
.partners .partnersSwiper {
  width: calc(100% - 122px);
  margin: 0 auto;
}
.partners .partnersSwiper .partner {
  padding: 2px;
}
.partners .col-md-12 {
  position: relative;
}

.about-us,
.service-list,
.support,
.partners {
  padding-block: var(--spacing-spacing-5xl);
}

.cart-tag {
  padding: 0.5rem;
  font-weight: 500;
  display: flex;
  gap: 4px;
  align-items: center;
}
.cart-tag span {
  font-weight: 500;
}

.shoppingCartItem {
  overflow-x: auto;
  overflow-y: hidden;
}
@media (max-width: 992px) {
  .shoppingCartItem {
    zoom: 0.7;
  }
  .shoppingCartItem .col-lg-3,
  .shoppingCartItem .col-lg-6 {
    padding: 0;
  }
  .shoppingCartItem .col-lg-6 {
    width: 50%;
  }
  .shoppingCartItem .col-lg-3 {
    width: 25%;
  }
  .shoppingCartItem .Item .col-lg-6:first-child {
    width: 45%;
  }
  .shoppingCartItem .Item .col-lg-6:last-child {
    width: 55%;
  }
  .shoppingCartItem .price-SARLogo {
    min-width: 40px;
  }
  .shoppingCartItem .CartContent .Item * {
    font-size: 14px;
  }
  .shoppingCartItem .UnitCountControl input {
    width: 50px;
    min-width: auto;
  }
}
.shoppingCartItem .row {
  margin-right: 0;
  margin-left: 0;
}
.shoppingCartItem .firstLine {
  border-top: 1px solid var(--Table-table-cell-border, #D2D6DB);
  border-bottom: 1px solid var(--Table-table-cell-border, #D2D6DB);
  background: var(--Table-table-background-header, #F3F4F6);
  width: 100%;
}
.shoppingCartItem .firstLine span {
  min-height: 48px;
  font-weight: 500;
  text-wrap: nowrap;
  padding: var(--Table-table-cell-v-padding, 8px) var(--Table-table-cell-h-padding, 16px);
  border-inline-end: 1px solid var(--Table-table-cell-border, #D2D6DB);
  height: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.shoppingCartItem .firstLine span:last-child {
  border: 0;
}
.shoppingCartItem .firstLine * {
  padding: 0;
  margin-bottom: 0;
}

.Info.colcol1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Info.colcol1 .ImageCol {
  width: 80px;
  height: 80px;
}
.Info.colcol1 span.Name a {
  color: var(--themes-text-text-default);
}

.discountCoupon {
  width: 100%;
}
.discountCoupon .row {
  margin-right: 0;
  margin-left: 0;
}
.discountCoupon > .row {
  width: 100%;
  align-items: center;
  height: 100%;
  background-color: #ECFDF3;
  padding-block: 16px;
  border-bottom: 1px solid var(--Table-table-cell-border, #D2D6DB);
}
.discountCoupon * {
  margin-bottom: 0 !important;
}

.footerButtons > div > div {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.RemoveButton {
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.RemoveButton img {
  min-width: 20px;
  width: 20px;
  height: 20px;
}
.RemoveButton:hover {
  background: #fee4e2;
}
.RemoveButton:active {
  background: #fecdca;
}
.RemoveButton:focus {
  border: 1px solid var(--themes-text-text-default);
}

.CartContent .Item {
  width: 100%;
  height: 95px;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid var(--Table-table-cell-border, #D2D6DB);
}
.CartContent .Item * {
  margin-bottom: 0;
}
.CartContent .Item:nth-child(even) {
  background-color: var(--Table-table-background-row-alt, #F9FAFB);
}
@media (max-width: 992px) {
  .CartContent .Item {
    height: auto;
  }
}

.Tax,
.Subtotal {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 4px;
}

.Remove {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.Remove a {
  cursor: pointer;
}

.Amount {
  display: flex;
  align-items: center;
}
.Amount > div {
  display: flex;
  align-items: center;
  position: relative;
}
.Amount > div > div:nth-child(2) {
  display: none;
}
.Amount > div .UnitCountButton {
  position: absolute;
  inset-inline-end: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.Amount > div .UnitCountButton a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Amount > div .UnitCountButton a img {
  width: 20px;
  height: 20px;
}

.searchBox {
  display: flex;
  gap: 8px;
}

.custom_content.who-we-are .custom_content ul {
  list-style: disc !important;
}
.custom_content.who-we-are .custom_content ul li {
  color: var(--themes-text-text-default);
}

.wpbody.annoncewp h2 {
  font-weight: 700;
  margin-bottom: 16px;
}
.wpbody.annoncewp img {
  width: 100%;
}

.card-flag {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
}

.form-group.form-group-submit {
  margin-top: 16px;
}
.product-GoBack {
  margin-top: 16px;
}

.UnitCountControl input {
  min-width: auto;
}

.TotalPriceContainer {
  display: flex;
  align-items: center;
  gap: 8px;
}
.TotalPriceContainer .TotalPriceLabel {
  font-weight: 600;
}

.shoppingCartTotals {
  margin-top: 24px;
  width: 45%;
  margin-inline-start: auto;
}
@media (max-width: 768px) {
  .shoppingCartTotals {
    width: 100%;
  }
}

.discountCoupon .row .col-lg-6:nth-child(2) > div {
  display: flex;
  gap: 16px;
}

.ProductPriceDetailLink {
  display: none;
}

.searchbar.row .col-lg-2 {
  width: 30%;
}
@media (max-width: 768px) {
  .searchbar.row .col-lg-2 {
    width: 100%;
  }
}

#breadcrumb {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
@media (max-width: 550px) {
  #breadcrumb {
    justify-content: start;
    width: 100%;
    overflow: auto;
  }
}

.checkoutItemLink {
  position: relative;
  min-width: 150px;
  text-decoration: none !important;
  color: var(--Stepper-stepper-text-tertiary, #6C737F);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkoutItemLink:hover {
  color: var(--Stepper-stepper-text-tertiary, #6C737F);
  text-decoration: none;
}
.checkoutItemLink .step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--Stepper-stepper-button-upcomming, #D2D6DB);
  display: flex;
  color: var(--Stepper-stepper-button-upcomming, #D2D6DB) !important;
  justify-content: center;
  align-items: center;
}
.checkoutItemLink .step {
  color: var(--Stepper-stepper-text-tertiary, #6C737F);
}
.checkoutItemLink .step-description {
  color: var(--Stepper-stepper-text-tertiary, #6C737F);
  padding: 0;
}
.checkoutItemLink::after {
  content: "";
  position: absolute;
  inset-inline-start: 32px;
  top: 16px;
  width: 79%;
  height: 2px;
  background-color: var(--Stepper-stepper-button-current, #1B8354);
}
.checkoutItemLink:last-child::after {
  display: none;
}
.checkoutItemLink.selected::after {
  background-color: var(--Stepper-stepper-line-current, #D2D6DB);
}
.checkoutItemLink.selected ~ .checkoutItemLink::after {
  background-color: var(--Stepper-stepper-line-current, #D2D6DB);
}
.checkoutItemLink.selected .step-num {
  color: var(--Stepper-stepper-button-current, #1B8354) !important;
  border-color: var(--Stepper-stepper-button-current, #1B8354);
}
.checkoutItemLink.selected .step {
  font-weight: 500;
  color: var(--Stepper-stepper-text-primary, #1F2A37);
}
.checkoutItemLink.selected .step-description {
  color: var(--Stepper-stepper-text-secondary, #384250);
}
.TotalViewer {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  border-bottom: 1px solid var(--Table-table-cell-border, #D2D6DB);
}
.TotalViewer label {
  margin-bottom: 8px;
}
.TotalViewer .Label {
  flex: 1 1 70%;
}
.TotalViewer .Value {
  display: flex;
  flex: 1 1 30%;
  align-items: center;
  gap: 8px;
}
.TotalViewer .Value span {
  font-weight: 500;
}

.form-horizontal .editing-form-category-fields {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 16px;
}
@media (max-width: 768px) {
  .form-horizontal .editing-form-category-fields {
    grid-template-columns: 100%;
  }
}

.news-single .container > img {
  max-height: 500px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.editing-form-category-fields .form-group,
.form-horizontal .form-group {
  min-height: auto !important;
}

.ecommerce_address > .form-group {
  width: calc(50% - 8px);
}
@media (max-width: 550px) {
  .ecommerce_address > .form-group {
    width: 100%;
  }
}
.ecommerce_address .row > * {
  margin: 0;
}
.ecommerce_address .editing-form-category .editing-form-category-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 550px) {
  .ecommerce_address .editing-form-category .editing-form-category-fields {
    grid-template-columns: 1fr;
  }
}

.price-SARLogo {
  width: 20px;
  display: inline-flex;
}

.btn-primary .btn-primary, .footerButtons > div > div .btn-default:last-child .btn-primary, .form-group.form-group-submit .btn-default .btn-primary, .btn-primary .footerButtons > div > div .btn-default:last-child, .footerButtons > div > div .btn-primary .btn-default:last-child, .footerButtons > div > div .btn-default:last-child .btn-default:last-child, .btn-primary .form-group.form-group-submit .btn-default, .form-group.form-group-submit .btn-primary .btn-default, .footerButtons > div > div .btn-default:last-child .form-group.form-group-submit .btn-default, .form-group.form-group-submit .btn-default .btn-default {
  margin: 0;
}

.StockContainer {
  margin-bottom: 8px;
}
.StockContainer .StockLabel {
  font-weight: 600;
}
.StockContainer .stock {
  color: var(--themes-text-text-primary);
}
.StockContainer .stock.unavailable {
  color: #B42318;
}

.custom_content {
  padding-block: 16px;
}
.custom_content h1 {
  font-weight: bold;
  margin-block: 8px;
}
.custom_content ul {
  padding-inline-start: 24px;
  list-style: disc;
}
.custom_content ul li p {
  padding-block: 0;
}
.custom_content .DGA-tabs1, .custom_content .custom_filter, .custom_content .custom_sort {
  padding-inline-start: 0;
}

.best_seller .tab-pane .card .btn-outline-secondary {
  border: 0 !important;
  padding: 0;
  background: transparent !important;
}

.radio-list-vertical {
  display: grid;
  grid-template-columns: repeat(1, 32px 1fr 0);
  gap: 8px;
}
.radio-list-vertical:has(input:nth-of-type(n + 2)) {
  grid-template-columns: repeat(2, 32px 1fr 0);
}
.radio-list-vertical:has(input:nth-of-type(n+3)) {
  grid-template-columns: repeat(3, 32px 1fr 0);
}
@media (max-width: 1400px) {
  .radio-list-vertical {
    grid-template-columns: repeat(1, 32px 1fr 0);
  }
}

.title > h2 {
  font-weight: 700;
  margin-block: 16px;
}

.button_title {
  margin-block: 16px;
}

.attachments h3 {
  margin-bottom: 16px;
}

.SecurityImg {
  display: flex;
  gap: 16px;
  align-items: end;
}
.SecurityImg img {
  min-width: 200px;
}

.editing-form-category-caption {
  font-weight: 600;
  margin-bottom: 16px;
}

.attachments .attachment-card > h3 {
  font-weight: bold;
  margin-bottom: 16px;
}
.attachments .attachment-card .attachment-body .swiper-wrapper {
  display: block;
  margin-bottom: 16px;
}

.service-title {
  font-weight: 700;
  text-align: center;
}

.custom_filter {
  padding: 16px;
  overflow: auto hidden;
  width: 100%;
}

.searchbar .form-group {
  display: flex;
  gap: 8px;
}

.productRating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.best_seller .DGA-tabs1, .best_seller .custom_sort, .best_seller .custom_filter {
  margin-bottom: 24px !important;
}

section.courses.courses-margin {
  padding-top: 24px;
}

.FilterSearch {
  display: flex;
  gap: 16px;
  align-items: center;
}

.who-we-are {
  padding-block: var(--spacing-spacing-5xl);
  background-color: #fff;
}
.who-we-are h5,
.who-we-are h2,
.who-we-are h1,
.who-we-are h3,
.who-we-are h4 {
  margin-bottom: 8px;
}
.who-we-are p {
  margin-bottom: 8px;
}
.who-we-are .col-md-6 {
  margin-bottom: 40px;
}
.who-we-are .p20 {
  margin-bottom: 40px;
}
.who-we-are .cardCenter {
  border: 1px solid #d2d6db;
  border-radius: 5px;
  height: 100%;
  padding: 40px;
  height: 100%;
  text-align: center;
}
.who-we-are .cardCenter .logo {
  text-align: center;
  margin-bottom: 24px;
}
.who-we-are .cardCenter .font24, .who-we-are .cardCenter .grid-items.grid-8 .wapperNum .counter, .grid-items.grid-8 .wapperNum .who-we-are .cardCenter .counter, .who-we-are .cardCenter .editing-form-category-caption, .who-we-are .cardCenter .service-title, .who-we-are .cardCenter h5,
.who-we-are .cardCenter h2,
.who-we-are .cardCenter h1,
.who-we-are .cardCenter h3,
.who-we-are .cardCenter h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  color: var(--themes-text-text-primary);
  margin-bottom: 8px;
}
.who-we-are .cardCenter .p18 {
  color: #1f2a37;
  font-size: 18px;
  line-height: 28px;
}
.who-we-are .ol-list, .who-we-are ul:not(.CMSSiteMapList),
.who-we-are ol:not(.CMSSiteMapList) {
  list-style: decimal !important;
  padding-inline-start: 1rem;
}
.who-we-are .ol-list li, .who-we-are ul:not(.CMSSiteMapList) li,
.who-we-are ol:not(.CMSSiteMapList) li {
  color: var(--themes-text-text-display);
  font-size: var(--text-md-regular-font-size);
  font-style: var(--text-md-regular-font-style);
  font-weight: var(--text-md-regular-font-weight);
  line-height: 48px;
}

.borderMemeberCards {
  padding: 40px 0;
}
.borderMemeberCards .col-md-3 {
  margin-bottom: 24px;
}
.borderMemeberCards .membCard {
  gap: var(--spacing-card-card-lg-gap);
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  height: 100%;
  width: 100%;
  display: inline-block;
  -webkit-border-radius: var(--radius-radius-lg);
  -moz-border-radius: var(--radius-radius-lg);
  -ms-border-radius: var(--radius-radius-lg);
  -o-border-radius: var(--radius-radius-lg);
}
.borderMemeberCards .membCard .presImg {
  height: 250px;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: var(--radius-radius-lg);
  -webkit-border-radius: var(--radius-radius-lg);
  -moz-border-radius: var(--radius-radius-lg);
  -ms-border-radius: var(--radius-radius-lg);
  -o-border-radius: var(--radius-radius-lg);
}
.borderMemeberCards .membCard .presImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: 0.25s;
}
.borderMemeberCards .membCard .memTxt .namePres {
  height: 56px;
  margin-bottom: 8px;
  font-weight: var(--text-lg-bold-font-weight);
  color: var(--themes-text-text-primary);
  font-size: var(--text-lg-bold-font-size);
  line-height: var(--text-lg-bold-line-height);
  font-family: var(--text-lg-bold-font-family);
  letter-spacing: var(--text-lg-bold-letter-spacing);
  font-style: var(--text-lg-bold-font-style);
}
.borderMemeberCards .membCard .memTxt .rolePres {
  -webkit-line-clamp: 1;
  height: 24px;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  font-weight: 400;
  color: var(--themes-text-text-display);
  font-size: 16px;
  line-height: 24px;
}

.orgContainer {
  margin-block: 40px;
}
.orgContainer .org-structure {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: auto;
  min-height: 55vh;
}
.orgContainer .org-structure svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .orgContainer .org-structure svg {
    transform: scale(2);
    transform-origin: top;
  }
}
@media (max-width: 480px) {
  .orgContainer .org-structure svg {
    transform: scale(3);
  }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .publich_orders thead tr {
    position: relative !important;
    top: unset !important;
    left: unset !important;
  }
  .publich_orders tr {
    border: 0 !important;
  }
  .publich_orders table,
  .publich_orders thead,
  .publich_orders tbody,
  .publich_orders th,
  .publich_orders td,
  .publich_orders tr {
    display: revert !important;
  }
}
.unigrid-content:has(.member-custom) > div:first-child {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.unigrid-content:has(.member-custom) table thead th a {
  pointer-events: none;
  color: inherit;
  font: inherit;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .publich_orders td::before {
    display: none !important;
  }
}
.footer-socpa .FooterLinks .social a {
  border: 0 !important;
  background-color: var(--themes-background-background-primary);
}
.footer-socpa .FooterLinks .social a:hover {
  background-color: var(--themes-button-button-background-primary-hovered) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.footer-socpa .FooterLinks .social a:focus {
  outline: 2px solid var(--Border-border-black, #161616) !important;
  color: var(--primitives-colors-base-white) !important;
}
.footer-socpa .FooterLinks .social a:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
  color: var(--primitives-colors-base-white) !important;
  text-decoration: none;
}
.footer-socpa .FooterLinks .Accessibility a {
  border: 0 !important;
  background-color: var(--themes-background-background-primary);
}
.footer-socpa .FooterLinks .Accessibility a img {
  filter: invert(1) brightness(4);
  -webkit-filter: invert(1) brightness(4);
}

@media (min-width: 1400px) {
  .container {
    max-width: 1360px;
  }
  .container.container2 {
    max-width: 1250px;
  }
  .container.container3 {
    max-width: 1150px;
  }
  .researchSec .container {
    max-width: 1300px;
  }
  .ourNumSec .container,
  .newHome .container {
    max-width: 1400px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1480px;
  }
}
/* custom with container */
@media (min-width: 1700px) {
  .container {
    max-width: 1700px;
  }
  .container.container2 {
    max-width: 1440px;
  }
  .container.container3 {
    max-width: 1300px;
  }
}
@media (max-width: 1700px) {
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    padding: var(--spacing-spacing-md);
  }
  .navDGA .navActions li a,
  .navDGA .navActions .btnSr {
    padding: var(--spacing-spacing-md);
  }
  .awareness-sec .awareness-box .aw-box {
    height: 350px;
  }
  .awareness-sec .awareness-box .DGA-tabs1, .awareness-sec .awareness-box .custom_sort, .awareness-sec .awareness-box .custom_filter {
    padding-top: 100px;
  }
  .partners .owl-theme .owl-next {
    left: -70px;
  }
  .partners .owl-theme .owl-prev {
    right: -70px;
  }
  .serv-list-card {
    height: calc(100% - var(--primitives-spacing-6-24px));
  }
  .main-tags1 .tag-card {
    flex: auto;
  }
}
@media (max-width: 1600px) {
  .services-sec {
    margin: 120px 0;
  }
  .cardElct .font18 {
    min-height: 56px;
  }
  .awareness-sec .right-sec {
    padding-top: 45px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    margin-right: 55px;
    padding-right: 50px;
  }
  .services-sec .right-sec {
    height: 500px;
    padding-left: 50px;
  }
  .services-sec .mySwipeOffer {
    padding: 30px 5px;
  }
  .services-sec .boxSer .boxImg img {
    height: 345px;
  }
  .consultations .consultations-card .eventDates .date-here {
    font-size: var(--text-sm-regular-font-size);
  }
}
@media (max-width: 1400px) {
  /* font 36 */
  .weAreSec .txt .font48,
  .fullWidthMain .rightCardMn .txtPrs .role,
  .ourNumSec .boxNum .counter,
  .fullWidthMain .rightCardMn .txtPrs .wordPres,
  .awareness-sec .right-sec .mainTitle span,
  .services-sec .right-sec .mainTitle span,
  .bannerMenu .contentBanner .BNRtxt h1 {
    font-size: var(--display-sm-medium-font-size);
    line-height: 1.5;
  }
  .awareness-sec .right-sec .mainTitle,
  .progSearc .title,
  .researchSec .title,
  .ourNumSec .numText .titleNum {
    font-size: var(--display-sm-medium-font-size);
    line-height: var(--display-md-regular-line-height);
  }
  /* font 24*/
  .newHome .titleX,
  .newHome .title,
  .services-sec .right-sec .mainTitle {
    font-size: var(--display-xs-semibold-font-size);
  }
  /* font 18 */
  .weAreSec .txt .p20,
  .awareness-sec .right-sec p,
  .bannerMenu .contentBanner .BNRtxt p {
    font-size: var(--text-lg-bold-font-size);
  }
  /* font 16 */
  /* font 14 */
  .imageGallery .txt .date span,
  .WSCard .txt .date span {
    margin-bottom: 8px;
  }
  .awareness-sec .col-lg-4,
  .services-sec .col-lg-4 {
    width: 40%;
  }
  .awareness-sec .col-lg-8,
  .services-sec .col-lg-8 {
    width: 60%;
  }
  .green-btn a img {
    width: 20px;
    height: 20px;
    transform: translateY(1px);
  }
  .cardElct .font18 {
    min-height: auto;
  }
  .weAreSec .imOffer {
    height: 100%;
  }
  .navDGA .navActions .btnSr {
    min-width: 40px;
    height: 60px;
  }
  .customArrow .swiper-button-next,
  .customArrow .swiper-button-prev {
    width: 125px;
    height: 125px;
  }
  .services-sec .customArrow .swiper-button-next {
    left: 35px;
    right: auto;
  }
  .services-sec .customArrow .swiper-button-prev {
    right: 30px;
    left: auto;
  }
  .newHome .bodyX,
  .newHome .cardNews {
    max-height: 610px;
    height: 100%;
  }
  .navDGA .navActions .btnSr,
  .navDGA .navActions li a {
    min-width: 50px;
    height: 50px;
  }
  .navDGA .navActions .btnSr img,
  .navDGA .navActions li a img {
    width: 20px;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    font-size: var(--text-xs-regular-font-size);
  }
  .services-sec .right-sec.with-shape {
    margin-left: 20px;
  }
  .weAreSec .txt {
    padding-left: 20px;
  }
  .weAreSec {
    margin-bottom: 70px;
  }
  .services-sec {
    margin: 70px 0;
  }
  .fullWidthMain .rightCardMn .imgPres {
    width: 260px;
    height: 260px;
    margin-bottom: 25px;
  }
  .fullWidthMain .rightCardMn {
    margin-left: 45px !important;
    height: 650px;
  }
  .borderMemeberCards .membCard .presImg {
    height: 160px;
  }
  .CardWhitOrGreen.with-shape,
  .services-sec .with-shape.right-sec,
  .fullWidthMain .with-shape.rightCardMn {
    height: 100%;
  }
  .awareness-sec {
    height: 550px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .partners .owl-theme .owl-next {
    left: -50px;
  }
  .partners .owl-theme .owl-prev {
    right: -50px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    /*padding: var(--spacing-spacing-xs);*/
    font-weight: var(--text-sm-medium-font-weight);
    font-size: var(--text-sm-medium-font-size);
    letter-spacing: var(--text-sm-medium-letter-spacing);
    line-height: var(--text-sm-medium-line-height);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu h4.title {
    font-size: var(--text-sm-bold-font-size);
    font-weight: var(--text-sm-bold-font-weight);
    letter-spacing: var(--text-sm-bold-letter-spacing);
    line-height: var(--text-sm-bold-line-height);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li {
    margin-bottom: var(--spacing-spacing-xs);
    padding: var(--spacing-spacing-sm);
    padding-right: 0;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a {
    position: relative;
    font-weight: var(--text-sm-medium-font-weight);
    font-size: var(--text-sm-medium-font-size);
    letter-spacing: var(--text-sm-medium-letter-spacing);
    line-height: var(--text-sm-medium-line-height);
  }
  .services-sec .right-sec p {
    font-weight: var(--text-md-regular-font-weight);
    font-size: var(--text-md-regular-font-size);
    letter-spacing: var(--text-md-regular-letter-spacing);
    line-height: var(--text-md-regular-line-height);
  }
  .black-btn a {
    padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding);
  }
  .black-btn a span {
    font-weight: var(--text-sm-medium-font-weight);
    font-size: var(--text-sm-medium-font-size);
    letter-spacing: var(--text-sm-medium-letter-spacing);
    line-height: var(--text-sm-medium-line-height);
  }
  .main-tags1 .tag-card {
    width: calc(25% - 24px);
    flex: 0 0 auto;
  }
  .services-sec.inner-services-sec .right-sec {
    height: 100%;
  }
  .services-sec .services-box {
    padding-bottom: 36px;
  }
  .services-list .serv-list-card .btn-contaimer {
    flex-direction: column;
  }
  .servCardIn .text .p18 {
    font-weight: var(--text-md-regular-font-weight);
    font-size: var(--text-md-regular-font-size);
    letter-spacing: var(--text-md-regular-letter-spacing);
    line-height: var(--text-md-regular-line-height);
  }
  /* end 1400 */
}
@media (max-width: 1200px) {
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    padding: var(--spacing-spacing-xs);
  }
  .nav-container {
    height: 85px;
  }
  .navDGA .navActions .btnSr,
  .navDGA .navActions li a {
    padding: 6px;
    min-width: 20px;
  }
  .borderMemeberCards .col-md-3 {
    width: 33.3333%;
  }
  .DigitalLibrary .col-md-4 {
    width: 50%;
  }
  .services-sec .services-box .serv-box {
    height: 100%;
  }
  .aimSec .col-md-3 {
    width: 50%;
    margin-bottom: 20px;
  }
  .fullWidthMain .hisWord + .p20 {
    font-size: var(--text-lg-bold-font-size);
  }
  .fullWidthMain .rightCardMn .imgPres {
    width: 225px;
    height: 225px;
  }
  .imageGallery .img,
  .WSCard .img {
    height: 200px;
  }
  .imageGallery .txt .tite,
  .WSCard .txt .tite {
    font-size: var(--text-lg-bold-font-size);
    line-height: 1.3;
  }
  .workshop .txtRight .supTitle {
    font-size: var(--display-xs-semibold-font-size);
  }
  .workshop .txtRight .title {
    font-size: var(--display-md-medium-font-size);
  }
  .imageGallery .txt .date span,
  .WSCard .txt .date span {
    font-size: var(--text-xs-regular-font-size);
  }
  .imageGallery .txt .date span img,
  .WSCard .txt .date span img {
    width: 15px;
  }
  .imageGallery .txt .white-btn a,
  .WSCard .txt .white-btn a {
    max-height: 30px;
    height: 30px;
  }
  .main {
    padding-bottom: 32px;
  }
  .fullWidthMain .rightCardMn .imgPres {
    width: 195px;
    height: 195px;
  }
  .innerBanner {
    min-height: 150px;
    height: auto;
  }
  .main-with-img .content-box p {
    font-size: var(--text-md-regular-font-size) !important;
    line-height: var(--text-md-regular-line-height);
  }
  .cardOtherCol4 .logo {
    height: 200px;
  }
  .cardOtherCol4 .txt {
    height: calc(100% - 200px);
  }
  .services-sec .right-sec {
    padding-top: 100px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    margin-left: 5%;
  }
  /* end 1200 */
  .menuWithBanner .navbarMenu .nav-item {
    position: relative !important;
    padding-block: 16px;
  }
  .menuWithBanner .navbarMenu .nav-item::after {
    content: "";
    position: absolute;
    display: block;
    inset-inline-start: 0;
    background: var(--Alpha-alpha-white-30, rgba(255, 255, 255, 0.3));
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    padding: 16px 0;
    position: static;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .row > * {
    width: 100% !important;
  }
  .menuWithBanner .navbarMenu .navbar-nav {
    padding: 32px;
    flex-direction: column;
  }
  .navDGA .row.header-grid > div:first-child {
    order: 2;
  }
  .navDGA .row.header-grid > div:nth-child(2) {
    order: 1;
  }
  .navDGA .row.header-grid > div:last-child {
    order: 3;
  }
  .navDGA .row.row-new .col-3-new {
    margin-right: var(--primitives-spacing-3-12px);
  }
  button.navbar-toggler {
    display: block !important;
    position: absolute;
    left: 25px;
    right: auto;
    border: 0;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
    max-width: unset;
    padding: 8px;
    min-width: unset;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  button.navbar-toggler:hover {
    background-color: #F3F4F6;
  }
  button.navbar-toggler:active {
    background-color: #E5E7EB;
  }
  button.navbar-toggler:focus {
    border: 2px solid var(--themes-text-text-default);
  }
  .navDGA .row.row-new {
    justify-content: center;
    padding-top: 6px;
    position: unset;
    padding-left: 28px;
  }
  nav.navbar.navbarMenu.navbar-expand-lg.navbar-light {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: auto;
  }
  div#navbarSupportedContent {
    height: 100%;
    position: fixed;
    flex-direction: column;
    top: 0px;
    right: 0;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.35s;
    background-color: var(--primitives-colors-green-900);
    display: block;
    overflow: hidden;
    overflow-y: auto;
    z-index: 9;
    transition: 0.5s transform ease-in-out;
    -webkit-transition: 0.5s transform ease-in-out;
    -moz-transition: 0.5s transform ease-in-out;
    -ms-transition: 0.5s transform ease-in-out;
    -o-transition: 0.5s transform ease-in-out;
  }
  div#navbarSupportedContent.show {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
  html[dir=ltr] div#navbarSupportedContent.show, html[lang=en] div#navbarSupportedContent.show {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    width: 100%;
    height: auto;
    padding: 8px 16px;
    position: relative;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    justify-content: space-between;
    border-radius: unset;
    font-weight: 600;
    padding: 8px 16px;
    font-size: var(--text-sm-medium-font-size);
    color: var(--themes-text-text-oncolor-primary-duplicate);
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link:focus {
    outline: 2px solid #fff;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link.show {
    border-bottom: 0;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link:hover {
    background: var(--Button-button-background-transparent-hovered, rgba(255, 255, 255, 0.2)) !important;
    border-radius: var(--radius-sm, 4px) !important;
    text-decoration: none !important;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link:hover::before {
    content: "";
    position: absolute;
    display: block;
    inset-inline-start: 0;
    background: var(--Alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    top: 50%;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link:active {
    background: var(--primitives-colors-alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    border-radius: var(--radius-sm, 4px);
    text-decoration: none !important;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link:active::before {
    content: "";
    position: absolute;
    display: block;
    background: var(--primitives-colors-alpha-alpha-white-60, rgba(255, 255, 255, 0.6));
    top: 50%;
    inset-inline-start: 0;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link.show::after {
    transform: rotate(180deg);
  }
  .navbarMenu .navbar-toggler:focus {
    box-shadow: unset;
  }
  .menuWithBanner .navbarMenu .navbar-nav .dropdown-toggle::after {
    filter: brightness(0) invert(1);
  }
  .navDGA .navActions {
    display: none;
    position: absolute;
    background: white;
    width: 100%;
    left: 0;
    top: 101%;
    height: 86px;
    justify-content: center;
  }
  .navDGA .navActions.show {
    display: flex !important;
  }
  .navDGA .col-3-new:has(.navActions) {
    display: none !important;
  }
  .navDGA .col-3-new:has(.navActions.show) {
    display: block !important;
  }
  .toggleOptions {
    display: block !important;
    position: absolute;
    right: 26px;
    top: 50%;
    padding: 8px;
    border-radius: 4px;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .toggleOptions:hover {
    background-color: #F3F4F6;
  }
  .toggleOptions:active {
    background-color: #E5E7EB;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .row > * {
    padding-inline: 0;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu a {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu a:focus {
    outline: 2px solid #fff;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a {
    padding: 8px 16px;
    padding-right: 16px;
    font-size: var(--text-sm-regular-font-size);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a::before {
    top: 0px;
    width: 20px;
    height: 20px;
    display: none;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a:hover {
    background: var(--Button-button-background-transparent-hovered, rgba(255, 255, 255, 0.2));
    border-radius: var(--radius-sm, 4px);
    text-decoration: none !important;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a:hover::before {
    display: block;
    background: var(--Alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    top: 50%;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .title {
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    display: block;
    font-weight: 600;
    font-size: var(--text-sm-regular-font-size);
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .title:hover {
    background: var(--Button-button-background-transparent-hovered, rgba(255, 255, 255, 0.2));
    border-radius: var(--radius-sm, 4px);
    text-decoration: none !important;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .title:hover::before {
    content: "";
    position: absolute;
    display: block;
    background: var(--Alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    top: 50%;
    inset-inline-start: 0;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .title:active {
    background: var(--primitives-colors-alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    border-radius: var(--radius-sm, 4px);
    text-decoration: none !important;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .title:active::before {
    content: "";
    position: absolute;
    display: block;
    background: var(--primitives-colors-alpha-alpha-white-60, rgba(255, 255, 255, 0.6));
    top: 50%;
    inset-inline-start: 0;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.selected {
    background: var(--Button-button-background-transparent-hovered, rgba(255, 255, 255, 0.2)) !important;
    border-radius: var(--radius-sm, 4px) !important;
    text-decoration: none !important;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.selected::before {
    content: "";
    position: absolute;
    display: block;
    inset-inline-start: 0;
    background: var(--Alpha-alpha-white-40, rgba(255, 255, 255, 0.4));
    top: 50%;
    width: 6px;
    height: 70%;
    transform: translateY(-50%);
    border-radius: var(--radius-full, 9999px);
  }
  /* end 1200 */
}
@media (max-width: 992px) {
  .navDGA .navActions .btnSr,
  .navDGA .navActions li a {
    padding: var(--spacing-spacing-md);
    min-width: 40px;
  }
  .search-form {
    min-height: auto;
  }
  .weAreSec .col-md-7,
  .weAreSec .col-md-5,
  .newHome .col-md-6,
  .fullWidthMain .col-md-4,
  .fullWidthMain .col-md-8,
  .textWithCards .col-md-6,
  .bannerMenu .contentBanner .BNRtxt p,
  .awareness-sec .col-lg-8,
  .partnersCards .col-md-4,
  .services-sec .col-lg-8,
  .DigitalLibrary .col-md-4,
  .mediaCenter .col-md-4,
  .eventsPage .col-md-4,
  .DigitalLibrary .col-md-4,
  .newsPage .col-md-4,
  .awareness-sec .col-lg-4,
  .services-sec .col-lg-4 {
    width: 100%;
  }
  .ourNumSec .col-md-3,
  .workshopCards .col-md-4,
  .borderMemeberCards .col-md-3,
  .researchSec .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
  }
  .filtering {
    flex-direction: column;
  }
  .filtering .inputText,
  .filtering input[type=text],
  .filtering select {
    width: 100%;
    margin: 0 0 8px 0;
  }
  .filtering .green-btn {
    padding: 0;
  }
  .filtering .green-btn,
  .filtering .green-btn a {
    width: 100%;
    max-width: unset;
  }
  .textWithCards .col-md-6 {
    margin-bottom: 20px;
  }
  .services-sec .right-sec.with-shape::before {
    display: none;
  }
  .services-sec .right-sec.with-shape {
    margin-left: 0;
    padding-top: 45px;
  }
  .weAreSec .imOffer {
    max-height: 300px;
  }
  .ElectronicSec {
    padding: 30px 0 50px 0 !important;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    padding: 30px;
    margin: 0;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite::after {
    right: 44%;
    top: -90px;
    transform: rotate(90deg);
  }
  .mySwipeOffer2,
  .mySwipeOffer {
    margin-left: 0;
  }
  .ourNumSec .col-md-3,
  .researchSec .cardResearch {
    margin-bottom: 20px;
  }
  .weAreSec .txt {
    padding-left: 0;
    padding-bottom: 50px;
  }
  .newHome .bodyX,
  .newHome .cardNews {
    max-height: unset;
    height: auto;
    margin-bottom: 30px;
  }
  .newHome .bodyX {
    height: 400px;
  }
  .services-sec .right-sec {
    height: auto;
    padding-bottom: 50px;
  }
  .services-sec .right-sec.with-shape::after {
    transform: rotate(89deg);
    top: 78%;
    left: 0;
    right: 44%;
  }
  .services-sec .services-box {
    padding-right: 0;
  }
  .services-sec .services-box .serv-box {
    margin-bottom: var(--primitives-spacing-6-24px-duplicate);
    height: auto;
  }
  .newsHome .boxNews {
    margin-bottom: var(--primitives-spacing-6-24px-duplicate);
    height: auto;
  }
  .newHome,
  .ourNumSec,
  .researchSec {
    margin-bottom: 75px;
  }
  .awareness-sec {
    height: auto;
    padding-top: 0;
    padding-bottom: 40px;
  }
  .awareness-sec .right-sec {
    padding-bottom: 5px;
    padding-right: 20px !important;
  }
  .awareness-sec .awareness-box .aw-box {
    margin-bottom: var(--primitives-spacing-6-24px-duplicate);
    height: auto;
  }
  .awareness-sec .awareness-box .aw-box .aw-logo {
    width: 100%;
    height: 250px;
  }
  .awareness-sec .awareness-box .aw-box .aw-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ourNum .wapperNM {
    margin-bottom: var(--primitives-spacing-6-24px-duplicate);
    height: auto;
  }
  .ourNum .wapperNM .boxNum .counter {
    font-weight: var(--display-md-medium-font-weight);
    font-size: var(--display-md-medium-font-size);
    letter-spacing: var(--display-md-medium-letter-spacing);
    line-height: var(--display-md-medium-line-height);
  }
  .awareness-sec .awareness-box {
    padding-right: 0;
  }
  .FooterLinks {
    margin-bottom: 24px;
  }
  .footerDGA .btm-footer {
    margin-top: 10px;
  }
  .services-list .serv-list-card .btn-contaimer {
    flex-direction: row;
  }
  .left-servDet {
    margin-top: 0;
    margin-bottom: 36px;
  }
  .comingSoon {
    padding: 30px 10px;
  }
  .comingSoon .bgWhite {
    min-height: 370px;
  }
  .comingSoon .bgWhite > img {
    width: 80px;
  }
  .betaVersion,
  section.menuWithBanner:before {
    font-size: 10px;
  }
  .breadcrumb .items {
    margin-top: 15px;
    line-height: 1.2;
  }
  .fullWidthMain .rightCardMn {
    margin-left: 45px !important;
    height: auto;
    padding: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .fullWidthMain .rightCardMn .txtPrs .p24 {
    text-align: center;
  }
  .fullWidthMain .hisWord {
    padding: 24px 0;
  }
  .fullWidthMain .rightCardMn {
    min-height: 250px;
  }
  .titleCard {
    font-size: var(--display-xs-semibold-font-size);
  }
  .anotherServ .wrapperCards .cardOther {
    width: 48%;
  }
  .CardWhitOrGreen.with-shape::before,
  .services-sec .with-shape.right-sec::before,
  .fullWidthMain .with-shape.rightCardMn::before {
    display: none;
  }
  .CardWhitOrGreen.with-shape,
  .services-sec .with-shape.right-sec,
  .fullWidthMain .with-shape.rightCardMn,
  .services-sec .with-shape.right-sec,
  .fullWidthMain .with-shape.rightCardMn {
    margin-left: 0 !important;
    margin-bottom: 24px;
    padding: 24px !important;
  }
  .CardWhitOrGreen.with-shape::after,
  .services-sec .with-shape.right-sec::after,
  .fullWidthMain .with-shape.rightCardMn::after {
    transform: rotate(-90deg) translateY(25%) !important;
    top: 75% !important;
    right: 50% !important;
    display: none;
  }
  .fullWidthMain.workshop .with-shape.rightCardMn::after {
    transform: rotate(-90deg) translateY(25%) !important;
    top: 60% !important;
    right: 50% !important;
  }
  .map-sec .content-box .contact-us {
    width: 325px;
  }
  .map-sec .content-box .contact-us h4 {
    font-size: var(--display-xs-medium-font-size);
    line-height: var(--display-xs-medium-line-height);
  }
  .map-sec .content-box .contact-us .details ul {
    gap: var(--primitives-spacing-2-8px);
  }
  .digital-details .img-box {
    margin: 0 auto;
    margin-top: 24px;
    height: auto;
  }
  .main-with-img .content-box p {
    font-size: var(--text-sm-regular-font-size) !important;
    line-height: var(--text-sm-regular-line-height);
  }
  .imageGallery .txt .tite,
  .WSCard .txt .tite {
    height: auto;
  }
  .main-with-img .img-box {
    margin: 0 auto;
    margin-top: 20px;
    max-width: max-content;
    height: auto;
  }
  .main-with-img .content-box h3 {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: var(--primitives-spacing-4-16px);
  }
  .mediaCenter .WSCard .p16, .mediaCenter .WSCard .accordion-button, .mediaCenter .WSCard .accordion-body *, .accordion-body .mediaCenter .WSCard *, .mediaCenter .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button, .attachments .attachment-card .attachment-body .swiper-wrapper .mediaCenter .WSCard .accordion-button, .mediaCenter .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body *, .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body .mediaCenter .WSCard *,
  .eventsPage .WSCard .p16,
  .eventsPage .WSCard .accordion-button,
  .eventsPage .WSCard .accordion-body *,
  .accordion-body .eventsPage .WSCard *,
  .eventsPage .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button,
  .attachments .attachment-card .attachment-body .swiper-wrapper .eventsPage .WSCard .accordion-button,
  .eventsPage .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body *,
  .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body .eventsPage .WSCard *,
  .DigitalLibrary .WSCard .p16,
  .DigitalLibrary .WSCard .accordion-button,
  .DigitalLibrary .WSCard .accordion-body *,
  .accordion-body .DigitalLibrary .WSCard *,
  .DigitalLibrary .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button,
  .attachments .attachment-card .attachment-body .swiper-wrapper .DigitalLibrary .WSCard .accordion-button,
  .DigitalLibrary .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body *,
  .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body .DigitalLibrary .WSCard *,
  .newsPage .WSCard .p16,
  .newsPage .WSCard .accordion-button,
  .newsPage .WSCard .accordion-body *,
  .accordion-body .newsPage .WSCard *,
  .newsPage .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-button,
  .attachments .attachment-card .attachment-body .swiper-wrapper .newsPage .WSCard .accordion-button,
  .newsPage .WSCard .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body *,
  .attachments .attachment-card .attachment-body .swiper-wrapper .accordion-body .newsPage .WSCard * {
    height: auto;
  }
  .headNews .titleNews {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: var(--primitives-spacing-4-16px);
  }
  .newsDetails .imgNews img {
    height: auto;
  }
  .p20 {
    font-size: var(--text-md-medium-font-size);
    line-height: var(--text-md-medium-line-height);
  }
  .partnersSec .textAim .title,
  .aimSec .textAim .title {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: var(--primitives-spacing-4-16px);
  }
  .progSearc .title,
  .researchSec .title {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: var(--primitives-spacing-4-16px);
    padding-bottom: 20px;
  }
  .progSearc .cardResearch,
  .researchSec .cardResearch {
    margin-bottom: 24px;
  }
  .tags-sec {
    gap: 12px;
  }
  .tags-sec .tag span {
    font-size: var(--text-sm-medium-font-size);
    line-height: var(--text-sm-medium-line-height);
  }
  .experiment h3 {
    font-size: var(--display-xs-medium-font-size);
    line-height: var(--display-xs-medium-line-height);
  }
  .experiment ul li {
    font-size: var(--text-md-medium-font-size);
    line-height: var(--text-md-medium-line-height);
  }
  .twoCards .col-lg-6 {
    margin-bottom: 12px;
  }
  .twoCards .goalCard .detBox p,
  .twoCards .goalCard .detBox ul li,
  .main-with-img .content-box ul li {
    font-size: var(--text-sm-medium-font-size) !important;
    line-height: var(--text-sm-medium-line-height);
  }
  .anotherServ h2.title {
    font-size: var(--display-xs-medium-font-size);
    line-height: var(--display-xs-medium-line-height);
    margin-bottom: 24px;
  }
  .services-details .gray-bc {
    display: none;
  }
  .services-details .right-sec .mainTitle,
  .services-details .right-sec .mainTitle span {
    font-size: var(--display-xs-medium-font-size);
    line-height: var(--display-xs-medium-line-height);
    margin-bottom: 24px;
  }
  .services-details .right-sec p {
    font-size: var(--text-md-medium-font-size);
    line-height: var(--text-md-medium-line-height);
  }
  .services-details .right-sec {
    padding: 40px 0;
  }
  section.services-sec.ElectronicSec .row {
    flex-direction: column-reverse;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    margin-bottom: 40px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite::after,
  .services-sec .right-sec.with-shape::after {
    display: none;
  }
  .digital-details .content-box .details-box {
    margin-bottom: 0;
  }
  .digital-details .content-box {
    margin-bottom: var(--primitives-spacing-6-24px-duplicate);
  }
  .modalSearch .modal-dialog {
    min-height: 100%;
  }
  /* end 992 */
}
@media (max-width: 768px) {
  .bannerMenu .contentBanner .BNRtxt h1 {
    font-weight: var(--display-md-medium-font-weight);
    font-size: var(--display-md-medium-font-size);
    letter-spacing: var(--display-md-medium-letter-spacing);
    line-height: var(--display-md-medium-line-height);
  }
  .bannerMenu .contentBanner .BNRtxt {
    max-width: 85%;
    width: 85%;
  }
  .bannerMenu .contentBanner .BNRtxt p {
    font-weight: var(--text-md-regular-font-weight);
    font-size: var(--text-md-regular-font-size);
    letter-spacing: var(--text-md-regular-letter-spacing);
    line-height: var(--text-md-regular-line-height);
  }
  .borderMemeberCards .membCard .presImg {
    height: 215px;
  }
  .borderMemeberCards .membCard,
  .borderMemeberCards .col-md-3 {
    width: 100%;
  }
  .EservicesClass .col-md-4,
  .servicesInner .col-md-4 {
    width: 100%;
  }
  .EservicesClass,
  .servicesInner {
    padding: 32px 0 32px 0;
  }
  .borderMemeberCards {
    padding: 24px 0;
  }
  .partners {
    padding-bottom: 100px;
  }
  .partners .owl-theme .owl-nav [class*=owl-] {
    top: 125%;
  }
  .partners .owl-theme .owl-prev {
    right: 38%;
  }
  .partners .owl-theme .owl-next {
    left: 38%;
  }
  .anotherServ h2.title {
    margin-bottom: 24px;
  }
  .anotherServ {
    padding: 32px 0 32px 0;
  }
  .workshopCards .col-md-4 {
    width: 100%;
  }
  .main-tags1 .tag-card {
    width: calc(33.3333333333% - 24px);
  }
  .DGA-tabs1, .custom_sort, .custom_filter {
    max-width: 100%;
  }
  .DGA-tabs1::before, .custom_sort::before, .custom_filter::before {
    display: none;
  }
  .DGA-tabs1 .nav-item .nav-link, .custom_sort .nav-item .nav-link, .custom_filter .nav-item .nav-link {
    padding: var(--primitives-spacing-3-12px);
  }
  .services-details .right-sec {
    padding-left: 0;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a {
    padding: 0;
    padding-right: 15px;
    color: var(--themes-text-text-default);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a::before {
    top: 0px;
    width: 20px;
    height: 20px;
    display: none;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li {
    min-height: auto;
  }
  .aimSec .col-md-3 {
    width: 100%;
  }
  .textWithCards {
    padding: 64px 0 24px 0;
  }
  .aimSec .textAim .p20 {
    margin-bottom: 35px;
  }
  .aimSec {
    padding: 45px 0 25px 0;
  }
  .breadcrumb ul.items a:not(.breadCrumbRoot):not(.active) {
    margin-left: 5px;
    padding-left: 15px;
  }
  .breadcrumb ul.items a {
    font-size: var(--text-xs-regular-font-size);
  }
  .breadcrumb ul.items a:not(.breadCrumbRoot):not(.active)::after {
    left: -5px;
    top: auto;
    bottom: 3px;
  }
  .customAccordion .accordion-item .accordion-button {
    font-size: var(--text-lg-bold-font-size);
    text-align: right;
    padding-left: 50px;
  }
  .customAccordion .p18 {
    font-size: var(--text-md-medium-font-size);
  }
  .imageGallery .txt .date span,
  .WSCard .txt .date span {
    margin-bottom: 4px;
  }
  .anotherServ .wrapperCards .cardOther {
    width: 100%;
  }
  .workshopCards .mar80 {
    margin: 32px 0;
  }
  .newsDetails {
    margin: 32px 0;
  }
  .green-btn input[type=submit],
  .green-btn a {
    height: 35px;
  }
  .rateContet .bgRate {
    flex-wrap: wrap;
  }
  .map-sec .mapFrom {
    height: 400px;
  }
  .map-sec .content-box .contact-us {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    margin-top: 24px;
  }
  .projects .cardOtherCol4 .txt .p16, .projects .cardOtherCol4 .txt .accordion-button, .projects .cardOtherCol4 .txt .accordion-body *, .accordion-body .projects .cardOtherCol4 .txt *,
  .programs .cardOtherCol4 .txt .p16,
  .programs .cardOtherCol4 .txt .accordion-button,
  .programs .cardOtherCol4 .txt .accordion-body *,
  .accordion-body .programs .cardOtherCol4 .txt * {
    height: auto;
  }
  .addRow {
    padding: 0;
    margin-bottom: 24px;
  }
  .breadcrumb {
    min-height: 70px;
    height: auto;
    padding-bottom: 15px;
  }
  .breadcrumb .items {
    flex-wrap: wrap;
  }
  .f-button {
    min-width: auto;
  }
  .p20 {
    text-align: right;
  }
  /* end 767 */
}
@media (max-width: 550px) {
  /* font 24 */
  .bannerMenu .contentBanner .BNRtxt h1 {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: 12px;
  }
  .weAreSec .txt .font48,
  .ourNumSec .boxNum .counter,
  .awareness-sec .right-sec .mainTitle span,
  .services-sec .right-sec .mainTitle span {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: 12px;
    margin-top: 0;
  }
  .headNews .titleNews,
  .innerBanner .titleBnr,
  .fullWidthMain .rightCardMn .txtPrs .wordPres,
  .ourNumSec .numText .titleNum {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-medium-line-height);
  }
  /* font 18*/
  .awareness-sec .right-sec .mainTitle,
  .ourNumSec .numText .p20,
  .services-sec .right-sec .mainTitle {
    font-size: var(--text-lg-bold-font-size);
  }
  /* font 16 */
  .p20,
  .servCardIn .text .p18,
  .weAreSec .txt .p20,
  .awareness-sec .right-sec p,
  .bannerMenu .contentBanner .BNRtxt p {
    font-size: var(--text-md-medium-font-size);
  }
  /* font 14 */
  /* font 12 */
  .ourNumSec .col-md-3,
  .researchSec .col-md-3 {
    flex: 0 0 auto;
    width: 100%;
  }
  .bannerMenu .contentBanner .BNRtxt {
    width: 100%;
  }
  .footerDGA .btm-footer .footer-last .dir-links {
    flex-wrap: wrap;
  }
  .weAreSec .txt .p20 {
    margin-top: 0;
  }
  .headNews .date,
  .headNews .titleNews {
    margin-bottom: 16px;
  }
  .main-search-serv .srch input {
    max-width: 80%;
  }
  .main-tags1 .tag-card {
    width: 100%;
  }
  .Evaluation .rating-star,
  .Evaluation .rating-star.active {
    height: 18px;
    width: 18px;
  }
  .navDGA .row.row-new {
    padding-right: 20px;
  }
  .Evaluation2 .alertEvaluation .right .btnSmall#feedback_no {
    right: 80px;
    min-width: 40px !important;
  }
  .services-details .right-sec .btn-contaimer {
    flex-wrap: wrap;
  }
  .navDGA .navActions {
    position: absolute;
    background: white;
    width: 100%;
    left: 0;
    top: 101%;
    height: 86px;
    justify-content: center;
    visibility: hidden;
  }
  .navDGA .navActions.show {
    visibility: visible;
  }
  .modalSearch .modal-dialog .modal-content .SearchCustom {
    width: 100%;
    padding: 0;
  }
  .modalSearch .SearchCustom .searchInput {
    height: 50px;
    padding: 10px;
    width: calc(100% - 90px);
  }
  .modalSearch .searchSubmit {
    width: 50px;
    height: 50px;
  }
  .modalSearch .searchSubmit img {
    width: 20px;
  }
  .modalSearch .SearchCustom .boxSloce button {
    transform: scale(0.8);
  }
  .customPagi .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
  }
  .customPagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
  }
  .services-sec {
    margin: 0;
    padding: 40px 0 25px 0;
  }
  .services-sec .right-sec.with-shape {
    width: 100%;
    padding-right: 30px;
    padding-left: 45px;
    padding-bottom: 60px;
  }
  .services-sec .right-sec.with-shape::after {
    top: 75%;
    right: 38%;
  }
  .customArrow .swiper-button-next,
  .customArrow .swiper-button-prev {
    background-size: 100px;
  }
  .services-sec .customArrow .swiper-button-next {
    left: 0;
  }
  .services-sec .customArrow .swiper-button-prev {
    right: 0;
  }
  .weAreSec {
    margin-bottom: 0;
    padding: 25px 15px 45px 15px;
  }
  .bgLogo,
  .cardElct .ElcIcon .bg img,
  .innerBanner .linksBnr a img {
    width: 18px;
  }
  .bgLogo,
  .cardElct .ElcIcon .bg,
  .innerBanner .linksBnr a,
  .innerBanner .linksBnr button {
    width: 40px;
    height: 40px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite {
    padding: 30px 30px 55px 30px;
  }
  .ElectronicSec .right-sec.with-shape.leftWithBgWhite::after {
    right: 37%;
    top: -90px;
  }
  .white-btn a img {
    width: 18px;
    height: 18px;
  }
  .services-sec.clearClass {
    padding: 30px 0 0 0;
  }
  .researchSec .cardResearch {
    height: 200px;
  }
  .researchSec .title {
    margin-top: -20px;
    padding-bottom: 30px;
  }
  .newHome .cardNews .customPagi {
    bottom: 190px;
  }
  .newHome,
  .ourNumSec,
  .researchSec {
    margin-bottom: 35px;
  }
  .ourNumSec .numText .p20 {
    padding: 20px 0 35px;
  }
  .partnersCards {
    padding: 32px 0 16px 0;
  }
  .rate:not(:checked) > label {
    width: 23px;
    height: 25px;
    padding-right: 15px;
  }
  .rateContet .bgRate .rateRight .pRate {
    margin-left: 12px;
  }
  .mediaCenter .WSCard .img,
  .eventsPage .WSCard .img,
  .DigitalLibrary .WSCard .img,
  .newsPage .WSCard .img {
    height: 200px;
  }
  .eventsPage .txt {
    height: calc(100% - 225px);
  }
  .newsPage .WSCard .txt {
    height: calc(100% - 225px);
  }
  .ourNumSec .numText .p20 {
    font-size: var(--text-md-medium-font-size);
  }
  .awareness-sec .right-sec p,
  .weAreSec .txt .p20 {
    width: 100%;
    text-align: right;
  }
  .newHome .cardNews .newImg {
    height: 300px;
  }
  .newHome .cardNews .newImg img {
    height: 280px;
  }
}

/*# sourceMappingURL=styleRTL.css.map */