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

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

a {
  text-decoration: none;
}

/* start global */
body {
  background-color: var(--themes-background-background-white);
  overflow-y: auto;
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  padding-top: 0;
  overflow-x: hidden;
}

a {
  color: var(--Text-text-primary);
}
a:hover {
  color: var(--primitives-colors-primary-SA-flag-400);
}

main {
  position: relative;
  overflow: hidden;
}

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

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

img {
  max-width: 100%;
}

.label {
  color: var(--Form-field-text-label, #161616);
  text-align: right;
  /* Text sm/Semibold */
  font-family: "IBM Plex Sans Arabic";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  padding-bottom: 8px;
}

select,
textarea,
input[type=password],
input[type=email],
input[type=number],
input[type=text] {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  background: var(--Form-field-background-darker, #f3f4f6);
  padding: 0px var(--Form-Input-container-padding-right, 16px) 0px var(--Form-Input-container-padding-left, 8px);
  gap: var(--Form-icon-enteredtext, 8px);
  display: inline-flex;
  color: var(--Form-field-text-label, #161616);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  border: 0px solid transparent;
  line-height: 20px;
  /* 142.857% */
}
select::placeholder,
textarea::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=text]::placeholder {
  color: var(--Form-field-text-placeholder, #6c737f);
  /* Text md/Regular */
  font-family: "IBM Plex Sans Arabic";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

textarea {
  height: 96px;
  padding: 12px 16px;
  resize: unset;
}

select {
  -webkit-appearance: none;
  -moz-appearance: window;
  background-image: url("../images/shared/selectArrows.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
}
html[dir=ltr] select, html[lang=en] select {
  background-position: 96% center;
}

.form-group.required label::before {
  content: "*";
  color: var(--Form-field-border-error, #b42318);
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

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

.row > * {
  padding-right: 12px;
  padding-left: 12px;
}

.multi-ellipsis, .boxPartner .textNewsBx p.p16, .boxPartner .textNewsBx .accordionAO .accordion-body p, .accordionAO .accordion-body .boxPartner .textNewsBx p, .boxPartner .textNewsBx .accordionAO p.accordion-button, .accordionAO .boxPartner .textNewsBx p.accordion-button,
.cardNews .textNewsBx p.p16,
.cardNews .textNewsBx .accordionAO .accordion-body p,
.accordionAO .accordion-body .cardNews .textNewsBx p,
.cardNews .textNewsBx .accordionAO p.accordion-button,
.accordionAO .cardNews .textNewsBx p.accordion-button, .boxPartner .textNewsBx .font18,
.cardNews .textNewsBx .font18, .boxQues .p16, .boxQues .accordionAO .accordion-body *, .accordionAO .accordion-body .boxQues *, .boxQues .accordionAO .accordion-button, .accordionAO .boxQues .accordion-button, .boxQues .contentWrapper ul li, .contentWrapper ul .boxQues li, .boxQues .font18, .notices .sharedCard .content-box .main-data .font18, .mainCardWithBtn .p16, .mainCardWithBtn .accordionAO .accordion-body *, .accordionAO .accordion-body .mainCardWithBtn *, .mainCardWithBtn .accordionAO .accordion-button, .accordionAO .mainCardWithBtn .accordion-button, .mainCardWithBtn .contentWrapper ul li, .contentWrapper ul .mainCardWithBtn li, .bannerMenu .contentBanner .BNRtxt p, .innerBannerContent .contentBanner .BNRtxt p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

.bgIcon {
  width: 48px;
  height: 48px;
  background-color: var(--Icon-Bg-icon-brand-light);
  border-radius: var(--radius-full, 9999px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bgIcon.opacityGreen {
  background: var(--Icon-Bg-icon-brand-light, #f3fcf6);
}

.flexCenter, .rateContet .pWarp, .rateContet .bgRate .rateRight, .bgLogo, .mainCard .bgIcon, .aboutUs .aboutUs-card .logo, .listCards .listCard .cardIcon .bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bgLogo, .mainCard .bgIcon, .aboutUs .aboutUs-card .logo, .listCards .listCard .cardIcon .bg {
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full, 9999px);
  background: var(--Icon-Bg-icon-brand-light, #f3fcf6);
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-md-medium-font-size);
}
.styled-checkbox + label:before {
  content: "";
  margin-left: 16px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background: white;
  border: 1px solid var(--Controls-control-border, #6c737f);
}
.styled-checkbox:checked + label:before {
  background: var(--themes-button-button-background-primary-default);
}
.styled-checkbox:disabled + label {
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-md-medium-font-size);
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 11px;
  background: white;
  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);
}

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]::-webkit-inner-spin-button,
input[type=date]::-webkit-clear-button {
  display: none;
  position: absolute;
  right: 0;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-right: 40px;
  cursor: pointer;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-md-medium-font-size);
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--Controls-control-border, #6c737f);
  border-radius: 100%;
  background: #fff;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  position: absolute;
  top: 2px;
  right: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

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

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-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/dateBlackIcon.svg);
}

/* fonts */
.font48, .wapperNum .boxNum .counter {
  font-family: var(--display-lg-semibold-font-family);
  font-weight: var(--display-lg-semibold-font-weight);
  font-size: var(--display-lg-semibold-font-size);
  letter-spacing: var(--display-lg-semibold-letter-spacing);
  line-height: var(--display-lg-semibold-line-height);
}

.font30 {
  font-family: var(--display-sm-bold-font-family);
  font-weight: var(--display-sm-bold-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--display-sm-bold-font-size);
  letter-spacing: var(--display-sm-bold-letter-spacing);
  line-height: var(--display-sm-bold-line-height);
}

.font36 {
  font-family: var(--display-sm-bold-font-family);
  font-weight: var(--display-sm-bold-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--display-md-regular-font-size);
  letter-spacing: var(--display-sm-bold-letter-spacing);
  line-height: var(--display-sm-bold-line-height);
}

.p20 {
  font-family: var(--text-xl-regular-font-family);
  font-weight: var(--text-xl-regular-font-weight);
  font-size: var(--text-xl-regular-font-size);
  text-align: justify;
  letter-spacing: var(--text-xl-regular-letter-spacing);
  line-height: var(--text-xl-regular-line-height);
  font-style: var(--text-xl-regular-font-style);
}

.font24 {
  color: var(--Text-text-default, #161616);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.font18 {
  font-weight: var(--text-lg-bold-font-weight);
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-lg-bold-font-size);
  letter-spacing: var(--text-lg-bold-letter-spacing);
  line-height: var(--text-lg-bold-line-height);
  font-family: var(--text-lg-bold-font-family);
  font-style: var(--text-lg-bold-font-style);
}

.p16, .accordionAO .accordion-body *, .accordionAO .accordion-button, .contentWrapper ul li {
  font-family: var(--text-md-regular-font-family);
  font-weight: var(--text-md-regular-font-weight);
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}

.p14 {
  color: var(--Text-text-primary-paragraph, #384250);
  font-size: var(--Size-Text-typo-size-text-sm, 14px);
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
}

.p12 {
  font-weight: var(--text-xs-medium-font-weight);
  color: var(--themes-tag-tag-text-neutral);
  font-size: var(--text-xs-medium-font-size);
  line-height: var(--text-xs-medium-line-height);
}

.greenColor {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
}

/*
  buttons 
*/
.blackBtnAO {
  display: 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);
}
.blackBtnAO:active {
  background-color: var(--primitives-colors-neutral-600);
  color: var(--Text-text-oncolor-primary, #fff);
}

.black-btn {
  display: flex;
}
.black-btn a {
  display: 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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  gap: var(--Buttonbuttons-lg-gap);
  transition: 0.5s;
}
.black-btn a span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  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: 17px;
  height: 17px;
  margin-right: 6px;
}
.black-btn a:hover {
  background-color: var(--themes-button-button-background-black-hovered);
}
.black-btn.center {
  align-items: center;
  justify-content: center;
}

.gray-btn {
  display: flex;
}
.gray-btn a {
  border: none;
  display: 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-neutral-default);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  transition: 0.25s;
}
.gray-btn a:hover {
  background-color: var(--primitives-colors-neutral-200-duplicate);
}
.gray-btn a:active {
  background-color: var(--primitives-colors-neutral-200-duplicate);
}
.gray-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);
}
.gray-btn a img {
  width: 24px;
  height: 24px;
  margin: 0 5px;
}
.gray-btn a img:lang(en), html[dir=ltr] .gray-btn a img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.white-btn {
  display: flex;
}
.white-btn a {
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  display: 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.25s;
}
.white-btn a:hover {
  background-color: var(--primitives-colors-alpha-alpha-white-80);
}
.white-btn a:active {
  background-color: var(--primitives-colors-alpha-alpha-white-60);
}
.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);
}
.white-btn a img {
  width: 17px;
  height: 17px;
  margin-right: 6px;
  padding-top: 3px;
}
.white-btn.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.white-btn-borderd {
  display: flex;
}
.white-btn-borderd a {
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  display: 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.25s;
}
.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 img {
  width: 17px;
  height: 17px;
  margin-right: 6px;
  padding-top: 3px;
}
.white-btn-borderd img:lang(en), html[dir=ltr] .white-btn-borderd img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.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);
}

.greenBtnMain, .green-btn a,
.green-btn button {
  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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  transition: 0.3s;
  border: 0;
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}
.greenBtnMain span, .green-btn a span,
.green-btn button span {
  font-weight: var(--text-md-medium-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--text-md-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-medium-line-height);
}
.greenBtnMain img, .green-btn a img,
.green-btn button img {
  width: 20px;
  height: 20px;
}
.greenBtnMain img:lang(en), .green-btn a img:lang(en),
.green-btn button img:lang(en), html[dir=ltr] .greenBtnMain img, html[dir=ltr] .green-btn a img, .green-btn html[dir=ltr] a img,
html[dir=ltr] .green-btn button img,
.green-btn html[dir=ltr] button img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.greenBtnMain:hover, .green-btn a:hover,
.green-btn button:hover {
  background-color: var(--themes-button-button-background-primary-hovered);
  color: var(--themes-text-text-oncolor-primary);
}
.greenBtnMain:active, .green-btn a:active,
.green-btn button:active {
  background-color: var(--themes-button-button-background-primary-pressed);
  color: var(--themes-text-text-oncolor-primary);
}

.green-btn {
  display: flex;
}
.green-btn.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.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;
}
.no:hover,
.yes:hover {
  background-color: var(--themes-button-button-background-primary-hovered);
}
.no:active,
.yes:active {
  background-color: var(--themes-button-button-background-primary-pressed);
}
.no:focus,
.yes:focus {
  border: 1px solid var(--themes-border-border-black);
}

.bg-gray {
  background-color: var(--themes-background-background-body);
}

.F14 {
  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);
}

.numbers, .EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul {
  list-style: decimal;
  padding-right: 20px;
}

.alphabetic {
  list-style: lower-alpha;
  padding-right: 20px;
}

/* end global */
.toggleOptions {
  display: none;
}

ul.circular {
  list-style: disc;
  padding-right: 20px;
}

.menuWithBanner {
  position: relative;
  width: 100%;
  z-index: 999;
  top: 0;
  right: 0;
  height: 72px;
  background-color: var(--themes-background-background-menu);
}
@media (max-width: 1400px) {
  .menuWithBanner {
    height: auto;
  }
}
.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: 275px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .cont1280 {
  max-width: 1280px;
}
.menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .col-lg-3 {
  margin-bottom: 24px;
}
.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 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;
}
.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:last-child {
  margin-bottom: 0;
}
.menuWithBanner .navbarMenu .navbar-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  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;
}
.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-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;
}
@media (max-width: 992px) {
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.active::before {
    display: none;
  }
}
.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::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/shared/chevron-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.menuWithBanner .navActions li {
  position: relative;
}
.menuWithBanner .navActions li:hover {
  background-color: var(--themes-button-button-background-neutral-hovered);
}
.menuWithBanner .navActions li:hover::before {
  visibility: visible;
}
.menuWithBanner .navActions li::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;
  transition: 0.3ms;
  visibility: hidden;
}

.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;
}
.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);
}

@media (min-width: 992px) {
  .linkMenu, .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a, .menuWithBanner .navbarMenu .title {
    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;
  }
  .menuWithBanner .navbarMenu .title {
    padding: 0;
    font-size: var(--text-lg-bold-font-size);
    font-weight: var(--text-lg-bold-font-weight);
    margin-bottom: 12px;
    display: inline-block;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .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: 144px;
    right: 0;
    text-align: right;
    background-color: var(--themes-background-background-SA-flag);
    border-radius: 0;
    min-height: 275px;
  }
  .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 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::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:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    top: 77px;
  }
}
@media (max-width: 1400px) {
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    top: 140px;
  }
}
.bannerMenu, .innerBannerContent {
  position: relative;
}
.bannerMenu .contentBanner, .innerBannerContent .contentBanner {
  height: 550px;
  position: relative;
  display: flex;
  align-items: center;
  max-height: 1200px;
  overflow: hidden;
}
.bannerMenu .contentBanner::after, .innerBannerContent .contentBanner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #092a1e;
  opacity: 0.8;
}
.bannerMenu .contentBanner .bg-video-wrap, .innerBannerContent .contentBanner .bg-video-wrap {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.bannerMenu .contentBanner .bg-video-wrap img, .innerBannerContent .contentBanner .bg-video-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu .contentBanner .bg-video-wrap video, .innerBannerContent .contentBanner .bg-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu .contentBanner .BNRtxt, .innerBannerContent .contentBanner .BNRtxt {
  width: 70%;
  position: relative;
  z-index: 2;
}
.bannerMenu .contentBanner .BNRtxt h1, .innerBannerContent .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, .innerBannerContent .contentBanner .BNRtxt h1 {
    font-size: var(--display-md-medium-font-size);
    line-height: var(--display-md-medium-line-height);
  }
}
.bannerMenu .contentBanner .BNRtxt p, .innerBannerContent .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, .innerBannerContent .contentBanner .abosImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}

.innerBannerContent .contentBanner {
  height: 491px;
  margin-top: -40px;
}
@media (min-width: 1700px) {
  .innerBannerContent .contentBanner .BNRtxt {
    width: 37%;
  }
}
.innerBannerContent .contentBanner .BNRtxt p {
  -webkit-line-clamp: 5;
}

.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);
}
.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(--Text-text-primary, #1B8354);
  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);
}

.navDGA .row.row-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.navDGA .row.row-new > * {
  width: max-content;
}
.navDGA .row.row-new .col-3-new {
  margin-right: auto;
}
@media (max-width: 1400px) {
  .navDGA .row.row-new .col-7-new {
    order: 3;
  }
}
.navDGA .logoMain {
  position: relative;
}
.navDGA .logoMain a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 4px;
  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%;
}
.navDGA .navActions {
  display: flex;
  justify-content: left;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .navDGA .navActions {
    padding: var(--spacing-global-spacing-md);
  }
}
.navDGA .navActions .btnSr {
  background: transparent;
  border: unset;
  display: inline-flex;
  min-width: 50px;
  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);
}
@media (max-width: 1600px) {
  .navDGA .navActions .btnSr {
    min-width: 20px;
  }
}
.navDGA .navActions .btnSr 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 li a {
  display: inline-flex;
  min-width: 50px;
  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);
  -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);
}
@media (max-width: 1600px) {
  .navDGA .navActions li a {
    min-width: 20px;
  }
}
.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);
}

.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);
}

.search-results {
  margin-block: 80px 8px;
}
.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/workspaces/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 .font30 {
  flex-basis: 50%;
}
.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 .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);
}
.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 .accordionAO .accordion-body *, .accordionAO .accordion-body .search-results .search-result-list .search-result-box *, .search-results .search-result-list .search-result-box .accordionAO .accordion-button, .accordionAO .search-results .search-result-list .search-result-box .accordion-button, .search-results .search-result-list .search-result-box .contentWrapper ul li, .contentWrapper ul .search-results .search-result-list .search-result-box li {
  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;
}

.footerDGA {
  background-color: 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);
  color: var(--themes-text-text-oncolor-primary);
  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;
}
.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 .social {
  display: flex;
  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: 40px;
  height: 40px;
  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: 24px;
  height: 24px;
  margin-left: -8px;
  margin-right: -8px;
}
.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: 40px;
  height: 40px;
  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 img {
  width: 24px;
  height: 24px;
  margin-left: -8px;
  margin-right: -8px;
}
.footerDGA .FooterLinks .Accessibility li:last-child {
  margin-left: 0;
}
.footerDGA .btm-footer {
  margin-top: 48px;
}
.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 {
  font-weight: var(--text-sm-regular-underlined-font-weight);
  color: var(--themes-link-link-oncolor);
  font-size: var(--text-sm-regular-underlined-font-size);
  letter-spacing: var(--text-sm-regular-underlined-letter-spacing);
  line-height: var(--text-sm-regular-underlined-line-height);
  text-decoration: underline;
}
.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 {
  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);
  font-weight: var(--text-sm-semibold-font-weight);
}
.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 {
  display: flex;
  justify-content: left;
}
.footerDGA .logos-box img {
  max-width: 100%;
  max-width: 133.52px;
  margin-right: 16px;
}
.footerDGA .logos-box img:first-of-type {
  margin-right: 0;
}
@media (max-width: 992px) {
  .footerDGA .logos-box {
    justify-content: right;
  }
}

.modalSearch .modal-dialog {
  max-width: 800px;
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
@media (max-width: 768px) {
  .modalSearch .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
.modalSearch .modal-dialog .modal-content {
  background: transparent;
  border: unset;
}
.modalSearch .modal-dialog .modal-content .SearchCustom {
  width: 750px;
}

.UpdateH3 {
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-sm-regular-font-size);
  letter-spacing: var(--text-sm-regular-letter-spacing);
  line-height: var(--text-sm-regular-line-height);
  direction: rtl;
  font-style: var(--text-sm-regular-font-style);
  margin: 16px 0;
}

/*
  main class
*/
.vote .inner-vote {
  gap: var(--spacing-notification-notification-gap);
  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-3xl);
  margin-bottom: 70px;
  overflow: hidden;
}
.vote .inner-vote .ques-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vote .inner-vote .ques-box .img-box {
  width: 40px;
  height: 40px;
  padding: 11px;
  margin-left: var(--primitives-spacing-3-12px);
  background-color: var(--themes-background-background-neutral-50);
  border-radius: var(--radius-radius-full-duplicate);
}
.vote .inner-vote .ques-box .img-box img {
  width: 100%;
}
.vote .inner-vote .ques-box h4 {
  color: var(--Text-text-display, #1f2a37);
  font-weight: var(--display-lg-semibold-font-weight);
  font-size: var(--text-md-semibold-font-size);
  letter-spacing: var(--display-lg-semibold-letter-spacing);
  line-height: var(--display-lg-semibold-line-height);
}
.vote .inner-vote .btn-vote {
  display: flex;
  justify-content: flex-start;
  gap: var(--spacing-button-button-menu-gap);
  padding: 0px var(--spacing-global-spacing-5xl) 0px var(--spacing-global-spacing-5xl);
}
.vote .inner-vote .btn-vote a {
  display: inline-flex;
  max-height: 32px;
  height: 32px;
  padding: var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding) var(--spacing-global-spacing-none) var(--spacing-button-buttons-md-padding);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-button-buttons-md-gap);
  position: relative;
  border-radius: var(--radius-radius-radius-sm);
  color: var(--themes-text-text-default);
  overflow: hidden;
}
.pagination {
  margin-bottom: 38px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-pagination-pagination-items-padding);
}
.pagination .page-link {
  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 {
  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 {
  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);
  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 {
  width: 24px;
  height: 24px;
}
.pagination .page-link.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 {
  background-color: #F3F4F6;
}

.main-tags1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px 24px;
}
.main-tags1 .tag-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadows-shadow-md);
  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);
  flex: 1;
  flex-grow: 1;
  transition: 0.3s;
}
.main-tags1 .tag-card .img-box {
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--themes-icon-background-brand-light);
  border-radius: var(--radius-radius-full-duplicate);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-tags1 .tag-card .img-box img {
  width: 28px;
}
.main-tags1 .tag-card .cont-box h4 {
  position: relative;
  text-align: center;
  font-weight: var(--text-lg-medium-font-weight);
  color: var(--Text-text-display, #1f2a37);
  font-size: var(--text-lg-medium-font-size);
  line-height: var(--text-lg-medium-line-height);
  font-family: var(--text-lg-medium-font-family);
  letter-spacing: var(--text-lg-medium-letter-spacing);
  font-style: var(--text-lg-medium-font-style);
}
.main-tags1 .tag-card.active {
  border: 2px solid;
  border-color: var(--themes-border-border-black-duplicate);
}
.main-tags1 .tag-card:hover {
  background-color: var(--themes-background-background-neutral-50);
}

.services-details {
  overflow: hidden;
}
.services-details .right-sec {
  background-color: var(--themes-background-background-white);
  padding: 80px 0;
  padding-left: 180px;
  position: relative;
}
.services-details .right-sec::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--themes-background-background-white);
  z-index: -1;
}
.services-details .right-sec .mainTitle {
  font-family: var(--display-md-regular-font-family);
  font-weight: var(--display-md-regular-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--display-md-regular-font-size);
  letter-spacing: var(--display-md-regular-letter-spacing);
  line-height: var(--display-md-regular-line-height);
  font-style: var(--display-md-regular-font-style);
  margin-bottom: var(--primitives-spacing-6-24px);
}
.services-details .right-sec .mainTitle span {
  font-family: var(--display-lg-semibold-font-family);
  font-weight: var(--display-lg-semibold-font-weight);
  color: var(--themes-text-text-primary);
  font-size: var(--display-lg-semibold-font-size);
  letter-spacing: var(--display-lg-semibold-letter-spacing);
  line-height: var(--display-lg-semibold-line-height);
  font-style: var(--display-lg-semibold-font-style);
  display: block;
  margin-top: 8px;
}
.services-details .right-sec p {
  font-family: var(--text-xl-regular-font-family);
  font-weight: var(--text-xl-regular-font-weight);
  color: var(--themes-text-text-default);
  font-size: var(--text-xl-regular-font-size);
  text-align: justify;
  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-6-24px);
}
.services-details .right-sec .btn-contaimer {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.services-details .gray-bc {
  position: relative;
  width: 100%;
  height: 100%;
}
.services-details .gray-bc::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  right: -24px;
  top: 0;
  background-color: var(--themes-background-background-neutral-200);
}
.services-details .gray-bc::after {
  content: "";
  position: absolute;
  width: 81px;
  height: 195px;
  top: 50%;
  right: -67px;
  background-image: url(../images/shared/arrow.svg);
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.services-details .service-tabs-sec {
  margin-top: 32px;
  margin-bottom: 80px;
}
.services-details .service-tabs-sec .services-listItems {
  margin-top: 26px;
}
.services-details .service-tabs-sec .services-listItems ul {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.services-details .service-tabs-sec .services-listItems ul li {
  padding-right: 24px;
  color: var(--themes-text-text-default);
  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);
  position: relative;
}
.services-details .service-tabs-sec .services-listItems ul li::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 4px;
  background-image: url(../images/shared/icon-18.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.services-details .service-tabs-sec .services-listItems ul li a {
  color: var(--themes-text-text-default);
  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);
  position: relative;
}
.services-details .service-tabs-sec .services-listItems.attachments ul li::before {
  background-image: url(../images/shared/Attachment.svg);
}

.left-servDet {
  padding: var(--spacing-button-buttons-lg-padding);
  padding-bottom: var(--spacing-spacing-8xl);
  background-color: var(--themes-background-background-menu-duplicate);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  margin-top: -300px;
  position: relative;
  z-index: 4;
}
.left-servDet .detail-card {
  position: relative;
  padding-bottom: var(--primitives-spacing-2-8px);
  margin-bottom: var(--primitives-spacing-2-8px);
}
.left-servDet .detail-card::after {
  content: "";
  position: absolute;
  width: calc(100% - 64px);
  height: 1;
  bottom: 0;
  right: 32px;
  border-bottom: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
}
.left-servDet .detail-card .title-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: var(--primitives-spacing-2-8px) var(--spacing-button-buttons-lg-padding) var(--primitives-spacing-2-8px) var(--spacing-button-buttons-lg-padding);
  gap: 8px;
}
.left-servDet .detail-card .title-box img {
  width: 15px;
  height: 15px;
}
.left-servDet .detail-card .title-box h5 {
  font-weight: var(--text-md-semibold-font-weight);
  font-size: var(--text-md-semibold-font-size);
  line-height: var(--text-md-semibold-line-height);
  letter-spacing: var(--text-md-semibold-letter-spacing);
  color: var(--themes-text-text-default);
}
.left-servDet .detail-card .content-box {
  padding: var(--primitives-spacing-2-8px) var(--primitives-spacing-10-40px-duplicate) var(--primitives-spacing-2-8px) var(--spacing-button-buttons-lg-padding);
}
.left-servDet .detail-card .content-box p {
  color: var(--themes-text-text-default);
  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);
}
.left-servDet .detail-card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.left-servDet .detail-card:last-child::after {
  display: none;
}

.services-list {
  padding: 70px 0;
}
.services-list .serv-list-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  gap: var(--spacing-card-card-lg-gap);
  padding: var(--spacing-global-spacing-xl);
  position: relative;
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  margin-bottom: var(--primitives-spacing-6-24px);
}
.services-list .serv-list-card .img-box {
  width: 48px;
  height: 48px;
}
.services-list .serv-list-card .img-box img {
  width: 100%;
}
.services-list .serv-list-card .content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-global-spacing-md);
}
.services-list .serv-list-card .content-box h4 {
  font-weight: var(--display-xs-semibold-font-weight);
  color: var(--themes-text-text-default-duplicate);
  font-size: var(--display-xs-semibold-font-size);
  line-height: var(--display-xs-semibold-line-height);
  font-family: var(--display-xs-semibold-font-family);
  letter-spacing: var(--display-xs-semibold-letter-spacing);
  font-style: var(--display-xs-semibold-font-style);
}
.services-list .serv-list-card .content-box p {
  font-size: var(--text-md-regular-font-size);
  font-weight: var(--text-md-regular-font-weigh);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
}
.services-list .serv-list-card .btn-contaimer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-global-spacing-xl);
}

.main-search-serv {
  margin-bottom: var(--primitives-spacing-6-24px);
}
.main-search-serv h4 {
  font-size: var(--text-md-semibold-font-size);
  font-weight: var(--text-md-semibold-font-weight);
  line-height: var(--text-md-semibold-line-height);
  letter-spacing: var(--text-md-semibold-letter-spacing);
  color: var(--themes-form-field-text-label);
  margin-bottom: var(--primitives-spacing-2-8px);
}
.main-search-serv .srch {
  display: flex;
}
.main-search-serv .srch input {
  gap: var(--spacing-form-icon-enteredtext);
  padding: 0px var(--spacing-form-input-container-padding-right) 0px var(--spacing-form-input-container-padding-left);
  height: 40px;
  background-color: var(--themes-form-field-background-default);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--themes-form-field-border-default);
  gap: var(--spacing-form-input-gap);
  padding-right: 44px;
  background-image: url(../images/shared/leading-icon-49.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 96% center;
  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);
}
.main-search-serv .srch input::placeholder {
  color: var(--themes-form-field-text-placeholder);
}
.main-search-serv .srch .green-btn {
  margin-right: 10px;
}
.main-search-serv .srch .green-btn a {
  width: 40px;
  height: 40px;
}
.main-search-serv .srch .green-btn a img {
  width: 24px;
  height: 24px;
}

.modalSearch .modal-dialog {
  max-width: 800px;
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
@media (max-width: 768px) {
  .modalSearch .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
.modalSearch .modal-dialog .modal-content {
  background: transparent;
  border: unset;
}
.modalSearch .modal-dialog .modal-content .SearchCustom {
  width: 750px;
}

@media (max-width: 768px) {
  .modalSearch .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
.modalSearch .SearchCustom {
  height: 74px;
  width: 100%;
  border-radius: 16px;
  padding-right: 30px;
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;
}
.modalSearch .SearchCustom .forGroup {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modalSearch .SearchCustom .searchInput {
  height: 100%;
  width: 80%;
  background: #fff;
  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);
  padding: 20px;
  margin-left: 20px;
}
.modalSearch .SearchCustom .searchInput::placeholder {
  color: var(--themes-form-field-text-placeholder);
  font-size: var(--text-md-regular-font-size);
}
.modalSearch .SearchCustom .boxSloce {
  display: flex;
  justify-content: center;
  margin-top: 31px;
}
.modalSearch .SearchCustom .boxSloce button {
  opacity: 1;
}
.modalSearch .searchSubmit {
  height: 100%;
  width: 71px;
  background-color: var(--themes-button-button-background-primary-default);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  border: unset;
}
.modalSearch .modal-dialog {
  max-width: 800px;
  min-height: calc(60vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.modalSearch .modal-dialog .modal-content {
  background: transparent;
  border: unset;
}
.modalSearch .modal-dialog .modal-content .SearchCustom {
  width: 750px;
}
.modalSearch button.btn {
  background: transparent;
  border: unset;
  background: transparent;
  border: unset;
}

.chatEvent {
  position: absolute;
  z-index: 9;
  width: 56px;
  height: 56px;
  bottom: 32px;
  left: 3%;
}
.chatEvent .bgIcon {
  width: 56px;
  height: 56px;
  transition: 0.25s;
  background-color: var(--themes-background-background-success);
}
.chatEvent .bgIcon:hover {
  background: #166a45;
}

.textSec .font30 {
  margin-top: var(--spacing-global-spacing-5xl);
  margin-bottom: var(--spacing-spacing-3xl);
}
.textSec .p16, .textSec .accordionAO .accordion-body *, .accordionAO .accordion-body .textSec *, .textSec .accordionAO .accordion-button, .accordionAO .textSec .accordion-button, .textSec .contentWrapper ul li, .contentWrapper ul .textSec li {
  margin-top: var(--spacing-spacing-xl);
  margin-bottom: var(--spacing-spacing-4xl);
}

.mainCardBorder {
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg-duplicate);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  height: 100%;
  min-height: 188px;
  transition: 0.3s background ease-in-out;
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  -ms-transition: 0.3s background ease-in-out;
  -o-transition: 0.3s background ease-in-out;
}
.mainCardBorder:hover {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.mainCardBorder .font18 {
  padding: 16px 0 8px;
}

.mainCardWithBtn {
  gap: var(--spacing-card-card-lg-gap);
  padding: var(--spacing-global-spacing-xl);
  align-self: stretch;
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  border: 1px solid;
  min-height: 220px;
  border-color: var(--themes-border-border-neutral-primary);
  height: 100%;
}
.mainCardWithBtn .font18 {
  padding: 24px 0 8px;
}
.mainCardWithBtn .green-btn {
  padding-top: 24px;
  padding-bottom: 24px;
}
.mainCardWithBtn .p16, .mainCardWithBtn .accordionAO .accordion-body *, .accordionAO .accordion-body .mainCardWithBtn *, .mainCardWithBtn .accordionAO .accordion-button, .accordionAO .mainCardWithBtn .accordion-button, .mainCardWithBtn .contentWrapper ul li, .contentWrapper ul .mainCardWithBtn li {
  min-height: 48px;
}

.absoluteTitleWithBtn, .PublicationSec .white-btn-borderd, .rollOfGaft .white-btn-borderd {
  position: absolute;
  left: 0;
  width: auto;
  top: 40px;
}

.rollOfGaft {
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
  background-color: var(--themes-background-background-neutral-100);
}
.rollOfGaft .container {
  position: relative;
}
.rollOfGaft .col-md-12 {
  width: 80%;
}
.rollOfGaft .white-btn-borderd a {
  background-color: transparent;
}

.ourNums .row > *,
.ourServicesSec .row > *,
.rollOfGaft .row > * {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .ourNums .row > *,
  .ourServicesSec .row > *,
  .rollOfGaft .row > * {
    margin-bottom: var(--spacing-global-spacing-5xl);
  }
}

@media (max-width: 768px) {
  .rollOfGaft .row .col-md-12,
  .ourServicesSec .row .col-md-12 {
    margin-bottom: 0;
  }
}

.partners {
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
}
.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: 165px;
}
.partners .customArrowNext {
  right: auto;
  left: 10px;
}
.partners .customArrowPrev {
  right: 10px;
  left: auto;
}
.partners .partnersSwiper {
  width: calc(100% - 122px);
  margin: 0 auto;
}
.partners .col-md-12 {
  position: relative;
}

.customArrowPrev {
  background: var(--themes-button-button-background-neutral-default) url(../images/home/arrowSwiperRight.webp);
}

.customArrowNext {
  background: var(--themes-button-button-background-neutral-default) url(../images/home/arrowSwiperLeft.webp);
}

.customArrowNext,
.customArrowPrev {
  background-repeat: no-repeat;
  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);
  gap: var(--spacing-button-buttons-lg-gap);
  background-size: 13px;
  background-position: center;
  border-radius: var(--radius-radius-radius-sm);
}

.customArrowPrev:after,
.customArrowNext:after {
  display: none;
}

.ourServicesSec {
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
  background: linear-gradient(32deg, rgb(16, 70, 49) 0%, rgb(27, 131, 84) 100%);
}
.ourServicesSec .textSec * {
  color: var(--themes-text-text-oncolor-primary);
}
.ourNums {
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
  background-color: var(--themes-background-background-neutral-100);
}
@media (max-width: 992px) {
  .ourNums .row > * {
    margin-bottom: var(--spacing-spacing-4xl);
  }
}
.ourNums .row .col-12,
.ourNums .row .col-md-12 {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .PublicationSec .row > * {
    margin-bottom: var(--spacing-global-spacing-xl);
  }
}

.wapperNum {
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  text-align: center;
  height: 100%;
}
.wapperNum .boxNum .counter {
  color: var(--themes-text-text-primary-sa-flag);
  padding: 24px 0 8px;
}

.showInMob {
  display: none;
}

.PublicationSec .container {
  position: relative;
}
.dateCard {
  display: inline-flex;
  height: 24px;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-global-spacing-xs);
  padding: var(--spacing-global-spacing-none) var(--spacing-global-spacing-md) var(--spacing-global-spacing-none) var(--spacing-global-spacing-md);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--themes-tag-tag-background-neutral-light);
  border-radius: var(--radius-radius-sm);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-secondary);
}

.dateCard2 {
  display: inline-flex;
  padding: var(--spacing-global-spacing-xs) var(--spacing-global-spacing-lg);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-global-spacing-xs);
  border-radius: var(--radius-radius-radius-sm);
  border: 1px solid var(--themes-border-border-neutral-secondary);
  background: var(--themes-tag-tag-background-neutral-light);
  height: 32px;
}
.dateCard2 span {
  color: var(--themes-tag-tag-text-neutral);
  font-size: var(--text-md-medium-font-size);
  font-family: var(--text-md-medium-font-family);
  font-weight: var(--text-md-medium-font-weight);
  line-height: var(--text-md-medium-line-height);
}

.sharedCard {
  padding: var(--spacing-global-spacing-xl);
  align-self: stretch;
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  transition: 0.3s background ease-in-out;
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  -ms-transition: 0.3s background ease-in-out;
  -o-transition: 0.3s background ease-in-out;
}
.sharedCard:hover {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.sharedCard:hover .SDimg > img {
  transform: scale(1.1);
}
.sharedCard .SDimg {
  height: 250px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--radius-radius-lg);
}
.sharedCard .SDimg > img {
  width: 100%;
  border-radius: var(--radius-radius-lg);
  height: 100%;
  transition: 0.25s;
  object-fit: cover;
}
.sharedCard .font18 {
  margin: 12px 0;
}
.sharedCard .green-btn {
  padding-top: 12px;
}

.PublicationSec {
  padding-bottom: 40px;
}
.PublicationSec .swiper-slide {
  height: auto;
}
.PublicationSec .swiper-slide .sharedCard {
  height: 100%;
}

.footerDGA .FooterLinks .social li a:hover,
.footerDGA .FooterLinks .Accessibility li a:hover {
  background: #39715a;
}

.contrast {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.workspaces-tabsCont .tab-content {
  margin-bottom: 40px;
}

.innerBanner {
  position: relative;
  padding: 40px 0;
  background: linear-gradient(45deg, #14573a 0%, #1b8354 100%);
  margin-bottom: var(--spacing-spacing-5xl);
}
.innerBanner .breadcrumb {
  height: auto;
  padding-bottom: 0px;
  margin-bottom: var(--primitives-spacing-4-16px);
}
.innerBanner .breadcrumb .items {
  margin: 0;
  align-items: center;
  display: flex;
  margin-top: 0;
  padding: 0;
  flex-wrap: wrap;
}
.innerBanner .breadcrumb .items li .home img {
  width: 20px;
}
.innerBanner .breadcrumb .items li a {
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--text-sm-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-regular-line-height);
  position: relative;
  color: var(--themes-link-link-oncolor);
  padding-left: 24px;
}
.innerBanner .breadcrumb .items li a::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  height: 13px;
  width: 16px;
  background-image: url(../images/shared/old-chevron-left-3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: contain;
}
html[dir=ltr] .innerBanner .breadcrumb .items li a::after, html[lang=en] .innerBanner .breadcrumb .items li a::after {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.innerBanner .breadcrumb .items li span {
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--themes-link-link-oncolor-pressed);
  font-size: var(--text-sm-medium-font-size);
  letter-spacing: var(--text-md-medium-letter-spacing);
  line-height: var(--text-md-regular-line-height);
  text-decoration-line: none;
}
.innerBanner .titleBnr h1 {
  font-family: var(--display-md-regular-font-family);
  font-weight: var(--display-lg-semibold-font-weight);
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--display-md-regular-font-size);
  letter-spacing: var(--display-md-regular-letter-spacing);
  line-height: var(--display-md-regular-line-height);
  font-style: var(--display-md-regular-font-style);
  margin-bottom: var(--primitives-spacing-4-16px);
}
@media (max-width: 992px) {
  .innerBanner .titleBnr h1 {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
  }
}
.innerBanner .titleBnr p {
  font-family: var(--text-md-regular-font-family);
  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);
  color: var(--themes-text-text-oncolor-secondary);
}

.inner-lastUpdate .UpdateH3 {
  margin: 0;
  padding-top: 16px;
}

.usefull-section {
  padding-block: 32px;
}

.listCards .gray-btn {
  background: transparent;
}
.listCards .listCard {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-card-card-lg-gap);
  padding: var(--Global-spacing-xl, 16px);
  margin-bottom: var(--primitives-spacing-6-24px-duplicate);
  /* new vars */
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  position: relative;
}
.listCards .listCard .font18 {
  color: var(--Text-text-display, #1f2a37);
}
.listCards .gray-btn {
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}

.aboutUs .aboutUs-card {
  background-color: var(--themes-background-background-card);
  border: 1px solid;
  border-color: var(--themes-border-border-neutral-primary);
  padding: var(--spacing-spacing-3xl);
  border-radius: var(--radius-radius-lg);
  margin-bottom: var(--spacing-card-card-lg-gap);
}
.aboutUs .aboutUs-card .logo {
  margin-bottom: 24px;
}
.aboutUs .aboutUs-card .font18 {
  color: var(--Text-text-display, #1f2a37);
  margin-bottom: 8px;
}
.aboutUs .aboutUs-card .p16, .aboutUs .aboutUs-card .accordionAO .accordion-body *, .accordionAO .accordion-body .aboutUs .aboutUs-card *, .aboutUs .aboutUs-card .accordionAO .accordion-button, .accordionAO .aboutUs .aboutUs-card .accordion-button, .aboutUs .aboutUs-card .contentWrapper ul li, .contentWrapper ul .aboutUs .aboutUs-card li {
  color: var(--Text-text-default, #161616);
}
.aboutUs .aboutUs-card ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.aboutUs .aboutUs-card ul li {
  font-family: var(--text-md-regular-font-family);
  font-weight: var(--text-md-regular-font-weight);
  color: var(--Text-text-default, #161616);
  font-size: var(--text-md-regular-font-size);
  letter-spacing: var(--text-md-regular-letter-spacing);
  line-height: var(--text-md-regular-line-height);
  padding-block: var(--spacing-global-spacing-md);
}
@media (max-width: 992px) {
  .aboutUs.businessCouncils .main-top {
    background-color: transparent;
    justify-content: start;
    align-items: start;
    margin-bottom: 0;
    padding-inline: 0;
  }
  .aboutUs.businessCouncils .main-top .main-h {
    font-family: var(--display-sm-bold-font-family);
    font-weight: var(--display-sm-bold-font-weight);
    color: var(--themes-text-text-default);
    font-size: var(--display-sm-bold-font-size);
    letter-spacing: var(--display-sm-bold-letter-spacing);
    line-height: var(--display-sm-bold-line-height);
  }
  .aboutUs.businessCouncils .main-top .main-p {
    text-align: start;
  }
}

.mainCard {
  min-height: 220px;
  padding: var(--spacing-global-spacing-xl);
  background-color: var(--themes-background-background-card);
  border-radius: var(--radius-radius-lg);
  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  transition: 0.3s background ease-in-out;
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  -ms-transition: 0.3s background ease-in-out;
  -o-transition: 0.3s background ease-in-out;
}
.mainCard:hover {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.mainCard .bgIcon {
  margin-bottom: 16px;
}
.mainCard .font18 {
  margin-bottom: var(--spacing-spacing-md);
}
.ourRole {
  background-color: var(--themes-background-background-white);
  padding-bottom: var(--spacing-global-spacing-5xl-duplicate);
}
.ourRole .innerPadding {
  padding: var(--spacing-spacing-3xl);
  border-radius: var(--radius-lg);
  -webkit-border-radius: var(--radius-lg);
  -moz-border-radius: var(--radius-lg);
  -ms-border-radius: var(--radius-lg);
  -o-border-radius: var(--radius-lg);
}
.ourRole .textSec .font30 {
  margin-top: 0;
}

.grey-bg {
  background-color: var(--themes-background-background-neutral-100);
  border-radius: var(--radius-radius-lg);
}

.spacing32 .row > * {
  padding-left: 16px;
  padding-right: 16px;
}

.tag-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-global-spacing-xs) var(--spacing-global-spacing-lg);
  gap: var(--spacing-global-spacing-xs);
  border-radius: var(--radius-radius-radius-sm);
  border: 1px solid var(--tag-border-error-light);
  background: var(--tag-background-error-light);
  height: 32px;
}
.tag-sec span {
  color: var(--tag-text-error);
  font-size: var(--text-xs-medium-font-size);
  font-family: var(--text-xs-medium-font-family);
  font-weight: var(--text-xs-medium-font-weight);
  line-height: var(--text-xs-medium-line-height);
}
.tag-sec.infoTag {
  background: var(--Tag-tag-background-info-light, #eff8ff);
  border: 1px solid var(--Tag-tag-border-info-light, #b2ddff);
}
.tag-sec.infoTag span {
  color: var(--Tag-tag-text-info, #1849a9);
}

.main-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  padding: 24px;
  gap: 16px;
  margin-bottom: var(--primitives-spacing-10-40px);
}
.main-top .main-h {
  color: var(--themes-text-text-primary);
  font-family: var(--display-xs-semibold-font-family);
  font-size: var(--display-xs-semibold-font-size);
  font-weight: var(--display-xs-semibold-font-weight);
  line-height: var(--display-xs-semibold-line-height);
  text-align: center;
}
.main-top .main-p {
  color: var(--themes-text-text-default);
  text-align: center;
  font-size: var(--text-lg-regular-font-size);
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  line-height: var(--text-lg-regular-line-height);
}

.social-wrapper {
  position: relative;
  display: flex;
  justify-content: end;
}
.social-wrapper .social-icons {
  display: flex;
  gap: 12px;
  justify-content: end;
  position: absolute;
}
.social-wrapper .social-icons a {
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.social-wrapper .social-icons a:last-of-type {
  margin-inline-end: 0;
}
.social-wrapper .social-icons a img {
  vertical-align: bottom;
}
.social-wrapper .social-icons a:hover {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 992px) {
  .social-wrapper .social-icons {
    text-align: end;
    display: none;
    flex-direction: column;
    margin-top: 10px;
    bottom: -64px;
    height: 58px;
    /*inset-inline-start: 0;
    */
    width: max-content;
    background: var(--themes-button-button-background-primary-default);
    padding: 8px;
    box-shadow: var(--shadows-shadow-3xl);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }
}
.social-wrapper .social-toggle {
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: transparent;
}
.social-wrapper .social-toggle:hover {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 992px) {
  .social-wrapper .social-toggle {
    display: inline-block;
  }
}

.mapWrapper-mobile .DGA-tabs1.DGA-switcher .nav-item .nav-link {
  min-width: max-content;
  padding: 4px 18px;
  font-size: var(--text-md-regular-font-size);
  font-weight: var(--text-md-regular-font-weigh);
  line-height: var(--text-md-regular-line-height);
}
.mapWrapper-mobile .map-wrapper-second {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  border-radius: 16px;
}
.mapWrapper-mobile .pinch-zoom {
  width: 100%;
  height: 100%;
}
.mapWrapper-mobile .mobile-tabs .map-wrapper {
  border-radius: 16px;
  background: #264c59;
}
.mapWrapper-mobile .mobile-tabs .country-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mapWrapper-mobile .mobile-tabs .country-list .country {
  background: #f5f5f5;
  border: none;
  text-align: right;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.mapWrapper-mobile .mobile-tabs .country-list .country img {
  width: 24px;
  height: 16px;
}
.mapWrapper-mobile .parentAction a {
  display: flex;
  padding: var(--Global-spacing-xl, 16px);
  align-items: center;
  gap: var(--Card-card-lg-gap, 24px);
  align-self: stretch;
  border-radius: var(--radius-lg, 16px);
  background: var(--Background-background-card, #FFF);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.mapWrapper-mobile .parentAction a img {
  width: 32px;
  height: 24px;
}
.mapWrapper-mobile .parentAction a .font16R {
  color: var(--Text-text-display, #1F2A37);
  text-align: right;
  /* Text lg/Bold */
  font-family: "IBM Plex Sans Arabic";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

.search-sort,
.inquiries {
  margin-bottom: var(--primitives-spacing-10-40px);
}
.search-sort .row > *,
.inquiries .row > * {
  margin-bottom: var(--spacing-global-spacing-lg);
}

.search-sec {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (max-width: 550px) {
  .search-sec {
    flex-wrap: wrap;
  }
}
.search-sec input {
  width: 100%;
  max-width: 520px;
  height: 40px;
  background-color: var(--themes-form-field-background-default);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--themes-form-field-border-default);
  font-weight: var(--text-md-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);
  padding: 14px 30px;
  padding-right: 48px;
  color: var(--themes-text-text-default);
  background-image: url(../images/workspaces/search.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
}
.search-sec input::placeholder {
  color: var(--themes-form-field-text-placeholder);
  font-size: var(--text-sm-regular-font-size);
}
.search-sec input:lang(en), html[dir=ltr] .search-sec input {
  background-position: calc(10% - 17px) center;
}
.search-sec .green-btn {
  display: inline-flex;
  flex-basis: 25%;
}
.cal-sec {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (max-width: 550px) {
  .cal-sec {
    flex-wrap: wrap;
  }
}
.cal-sec input {
  width: 100%;
  max-width: 520px;
  height: 40px;
  background-color: var(--themes-form-field-background-default);
  border-radius: var(--radius-radius-radius-sm);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--themes-form-field-border-default);
  font-weight: var(--text-md-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);
  padding: 14px 30px;
  padding-right: 48px;
  color: var(--themes-text-text-default);
  background-image: url(../images/shared/calendar.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
}
.cal-sec input::placeholder {
  color: var(--themes-form-field-text-placeholder);
  font-size: var(--text-sm-regular-font-size);
}
.cal-sec .green-btn {
  display: inline-flex;
}
.sort-sec {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 1200px) {
  .sort-sec {
    justify-content: start;
  }
}
.sort-sec .black-btn select {
  box-shadow: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-width: 125px;
  padding: 0px 30px;
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-sm);
  text-align: center;
  background: var(--themes-button-button-background-black-default);
  background-image: url(../images/workspaces/old-chevron-down.svg), url(../images/workspaces/filter.svg);
  background-repeat: no-repeat;
  background-position: 15px center, calc(100% - 11px) center;
  color: var(--themes-text-text-oncolor-primary);
  font-size: var(--text-md-medium-font-size);
  line-height: var(--text-md-medium-line-height);
  font-weight: var(--text-md-medium-font-weight);
}
.sort-sec .white-btn-borderd a {
  border-color: #000;
}
.sort-sec .white-btn-borderd a img {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}

.workspaces-list .row > *,
.notices .row > * {
  margin-bottom: 48px;
}
.workspaces-list .sharedCard,
.notices .sharedCard {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-card-card-lg-gap);
  height: 100%;
}
.workspaces-list .sharedCard .img-box,
.notices .sharedCard .img-box {
  height: 250px;
  border-radius: var(--radius-radius-md);
}
.workspaces-list .sharedCard .img-box img,
.notices .sharedCard .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workspaces-list .sharedCard .content-box .date-type,
.notices .sharedCard .content-box .date-type {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.workspaces-list .sharedCard .content-box .date-type .dateCard,
.notices .sharedCard .content-box .date-type .dateCard {
  display: flex;
  padding: var(--spacing-global-spacing-xs) var(--spacing-global-spacing-lg);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-global-spacing-xs);
  border-radius: var(--radius-radius-radius-sm);
  border: 1px solid var(--themes-border-border-neutral-secondary);
  background: var(--themes-tag-tag-background-neutral-light);
  height: 32px;
}
.workspaces-list .sharedCard .content-box .date-type .dateCard span,
.notices .sharedCard .content-box .date-type .dateCard span {
  color: var(--themes-tag-tag-text-neutral);
  font-size: var(--text-md-medium-font-size);
  font-family: var(--text-md-medium-font-family);
  font-weight: var(--text-md-medium-font-weight);
  line-height: var(--text-md-medium-line-height);
}
.workspaces-list .sharedCard .content-box .main-data .font18,
.notices .sharedCard .content-box .main-data .font18 {
  padding-top: 12px;
  padding-bottom: 8px;
}
.workspaces-list .sharedCard .btns-box,
.notices .sharedCard .btns-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-global-spacing-xl);
  align-self: stretch;
  flex-wrap: wrap;
  gap: 16px;
}
.workspaces-list .sharedCard .btns-box .green-btn,
.notices .sharedCard .btns-box .green-btn {
  padding-top: 0;
}

.notices .row > * {
  margin-bottom: 24px;
}
.notices .sharedCard .img-box {
  width: 48px;
  height: 48px;
  padding: 12px;
  background: var(--Icon-Bg-icon-brand-light, #F3FCF6);
  border-radius: var(--radius-radius-full);
  -webkit-border-radius: var(--radius-radius-full);
  -moz-border-radius: var(--radius-radius-full);
  -ms-border-radius: var(--radius-radius-full);
  -o-border-radius: var(--radius-radius-full);
}
.notices .sharedCard .tag-sec {
  display: inline-flex;
  padding: 0 var(--spacing-global-spacing-lg);
}
.notices .sharedCard .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);
}
.notices .sharedCard .tag-sec.tag-blue span {
  color: inherit;
}
.notices .sharedCard .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);
}
.notices .sharedCard .tag-sec.tag-green span {
  color: inherit;
}
.notices .sharedCard .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);
}
.notices .sharedCard .tag-sec.tag-yellow span {
  color: inherit;
}
.notices .sharedCard .content-box .date-type {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 8px;
}
.notices .sharedCard .content-box .date-type .dateCard {
  padding: 0 var(--spacing-global-spacing-lg);
}
.notices .sharedCard .content-box .date-type .dateCard span {
  color: var(--themes-tag-tag-text-neutral);
  font-size: var(--text-md-medium-font-size);
  font-family: var(--text-md-medium-font-family);
  font-weight: var(--text-md-medium-font-weight);
  line-height: var(--text-md-medium-line-height);
}
.notices .sharedCard .content-box .main-data {
  margin-bottom: 24px;
  min-height: auto !important;
}
.notices .sharedCard .content-box .main-data .font18 {
  margin-block: 0;
  padding-top: 0;
  font-weight: var(--text-lg-bold-font-weight);
  padding: 0;
}
.notices .sharedCard .btns-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-global-spacing-xl);
  align-self: stretch;
  flex-wrap: wrap;
  gap: 16px;
}
.notices .sharedCard .btns-box .green-btn {
  padding-top: 0;
}

.main-top .tag-sec {
  height: 24px;
  padding: var(--spacing-global-spacing-none) var(--spacing-global-spacing-md);
}
.main-top .tag-sec span {
  /* Text xs/Medium */
  font-size: var(--text-typo-size-text-xs);
  font-style: normal;
  font-weight: 500;
  line-height: var(--text-line-heights-text-xs);
}

.innerWorkspaces-tabs-sec .DGA-tabs1 {
  width: 100%;
  margin-bottom: 24px;
}

.innerWorkspaces-tabsCont p {
  font-size: var(--text-md-regular-font-size);
  font-family: var(--text-md-regular-font-family);
  font-weight: var(--text-md-regular-font-weight);
  line-height: var(--text-md-regular-line-height);
  color: var(--themes-text-text-default);
  margin-bottom: 24px;
}
.innerWorkspaces-tabsCont p + p {
  margin-top: 8px;
}
.innerWorkspaces-tabsCont .file-conf {
  border-radius: var(--radius-radius-md);
  background: var(--themes-background-background-neutral-100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: var(--spacing-notification-notification-toast-v-padding) var(--spacing-notification-notification-toast-desktop-h-padding);
  gap: var(--spacing-notification-notification-gap);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray {
  background: transparent;
  border: 1px solid var(--Border-border-neutral-primary, #D2D6DB);
  position: relative;
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray::before {
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 8px;
  position: absolute;
  opacity: 0.7;
  height: 100%;
  background: var(--Background-background-neutral-200, #E5E7EB);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .file-details .icon-box {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .file-details .icon-box img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(1579%) hue-rotate(332deg) brightness(81%) contrast(83%);
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(1579%) hue-rotate(332deg) brightness(81%) contrast(83%);
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(1579%) hue-rotate(332deg) brightness(81%) contrast(83%);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .white-btn a {
  color: #fff;
  background-color: var(--Button-button-background-black-default, #0D121C);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .white-btn a span {
  color: #fff;
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .white-btn a img {
  filter: invert(1) brightness(4);
  -webkit-filter: invert(1) brightness(4);
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .white-btn a:hover {
  background: #1F2A37;
}
.innerWorkspaces-tabsCont .file-conf.tag.tag-gray .white-btn a:active {
  background: #4D5761;
}
.innerWorkspaces-tabsCont .file-conf .file-details {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-global-spacing-lg);
  align-self: stretch;
}
.innerWorkspaces-tabsCont .file-conf .file-details .icon-box {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-full);
  background: var(--Icon-background-success-light);
}
.innerWorkspaces-tabsCont .file-conf .file-details .icon-box img {
  width: 24px;
  height: 24px;
  padding: 1.25px 2.75px;
}
.innerWorkspaces-tabsCont .file-conf .file-details .content-box h4 {
  font-size: var(--text-md-semibold-font-size);
  font-family: var(--text-md-semibold-font-family);
  font-weight: var(--text-md-semibold-font-weight);
  line-height: var(--text-md-semibold-line-height);
  color: var(--Text-text-display, #1f2a37);
  margin-bottom: 4px;
}
.innerWorkspaces-tabsCont .file-conf .file-details .content-box p {
  color: var(--themes-text-text-primary-paragraph);
  font-family: var(--text-sm-regular-font-family);
  font-size: var(--text-sm-regular-font-size);
  font-weight: var(--text-sm-regular-font-weight);
  line-height: var(--text-sm-regular-line-height);
  margin: 0;
}
.innerWorkspaces-tabsCont .file-conf .btns-box {
  display: flex;
  padding: 0px var(--spacing-global-spacing-5xl);
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-button-button-menu-gap);
  align-self: stretch;
}
.innerWorkspaces-tabsCont .file-conf .btns-box .white-btn a {
  border: 0;
}
.innerWorkspaces-tabsCont .file-conf .btns-box .white-btn a img {
  margin: 0;
  padding: 0;
}

.form-group {
  padding-bottom: 24px;
}

.customNumberWithSelect {
  display: flex;
}
.customNumberWithSelect select {
  flex-shrink: 1;
  width: auto;
  min-width: 14%;
  max-width: 20%;
}

.innerWorkspaces-tabsCont {
  padding-bottom: 48px;
}

.contaienrTab2 .reCAPTCHA {
  padding: 24px 0;
}

.boxQues {
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  display: flex;
  padding: var(--Global-spacing-xl, 16px);
  flex-direction: column;
  gap: var(--Card-card-lg-gap, 24px);
  justify-content: space-between;
  height: 100%;
  transition: 0.3s background ease-in-out;
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  -ms-transition: 0.3s background ease-in-out;
  -o-transition: 0.3s background ease-in-out;
}
.boxQues:hover {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.boxQues .vot {
  justify-content: right;
  gap: 8px;
}
.boxQues .font18 {
  font-weight: 700;
}
.boxQues .p16, .boxQues .accordionAO .accordion-body *, .accordionAO .accordion-body .boxQues *, .boxQues .accordionAO .accordion-button, .accordionAO .boxQues .accordion-button, .boxQues .contentWrapper ul li, .contentWrapper ul .boxQues li {
  -webkit-line-clamp: 3;
}

.QuestionnairesListWrapper .row > *:not(.col-12) {
  margin-bottom: 40px;
}
.QuestionnairesListWrapper .boxQues {
  height: 100%;
}

.commerAbout .col-lg-4 {
  margin-bottom: 40px;
}

.taskUL {
  list-style: none;
}
.taskUL li {
  padding-right: 16px;
  position: relative;
}
.taskUL li::after {
  position: absolute;
  right: 0;
  top: 2px;
  content: "-";
  color: var(--Text-text-default, #161616);
  /* Text md/Regular */
  font-family: "IBM Plex Sans Arabic";
  font-size: 16px;
  font-weight: 400;
}

body .rating-scale {
  display: flex;
}
@media (max-width: 550px) {
  body .rating-scale {
    flex-wrap: wrap;
  }
}
body .rating-scale [type=radio]:checked + label:after,
body .rating-scale [type=radio]:not(:checked) + label:after,
body .rating-scale [type=radio]:checked + label:before,
body .rating-scale [type=radio]:not(:checked) + label:before {
  display: none;
}
body .rating-scale .label:first-of-type {
  border-radius: 0px 4px 4px 0px;
}
body .rating-scale .label:last-of-type {
  border-radius: 4px 0px 0px 4px;
  border-left: 1px solid #000;
}
body .rating-scale .label {
  border: 1px solid #000;
  border-left: 0;
  padding: 6px 12px;
  text-align: center;
  min-width: 30px;
  background-color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
  color: #384250;
  text-align: right;
  /* Text sm/Medium */
  font-family: "IBM Plex Sans Arabic";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}
body .rating-scale input[type=radio] {
  display: none;
}
body .rating-scale input[type=radio] + label {
  padding: 12px 16px;
}
body .rating-scale input[type=radio]:checked + label {
  background-color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  color: #fff;
  border-color: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
}

.flexColumn .radioGroup {
  flex-direction: column;
  align-items: unset;
}
.flexColumn .radioGroup p {
  margin-bottom: 12px;
}

.innerQuesBorder {
  margin-bottom: 56px;
  padding: var(--Global-spacing-3xl, 24px);
  border-radius: 8px;
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.05), 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.innerQuesBorder .radioGroup input[type=radio] {
  display: none;
}
.innerQuesBorder .form-group {
  padding-bottom: 21px;
}
.innerQuesBorder .form-group .p20 {
  padding-bottom: 9px;
  font-weight: 500;
}
@media (max-width: 550px) {
  .innerQuesBorder .form-group .p20 {
    font-size: var(--text-md-regular-font-size);
    line-height: var(--text-md-regular-line-height);
  }
}
.innerQuesBorder .form-group .checkboxIn {
  margin-bottom: 12px;
}

.boxEservContactUs, .EServicesWrapper .boxEserv {
  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);
}
.boxEservContactUs .servItem, .EServicesWrapper .boxEserv .servItem {
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
}
.boxEservContactUs .servItem .logoServ, .EServicesWrapper .boxEserv .servItem .logoServ {
  flex-shrink: 0;
}
.boxEservContactUs .servItem .logoServ img, .EServicesWrapper .boxEserv .servItem .logoServ img {
  max-width: 50px;
}
.boxEservContactUs .servItem .textServ h5.p16, .boxEservContactUs .servItem .textServ .accordionAO .accordion-body h5, .accordionAO .accordion-body .boxEservContactUs .servItem .textServ h5, .boxEservContactUs .servItem .textServ .accordionAO h5.accordion-button, .accordionAO .boxEservContactUs .servItem .textServ h5.accordion-button, .EServicesWrapper .boxEserv .servItem .textServ h5.p16, .EServicesWrapper .boxEserv .servItem .textServ .accordionAO .accordion-body h5, .accordionAO .accordion-body .EServicesWrapper .boxEserv .servItem .textServ h5, .EServicesWrapper .boxEserv .servItem .textServ .accordionAO h5.accordion-button, .accordionAO .EServicesWrapper .boxEserv .servItem .textServ h5.accordion-button {
  font-weight: var(--text-lg-bold-font-weight);
  padding-bottom: 4px;
}
.boxEservContactUs .servItem .textServ .p16, .boxEservContactUs .servItem .textServ .accordionAO .accordion-body *, .accordionAO .accordion-body .boxEservContactUs .servItem .textServ *, .boxEservContactUs .servItem .textServ .accordionAO .accordion-button, .accordionAO .boxEservContactUs .servItem .textServ .accordion-button, .boxEservContactUs .servItem .textServ .contentWrapper ul li, .contentWrapper ul .boxEservContactUs .servItem .textServ li, .EServicesWrapper .boxEserv .servItem .textServ .p16, .EServicesWrapper .boxEserv .servItem .textServ .accordionAO .accordion-body *, .accordionAO .accordion-body .EServicesWrapper .boxEserv .servItem .textServ *, .EServicesWrapper .boxEserv .servItem .textServ .accordionAO .accordion-button, .accordionAO .EServicesWrapper .boxEserv .servItem .textServ .accordion-button, .EServicesWrapper .boxEserv .servItem .textServ .contentWrapper ul li, .contentWrapper ul .EServicesWrapper .boxEserv .servItem .textServ li {
  color: var(--Text-text-display, #1f2a37);
}
.boxEservContactUs .servItem .textServ a, .EServicesWrapper .boxEserv .servItem .textServ a {
  color: var(--primitives-colors-primary-SA-flag-600-primary) !important;
}

.OngoingInvestigation {
  padding-bottom: 56px;
}
.OngoingInvestigation .customTable thead th {
  width: 10%;
}

.EServicesWrapper {
  padding: 40px 0 40px;
}
.EServicesWrapper .col-md-12 .boxQues {
  height: auto;
  margin-top: var(--spacing-spacing-4xl);
  gap: 0;
}
.EServicesWrapper .col-md-12 .boxQues .font18 {
  padding-bottom: 8px;
}
.EServicesWrapper .col-md-12 .boxQues .bgIcon {
  margin-bottom: 24px;
}
.EServicesWrapper .col-md-12 .boxQues .green-btn {
  padding-top: 24px;
}
.EServicesWrapper .boxEserv {
  margin-top: var(--spacing-spacing-3xl);
}
.EServicesWrapper .innerhead p {
  color: var(--Text-text-default, #161616);
}
.EServicesWrapper .innerhead .action {
  padding: 20px 0 64px;
  display: flex;
  gap: 20px;
}
.EServicesWrapper .EserTabs .DGA-tabs1::before {
  border: unset;
}
.EServicesWrapper .EserTabs p {
  color: #000;
  line-height: 30px;
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul li {
  margin-bottom: 16px;
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul *,
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul li {
  color: var(--Text-text-default, #161616);
  font-family: var(--text-md-regular-font-family);
  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);
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul a {
  color: var(--Text-text-primary);
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul a:hover {
  color: var(--primitives-colors-primary-SA-flag-400);
  text-decoration: underline;
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul a strong {
  color: var(--Text-text-primary);
}
.EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul a strong:hover {
  color: var(--primitives-colors-primary-SA-flag-400);
  text-decoration: underline;
}

.inquiries {
  padding-bottom: 40px;
}

.paddingB64 {
  padding-bottom: 64px;
}

.fileBtn {
  display: flex;
  height: 32px;
  position: relative;
  z-index: -1;
  min-height: 32px;
  max-height: 32px;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #d2d6db;
}

.uplodP {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.filepond--root {
  margin-top: 8px;
}

.filepond--root .filepond--credits {
  display: none;
}

.filepond--file {
  color: #161616;
}

.filepond--root .filepond--drop-label {
  /*min-height: 172px;*/
  border-radius: 4px;
  border: 1px dashed #fff;
  background: #fff;
  display: flex;
  justify-content: right;
}
.filepond--root .filepond--drop-label label::before {
  display: none;
}

.filepond--root * {
  cursor: pointer;
}

.filepond--drop-label.filepond--drop-label label {
  font-size: 16px;
  color: #1f2a37;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: unset;
  background: #161616;
}

.filepond--file-action-button.filepond--file-action-button {
  min-width: unset;
}

[data-filepond-item-state=idle] .filepond--file {
  color: #161616;
  background: #f1f0ef;
  border: 1px solid var(--primitives-colors-primary-SA-flag-600-primary);
  border-radius: 4px;
  font-weight: 500;
}

[data-filepond-item-state=load-invalid] .filepond--file {
  color: #161616;
  background: #f1f0ef;
  border: 1px solid #dc3545;
  border-radius: 4px;
  font-weight: 500;
}

.bannerNews .boxBanner {
  height: 500px;
  position: relative;
}
.bannerNews .boxBanner::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 16px;
  z-index: 1;
  background: rgba(10, 32, 22, 0.3019607843);
}
.bannerNews .boxBanner .newsSwiper {
  height: 100%;
}
.bannerNews .boxBanner .textBanner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px var(--Global-spacing-8xl, 80px) 0px var(--Global-spacing-8xl, 80px);
  align-items: flex-start;
}
.bannerNews .boxBanner .textBanner .font48, .bannerNews .boxBanner .textBanner .wapperNum .boxNum .counter, .wapperNum .boxNum .bannerNews .boxBanner .textBanner .counter {
  line-height: 72px;
  letter-spacing: -0.96px;
  color: #fff;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .bannerNews .boxBanner .textBanner {
    padding: 0 24px;
  }
}
.bannerNews .boxBanner .apoImg {
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: var(--Radius-radius-lg, 16px);
  z-index: -1;
}

.boxPartner,
.cardNews {
  border-radius: var(--Radius-radius-lg, 16px);
  padding: var(--Global-spacing-xl, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  height: 100%;
}
.boxPartner:hover .imgNews img,
.cardNews:hover .imgNews img {
  transform: scale(1.1);
}
.boxPartner .imgNews,
.cardNews .imgNews {
  overflow: hidden;
  border-radius: var(--Radius-radius-lg, 16px);
}
.boxPartner .imgNews img,
.cardNews .imgNews img {
  border-radius: var(--Radius-radius-lg, 16px);
  max-height: 250px;
  height: 100%;
  width: 100%;
  transition: 0.25s;
}
.boxPartner .textNewsBx .font18,
.cardNews .textNewsBx .font18 {
  height: 56px;
  overflow: hidden;
  margin: 24px 0 8px;
}
.boxPartner .textNewsBx p.p16, .boxPartner .textNewsBx .accordionAO .accordion-body p, .accordionAO .accordion-body .boxPartner .textNewsBx p, .boxPartner .textNewsBx .accordionAO p.accordion-button, .accordionAO .boxPartner .textNewsBx p.accordion-button,
.cardNews .textNewsBx p.p16,
.cardNews .textNewsBx .accordionAO .accordion-body p,
.accordionAO .accordion-body .cardNews .textNewsBx p,
.cardNews .textNewsBx .accordionAO p.accordion-button,
.accordionAO .cardNews .textNewsBx p.accordion-button {
  height: 48px;
  overflow: hidden;
}
.boxPartner .gray-btn,
.cardNews .gray-btn {
  width: 100%;
  background: #ffffff;
  justify-content: end;
}
.boxPartner .dateCard,
.cardNews .dateCard {
  margin: 24px 0;
  padding: 0 12px;
}
.boxPartner .dateCard span,
.cardNews .dateCard span {
  font-weight: 500;
}

.cont-bx h3 {
  color: var(--Text-text-display, #1F2A37);
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}
.cont-bx p {
  color: var(--Text-text-display, #1F2A37);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.cont-bx ul {
  list-style: none;
}
.cont-bx ul li {
  color: var(--Text-text-default, #161616);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 8px 0px;
}
.cont-bx ul li::before {
  content: "-";
  margin-inline-end: 8px;
}

.newsList .row > * {
  margin-bottom: 24px;
}
.newsList .bannerNews {
  margin-bottom: 24px;
}
.Publications .search-sort .search-sec input[type=text] {
  max-width: 296px;
  height: 40px;
}
.Publications nav.navigation .pagination {
  justify-content: start !important;
}
.Publications .col-lg-3 {
  margin-bottom: 24px;
}
.Publications .sharedCard {
  height: 100%;
}
.Publications .sharedCard .detailsPup {
  display: flex;
  gap: 8px;
  align-items: center;
}
.Publications .sharedCard .dateCard {
  height: 32px;
}
.Publications .sharedCard .dateCard span {
  line-height: normal;
}

.newsDetailsWrapper {
  padding: 40px 0 40px;
}
.newsDetailsWrapper .col-md-12 .font36 {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
  margin-bottom: 24px;
  line-height: 44px;
}
.newsDetailsWrapper .textNews .date {
  display: flex;
  align-items: center;
  margin: 32px 0;
  gap: 8px;
}
.newsDetailsWrapper .textNews .font18 {
  color: var(--Text-text-secondary-paragraph, #6c737f);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-lg, 28px);
  /* 155.556% */
}
.newsDetailsWrapper .readAlso {
  padding: 72px 0 32px;
}

.swiperBannerNews .swiper-button-prev,
.swiperBannerNews .swiper-rtl .swiper-button-next {
  display: none;
}
.swiperBannerNews .swiper-slide img {
  width: 100%;
  object-fit: cover;
  border-radius: var(--Radius-radius-lg, 16px);
}
.swiperBannerNews .mySwiperNews2 {
  margin-bottom: 24px;
}
.swiperBannerNews .mySwiperNews2 .swiper-slide img {
  height: 600px;
}
.swiperBannerNews .mySwiperNews .swiper-slide img {
  height: 250px;
}
@media (max-width: 992px) {
  .swiperBannerNews .mySwiperNews .swiper-slide img {
    height: 160px;
  }
}

.albumPhoto {
  padding: 40px 0 56px;
}
.albumPhoto .imgsBelong {
  display: none;
}
.albumPhoto .cardNews {
  display: inline-block;
}
.albumPhoto .cardNews .textNewsBx .font18 {
  margin-bottom: 0;
}
.albumPhoto .cardNews .textNewsBx .dateCard {
  margin-bottom: 0;
}

.boxMember {
  border-radius: var(--radius-lg, 16px);
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  transition: 0.3s background ease-in-out;
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  -ms-transition: 0.3s background ease-in-out;
  -o-transition: 0.3s background ease-in-out;
}
.boxMember:hover {
  background: var(--Background-background-neutral-50, #F9FAFB);
}
.boxMember .boxImg {
  padding-bottom: 24px;
}
.boxMember .boxImg img {
  width: 100%;
  height: 210px;
  border-radius: 16px;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 1440px) {
  .boxMember .boxImg img {
    height: 300px;
  }
}
@media (max-width: 992px) {
  .boxMember .boxImg img {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .boxMember .boxImg img {
    height: 300px;
  }
}
.boxMember .font18 {
  margin-bottom: 8px;
}
.boxMember .green-btn {
  margin-top: 24px;
}
@media (max-width: 1400px) {
  .boxMember .green-btn button {
    height: auto;
    max-height: max-content;
    padding-block: var(--spacing-global-spacing-md);
  }
}

.mainMenber .boxImg img {
  height: 245px;
}

.BoardMembers {
  margin-bottom: 56px;
}
.BoardMembers .font30 {
  margin-bottom: var(--spacing-spacing-3xl);
}
.BoardMembers .aminClass {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.BoardMembers .aboutUs-card {
  margin-bottom: 48px;
}
.BoardMembers .numbers li, .BoardMembers .EServicesWrapper .EserTabs .innerWorkspaces-tabsCont ul li, .EServicesWrapper .EserTabs .innerWorkspaces-tabsCont .BoardMembers ul li {
  padding-bottom: 10px;
}
.BoardMembers .modal-header {
  justify-content: left;
  border: unset;
}
.BoardMembers .modal-header button {
  margin: 0;
}
.BoardMembers .modal-body {
  padding: 24px;
  padding-top: 0;
}
.BoardMembers .modal-body .font18 {
  margin-bottom: 8px;
}
.BoardMembers .rowBg {
  margin: 0;
  padding: 24px 13px;
  border-radius: 16px;
  background: var(--Background-background-body, #f9fafb);
}
.BoardMembers .boxMember {
  height: 100%;
}
.BoardMembers .mainMenber .boxMember {
  margin-top: 32px;
  max-width: 500px;
  margin: 0 auto;
}
.BoardMembers .col-lg-2-4 {
  margin-top: 32px;
}
@media (min-width: 1400px) {
  .BoardMembers .col-lg-2-4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.org-structure {
  width: 100%;
  height: auto;
  margin: auto;
  direction: ltr;
  font-family: "IBM Plex Sans Arabic";
}
.org-structure svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .org-structure {
    overflow: auto;
    max-height: 80vh;
  }
}

.search-input {
  position: relative;
}
.search-input .search-voice {
  position: absolute;
  inset-inline-end: 4px;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
@media (max-width: 550px) {
  .search-input {
    flex-basis: 70%;
  }
}

.FAQ {
  padding-bottom: 80px;
}
.FAQ .accordionAO {
  padding-bottom: 80px;
}

@media (min-width: 922px) {
  .contactUs .col-lg-3 {
    width: 34%;
  }
  .contactUs .col-lg-9 {
    width: 66%;
  }
}
.contactUs .actions {
  padding-top: 8px;
}
.contactUs .boxEservContactUs, .contactUs .EServicesWrapper .boxEserv, .EServicesWrapper .contactUs .boxEserv {
  background: var(--Background-background-white, #fff);
  transform: translateY(-203px);
  -webkit-transform: translateY(-203px);
  -moz-transform: translateY(-203px);
  -ms-transform: translateY(-203px);
  -o-transform: translateY(-203px);
}
@media (max-width: 992px) {
  .contactUs .boxEservContactUs, .contactUs .EServicesWrapper .boxEserv, .EServicesWrapper .contactUs .boxEserv {
    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);
  }
}
.contactUs .boxEservContactUs .displayInline a.p16, .contactUs .boxEservContactUs .displayInline .accordionAO .accordion-body a, .accordionAO .accordion-body .contactUs .boxEservContactUs .displayInline a, .contactUs .boxEservContactUs .displayInline .accordionAO a.accordion-button, .accordionAO .contactUs .boxEservContactUs .displayInline a.accordion-button, .contactUs .EServicesWrapper .boxEserv .displayInline a.p16, .contactUs .EServicesWrapper .boxEserv .displayInline .accordionAO .accordion-body a, .accordionAO .accordion-body .contactUs .EServicesWrapper .boxEserv .displayInline a, .contactUs .EServicesWrapper .boxEserv .displayInline .accordionAO a.accordion-button, .accordionAO .contactUs .EServicesWrapper .boxEserv .displayInline a.accordion-button, .EServicesWrapper .contactUs .boxEserv .displayInline a.p16, .EServicesWrapper .contactUs .boxEserv .displayInline .accordionAO .accordion-body a, .accordionAO .accordion-body .EServicesWrapper .contactUs .boxEserv .displayInline a, .EServicesWrapper .contactUs .boxEserv .displayInline .accordionAO a.accordion-button, .accordionAO .EServicesWrapper .contactUs .boxEserv .displayInline a.accordion-button {
  color: var(--primitives-colors-primary-SA-flag-600-primary) !important;
}
.contactUs .boxEservContactUs .font18, .contactUs .EServicesWrapper .boxEserv .font18, .EServicesWrapper .contactUs .boxEserv .font18 {
  margin-bottom: 16px;
}
.contactUs .boxEservContactUs .floowUs ul, .contactUs .EServicesWrapper .boxEserv .floowUs ul, .EServicesWrapper .contactUs .boxEserv .floowUs ul {
  display: flex;
  gap: 8px;
}
.contactUs .boxEservContactUs .floowUs .font18, .contactUs .EServicesWrapper .boxEserv .floowUs .font18, .EServicesWrapper .contactUs .boxEserv .floowUs .font18 {
  margin-bottom: 8px;
}

.employmentMain .textSec .font30 {
  margin-bottom: 16px;
}
.employmentMain .innerWorkspaces-tabs-sec .DGA-tabs1,
.employmentMain .search-sort {
  margin-bottom: 32px;
}
.employmentMain .d-flex.btns-box {
  gap: 16px;
}
.employmentMain .tab-content {
  margin-bottom: 8px;
}
.employmentMain .tab-content .col-lg-3 {
  margin-bottom: 32px;
}

.contentWrapper {
  padding-bottom: 40px;
}
.contentWrapper .title {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
  text-align: right;
  font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic");
  font-size: 20px;
  padding-bottom: 16px;
  font-weight: 400;
  line-height: var(--Line-Height-Text-line-heights-text-md, 24px);
}
.contentWrapper > ul {
  padding-bottom: 16px;
}
.contentWrapper ul {
  list-style: disc;
  padding-right: 20px;
}
.partnerCard {
  margin-bottom: 24px;
}
.partnerCard .SDimg {
  border-radius: var(--radius-md, 8px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%);
  height: 250px;
  align-self: stretch;
  justify-content: center;
  align-items: center;
}
.partnerCard .SDimg img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.partnerCard .detailsPup {
  padding: 16px 0;
}
.partnerCard .green-btn {
  padding-top: 0;
}

.regulationsWrapper {
  padding-bottom: 16px;
}
.regulationsWrapper .col-lg-4 {
  margin-bottom: 24px;
}
.regulationsWrapper .search-sort .search-sec input {
  width: var(--Width-width-xxs, 320px);
}
.regulationsWrapper .search-sort .search-sec .search-btn {
  border-radius: var(--Radius-radius-sm, 4px);
  background: var(--Button-button-background-black-default, #0d121c);
  max-height: 40px;
  height: 40px;
}
@media (max-width: 550px) {
  .regulationsWrapper .search-sort .search-sec .search-btn {
    height: 40px;
  }
}
.regulationsWrapper .search-sort .search-sec .search-btn:hover {
  background-color: var(--primitives-colors-neutral-800);
}
.regulationsWrapper .search-sort .search-sec .search-btn:active {
  background-color: var(--primitives-colors-neutral-600);
}
.regulationsWrapper .boxQues .gray-btn {
  padding: 0;
  margin-right: 16px;
}
.regulationsWrapper .boxQues .gray-btn a img {
  width: 17px;
  height: 16px;
}

.contentWrapperArg {
  margin-top: 24px;
}

.RegulationsDetails {
  padding-bottom: 40px;
}
.RegulationsDetails .d-flex:has(.gray-btn):has(.green-btn) {
  gap: 8px;
}
.RegulationsDetails .main-top .date .p16, .RegulationsDetails .main-top .date .accordionAO .accordion-body *, .accordionAO .accordion-body .RegulationsDetails .main-top .date *, .RegulationsDetails .main-top .date .accordionAO .accordion-button, .accordionAO .RegulationsDetails .main-top .date .accordion-button, .RegulationsDetails .main-top .date .contentWrapper ul li, .contentWrapper ul .RegulationsDetails .main-top .date li {
  font-weight: 700;
  margin: 0 8px;
}

.contentWrapperArg .font24 {
  color: var(--primitives-colors-primary-SA-flag-600-primary);
  font-weight: 700;
  margin-bottom: 8px;
}
.contentWrapperArg .headUL {
  padding: 16px 0;
  font-weight: 700;
}
.contentWrapperArg .markIcon li {
  padding-right: 22px;
  background: transparent url(../images/shared/blackMarkLI.svg) no-repeat;
  background-position: right 4px;
  background-size: 16px;
  margin-bottom: 4px;
}

.commercialAgreements {
  padding-bottom: 16px;
}
.commercialAgreements .col-lg-4.col-md-6 {
  margin-bottom: 24px;
}
.commercialAgreements .sharedCard {
  margin-bottom: 0;
  height: 100%;
}
.commercialAgreements .sharedCard .detailsPup {
  padding: 0 0 24px 0;
}
.commercialAgreements .sharedCard .font18 {
  margin: 24px 0;
}

.businessCouncils {
  padding-bottom: 16px;
}
.businessCouncils .heading .font24 {
  margin-bottom: 24px;
}
.businessCouncils .col-lg-4.col-md-6 {
  margin-bottom: 24px;
}
.businessCouncils .businessCard {
  height: 100%;
}
.businessCouncils .businessCard .flagsBox {
  height: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e5ecec;
  border-radius: var(--Radius-radius-lg, 16px);
  padding: 24px;
}
.businessCouncils .businessCard .flagsBox img {
  max-width: 130px;
}
@media (max-width: 1200px) {
  .businessCouncils .businessCard .flagsBox img {
    max-width: 95px;
  }
}
.businessCouncils .businessCard .font18 {
  margin: 24px 0;
}
.businessCouncils .businessCard .green-btn {
  padding-top: 24px;
  justify-content: end;
}
.businessCouncils .businessCard .green-btn a span {
  font-size: var(--text-md-medium-font-size);
  line-height: var(--text-md-medium-line-height);
}
.businessCouncils .businessCard .green-btn a img {
  width: 24px;
  height: 24px;
}

.BusinessCouncilDetails {
  padding-bottom: 24px;
}
.BusinessCouncilDetails .table-responsive {
  margin-top: 48px;
}

.detailsFlags .font24 {
  text-align: center;
  padding: 24px 0;
}
.detailsFlags .flagsBox {
  width: 837px;
  height: 375px;
  display: flex;
  align-items: center;
  background: #e5ecec;
  border-radius: var(--Radius-radius-lg, 16px);
  padding: 0;
  justify-content: space-around;
  margin: 0 auto;
}
.detailsFlags .flagsBox img {
  max-width: 230px;
}
@media (max-width: 992px) {
  .detailsFlags .flagsBox {
    width: auto;
  }
}
@media (max-width: 768px) {
  .detailsFlags .flagsBox img {
    max-width: 150px;
  }
}
@media (max-width: 550px) {
  .detailsFlags .flagsBox img {
    max-width: 125px;
  }
}

.locate {
  position: absolute;
  background: #ffffff;
  box-shadow: 0 10px 45px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 18px;
  max-width: 400px;
  cursor: auto;
  visibility: hidden;
  transform: translateX(10px);
  opacity: 0;
  transition: 0.25s;
}
.locate .headLT {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
.locate .headLT .location {
  display: flex;
  align-items: center;
}
.locate .headLT .location img {
  max-width: 60px;
  max-height: 45px;
}
.locate .headLT .location .titleLoct {
  font-size: 18px;
  color: #161616;
  font-family: "DINNextBold";
  margin: 0 18px;
}
.locate .bodyLT {
  display: flex;
  flex-direction: column;
}
.locate .dataWrap {
  display: inline-flex;
  align-items: start;
  padding-bottom: 6px;
}
.locate .dataWrap a {
  text-decoration: unset;
}
.locate .dataWrap a .p16, .locate .dataWrap a .accordionAO .accordion-body *, .accordionAO .accordion-body .locate .dataWrap a *, .locate .dataWrap a .accordionAO .accordion-button, .accordionAO .locate .dataWrap a .accordion-button, .locate .dataWrap a .contentWrapper ul li, .contentWrapper ul .locate .dataWrap a li {
  text-decoration: underline;
}
.locate .dataWrap .iconMap {
  margin-left: 8px;
}
.locate .dataWrap .p16, .locate .dataWrap .accordionAO .accordion-body *, .accordionAO .accordion-body .locate .dataWrap *, .locate .dataWrap .accordionAO .accordion-button, .accordionAO .locate .dataWrap .accordion-button, .locate .dataWrap .contentWrapper ul li, .contentWrapper ul .locate .dataWrap li {
  color: #1a1a1a;
}
.locate .dataWrap .p16 span.fontMedium, .locate .dataWrap .accordionAO .accordion-body * span.fontMedium, .accordionAO .accordion-body .locate .dataWrap * span.fontMedium, .locate .dataWrap .accordionAO .accordion-button span.fontMedium, .accordionAO .locate .dataWrap .accordion-button span.fontMedium, .locate .dataWrap .contentWrapper ul li span.fontMedium, .contentWrapper ul .locate .dataWrap li span.fontMedium {
  display: block;
  color: #007066;
  margin-bottom: 2px;
}

.activeList {
  visibility: visible;
  transform: unset;
  opacity: 1;
}

/*
.pinsData {
    [data-list="Path_125745"] {
        bottom: 41%;
        left: 58%;

    }
    [data-list="Path_125621"] {
        bottom: 10%;
        left: 59%;

    }
    [data-list="Path_125765"] {
        bottom: 30%;
        left: 56%;

    }
    [data-list="Path_125723"] {
        bottom: 28%;
        left: 57%;

    }
    [data-list="Path_125766"] {
        bottom: 28%;
        left: 59%;

    }
    [data-list="Path_125672"] {
        bottom: 50%;
        left: 50%;

    }
    [data-list="Path_125742"] {
        bottom: 50%;
        left: 58%;

    }
    [data-list="Path_125737"] {
        bottom: 61%;
        left: 65%;

    }
    [data-list="Path_125848"] {
        bottom: 48%;
        left: 53%;

    }
    [data-list="Path_125703"] {
        bottom: 48%;
        left: 53%;

    }
    [data-list="Path_125732"] {
        bottom: 48%;
        left: 49%;

    }
    [data-list="Path_125681"] {
        bottom: 60%;
        left: 49%;

    }
    [data-list="Path_125810"] {
        bottom:  60%;
        left: 49%;

    }
    [data-list="Path_125695"] {
        bottom:  60%;
        left: 45%;

    }
    [data-list="Path_125753"] {
        bottom: 48%;
        left: 45%;

    }
    [data-list="Path_125800"] {
        bottom: 45%;
        left: 61%;

    }
    [data-list="Path_125727"] {
        bottom: 45%;
        left: 61%;

    }
    [data-list="Path_125745"] {
        bottom: 45%;
        left: 55%;

    }
    [data-list="Path_125855"] {
        bottom: 60%;
        left: 26%;

    }
    [data-list="Path_125859"] {
        bottom: 66%;
        left: 15%;

    }
    [data-list="Path_125835"] {
        bottom: 10%;
        left: 54%;

    }
    [data-list="Path_125688"] {

        bottom: 44%;
        left: 55%;
    }




}
*/
#Path_125688.activeArea,
#Path_125835.activeArea,
#Path_125859.activeArea,
#Path_125855.activeArea,
#Path_125745.activeArea,
#Path_125727.activeArea,
#Path_125800.activeArea,
#Path_125753.activeArea,
#Path_125695.activeArea,
#Path_125810.activeArea,
#Path_125681.activeArea,
#Path_125732.activeArea,
#Path_125703.activeArea,
#Path_125848.activeArea,
#Path_125737.activeArea,
#Path_125742.activeArea,
#Path_125672.activeArea,
#Path_125766.activeArea,
#Path_125723.activeArea,
#Path_125765.activeArea,
#Path_125621.activeArea,
#Path_125745.activeArea {
  fill: #54c08a;
}

.mapDraggable svg {
  cursor: pointer;
  padding: 40px 0;
}
.mapDraggable path[fill="#cca079"]:hover {
  fill: #54c08a;
}
.mapDraggable .hoverPin {
  fill: #54c08a;
}

.listCountries {
  position: absolute;
  left: 30px;
  top: 30px;
  max-height: 1090px;
  width: 230px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 15px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.25s;
}
.listCountries.expandListC {
  width: 346px;
}
.listCountries .hideStateList {
  display: none;
}
.listCountries .headerLc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 15px 18px 12px 18px;
  position: relative;
}
.listCountries .headerLc .toogleList {
  width: 20px;
  text-align: center;
}
.listCountries .headerLc .titleList {
  font-family: "DINNextBold";
  font-size: 16px;
  color: #7d8a89;
}
.listCountries .headerLc .hideStateList {
  position: absolute;
  right: -32px;
  background: #fff;
  width: 37px;
  top: 0;
  height: 40px;
}
.listCountries .headerLc .justClose {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 15px 5px 15px rgba(0, 0, 0, 0.05);
}
.listCountries .countryUL {
  height: 940px;
  background: #fff;
  overflow-x: auto;
  padding: 18px;
  list-style: none;
  display: none;
}
.listCountries .countryUL li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7e8e8;
}
.listCountries .countryUL li a {
  display: flex;
  align-items: center;
  text-decoration: unset;
  padding: 8px 12px;
  border-radius: 5px;
}
.listCountries .countryUL li a:hover {
  background: #d4f2ef;
}
.listCountries .countryUL li a img {
  max-width: 53px;
  margin-left: 10px;
}
.listCountries .countryUL li a .font16R {
  margin: 0;
  color: #454848;
}
.listCountries .countryUL li a .font16R strong {
  display: block;
  font-size: 16px;
  color: #161616;
  margin-bottom: 2px;
}

.mapDraggable {
  position: relative;
  margin-bottom: 24px;
  background: #e7f2f2;
  border-radius: 16px;
}

.ourServicesSec,
.PublicationSec,
.mySwiperMembers {
  /* start */
}
.ourServicesSec .swiper-wrapper,
.PublicationSec .swiper-wrapper,
.mySwiperMembers .swiper-wrapper {
  padding-bottom: 69px;
}
.ourServicesSec .customArrow .swiper-button-next,
.ourServicesSec .customArrow .swiper-button-prev,
.PublicationSec .customArrow .swiper-button-next,
.PublicationSec .customArrow .swiper-button-prev,
.mySwiperMembers .customArrow .swiper-button-next,
.mySwiperMembers .customArrow .swiper-button-prev {
  top: auto;
  bottom: 0;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 50px;
  z-index: 11;
  background-color: #000;
}
.ourServicesSec .customArrow .swiper-button-next::after,
.ourServicesSec .customArrow .swiper-button-prev::after,
.PublicationSec .customArrow .swiper-button-next::after,
.PublicationSec .customArrow .swiper-button-prev::after,
.mySwiperMembers .customArrow .swiper-button-next::after,
.mySwiperMembers .customArrow .swiper-button-prev::after {
  font-size: 24px;
  color: #fff;
}
.ourServicesSec .customArrow .swiper-button-next.swiper-button-disabled,
.ourServicesSec .customArrow .swiper-button-prev.swiper-button-disabled,
.PublicationSec .customArrow .swiper-button-next.swiper-button-disabled,
.PublicationSec .customArrow .swiper-button-prev.swiper-button-disabled,
.mySwiperMembers .customArrow .swiper-button-next.swiper-button-disabled,
.mySwiperMembers .customArrow .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-color: #E5E7EB;
}
.ourServicesSec .customArrow .swiper-button-next.swiper-button-disabled::after,
.ourServicesSec .customArrow .swiper-button-prev.swiper-button-disabled::after,
.PublicationSec .customArrow .swiper-button-next.swiper-button-disabled::after,
.PublicationSec .customArrow .swiper-button-prev.swiper-button-disabled::after,
.mySwiperMembers .customArrow .swiper-button-next.swiper-button-disabled::after,
.mySwiperMembers .customArrow .swiper-button-prev.swiper-button-disabled::after {
  color: #000;
}
.ourServicesSec .customArrow .swiper-button-next,
.PublicationSec .customArrow .swiper-button-next,
.mySwiperMembers .customArrow .swiper-button-next {
  left: auto;
  right: 60px;
}
.ourServicesSec .customArrow .swiper-button-prev,
.PublicationSec .customArrow .swiper-button-prev,
.mySwiperMembers .customArrow .swiper-button-prev {
  right: 0px;
  left: auto;
}
.ourServicesSec .customPagi .swiper-pagination-bullet,
.PublicationSec .customPagi .swiper-pagination-bullet,
.mySwiperMembers .customPagi .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;
}
.ourServicesSec .customPagi .swiper-pagination-bullet.swiper-pagination-bullet-active,
.PublicationSec .customPagi .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mySwiperMembers .customPagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--primitives-colors-primary-SA-flag-600-primary);
}
.ourServicesSec .customPagi .swiper-pagination,
.PublicationSec .customPagi .swiper-pagination,
.mySwiperMembers .customPagi .swiper-pagination {
  text-align: end;
}

.PublicationSec .customArrow .swiper-button-next,
.PublicationSec .customArrow .swiper-button-prev,
.mySwiperMembers .customArrow .swiper-button-next,
.mySwiperMembers .customArrow .swiper-button-prev {
  background-color: var(--themes-background-background-primary);
}

/* start for fixed pins */
.pinsDataCountries .locate,
.pinsData .locate {
  position: absolute;
  right: 50px;
  top: 50px;
}
@media (max-width: 768px) {
  .pinsDataCountries .locate,
  .pinsData .locate {
    height: 94%;
    right: 20px;
    top: 15px;
    min-width: 200px;
    max-width: 280px;
  }
}

.listMap .parentAction a {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--Border-border-neutral-primary, #d2d6db);
  background: var(--Background-background-card, #fff);
  color: var(--Text-text-default, #161616);
  font-size: 20px;
  line-height: var(--Line-Height-Text-line-heights-text-sm, 20px);
}
.listMap .parentAction a p {
  font: inherit;
}
.listMap .listMapSwiper .swiper-button-prev,
.listMap .listMapSwiper .swiper-button-next {
  width: 40px;
  height: 40px;
}
.listMap .listMapSwiper .swiper-button-prev::after,
.listMap .listMapSwiper .swiper-button-next::after {
  content: unset;
}
.listMap .listMapSwiper .swiper-button-prev {
  background: transparent url(../images/map/MapButtonRight.svg) no-repeat;
}
.listMap .listMapSwiper .swiper-button-next {
  background: transparent url(../images/map/MapButtonLeft.svg) no-repeat;
}

.mapWrapper .listMap {
  position: relative;
}
.mapWrapper .listMap .listMapSwiper {
  width: calc(100% - 122px);
  margin: 0 auto;
}
.mapWrapper .swiper-wrapper {
  align-items: center;
}
.mapWrapper .swiper-button-prev,
.mapWrapper .swiper-rtl .swiper-button-next {
  right: 10px;
  left: auto;
}
.mapWrapper .swiper-button-next,
.mapWrapper .swiper-rtl .swiper-button-prev {
  right: auto;
  left: 10px;
}

.EserTabs .innerWorkspaces-tabsCont .table td a {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.parentAction .font16R .fontBold {
  display: none;
}

body .locate {
  min-width: 400px;
  border-radius: 8px;
  background: var(--Background-background-white, #fff);
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  max-height: 90%;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
}
body .locate .titleLoct {
  display: none;
}
body .locate .bgIcon {
  width: 24px;
  height: 24px;
}
body .locate .bgIcon img {
  height: 21.5px;
}
body .locate .headLT {
  padding-bottom: 8px;
}
body .locate .titleOfBox {
  font-weight: 600;
  color: var(--Text-text-primary, #1b8354);
  margin-bottom: 8px;
}
body .locate .dataWrap {
  padding: 8px 0px 16px 0px;
  border-bottom: 1px solid var(--Border-border-background-white, #f3f4f6);
}
body .locate .dataWrap .p16, body .locate .dataWrap .accordionAO .accordion-body *, .accordionAO .accordion-body body .locate .dataWrap *, body .locate .dataWrap .accordionAO .accordion-button, .accordionAO body .locate .dataWrap .accordion-button, body .locate .dataWrap .contentWrapper ul li, .contentWrapper ul body .locate .dataWrap li {
  color: var(--Link-link-neutral, #384250);
}
body .locate .dataWrap .p16 .fontMedium, body .locate .dataWrap .accordionAO .accordion-body * .fontMedium, .accordionAO .accordion-body body .locate .dataWrap * .fontMedium, body .locate .dataWrap .accordionAO .accordion-button .fontMedium, .accordionAO body .locate .dataWrap .accordion-button .fontMedium, body .locate .dataWrap .contentWrapper ul li .fontMedium, .contentWrapper ul body .locate .dataWrap li .fontMedium {
  margin-bottom: 8px;
  color: var(--Text-text-default, #161616);
}
body .locate .dataWrap .iconMap {
  min-width: 22px;
}
body .locate .dataWrap .iconMap img {
  width: 21px;
  height: 21px;
}

body .mapDraggable {
  background: transparent;
}
body .mapDraggable svg {
  width: 100%;
  padding: 0;
}

.listMap {
  margin-bottom: 64px;
}
.listMap .parentAction .font16R {
  color: var(--Text-text-default, #161616);
}
.listMap .parentAction a img {
  width: 40px;
  height: 40px;
}

.menuWithBanner {
  height: auto !important;
}

.btn-primary {
  display: 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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  transition: 0.3s;
  color: var(--themes-text-text-oncolor-primary);
  border: none;
  min-width: max-content;
}
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: var(--themes-button-button-background-primary-hovered);
  color: #fff;
}
.btn-primary:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
}
.btn-primary img:lang(en), html[dir=ltr] .btn-primary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-secondary {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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;
  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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus-visible {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
}
.btn-secondary img:lang(en), html[dir=ltr] .btn-secondary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-outline-secondary {
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--themes-border-border-neutral-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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;
  font-family: var(--text-md-medium-font-family);
  font-size: var(--text-md-medium-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--text-md-medium-line-height);
  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;
  color: var(--themes-text-text-default);
  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);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus-visible {
  background-color: var(--background-neutral-100) !important;
  border-color: var(--themes-button-button-background-neutral-pressed);
  color: var(--themes-text-text-default);
}
.btn-outline-secondary img:lang(en), html[dir=ltr] .btn-outline-secondary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.font12 {
  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);
}

.font14 {
  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);
  font-family: var(--text-sm-medium-font-family);
  font-style: var(--text-sm-medium-font-style);
}

.font16, body .locate .titleOfBox {
  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);
  font-family: var(--text-md-regular-font-family);
  font-style: var(--text-md-regular-font-style);
}

.font18 {
  font-weight: var(--text-lg-medium-font-weight);
  font-size: var(--text-lg-medium-font-size);
  letter-spacing: var(--text-lg-medium-letter-spacing);
  line-height: var(--text-lg-medium-line-height);
  font-family: var(--text-lg-medium-font-family);
  font-style: var(--text-lg-medium-font-style);
}

.font20, .listMap .parentAction .font16R {
  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);
}

.font24 {
  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);
}
@media (max-width: 1200px) {
  .font24 {
    font-size: var(--text-md-regular-font-size);
    line-height: var(--text-md-regular-line-height);
  }
}

.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);
}
@media (max-width: 1200px) {
  .font36 {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
  }
}

.font48, .wapperNum .boxNum .counter {
  font-size: var(--display-lg-semibold-font-size);
  line-height: var(--display-lg-semibold-line-height);
  letter-spacing: var(--display-lg-semibold-letter-spacing);
  font-family: var(--display-lg-semibold-font-family);
  font-style: var(--display-lg-semibold-font-style);
}
@media (max-width: 1200px) {
  .font48, .wapperNum .boxNum .counter {
    font-size: var(--display-md-regular-font-size);
    line-height: var(--display-md-regular-line-height) !important;
  }
}

/* fonts */
.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-icon .card-header {
  border: 0;
  background-color: transparent;
  padding: 0;
  font-weight: 700;
}
.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;
}
.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;
}

.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 {
  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;
}

.accordionAO .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 {
  border-radius: 0;
}
.accordionAO .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;
}
.accordionAO .accordion-button:not(.collapsed) {
  background-color: unset;
}
.accordionAO .accordion-button::after {
  background-image: url(../images/shared/arrow-up.svg);
  transform: var(--bs-accordion-btn-icon-transform);
  margin: 0;
}
.accordionAO .accordion-button:focus {
  box-shadow: unset;
}
.accordionAO .accordion-item {
  border: unset;
  border-radius: 0;
  border-bottom: 1px solid var(--Border-border-neutral-primary, #d2d6db);
}
.accordionAO .accordion-body {
  padding: var(--Global-spacing-xl, 16px);
}
.accordionAO .accordion-body * {
  color: var(--Text-text-primary-paragraph, #384250);
}

/*
 tabs
*/
.DGA-tabs1 {
  --bs-nav-pills-link-active-bg: transparent;
  width: max-content;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 40px;
  position: relative;
}
.DGA-tabs1::before {
  content: "";
  position: absolute;
  border-bottom: 3px solid;
  border-bottom-color: var(--themes-border-border-neutral-primary);
  width: 100%;
  height: 3px;
  right: 0%;
  bottom: -3px;
  z-index: 2;
}
.DGA-tabs1 .nav-item {
  position: relative;
}
.DGA-tabs1 .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 {
  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 {
  background-color: var(--themes-button-button-background-neutral-hovered);
}
.DGA-tabs1 .nav-item .nav-link:hover::before {
  border-bottom-color: var(--themes-border-border-black);
}
.DGA-tabs1 .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 {
  border-bottom-color: var(--themes-border-border-primary);
}
.DGA-tabs1 .nav-item .nav-link.active:hover {
  background-color: transparent;
}

.DGA-tabs1.DGA-switcher::before {
  display: none;
}
.DGA-tabs1.DGA-switcher .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 {
  display: none;
}
.DGA-tabs1.DGA-switcher .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 {
    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 {
  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 {
  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 {
  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 {
  background: var(--themes-button-button-background-primary-default);
}

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 + 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);
}
input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  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: 14px;
  height: 14px;
  background: var(--primitives-colors-primary-SA-flag-600-primary-duplicate);
  position: absolute;
  top: 2px;
  right: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=radio]:not(:checked) + label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
input[type=radio]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

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

.form-check-input:checked[type=radio] {
  display: none;
}
.form-check-input[type=radio] {
  display: none;
}

.input {
  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-2-8px);
  background: var(--Form-field-background-darker, #f3f4f6);
  position: relative;
  overflow: hidden;
  align-items: center;
}
.input .form-control {
  background-color: transparent;
  outline: 0;
  height: 100%;
  display: flex;
  color: var(--colors-text-primary);
  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::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  transform: translate(-50%);
  background-color: var(--primitives-colors-neutral-950);
  transition: width 0.2s ease-in-out;
  border-radius: 0 0 0.25rem 0.25rem;
}
.input:has(:focus)::after {
  width: 100%;
}
.input:has(.date_ar_u)::before {
  content: "";
  width: 20px;
  height: 20px;
  background: no-repeat url("../images/shared/calendar.svg");
  inset-inline-start: 0;
}
.input:has(:focus) {
  background-color: #fff;
  border: 1px solid var(--Form-field-border-default, #9DA4AE);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.input .form-control,
.input input[type=text],
.input input[type=email],
.input select,
.input textarea {
  padding: 0;
}
.input .form-control:focus,
.input input[type=text]:focus,
.input input[type=email]:focus,
.input select:focus,
.input textarea:focus {
  background-color: #fff;
}
.input .form-control:focus ~ div,
.input input[type=text]:focus ~ div,
.input input[type=email]:focus ~ div,
.input select:focus ~ div,
.input textarea:focus ~ div {
  background-color: #fff;
}
.input textarea {
  resize: none;
  padding-block: 12px;
  height: 100%;
}
.input:has(textarea) {
  height: 80px;
}

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

.breadcrumb {
  min-height: auto;
  padding-bottom: 0;
  background-color: transparent;
  margin: 0;
}
.breadcrumb ul.items {
  margin: 0;
}
.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);
}
.dga-nav .dga-breadcrumb .breadcrumb-item {
  font-size: var(--text-sm-regular-font-size);
  color: var(--Text-text-oncolor-secondary, rgba(255, 255, 255, 0.8));
}
.dga-nav .dga-breadcrumb .breadcrumb-item::before {
  display: none;
}
.dga-nav .dga-breadcrumb .breadcrumb-item::after {
  content: url(../images/icons/general/arrow-left.svg);
  padding: 0px 8px;
  vertical-align: middle;
}
.dga-nav .dga-breadcrumb .breadcrumb-item:last-of-type {
  color: var(--Text-text-oncolor-primary, #FFF);
}
.dga-nav .dga-breadcrumb .breadcrumb-item:last-of-type::after {
  content: "";
}
.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);
}

.text-primary {
  color: var(--themes-text-text-primary) !important;
}

.btn-primary {
  display: 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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
  transition: 0.3s;
  color: var(--themes-text-text-oncolor-primary);
  border: none;
  min-width: max-content;
}
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: var(--themes-button-button-background-primary-hovered);
  color: #fff;
}
.btn-primary:active {
  background-color: var(--themes-button-button-background-primary-pressed) !important;
  border-color: var(--themes-button-button-background-primary-pressed) !important;
}
.btn-primary img:lang(en), html[dir=ltr] .btn-primary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-secondary {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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;
  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);
  gap: var(--spacing-button-buttons-lg-gap);
  border-radius: var(--radius-radius-radius-sm);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus-visible {
  background-color: var(--themes-button-button-background-neutral-pressed) !important;
}
.btn-secondary img:lang(en), html[dir=ltr] .btn-secondary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.btn-outline-secondary {
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--themes-border-border-neutral-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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;
  font-family: var(--text-md-medium-font-family);
  font-size: var(--text-md-medium-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--text-md-medium-line-height);
  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;
  color: var(--themes-text-text-default);
  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);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus-visible {
  background-color: var(--background-neutral-100) !important;
  border-color: var(--themes-button-button-background-neutral-pressed);
  color: var(--themes-text-text-default);
}
.btn-outline-secondary img:lang(en), html[dir=ltr] .btn-outline-secondary img {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

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

.rateContet {
  background-color: var(--themes-background-background-white);
}
.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);
  box-shadow: var(--shadows-shadow-lg);
  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 .contentWrapper ul li, .contentWrapper ul .rateContet .pWarp li, .rateContet .pWarp .accordionAO .accordion-button, .accordionAO .rateContet .pWarp .accordion-button, .rateContet .pWarp .accordionAO .accordion-body *, .accordionAO .accordion-body .rateContet .pWarp * {
  color: var(--Text-text-default, #161616);
}
.rateContet .actions .yes {
  margin-left: 8px;
}

.float-start {
  float: inline-start !important;
}

.float-end {
  float: inline-end !important;
}

.rate-component {
  direction: rtl;
  padding-block: 24px 32px;
}
html[lang=en] .rate-component,
.rate-component html[dir=ltr] {
  direction: ltr;
}
.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,
button.float-end.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;
}

.ui-widget.ui-widget-content {
  border: 0 !important;
  box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.18) !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;
}

.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;
}

/* start كود ختم الحكومة الرقمية   */
.digital-stamp-card {
  padding: 8px 12px;
  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-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;
}
.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;
}
.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;
  text-decoration: underline;
}
.digital-stamp-card .digital-stamp-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.digital-stamp-card .digital-stamp-header h6 {
  margin: 0px;
  color: #161616;
  font-size: 14px;
}
.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
}
.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 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: 8px 12px;
  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 كود ختم الحكومة الرقمية   */
.last-date {
  padding-block: var(--spacing-spacing-xl);
}
.last-date .last-date-text {
  color: var(--text-default);
  font-size: var(--text-sm-regular-font-size);
  font-style: var(--text-sm-regular-font-style);
  font-weight: var(--text-sm-regular-font-weight);
  line-height: var(--text-sm-regular-line-height);
}

.feedback {
  padding-block: var(--spacing-spacing-3xl);
  border-top: 2px solid var(--themes-border-border-primary);
}
.feedback .feedback-title {
  color: var(--text-default);
  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);
}
.feedback .feedback-text {
  color: var(--text-default);
  font-size: var(--text-sm-regular-font-size);
  font-style: var(--text-sm-regular-font-style);
  font-weight: var(--text-sm-regular-font-weight);
  line-height: var(--text-sm-regular-line-height);
}
@media (max-width: 768px) {
  .feedback .feedback-text {
    margin-top: 1rem;
  }
}

.customTable.table > :not(caption) > * > *,
table.table > :not(caption) > * > * {
  padding: var(--Table-table-cell-v-padding) var(--Table-table-cell-h-padding);
  line-height: 26px;
}
.customTable tbody *,
table tbody * {
  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 tbody td,
table tbody td {
  vertical-align: middle !important;
  padding: 8px 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 tbody td span,
table tbody td span {
  color: inherit !important;
  font: inherit !important;
}
.customTable tbody a,
table tbody a {
  color: var(--Link-link-primary, #1b8354) !important;
}
.customTable tbody > tr:not(:has(th)):nth-of-type(odd) > *,
table tbody > tr:not(:has(th)):nth-of-type(odd) > * {
  background: #fff;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable tbody > tr:not(:has(th)):nth-of-type(even) > *,
table tbody > tr:not(:has(th)):nth-of-type(even) > * {
  background: #f9fafb;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}
.customTable th,
table 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: 8px 16px !important;
  line-height: var(--Line-Height-Text-line-heights-text-xs, 18px) !important;
  /* 150% */
}
.customTable th span,
table th span {
  color: inherit !important;
  font: inherit !important;
}
.customTable th:first-child,
table th:first-child {
  border-inline-start: 0;
}
.customTable th:last-child,
table th:last-child {
  border-inline-end: 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: #f9fafb;
  box-shadow: unset;
  border-top: 1px solid var(--primitives-colors-neutral-300);
  border-bottom: 1px solid var(--primitives-colors-neutral-300);
}

.footerDGA {
  background-color: 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: 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;
  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: 24px;
  height: 24px;
  margin-left: -8px;
  margin-right: -8px;
  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: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;
}
.footerDGA .btm-footer .footer-last .dir-links li a:hover {
  color: var(--Link-link-oncolor-hovered, rgba(255, 255, 255, 0.8));
}
.footerDGA .btm-footer .footer-last .dir-links li:last-child {
  margin-left: 0;
}
.footerDGA .btm-footer .footer-last .copyRights {
  margin-bottom: var(--spacing-spacing-3xl);
}
.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 img {
  max-width: 100%;
}
.footerDGA .digital-logo {
  display: inline-block;
  max-width: 45%;
  filter: brightness(0) invert(1);
  margin-right: 5%;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1360px;
  }
  .container.container3 {
    max-width: 1150px;
  }
  .container.container4 {
    max-width: 1390px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1480px;
  }
  .container.container4 {
    max-width: 1480px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1530px;
  }
  .container.container4 {
    max-width: 1580px;
  }
}
@media (min-width: 1700px) {
  .container {
    max-width: 1700px;
  }
  .container.container3 {
    max-width: 1300px;
  }
  .container.container4 {
    max-width: 1780px;
  }
}
@media (max-width: 1700px) {
  .navDGA .row.row-new {
    flex-wrap: nowrap;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    padding: var(--spacing-spacing-md);
  }
  .navDGA .navActions li a,
  .navDGA .navActions .btnSr {
    padding: var(--spacing-spacing-md);
  }
  .serv-list-card {
    height: calc(100% - var(--primitives-spacing-6-24px));
  }
  .main-tags1 .tag-card {
    flex: auto;
  }
}
@media (max-width: 1399.98px) {
  .navDGA .row.row-new {
    flex-wrap: wrap;
  }
  .navDGA .navActions .btnSr,
  .navDGA .navActions li a {
    min-width: auto;
    height: auto;
  }
  .navDGA .navActions .btnSr span,
  .navDGA .navActions li a span {
    display: none;
  }
  .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);
  }
  .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-list .serv-list-card .btn-contaimer {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  /* end 1200 */
}
@media (max-width: 991.98px) {
  .bannerMenu .contentBanner .BNRtxt p, .innerBannerContent .contentBanner .BNRtxt p {
    width: 100%;
  }
  .bannerMenu .contentBanner, .innerBannerContent .contentBanner {
    height: calc(70vh - 160px);
    position: relative;
    display: flex;
    align-items: center;
    max-height: 600px;
  }
  .navDGA .row.row-new {
    justify-content: flex-start;
    padding-top: 6px;
  }
  .navDGA .row.row-new .col-3-new {
    margin-right: var(--primitives-spacing-3-12px);
  }
  nav.navbar.navbarMenu.navbar-expand-lg.navbar-light {
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    height: auto;
  }
  button.navbar-toggler {
    position: absolute;
    left: 36px;
  }
  div#navbarSupportedContent {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    background-color: var(--primitives-colors-green-900);
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    width: 100%;
    height: 55px;
  }
  .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;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu h4.title {
    margin-bottom: 8px;
    margin-top: 15px;
  }
  /* end 992 */
}
@media (max-width: 767.98px) {
  .bannerMenu .contentBanner .BNRtxt h1, .innerBannerContent .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, .innerBannerContent .contentBanner .BNRtxt {
    max-width: 100%;
    width: 100%;
  }
  .bannerMenu .contentBanner .BNRtxt p, .innerBannerContent .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);
  }
  .main-tags1 .tag-card {
    width: calc(33.3333333333% - 24px);
  }
  .DGA-tabs1 {
    max-width: 100%;
  }
  .DGA-tabs1 .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: 40px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li a::before {
    top: 0px;
    width: 20px;
    height: 20px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    padding: 15px 0;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu ul li {
    min-height: auto;
  }
  /* end 767 */
}
@media (max-width: 574.98px) {
  .bannerMenu .contentBanner .BNRtxt h1, .innerBannerContent .contentBanner .BNRtxt h1 {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-semibold-line-height);
    margin-bottom: 12px;
  }
  .bannerMenu .contentBanner .BNRtxt, .innerBannerContent .contentBanner .BNRtxt {
    width: 100%;
  }
  .bannerMenu .contentBanner .BNRtxt, .innerBannerContent .contentBanner .BNRtxt {
    width: 100%;
  }
  .footerDGA .btm-footer .footer-last .dir-links {
    flex-wrap: wrap;
  }
  .main-search-serv .srch input {
    max-width: 80%;
  }
  .main-tags1 .tag-card {
    width: 100%;
  }
  .vote .inner-vote .ques-box {
    flex-direction: column;
  }
  .vote .inner-vote .btn-vote {
    justify-content: center;
  }
  .services-details .right-sec .btn-contaimer {
    flex-wrap: wrap;
  }
  .navDGA .row.row-new .col-3-new {
    margin-right: 0;
  }
  .col-7-new {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .navDGA .navActions {
    position: absolute;
    background: white;
    width: 100%;
    left: 0;
    top: 100px;
    height: 86px;
    justify-content: center;
  }
  .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;
    left: 26px;
    top: 35px;
    padding: 4px;
  }
  .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);
  }
  .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;
    margin-block: 16px;
    display: block;
    font-weight: 700;
    font-size: var(--text-sm-regular-font-size);
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.selected {
    background-color: transparent;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.selected::before {
    display: none;
  }
  .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,
  .innerBannerContent .contentBanner .BNRtxt p,
  .DigitalLibrary .col-md-4,
  .mediaCenter .col-md-4,
  .eventsPage .col-md-4,
  .newsPage .col-md-4 {
    width: 100%;
  }
  .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;
  }
  .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;
  }
  .researchSec .cardResearch {
    margin-bottom: 20px;
  }
  .weAreSec .txt {
    padding-left: 0;
    padding-bottom: 50px;
  }
  .navDGA .row.row-new {
    justify-content: center;
    padding-top: 6px;
    padding-right: 0;
    position: relative;
  }
  .newHome .bodyX,
  .newHome .cardNews {
    max-height: unset;
    height: auto;
    margin-bottom: 30px;
  }
  .newHome .bodyX {
    height: 400px;
  }
  .navDGA .row.row-new .col-3-new {
    margin-right: var(--primitives-spacing-3-12px);
  }
  nav.navbar.navbarMenu.navbar-expand-lg.navbar-light {
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    height: auto;
  }
  button.navbar-toggler {
    position: absolute;
    right: 25px;
    left: auto;
    border: 0;
    top: 14px;
    max-width: unset;
    min-width: unset;
  }
  div#navbarSupportedContent {
    height: 65vh;
    position: fixed;
    top: 140px;
    right: 0;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.35s;
    padding: 30px 16px;
    padding-right: 16%;
    background-color: var(--primitives-colors-green-900);
    overflow: hidden;
    overflow-y: auto;
    z-index: 9;
  }
  div#navbarSupportedContent.show {
    transform: translateX(12%);
    -webkit-transform: translateX(12%);
    -moz-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
  }
  html[dir=ltr] div#navbarSupportedContent.show, html[lang=en] div#navbarSupportedContent.show {
    transform: translateX(-12%);
    -webkit-transform: translateX(-12%);
    -moz-transform: translateX(-12%);
    -ms-transform: translateX(-12%);
    -o-transform: translateX(-12%);
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    width: 100%;
    height: 55px;
  }
  body .menuWithBanner .navbarMenu .navbar-nav .nav-link {
    justify-content: space-between;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: unset;
    font-weight: 600;
    padding-right: 0;
    font-size: var(--text-sm-medium-font-size);
    color: var(--themes-text-text-oncolor-primary-duplicate);
  }
  .navDGA .row.row-new,
  .menuWithBanner {
    height: 106px;
  }
  .navDGA .row.row-new.isFixedMenu div#navbarSupportedContent,
  .menuWithBanner.isFixedMenu div#navbarSupportedContent {
    top: 105px;
  }
  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);
  }
  .newHome,
  .researchSec {
    margin-bottom: 75px;
  }
  .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;
  }
  .bannerMenu .contentBanner, .innerBannerContent .contentBanner {
    height: 550px;
    position: relative;
    display: flex;
    align-items: center;
    max-height: 600px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-link.active {
    background-color: var(--themes-background-background-SA-flag);
  }
  .comingSoon {
    padding: 30px 10px;
  }
  .comingSoon .bgWhite {
    min-height: 370px;
  }
  .comingSoon .bgWhite > img {
    width: 80px;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu h4.title .dropdownTitle {
    font-size: var(--text-xs-regular-font-size);
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    min-height: auto;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu .col-lg-3 {
    margin-bottom: 0;
  }
  .betaVersion {
    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%;
  }
  /* end 992 */
}
@media (max-width: 767.98px) {
  div#navbarSupportedContent {
    top: 163px;
  }
  .bannerMenu .contentBanner .BNRtxt h1, .innerBannerContent .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, .innerBannerContent .contentBanner .BNRtxt {
    max-width: 100%;
  }
  .bannerMenu .contentBanner .BNRtxt p, .innerBannerContent .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;
  }
  .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 {
    max-width: 100%;
    gap: var(--spacing-spacing-md);
  }
  .DGA-tabs1 .nav-item .nav-link {
    padding: var(--primitives-spacing-3-12px);
  }
  .services-details .right-sec {
    padding-left: 0;
  }
  .menuWithBanner .navbarMenu .nav-item.dropdown .dropdown-menu {
    padding: 15px 0;
  }
  .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 {
    font-size: var(--text-xs-regular-font-size);
  }
  .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;
  }
  .navDGA .row.row-new > * {
    width: 66%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .navDGA .row.row-new > *.col-7-new {
    height: auto;
  }
  /* end 767 */
}
@media (max-width: 574.98px) {
  div#navbarSupportedContent.show {
    transform: translateX(0);
  }
  div#navbarSupportedContent {
    padding-right: 6%;
  }
  /* font 24 */
  .weAreSec .txt .font48, .weAreSec .txt .wapperNum .boxNum .counter, .wapperNum .boxNum .weAreSec .txt .counter,
  .bannerMenu .contentBanner .BNRtxt h1,
  .innerBannerContent .contentBanner .BNRtxt h1 {
    /* font-size: var(--display-xs-semibold-font-size); */
  }
  .newsDetails .headNews .titleNews,
  .innerBanner .titleBnr,
  .fullWidthMain .rightCardMn .txtPrs .wordPres {
    font-size: var(--display-xs-semibold-font-size);
    line-height: var(--display-xs-medium-line-height);
  }
  /* font 18*/
  /* font 16 */
  /* font 14 */
  /* font 12 */
  .ourNumSec .col-md-3,
  .researchSec .col-md-3 {
    flex: 0 0 auto;
    width: 100%;
  }
  .bannerMenu .contentBanner .BNRtxt, .innerBannerContent .contentBanner .BNRtxt {
    width: 100%;
  }
  .footerDGA .btm-footer .footer-last .dir-links {
    flex-wrap: wrap;
  }
  .newsDetails .headNews .date,
  .newsDetails .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;
  }
  .logoMain {
    width: 180px;
  }
  .navDGA .row.row-new {
    justify-content: center;
    padding-top: 6px;
    position: unset;
    padding-left: 28px;
  }
  .Evaluation2 .alertEvaluation .right .btnSmall#feedback_no {
    right: 80px;
    min-width: 40px !important;
  }
  .services-details .right-sec .btn-contaimer {
    flex-wrap: wrap;
  }
  .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);
  }
  .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;
  }
  .customArrow .swiper-button-next,
  .customArrow .swiper-button-prev {
    background-size: 100px;
  }
  .weAreSec {
    margin-bottom: 0;
    padding: 25px 15px 45px 15px;
  }
  .bgLogo, .listCards .listCard .cardIcon .bg, .aboutUs .aboutUs-card .logo, .mainCard .bgIcon,
  .cardElct .ElcIcon .bg img,
  .innerBanner .linksBnr a img {
    width: 18px;
  }
  .bgLogo, .listCards .listCard .cardIcon .bg, .aboutUs .aboutUs-card .logo, .mainCard .bgIcon,
  .cardElct .ElcIcon .bg,
  .innerBanner .linksBnr a {
    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;
  }
  .researchSec .cardResearch {
    height: 200px;
  }
  .researchSec .title {
    margin-top: -20px;
    padding-bottom: 30px;
  }
  .newHome .cardNews .customPagi {
    bottom: 190px;
  }
  .newHome,
  .researchSec {
    margin-bottom: 35px;
  }
}

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