/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font-size: 16px;
  --color-primary: #30346E;
  --color-secondary: #29B3B4;
  --color-tertiary: #7C32C9;
  --color-border-color: #DEDEDE;
  --color-light: #F0EDF5;
  --color-text-color: #30346E;
  --color-danger: #FF0000;
  --color-warning: #F5B51F;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  min-height: 100vh;
  font-family: "IBMPlexSansArabic-Regular", sans-serif;
  text-align: initial;
  color: var(--color-text-color);
  --bs-body-color: color(text-color);
  background-color: #fff;
}

::selection {
  background-color: var(--color-primary);
  color: #fff;
}

.no-scroll {
  overflow-y: hidden;
}

.dir-ltr {
  direction: ltr;
  text-align: left;
}
[dir=rtl] .dir-ltr {
  text-align: right;
}

.disabled {
  opacity: 0.4;
  pointer-events: none;
}

a,
button {
  cursor: pointer;
}

.container-fluid {
  padding-inline: 2.5rem;
  margin-inline: auto;
}
@media (min-width: 1500px) {
  .container-fluid {
    padding-inline: 6.25rem;
    max-width: 1920px;
  }
}

.visible-hidden {
  visibility: hidden;
}

* {
  margin: 0;
  padding: 0;
  text-align: initial;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1.5;
}

h1 {
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

section {
  position: relative;
}

ul.icon-list {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
ul.icon-list > li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--color-text-color);
  font-size: 1rem;
}
ul.icon-list > li::before {
  content: "";
  display: block;
  width: 20px;
  flex-shrink: 0;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.267' height='16.267' viewBox='0 0 16.267 16.267'%3E%3Cpath id='list-icon' d='M-4289-13461.868a8.143,8.143,0,0,1,8.133-8.133.614.614,0,0,1,.612.615.611.611,0,0,1-.612.611,6.915,6.915,0,0,0-6.906,6.906,6.912,6.912,0,0,0,6.906,6.907,6.915,6.915,0,0,0,6.907-6.907.611.611,0,0,1,.612-.611.614.614,0,0,1,.615.611,8.143,8.143,0,0,1-8.134,8.134A8.141,8.141,0,0,1-4289-13461.868Zm7.549,2.925a.609.609,0,0,1-.439-.2l-3.086-3.351a.613.613,0,0,1,.037-.865.613.613,0,0,1,.865.033l2.654,2.884,7.356-7.336a.611.611,0,0,1,.865,0,.614.614,0,0,1,0,.869l-7.805,7.785a.618.618,0,0,1-.433.18Z' transform='translate(4289 13470.001)' fill='%232F3B52'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
}
.theme-dark ul.icon-list > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.267' height='16.267' viewBox='0 0 16.267 16.267'%3E%3Cpath id='list-icon' d='M-4289-13461.868a8.143,8.143,0,0,1,8.133-8.133.614.614,0,0,1,.612.615.611.611,0,0,1-.612.611,6.915,6.915,0,0,0-6.906,6.906,6.912,6.912,0,0,0,6.906,6.907,6.915,6.915,0,0,0,6.907-6.907.611.611,0,0,1,.612-.611.614.614,0,0,1,.615.611,8.143,8.143,0,0,1-8.134,8.134A8.141,8.141,0,0,1-4289-13461.868Zm7.549,2.925a.609.609,0,0,1-.439-.2l-3.086-3.351a.613.613,0,0,1,.037-.865.613.613,0,0,1,.865.033l2.654,2.884,7.356-7.336a.611.611,0,0,1,.865,0,.614.614,0,0,1,0,.869l-7.805,7.785a.618.618,0,0,1-.433.18Z' transform='translate(4289 13470.001)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.fancybox-iframe video,
.fancybox-video video {
  object-fit: cover;
}

.close-popup {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  color: var(--color-text-color);
  font-family: "IBMPlexSansArabic-Medium";
}
.mega-menu .close-popup {
  color: #fff;
}
.mega-menu .close-popup svg path {
  stroke: #fff;
}
.close-popup svg {
  height: 16px;
  width: 16px;
  flex-shrink: 0;
}
.close-popup svg path {
  stroke: var(--color-text-color);
}
.close-popup:hover {
  color: var(--color-primary);
}
.close-popup:hover svg path {
  stroke: var(--color-primary);
}

.badge {
  padding: 4px 12px;
  font-size: 1rem;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
  border-end-start-radius: 8px;
  border-end-end-radius: 0;
}

.border-primary {
  border: 1px solid var(--color-primary) !important;
}

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

.color-secondary {
  color: var(--color-secondary) !important;
}

.color-tertiary {
  color: var(--color-tertiary) !important;
}

.color-warning {
  color: var(--color-warning) !important;
}

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

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

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}

.bg-gray {
  background-color: var(--color-gray-color) !important;
}

.font-light {
  font-family: "BrandoArabicLight";
}

.font-regular {
  font-family: "BrandoArabicRegular";
}

.font-medium {
  font-family: "BrandoArabicSemiBold";
}

.font-bold {
  font-family: "BrandoArabicBold";
}

.flex-container {
  display: flex;
}

.back-top-btn {
  position: fixed;
  right: 20px;
  inset-block-end: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: var(--color-secondary);
  z-index: 99;
  transition: all 0.3s ease-in-out;
}
.home-body [dir=ltr] .back-top-btn {
  right: 45px;
  inset-block-end: 115px;
}
.back-top-btn svg {
  width: 20px;
  transition: all 0.3s ease-in-out;
}
.back-top-btn:hover {
  background-color: var(--color-tertiary);
}
.back-top-btn:hover svg {
  transform: translateY(-4px);
}

.item-date {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-date svg {
  height: 16px;
}
.item-date .date,
.item-date .time {
  font-size: 0.875rem;
  height: 16px;
}
.item-date .divider {
  width: 12px;
  height: 2px;
  margin-inline: 4px;
  background-color: var(--color-primary);
}
.item-date .slash {
  font-size: 0.875rem;
}

.range-date {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  border-radius: 8px;
  padding: 8px 16px;
  gap: 16px;
  background-color: var(--color-primary);
}
.range-date .date {
  position: relative;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  flex-shrink: 0;
}
.range-date .date:first-child:not(:only-child) {
  padding-inline-end: 16px;
}
.range-date .date:first-child:not(:only-child)::after {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  content: "";
  height: 50%;
  width: 1px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.15);
}
.range-date .date span {
  font-size: 0.75rem;
  font-family: "IBMPlexSansArabic-light";
}
.range-date .date span.day {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
}

.date-badge {
  position: relative;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 16px;
  border-radius: 8px;
}
.date-badge span {
  flex: 1;
  text-align: center;
  font-size: 0.75rem;
  font-family: "IBMPlexSansArabic-light";
}
.date-badge span.day {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
}

.item-location {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.item-location svg {
  height: 16px;
}
.item-location .location {
  font-size: 0.875rem;
  height: 16px;
}

.plus-icon {
  height: 16px;
  width: 16px;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}

.attachment-icon {
  height: 16px;
  width: 16px;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}

a.item-location:hover {
  background-color: var(--color-primary);
}
a.item-location:hover svg {
  filter: brightness(0) invert(1);
}

.view-data {
  position: relative;
}
.view-data .form-control {
  resize: none;
}
.view-data .title {
  display: block;
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Semibold";
  margin-bottom: 0.5rem;
}
.view-data .value {
  margin: 0;
  font-size: 1rem;
  color: var(--color-text-color);
}
.view-data .status {
  display: flex;
  align-items: baseline;
  gap: 4px;
  width: 100%;
  line-height: 1.5;
}
.view-data .status::before {
  flex-shrink: 0;
  content: "";
  display: inline-flex;
  width: 8px;
  height: 8px;
  background-color: #1cc182;
  border-radius: 50%;
}
.view-data .status.pending {
  color: #1cc182;
}
.view-data .status.purple {
  color: #7c32c9;
}
.view-data .status.purple::before {
  background-color: #7c32c9;
}
.view-data .value-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.view-data .value-container .active {
  color: #49b994;
}
.view-data .value-container .not-active {
  color: #f0815d;
}
.view-data .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.view-data .download-btn svg {
  height: 20px;
}

a:hover {
  text-decoration: none;
}

.check-list {
  padding-inline-start: 32px;
}

.number {
  font-family: sans-serif;
  font-weight: 600;
}

.card {
  border-color: var(--color-border-color);
  background-color: #fff;
  border-radius: 1rem;
}
.card:not(.accordion .card) {
  box-shadow: 0 0 2.5px rgba(0, 0, 0, 0.13);
}
.card .card-header {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 0;
  background-color: transparent;
  font-size: 1.125rem;
  color: var(--color-text-color);
  font-family: "IBMPlexSansArabic-Semibold";
}
.card .card-header .card-actions {
  margin-inline-start: auto;
}
.card .card-title {
  margin-bottom: 0 !important;
}
.card .card-body {
  padding: 1.5rem;
}
.card .card-body .card-description {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
  margin-bottom: 0.5rem;
}
.card.light-card {
  background-color: #faf9fd;
  border: 0;
  box-shadow: none;
}

.icon-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 16px;
  height: 100%;
  min-height: 250px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.icon-card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin: 0 auto 24px;
  border-radius: 10px;
}
.icon-card .icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.icon-card .item-date {
  color: var(--color-text-color);
  margin-bottom: 8px;
  transition: all 0.3s ease-in-out;
}
.icon-card .card-title {
  font-size: 1rem;
  padding-inline: 24px;
  color: var(--color-text-color);
  text-align: center;
  margin-bottom: 8px;
  text-align: center;
  font-family: "IBMPlexSansArabic-Semibold";
  transition: all 0.3s ease-in-out;
}
.icon-card .card-description {
  display: block;
  font-size: 0.875rem;
  text-align: center;
  color: var(--color-gray-color);
  transition: all 0.3s ease-in-out;
}
.icon-card:hover:not(.no-hover), .icon-card:focus:not(.no-hover) {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.icon-card:hover:not(.no-hover) *,
.icon-card:hover:not(.no-hover) .item-description,
.icon-card:hover:not(.no-hover) .item-title, .icon-card:focus:not(.no-hover) *,
.icon-card:focus:not(.no-hover) .item-description,
.icon-card:focus:not(.no-hover) .item-title {
  color: #fff;
}
.icon-card:hover:not(.no-hover) .icon img, .icon-card:focus:not(.no-hover) .icon img {
  filter: brightness(0) invert(1);
}

.item-description {
  font-size: 1rem;
  font-family: "IBMPlexSansArabic-Medium";
}

.border-card {
  border: 1px solid var(--color-border-color);
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.13);
}

.logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  height: 100%;
  background-color: #fff;
  min-height: 250px;
  border: 1px solid var(--color-border-color);
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.logo-card .logo img {
  height: 80px;
  transition: all 0.3s ease-in-out;
}
.logo-card:hover {
  border-color: var(--color-secondary);
}
.logo-card:hover .logo img {
  transform: scale(1.12);
}
.notifications-list__item .notification-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border: 1px solid #e9e7ef;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.notifications-list__item .notification-card .icon {
  flex-shrink: 0;
}
.notifications-list__item .notification-card .icon svg,
.notifications-list__item .notification-card .icon img {
  height: 22px;
}
.notifications-list__item .notification-card .notification-title {
  color: var(--color-text-color);
  font-family: "IBMPlexSansArabic-Medium";
}
.notifications-list__item .notification-card .arrow {
  margin-inline-start: auto;
}
.notifications-list__item .notification-card:is(:hover, :active, :focus) {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.notifications-list__item .notification-card:is(:hover, :active, :focus) .icon img {
  filter: brightness(0) invert(1);
}
.notifications-list__item .notification-card:is(:hover, :active, :focus) .notification-title {
  color: #fff;
}
.notifications-list__item:not(:last-child) {
  margin-bottom: 12px;
}

.service-icon-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #e9e7ef;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.service-icon-card .icon {
  flex-shrink: 0;
}
.service-icon-card .icon svg,
.service-icon-card .icon img {
  height: 32px;
}
.service-icon-card .service-title {
  color: var(--color-text-color);
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
}
.service-icon-card:is(:hover, :active, :focus) {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.service-icon-card:is(:hover, :active, :focus) .icon img {
  filter: brightness(0) invert(1);
}
.service-icon-card:is(:hover, :active, :focus) .service-title {
  color: #fff;
}

.list-check-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding-inline-start: 1.5rem;
}
.list-check-item::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 0.15rem;
  height: 1rem;
  width: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.669' height='14.611' viewBox='0 0 17.669 14.611'%3E%3Cpath id='Layer_46' data-name='Layer 46' d='M25.2,11.878,14.181,23.6a1.5,1.5,0,0,1-2.156,0L8.364,19.718A1.476,1.476,0,1,1,10.5,17.695l2.6,2.761L23.04,9.884A1.469,1.469,0,0,1,25.2,11.878Z' transform='translate(-7.885 -9.448)' fill='%2329b3b4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.list-check-item .item-title {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
}

.attachment-view-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  border: 1px solid #e9e7ef;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.attachment-view-card .attachment-info {
  display: flex;
  flex-direction: column;
}
.attachment-view-card .attachment-info .attachment-subject {
  font-size: 0.75rem;
  font-family: "IBMPlexSansArabic-Medium";
  color: #a2a2a2;
}
.attachment-view-card .attachment-info .attachment-title {
  color: var(--color-secondary);
  font-size: 0.875rem;
}
.attachment-view-card .download-btn {
  border-radius: 0;
  margin-inline-start: auto;
}
.attachment-view-card .download-btn svg {
  transition: all 0.3s ease-in-out;
  height: 1.25rem;
  width: 1.25rem;
}
.attachment-view-card .download-btn:hover svg {
  transform: scale(1.12);
}

.objective-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  height: 100%;
  background-color: #fff;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.objective-card img {
  height: 2.5rem;
  transition: all 0.3s ease-in-out;
}
.objective-card .title {
  text-align: center;
  font-family: "IBMPlexSansArabic-Medium";
  transition: all 0.3s ease-in-out;
}
.objective-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
}
.objective-card:hover img {
  transform: scale(1.12);
}
.result-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-color: var(--color-border-color);
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  box-shadow: 0 1px 20px rgba(16, 24, 40, 0.05);
}
.result-card .result-value {
  font-size: 2rem;
  color: #7c32c9;
  font-family: "IBMPlexSansArabic-Semibold";
}
.result-card .result-value span {
  font-size: 1rem;
}
.result-card .result-title {
  font-size: 1.25rem;
  color: var(--color-secondary);
  text-align: center;
  font-family: "IBMPlexSansArabic-Semibold";
}
.result-card .result-type {
  padding: 0.5rem 1rem;
  background-color: var(--color-primary);
  color: #fff;
  font-family: "IBMPlexSansArabic-Medium";
  border-radius: 0.25rem;
}
.result-card .result-type.competent {
  background-color: #7c32c9;
}
.result-card .result-type.advanced {
  background-color: #1cc182;
}

.details-card {
  border: 1px solid var(--color-border-color);
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
}
.details-card img {
  display: inline-flex;
  height: 2.5rem;
  margin-bottom: 0.5rem;
}
.details-card .card-title {
  font-family: "IBMPlexSansArabic-Semibold";
  color: var(--color-primary);
  font-size: 1.125rem;
}
.details-card .card-description {
  color: #575756;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
}
.details-card .card-actions a {
  color: var(--color-secondary);
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
}
.details-card .card-actions a:hover {
  color: var(--color-primary);
}

.perspective-card {
  position: relative;
  background-color: #fff;
}
.perspective-card.primary {
  --clr-card-color: #2a206a;
}
.perspective-card.secondary {
  --clr-card-color: #29b3b4;
}
.perspective-card.tertiary {
  --clr-card-color: #7c32c9;
}
.perspective-card.green {
  --clr-card-color: #1dc182;
}
.perspective-card__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.perspective-card__header::after {
  content: "";
  height: 1px;
  width: 75%;
  background-color: var(--clr-card-color);
  margin-top: 0.5rem;
}
.perspective-card__header img {
  height: 2rem;
}
.perspective-card__header .perspective-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "IBMPlexSansArabic-Semibold";
  color: var(--clr-card-color);
}
.perspective-card__header .perspective-title .en {
  font-size: 0.875rem;
}
.perspective-card__body {
  padding: 1rem;
}
.perspective-card__body .perspective-info__item {
  display: flex;
  gap: 0.5rem;
}
.perspective-card__body .perspective-info__item:not(:last-child) {
  margin-bottom: 1rem;
}
.perspective-card__body .perspective-info__item .info-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.perspective-card__body .perspective-info__item .info-icon img {
  flex-shrink: 0;
  height: 1.125rem;
  width: 1.125rem;
  object-fit: contain;
}
.perspective-card__body .perspective-info__item .info-icon::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--clr-card-color);
  opacity: 0.1;
}
.perspective-card__body .perspective-info__item .info-title {
  border-inline-start: 1px solid var(--clr-card-color);
  padding-inline-start: 0.5rem;
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Semibold";
  color: var(--clr-card-color);
}
.perspective-card__body .perspective-info__item .info-title sub {
  display: block;
}
.perspective-card__footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: 0.75rem;
}
.perspective-card .card-capttion {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  inset-block-end: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: #fff;
  border-inline-start: 0.5rem solid var(--clr-card-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 4px 30px 10px rgba(0, 0, 0, 0.17);
}
.perspective-card .card-capttion p {
  font-family: "IBMPlexSansArabic-Medium";
}
.perspective-card:hover .card-capttion {
  opacity: 1;
  visibility: visible;
}

.row:has(.perspective-card) .col-lg-4:first-child .perspective-card,
.row:has(.perspective-card) .col-lg-4:first-child .card-capttion {
  border-start-start-radius: 1.5rem;
}
.row:has(.perspective-card) .col-lg-4:last-child .perspective-card,
.row:has(.perspective-card) .col-lg-4:last-child .card-capttion {
  border-start-end-radius: 1.5rem;
}

.portal-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 0.48px 14.51px 0px rgba(213, 219, 222, 0.4);
  border-radius: 0.5rem;
  overflow: hidden;
}
.portal-card .portal-logo {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(239, 239, 240, 0.3019607843);
  min-height: 10rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
.portal-card .portal-logo img {
  height: 3rem;
  max-width: 100%;
  object-fit: contain;
}
.portal-card .portal-logo .portal-status {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  padding: 0.125rem 1.5rem;
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
  border-end-end-radius: 0.5rem;
}
.portal-card .portal-logo .portal-status.green {
  background-color: #1cc182;
  color: #fff;
}
.portal-card .portal-logo .portal-status.dark {
  background-color: #b2b2b2;
  color: #fff;
}
.portal-card .portal-logo .portal-status.purple {
  background-color: #7c32c9;
  color: #fff;
}
.portal-card .portal-logo .portal-status.orange {
  background-color: #ff8658;
  color: #fff;
}
.portal-card .portal-title {
  font-size: 1rem;
  padding-top: 1rem;
  padding-inline: 1rem;
  font-family: "IBMPlexSansArabic-Semibold";
  margin-bottom: 0.125rem;
}
.portal-card .dimension-title {
  font-size: 0.75rem;
  font-family: "IBMPlexSansArabic-Medium";
  padding-inline: 1rem;
  margin-bottom: 1rem;
}

.statistics-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
  font-family: "IBMPlexSansArabic-Semibold";
  transition: all 0.3s ease-in-out;
}
.statistics-card.with-border {
  border: 1px solid transparent;
}
.statistics-card .title {
  text-align: center;
  flex: 1;
}
.statistics-card .value {
  font-size: 1.25rem;
}
.statistics-card.success {
  background-color: rgba(28, 193, 130, 0.1019607843);
  color: #1cc182;
  border-color: #1cc182;
}
.statistics-card.purple {
  background-color: rgba(124, 50, 201, 0.1019607843);
  color: #7c32c9;
  border-color: #7c32c9;
}
.statistics-card.danger {
  background-color: rgba(255, 86, 103, 0.1019607843);
  color: #ff304a;
  border-color: #ff304a;
}
.statistics-card.info {
  background-color: rgba(0, 171, 175, 0.1019607843);
  color: #00abaf;
  border-color: #00abaf;
}
.statistics-card.warning {
  background-color: rgba(255, 135, 88, 0.137254902);
  color: #ff8658;
  border-color: #00abaf;
}
.statistics-card:is(:active, :focus, :hover) {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.progress-card {
  border: 1px solid var(--color-border-color);
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 1rem;
}
.progress-card__header {
  display: flex;
  align-items: center;
  gap: 0.5re;
  margin-bottom: 0.5rem;
}
.progress-card .card-title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
}
.progress-card .card-count {
  margin-inline-start: auto;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
}
.progress-card .progress-chart {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.progress-card .progress-container {
  position: relative;
  display: flex;
  align-items: center;
  position: relative;
  height: 0.5rem;
  gap: 0.5rem;
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 2rem;
  overflow: hidden;
}
.progress-card .progress-bar {
  height: 0.5rem;
  background-color: #1cc182;
  border-radius: 2rem;
}

.color-scheme-list {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.color-scheme-list__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.color-scheme-list__item::before {
  display: inline-flex;
  flex-shrink: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background-color: #f5f5f5;
}
.color-scheme-list__item .title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
}
.color-scheme-list__item.green::before {
  background-color: #1cc182;
}
.color-scheme-list__item.yellow::before {
  background-color: #ff8658;
}
.color-scheme-list__item.purple::before {
  background-color: #7c32c9;
}
.color-scheme-list__item.red::before {
  background-color: #ff304a;
}

.rate-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  padding: 2rem;
  border: 1px solid #f1f1f2;
  border-radius: 1rem;
}
.rate-card .card-title {
  text-align: center;
  flex: 1;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-family: "IBMPlexSansArabic-Semibold";
}
.rate-card .count {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 1.75rem;
  margin-bottom: 0;
  line-height: 1;
  color: #7c32c9;
}
.rate-card .sub-title {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Medium";
}
.rate-card .card-badge {
  padding: 0.25rem 1rem;
  background-color: rgba(0, 171, 175, 0.0705882353);
  color: #00abaf;
  font-family: "IBMPlexSansArabic-Medium";
  border-radius: 0.5rem;
}

.result-score-card {
  background-color: #fff;
  border: 1px solid #f1f1f2;
  box-shadow: 0px 0.48px 14.51px 0px rgba(213, 219, 222, 0.4);
  padding: 1.5rem;
  border-radius: 1rem;
}
.result-score-card .card-title {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 1.5rem;
}
.result-score-card .sub-title {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 1.25rem;
  color: #00abaf;
}
.result-score-card .card-count {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 2.25rem;
  line-height: 1;
  color: #7c32c9;
}

.result-rate-card {
  background-color: #fff;
  border: 1px solid #f1f1f2;
  box-shadow: 0px 0.48px 14.51px 0px rgba(213, 219, 222, 0.4);
  padding: 1.5rem;
  border-radius: 1rem;
}
.result-rate-card .portal-logo {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #f4f4f5;
  border-radius: 0.5rem;
  padding: 0.125rem;
}
.result-rate-card .portal-logo img {
  height: 5rem;
  margin-block: 1.5rem;
  max-width: 11rem;
  object-fit: contain;
  flex: 1;
}
.result-rate-card .portal-logo .portal-title {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 0.875rem;
  margin: 0;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  width: 100%;
  text-align: center;
}
.result-rate-card .result-rate-info__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
.result-rate-card .result-rate-info__item:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f1f2;
}
.result-rate-card .result-rate-info__item .item-title {
  font-size: 1rem;
  font-family: "IBMPlexSansArabic-Semibold";
  margin-bottom: 0;
}
.result-rate-card .result-rate-info__item .item-badge {
  padding: 0.25rem 1rem;
  background-color: rgba(0, 171, 175, 0.0705882353);
  color: #00abaf;
  font-family: "IBMPlexSansArabic-Medium";
  border-radius: 0.5rem;
}

.certificate-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 1rem;
  background: rgba(210, 214, 219, 0.3019607843);
  border-radius: 1rem;
}
.certificate-card .card-icon {
  display: flex;
  margin-bottom: 0.5rem;
}
.certificate-card .card-icon img {
  height: 3rem;
  width: 3rem;
  object-fit: contain;
}
.certificate-card .card-title {
  font-family: "IBMPlexSansArabic-Semibold";
}

.list-icon-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #F1F1F2;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.list-icon-card .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: rgba(210, 214, 219, 0.3019607843);
  flex-shrink: 0;
  border-radius: 50%;
}
.list-icon-card .card-icon svg,
.list-icon-card .card-icon img {
  height: 1.5rem;
  width: 1.5rem;
  object-fit: contain;
}
.list-icon-card .card-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #1F2A37;
}
.list-icon-card .card-info .card-title {
  font-family: "IBMPlexSansArabic-Semibold";
  font-size: 1.125rem;
  color: var(--color-text-color);
}
.list-icon-card .card-info .info-list {
  display: flex;
  gap: 2rem;
}
.list-icon-card:hover {
  border-color: #2a206a;
  background-color: #F1F1F2;
}

.officer-contact-card {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #F1F1F2;
  background: #FFF;
  box-shadow: 0 1px 20px 0 rgba(16, 24, 40, 0.05);
}
.officer-contact-card .portal-card {
  box-shadow: none;
}
.officer-contact-card .portal-card .portal-logo {
  min-height: 3.75rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.officer-contact-card .portal-card .portal-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid #F4F4F5;
}
.officer-contact-card .portal-card .portal-name h5 {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Semibold";
  color: #2A206A;
  margin-bottom: 0;
}
.officer-contact-card__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.officer-contact-card__content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F1F1F2;
  padding-bottom: 0.5rem;
}
.officer-contact-card__content-header .header-title {
  font-size: 0.875rem;
  font-family: "IBMPlexSansArabic-Semibold";
  color: #2A206A;
  margin: 0;
}
.officer-contact-card__content-header .header-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.officer-contact-card__content-header .header-actions .officer-contact-actions__btn {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  background: none;
  cursor: pointer;
  border-radius: 0.5rem;
  border: 1px solid #ECEBEF;
  box-shadow: 0 1px 4px 0 rgba(12, 12, 12, 0.05);
  transition: all 0.3s ease-in-out;
}
.officer-contact-card__content-header .header-actions .officer-contact-actions__btn svg {
  height: 1.125rem;
  width: 1.125rem;
}
.officer-contact-card__content-header .header-actions .officer-contact-actions__btn:hover {
  background-color: #F1F1F2;
}
.officer-contact-card__content-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.officer-contact-card__content-body .officer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.officer-contact-card__content-body .officer-list__item {
  color: #323232;
}

.swal2-popup {
  padding: 32px !important;
  border-radius: 16px !important;
  border: 0;
}
.theme-dark .swal2-popup {
  background-color: #37435b !important;
}
.swal2-popup .swal2-title {
  color: var(--color-text-color) !important;
}
.swal2-popup .btn {
  border-radius: 50px !important;
  outline: none !important;
  box-shadow: none !important;
}

.swal2-container {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.theme-dark .swal2-container {
  background: rgba(47, 59, 82, 0.8) !important;
}

.swal2-icon.swal2-question {
  border-color: var(--color-gray-color) !important;
  color: var(--color-gray-color) !important;
}

.swal2-confirm {
  background-color: var(--color-primary) !important;
}

.swal2-cancel {
  border: 1px solid #d33 !important;
  color: #d33 !important;
  background: #fff !important;
}
.swal2-cancel:hover {
  background-color: #d33 !important;
  color: #fff !important;
}

.swal2-html-container {
  color: var(--color-text-color) !important;
}

.documents-list {
  width: 100%;
  padding-inline-end: 8px;
}
.widget .documents-list {
  max-height: 150px;
  overflow-y: auto;
}
.widget .documents-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.widget .documents-list::-webkit-scrollbar-thumb {
  background: #30346E;
}
.widget .documents-list::-webkit-scrollbar-track {
  background: #414E67;
}
.widget .documents-list {
  scrollbar-face-color: #30346E;
  scrollbar-track-color: #414E67;
}
.documents-list__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 8px 0;
}
.documents-list__item:not(:last-child) {
  border-bottom: 1px solid #242E42;
}
.documents-list__item .item-info {
  flex: 1;
}
.documents-list__item .item-info .category {
  font-size: 0.75rem;
}
.documents-list__item .item-info .item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  color: var(--color-text-gray);
  transition: all 0.3s ease-in-out;
}
@supports not (-webkit-line-clamp: 2) {
  .documents-list__item .item-info .item-title {
    display: block;
    max-height: 42px;
    line-height: 1.5;
  }
}
.documents-list__item .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.documents-list__item .download-btn:hover {
  background-color: var(--color-primary);
}
.documents-list__item .download-btn svg {
  width: 16px;
}
.documents-list__item:hover .item-info .item-title {
  color: #fff;
}
.documents-list__item:hover .download-btn svg,
.documents-list__item:hover .download-btn img {
  filter: brightness(0) invert(1);
}

.error-container .error-img img {
  width: 100%;
  max-width: 550px;
}
.error-container .error-title {
  font-size: 2rem;
  margin: 0;
}
.error-container .error-desc {
  max-width: 60%;
  text-align: center;
  font-size: 1.25rem;
}
@media (max-width: 575.98px) {
  .error-container .error-desc {
    max-width: 100%;
  }
}

.swiper-button-next,
.swiper-button-prev {
  outline: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.125rem;
  color: #fff;
}
@media (min-width: 1200px) {
  .vertical-slider .swiper-button-next,
  .vertical-slider .swiper-button-prev {
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.63);
    left: 0;
    right: 0;
    width: 100%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .vertical-slider .swiper-button-next::after,
  .vertical-slider .swiper-button-prev::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .vertical-slider .swiper-button-prev {
    top: 20px;
  }
  .vertical-slider .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.767' height='12.503' viewBox='0 0 24.767 12.503'%3E%3Cpath id='previous' d='M8.636,10.843,0,.725.618,0,9.873,10.843.618,21.687,0,20.962Z' transform='translate(1.54 11.188) rotate(-90)' fill='%2328aa96' stroke='%23fff' stroke-width='2' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  }
  .vertical-slider .swiper-button-next {
    top: calc(100% - 20px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.767' height='12.503' viewBox='0 0 24.767 12.503'%3E%3Cpath id='next' d='M8.636,10.843,0,20.962l.618.725L9.873,10.843.618,0,0,.725Z' transform='translate(23.227 1.315) rotate(90)' fill='%2328aa96' stroke='%23fff' stroke-width='2' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.vehicle-gallery {
  position: relative;
  display: flex;
  gap: 16px;
  height: 520px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .vehicle-gallery {
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
  }
}
.vehicle-gallery .vehicle-thumbs-slider {
  position: relative;
  margin: 0;
  width: 180px;
  flex-shrink: 0;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .vehicle-gallery .vehicle-thumbs-slider {
    width: 100%;
    flex: none;
    height: 120px;
  }
}
.vehicle-gallery .vehicle-thumbs-slider__item {
  position: relative;
  display: flex;
  height: 100%;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
  border-end-start-radius: 8px;
  border-end-end-radius: 0;
  overflow: hidden;
}
.vehicle-gallery .vehicle-thumbs-slider__item .item-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.vehicle-gallery .vehicle-thumbs-slider__item .item-img::after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(41, 179, 180, 0.4);
  transition: all 0.2s ease-in-out;
}
.vehicle-gallery .vehicle-thumbs-slider__item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
}
.vehicle-gallery .vehicle-thumbs-slider__item .item-img:hover:after {
  opacity: 0;
}
.vehicle-gallery .vehicle-thumbs-slider__item .item-img:hover img {
  transform: scale(1.12);
}
.vehicle-gallery .vehicle-images-slider {
  flex: 1;
  margin: 0;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .vehicle-gallery .vehicle-images-slider {
    width: 100%;
    flex: none;
    height: 450px;
    order: -1;
  }
}
@media (max-width: 991.98px) {
  .vehicle-gallery .vehicle-images-slider {
    height: 350px;
  }
}
.vehicle-gallery .vehicle-images-slider__item {
  position: relative;
  display: flex;
  height: 100%;
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
  border-end-start-radius: 16px;
  border-end-end-radius: 0;
  overflow: hidden;
}
.vehicle-gallery .vehicle-images-slider__item .item-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.vehicle-gallery .vehicle-images-slider__item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
}
.vehicle-gallery .vehicle-images-slider .swiper-button-next,
.vehicle-gallery .vehicle-images-slider .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.3);
  width: 40px;
  height: 50px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
}

@supports ((-webkit-backdrop-filter: 30px) or (backdrop-filter: 30px)) {
  .vehicle-images-slider .swiper-button-next,
  .vehicle-images-slider .swiper-button-prev {
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
  }
}
.swiper-slide-thumb-active .item-img::after {
  opacity: 0;
}

:root {
  --base-color: #29b3b4;
  --disable-background-color: #eceeef;
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  background-position-y: top;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10.294' viewBox='0 0 19 10.294'%3E%3Cpath id='Path_85' data-name='Path 85' d='M18.767,127.394a.789.789,0,0,1-1.12,0L9.5,119.247l-8.148,8.148a.792.792,0,1,1-1.12-1.12l8.708-8.708a.789.789,0,0,1,1.12,0l8.708,8.708a.789.789,0,0,1,0,1.12Z' transform='translate(19 127.628) rotate(180)' fill='%239c9b9b'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
}
[dir=ltr] ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  background-position: calc(100% - 1rem) top;
}
.form-control-container ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  border: 0 !important;
  padding: 0 8px !important;
  min-height: auto !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
  position: relative;
  font-size: 0.875rem;
  padding: 0 !important;
  color: var(--color-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
  margin-inline-start: auto;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
  font-size: 0.75rem;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none !important;
  flex-shrink: 0;
  height: 28px !important;
  padding: 0 !important;
  width: 24px !important;
  inset-block-end: 0 !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
  position: relative !important;
  display: inline-flex;
  width: 28px !important;
  height: 16px !important;
  top: 0 !important;
  border: 0 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid var(--base-color) !important;
  margin-inline-end: 4px !important;
  background: var(--base-color) !important;
  border-radius: 25px !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
  box-shadow: none !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
  border-top: 10px solid var(--color-border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
  border-bottom: 10px solid var(--color-border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
  background-color: var(--disable-background-color) !important;
}
ng-multiselect-dropdown .dropdown-list {
  border: 1px solid var(--color-border-color) !important;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input {
  height: auto;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
  outline: none;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div:before,
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div:before {
  border-color: var(--base-color) !important;
  background-color: #fff;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div:before {
  transition-duration: 0s;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
  color: var(--base-color) !important;
  border: 2px solid var(--base-color) !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
  content: "";
  background-color: var(--base-color) !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
  border-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
  background-color: inherit;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
  background-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: var(--base-color) !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  transform: rotate(-45deg) scale(1);
}
@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px var(--base-color) !important;
  }
}

hijri-gregorian-datepicker .btn-sm {
  min-width: 100px;
}
hijri-gregorian-datepicker .form-group {
  display: flex;
  flex-direction: column;
}
hijri-gregorian-datepicker .form-group > label {
  order: 2;
}
hijri-gregorian-datepicker .form-group .input-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
  min-height: 45px;
  height: auto !important;
  padding-inline: 16px 4px;
  border: 1px solid #ced4da;
  color: var(--color-gray-color);
  border-radius: 25px !important;
}
hijri-gregorian-datepicker .form-group .form-control {
  flex: 1;
  padding-inline-start: 0;
  outline: none;
  background-color: transparent !important;
  box-shadow: none;
}
hijri-gregorian-datepicker .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.is-invalid hijri-gregorian-datepicker .form-group .form-control {
  border-color: #dc3545;
}
.is-invalid hijri-gregorian-datepicker .form-group .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
[dir=ltr] hijri-gregorian-datepicker .form-group .form-control {
  background-position: right 15px center;
}
hijri-gregorian-datepicker .form-group .form-control.hijriInput {
  width: 100%;
}
hijri-gregorian-datepicker .input-group-append {
  display: flex;
  align-items: center;
}
hijri-gregorian-datepicker .input-group-append .btn {
  min-width: auto;
  white-space: nowrap;
  font-size: 0.875rem;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
hijri-gregorian-datepicker .input-group-append .btn:is(.focus, :hover) {
  background-color: var(--color-primary);
  color: #fff;
  box-shadow: none;
  outline: none;
}
hijri-gregorian-datepicker .input-group-append .btn:first-child {
  border-start-start-radius: 1.5625rem !important;
  border-end-start-radius: 1.5625rem !important;
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
hijri-gregorian-datepicker .input-group-append .btn:last-child {
  border-start-end-radius: 1.5625rem !important;
  border-end-end-radius: 1.5625rem !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}
hijri-gregorian-datepicker .hijriInput {
  border-radius: 0.875rem;
}
hijri-gregorian-datepicker .ngb-dp-months {
  display: block;
}
hijri-gregorian-datepicker .ngb-dp-week {
  justify-content: space-between;
}
hijri-gregorian-datepicker .ngb-dp-header {
  background-color: #fff;
  padding-top: 8px;
}
hijri-gregorian-datepicker .ngb-dp-weekday, hijri-gregorian-datepicker .ngb-dp-week-number {
  font-style: normal !important;
  font-size: 0.75rem !important;
}
hijri-gregorian-datepicker .ngb-dp-weekdays {
  background-color: #fff;
  padding: 4px 0;
  border-bottom: 1px sold var(--color-border-color);
}
hijri-gregorian-datepicker .ngb-dp-weekdays .ngb-dp-weekday {
  color: var(--color-text-color);
}
hijri-gregorian-datepicker .ngb-dp-day .btn-light {
  border: 0 !important;
}
hijri-gregorian-datepicker .ngb-dp-day .btn-light:hover {
  background-color: var(--color-primary);
}
hijri-gregorian-datepicker .ngb-dp-today > .btn-light, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView] {
  background-color: var(--color-primary) !important;
  color: #fff;
  --bs-btn-color: #fff;
  --bs-btn-bg: color(primary);
  --bs-btn-hover-bg: color(primary);
}
hijri-gregorian-datepicker .ngb-dp-today > .btn-light:hover, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView]:hover {
  background-color: var(--color-primary);
}

ngb-datepicker {
  border-radius: 16px;
  border-color: #ced4da;
}

hijri-date-picker {
  border-radius: 16px;
  border: 0;
}
hijri-date-picker > div {
  display: flex;
  height: 100%;
}
hijri-date-picker {
  width: unset !important;
}

.ngb-dp-arrow .ngb-dp-navigation-chevron {
  border-color: var(--color-primary);
}

ngb-datepicker-navigation {
  justify-content: space-between;
  gap: 8px;
}
ngb-datepicker-navigation .ngb-dp-arrow-btn {
  min-width: auto;
  height: auto !important;
  padding: 0 !important;
}
ngb-datepicker-navigation ngb-datepicker-navigation-select {
  gap: 8px;
}
ngb-datepicker-navigation ngb-datepicker-navigation-select select {
  min-width: 85px;
}

[ngbDatepickerDayView]:hover:not(.bg-primary), [ngbDatepickerDayView].active:not(.bg-primary) {
  background-color: var(--color-primary);
  color: #fff;
}

.dashboard-title {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 40px 16px 24px;
}
.dashboard-title .page-title {
  font-family: "DiodrumArabic-Semibold";
}
.dashboard-title .icon img {
  height: 50px;
}
.dashboard-title p span {
  font-family: "DiodrumArabic-Semibold";
}

.perspective-list__item {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: #f9f9fa;
  border: 1px solid #e9e7ef;
  border-radius: 0.5rem;
}
.perspective-list__item .prespective-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-family: "DiodrumArabic-Semibold";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  visibility: visible; /* this is a tricky to work correctly at IOS */
  min-height: 2.25rem;
}
@supports not (-webkit-line-clamp: 2) {
  .perspective-list__item .prespective-title {
    display: block;
    max-height: 36px;
    line-height: 1.5;
  }
}
.perspective-list__item .prespective-time {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.perspective-list__item .prespective-time__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 1rem 0.35rem;
  background-color: #efeef3;
  border-radius: 0.25rem;
  text-align: center;
}
.perspective-list__item .prespective-time__item .count {
  font-family: "DiodrumArabic-Semibold";
  margin: 0;
  line-height: 1;
  font-size: 1.125rem;
}
.perspective-list__item .prespective-time__item .title {
  font-size: 0.75rem;
  font-family: "DiodrumArabic-Medium";
  line-height: 1;
}

.visites-list__item {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: #f9f9fa;
  border: 1px solid #e9e7ef;
  border-radius: 0.5rem;
}
.visites-list__item .visites-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  color: var(--color-text-color);
  font-size: 0.75rem;
  font-family: "DiodrumArabic-Bold";
}
.visites-list__item .visites-date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.visites-list__item .visites-date__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 1rem 0.35rem;
  background-color: #fff;
  border-radius: 0.25rem;
  text-align: center;
}
.visites-list__item .visites-date__item .title {
  font-size: 0.75rem;
  font-family: "DiodrumArabic-Semibold";
  line-height: 1;
  color: var(--color-secondary);
}

.visites-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #efeef3;
  border-radius: 5rem;
  color: var(--color-text-color);
  font-family: "DiodrumArabic-Medium";
}
.visites-time .time-icon svg,
.visites-time .time-icon img {
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  object-fit: contain;
}

.attachment-card {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px dashed #e9e7ef;
  border-radius: 0.75rem;
}
.attachment-card img {
  align-self: flex-start;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem;
  object-fit: contain;
  margin-top: 0.5rem;
}
.attachment-card .attachment-info {
  display: flex;
  flex-direction: column;
}
.attachment-card .attachment-info .attachment-title {
  font-size: 0.875rem;
  margin-bottom: 0;
  font-family: "DiodrumArabic-Semibold";
}
.attachment-card .attachment-info .attachment-desc {
  font-size: 0.75rem;
}
.attachment-card .attachment-action {
  display: inline-flex;
  white-space: nowrap;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  font-size: 0.75rem;
  font-family: "DiodrumArabic-Medium";
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.attachment-card .attachment-action:hover {
  background-color: var(--color-secondary);
  color: #fff;
}
.attachment-card:not(:last-child) {
  margin-bottom: 0.5rem;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 15.625rem;
}
.empty-state img {
  height: 5rem;
}
.empty-state .title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1.125rem;
  text-align: center;
}

.darg-file-card .card-title {
  font-family: "DiodrumArabic-Semibold";
  font-size: 0.875rem;
  color: var(--color-primary);
}
.darg-file-card .card-title.required::before {
  content: "*";
  color: #d6183a;
}
.darg-file-card .drag-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  cursor: pointer;
  background-color: #f1f1f2;
  border: 1px dashed #d2d6db;
  border-radius: 0.5rem;
}
.darg-file-card .drag-area .description {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
  text-align: center;
  font-family: "DiodrumArabic-Medium";
}
.darg-file-card .drag-area .card-action {
  color: var(--color-secondary);
  background-color: #f3f4f6;
  padding: 0.25rem 1rem;
  cursor: pointer;
  font-family: "DiodrumArabic-Semibold";
  transition: all 0.3s ease-in-out;
}
.darg-file-card .drag-area .card-action:hover {
  color: var(--color-primary);
}
.darg-file-card .file-list__item {
  background-color: #f3f4f6;
  border: 1px solid #d2d6db;
  border-radius: 0.5rem;
}
.darg-file-card .file-list__item:not(:last-child) {
  margin-bottom: 0.5rem;
}
.darg-file-card .file-list__item__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.darg-file-card .file-list__item__container .icon svg,
.darg-file-card .file-list__item__container .icon img {
  height: 1.5rem;
  width: 1.5rem;
  object-fit: contain;
}
.darg-file-card .file-list__item__container .file-title {
  font-family: "DiodrumArabic-Medium";
  font-size: 0.875rem;
}
.darg-file-card .file-list__item__container .remove-btn {
  margin-inline-start: auto;
  padding: 0 0.5rem;
}
.darg-file-card .file-list__item__container .remove-btn img,
.darg-file-card .file-list__item__container .remove-btn svg {
  height: 0.75rem;
  width: 0.75rem;
  object-fit: contain;
}
.darg-file-card .file-list__item .error-msg {
  padding: 0.5rem;
  border-top: 1px solid #d2d6db;
}
.darg-file-card .file-list__item .error-msg p {
  color: #b42318;
  margin: 0;
  font-size: 0.875rem;
}
.darg-file-card .file-list__item.error {
  border-color: #b42318;
}

.login-conatiner {
  margin-top: 7.5rem;
}

.login-title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1.5625rem;
}

.login-subtitle {
  line-height: 1.2;
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 3.75rem;
  color: #1b8354;
}

.login-description {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1.5625rem;
  margin-bottom: 2.5rem;
}

.light-container {
  padding: 10px;
  background-color: #F5F5F5;
  margin-block: 0.5rem;
  border-radius: 0.5rem;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--color-secondary);
  --bs-tooltip-color: var(--bs-white);
}

.validation-hint,
.required-control-indicator {
  color: red;
  font-size: 0.875rem;
}
.form-control-container > .validation-hint,
.form-control-container > .required-control-indicator {
  padding-top: 8px;
}

.required-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  background-color: rgba(131, 149, 183, 0.15);
  border-radius: 100px;
  color: var(--color-gray-color);
}
.required-badge svg {
  height: 20px;
}
.required-badge span {
  font-size: 0.875rem;
}

.loader {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 999999999;
  -webkit-backdrop-filter: blur(40px) brightness(1);
          backdrop-filter: blur(40px) brightness(1);
}
.loader .loader-main .loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.loader .loader-main .loader-content .loader-logo {
  position: relative;
  display: block;
}
.loader .loader-main .loader-content .loader-logo img {
  max-width: 200px;
}
.loader .loader-main .loader-content .loader-title {
  position: relative;
  display: block;
  text-align: center;
  color: var(--color-text-color);
}
.loader .loader-main .loader-content .loader-title h4 {
  color: var(--color-text-color);
  margin: 0;
  font-family: "DiodrumArabic-Semibold";
}
.loader .loader-main .loader-content .loader-animation .spinner {
  position: relative;
  display: block;
  width: 150px;
  height: 6px;
  border-radius: 20px;
  background-color: var(--color-border-color);
  overflow: hidden;
}
.loader .loader-main .loader-content .loader-animation .spinner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 6px;
  width: 70px;
  border-radius: 20px;
  background-color: var(--color-primary);
  transform: translateX(100px);
  animation: loaderSpinner 1.5s infinite;
  transition: all 1.5s ease-in-out;
}

.loading-text {
  top: 50% !important;
}

@keyframes loaderSpinner {
  0% {
    transform: translateX(100px);
  }
  50% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(100px);
  }
}
.fade-out {
  animation: fadeOut 1s;
  opacity: 0;
  visibility: hidden;
}

@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.section-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.section-header .section-title {
  margin: 0;
  font-family: "DiodrumArabic-Semibold";
}
.section-header .section-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-inline-start: auto;
}
.section-header .section-actions .btn-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-secondary);
  text-decoration: none;
  font-size: 0.875rem;
  font-family: "DiodrumArabic-Medium";
  transition: all 0.3s ease-in-out;
}
.section-header .section-actions .btn-link::after {
  content: "";
  flex-shrink: 0;
  display: inline-flex;
  height: 1rem;
  width: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.024' height='10.983' viewBox='0 0 20.024 10.983'%3E%3Cpath id='right-arrow' d='M5.492,107.5l.892.892-3.969,3.969H20.024v1.261H2.415l3.969,3.969-.892.892L0,112.992Z' transform='translate(0 -107.5)' fill='%2356b7cb'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
}
.section-header .section-actions .btn-link:hover {
  color: var(--color-primary);
}

.main-search {
  display: inline-flex;
  align-items: center;
  padding-inline: 4px;
  background-color: #fff;
  border: 1px solid var(--color-border-color);
  border-radius: 50px;
  overflow: hidden;
}
.main-search input {
  background-color: transparent;
  border: 0;
  outline: none;
  height: 100%;
  border: 0;
  padding-inline-start: 16px;
  min-width: 180px;
}
.main-search button {
  border: 0;
  border-radius: 50%;
}

.sub-title {
  font-family: "DiodrumArabic-Semibold";
}

.download-hint {
  display: flex;
  align-items: center;
  gap: 4px;
}
.download-hint .download-title {
  color: var(--color-text-color);
  font-size: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.download-hint .download-icon svg {
  height: 20px;
}
.download-hint:is(:hover, :focus, :active) .download-title {
  color: var(--color-secondary);
}

.muted-text {
  color: #9C9B9B;
  font-size: 0.875rem;
}

.gray-text {
  color: #9C9B9B;
}

.items-number {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.items-number:not(.table-pager .items-number) {
  margin-top: 20px;
}
.items-number__label {
  line-height: 1;
  font-size: 14px;
  color: #2a206a;
}
.items-number__count {
  line-height: 1;
  font-size: 0.8125rem;
  color: #2a206a;
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 0.75rem;
  padding: 0.25rem 0.375rem;
}

.border-bottom {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 25px;
}

.highlighted-item {
  border-color: rgb(238, 235, 158) !important;
  box-shadow: 0 0 5px rgba(198, 0, 51, 0.5);
}

.color-schema {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 0;
}
.color-schema__item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.color-schema__item .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.color-schema__item .title {
  font-size: 0.75rem;
}

.result-value .fraction {
  font-size: 0.75em !important;
  /* smaller font */
  margin-right: 1px;
  /* optional: space between int and fraction */
  display: inline;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[1]!./src/assets/new/sass/styles.sass?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --container-max-width-desktop: 80rem;
  --container-padding-desktop: 2rem;
  --container-padding-mobile: 1rem;
  --colors-base-white: #FFFFFFFF;
  --colors-base-black: #161616FF;
  --colors-primary-sa-flag-25: #F7FDF9FF;
  --colors-primary-sa-flag-50: #F3FCF6FF;
  --colors-primary-sa-flag-100: #DFF6E7FF;
  --colors-primary-sa-flag-200: #B8EACBFF;
  --colors-primary-sa-flag-300: #88D8ADFF;
  --colors-primary-sa-flag-400: #54C08AFF;
  --colors-primary-sa-flag-500: #25935FFF;
  --colors-primary-sa-flag-700: #166A45FF;
  --colors-primary-sa-flag-800: #14573AFF;
  --colors-primary-sa-flag-900: #104631FF;
  --colors-primary-sa-flag-950: #092A1EFF;
  --colors-primary-sa-flag-600-primary: #1B8354FF;
  --colors-secondary-gold-25: #FFFEF7FF;
  --colors-secondary-gold-50: #FFFEF2FF;
  --colors-secondary-gold-100: #FFFCE6FF;
  --colors-secondary-gold-200: #FCF3BDFF;
  --colors-secondary-gold-300: #FAE996FF;
  --colors-secondary-gold-400: #F7D54DFF;
  --colors-secondary-gold-500: #F5BD02FF;
  --colors-secondary-gold-700: #B87B02FF;
  --colors-secondary-gold-800: #945C01FF;
  --colors-secondary-gold-900: #6E3C00FF;
  --colors-secondary-gold-950: #472400FF;
  --colors-secondary-gold-600-primary: #DBA102FF;
  --colors-tertiary-lavendar-25: #FEFCFFFF;
  --colors-tertiary-lavendar-50: #F9F5FAFF;
  --colors-tertiary-lavendar-100: #F2E9F5FF;
  --colors-tertiary-lavendar-200: #E1CCE8FF;
  --colors-tertiary-lavendar-300: #CCADD9FF;
  --colors-tertiary-lavendar-400: #A57BBAFF;
  --colors-tertiary-lavendar-600: #6D428FFF;
  --colors-tertiary-lavendar-700: #532D75FF;
  --colors-tertiary-lavendar-800: #3D1D5EFF;
  --colors-tertiary-lavendar-900: #281047FF;
  --colors-tertiary-lavendar-950: #16072EFF;
  --colors-tertiary-lavendar-500-primary: #80519FFF;
  --colors-neutral-25: #FCFCFDFF;
  --colors-neutral-50: #F9FAFBFF;
  --colors-neutral-100: #F3F4F6FF;
  --colors-neutral-200: #E5E7EBFF;
  --colors-neutral-300: #D2D6DBFF;
  --colors-neutral-400: #9DA4AEFF;
  --colors-neutral-500: #6C737FFF;
  --colors-neutral-600: #4D5761FF;
  --colors-neutral-700: #384250FF;
  --colors-neutral-800: #1F2A37FF;
  --colors-neutral-900: #111927FF;
  --colors-neutral-950: #0D121CFF;
  --colors-green-25: #f6fef9;
  --colors-green-50: #ecfdf3;
  --colors-green-100: #dcfae6;
  --colors-green-200: #abefc6;
  --colors-green-300: #75e0a7;
  --colors-green-400: #47cd89;
  --colors-green-500: #17b26a;
  --colors-green-600: #079455;
  --colors-green-700: #067647;
  --colors-green-800: #085d3a;
  --colors-green-900: #074d31;
  --colors-green-950: #053321;
  --colors-blue-25: #F5FAFFFF;
  --colors-blue-50: #EFF8FFFF;
  --colors-blue-100: #D1E9FFFF;
  --colors-blue-200: #B2DDFFFF;
  --colors-blue-300: #84CAFFFF;
  --colors-blue-400: #53B1FDFF;
  --colors-blue-500: #2E90FAFF;
  --colors-blue-600: #1570EFFF;
  --colors-blue-700: #175CD3FF;
  --colors-blue-800: #1849A9FF;
  --colors-blue-900: #194185FF;
  --colors-blue-950: #102A56FF;
  --colors-yellow-25: #FFFCF5FF;
  --colors-yellow-50: #FFFAEBFF;
  --colors-yellow-100: #FEF0C7FF;
  --colors-yellow-200: #FEDF89FF;
  --colors-yellow-300: #FEC84BFF;
  --colors-yellow-400: #FDB022FF;
  --colors-yellow-500: #F79009FF;
  --colors-yellow-600: #DC6803FF;
  --colors-yellow-700: #B54708FF;
  --colors-yellow-800: #93370DFF;
  --colors-yellow-900: #7A2E0EFF;
  --colors-yellow-950: #4E1D09FF;
  --colors-red-25: #FFFBFAFF;
  --colors-red-50: #FEF3F2FF;
  --colors-red-100: #FEE4E2FF;
  --colors-red-200: #FECDCAFF;
  --colors-red-300: #FDA29BFF;
  --colors-red-400: #F97066FF;
  --colors-red-500: #F04438FF;
  --colors-red-600: #D92D20FF;
  --colors-red-700: #B42318FF;
  --colors-red-800: #912018FF;
  --colors-red-900: #7A271AFF;
  --colors-red-950: #55160CFF;
  --colors-alpha-white-0: rgba(255, 255, 255, 0);
  --colors-alpha-white-10: rgba(255, 255, 255, 0.1);
  --colors-alpha-white-20: rgba(255, 255, 255, 0.2);
  --colors-alpha-white-30: rgba(255, 255, 255, 0.3);
  --colors-alpha-white-40: rgba(255, 255, 255, 0.4);
  --colors-alpha-white-50: rgba(255, 255, 255, 0.5);
  --colors-alpha-white-60: rgba(255, 255, 255, 0.6);
  --colors-alpha-white-70: rgba(255, 255, 255, 0.7);
  --colors-alpha-white-80: rgba(255, 255, 255, 0.8);
  --colors-alpha-white-90: rgba(255, 255, 255, 0.9);
  --colors-alpha-white-100: #ffffff;
  --colors-alpha-black-0: rgba(22, 22, 22, 0);
  --colors-alpha-black-10: rgba(22, 22, 22, 0.1);
  --colors-alpha-black-20: rgba(22, 22, 22, 0.2);
  --colors-alpha-black-30: rgba(22, 22, 22, 0.3);
  --colors-alpha-black-40: rgba(22, 22, 22, 0.4);
  --colors-alpha-black-50: rgba(22, 22, 22, 0.5);
  --colors-alpha-black-60: rgba(22, 22, 22, 0.6);
  --colors-alpha-black-70: rgba(22, 22, 22, 0.7);
  --colors-alpha-black-80: rgba(22, 22, 22, 0.8);
  --colors-alpha-black-90: rgba(22, 22, 22, 0.9);
  --colors-alpha-black-100: #161616;
  --colors-alpha-600-primary-10: rgba(27, 131, 84, 0.1);
  --colors-alpha-600-primary-20: rgba(27, 131, 84, 0.2);
  --colors-alpha-600-primary-30: rgba(27, 131, 84, 0.3);
  --colors-alpha-600-primary-40: rgba(27, 131, 84, 0.4);
  --colors-alpha-600-primary-50: rgba(27, 131, 84, 0.5);
  --colors-alpha-600-primary-60: rgba(27, 131, 84, 0.6);
  --colors-alpha-600-primary-70: rgba(27, 131, 84, 0.7);
  --colors-alpha-600-primary-80: rgba(27, 131, 84, 0.8);
  --colors-alpha-600-primary-90: rgba(27, 131, 84, 0.9);
  --colors-alpha-600-primary-100: #1B8354FF;
  --colors-alpha-yellow-10: rgba(220, 104, 3, 0.1);
  --colors-alpha-yellow-20: rgba(220, 104, 3, 0.2);
  --colors-alpha-red-10: rgba(217, 45, 32, 0.1);
  --colors-alpha-red-20: rgba(217, 45, 32, 0.2);
  --colors-alpha-blue-10: rgba(21, 112, 239, 0.1);
  --colors-alpha-blue-20: rgba(21, 112, 239, 0.2);
  --colors-alpha-green-10: rgba(7, 148, 85, 0.1);
  --colors-alpha-green-20: rgba(7, 148, 85, 0.2);
  --spacing-0-0px: 0;
  --spacing-0-5-2px: 2;
  --spacing-1-4px: 4;
  --spacing-1-5-6px: 6;
  --spacing-2-8px: 8;
  --spacing-3-12px: 12;
  --spacing-4-16px: 16;
  --spacing-5-20px: 20;
  --spacing-6-24px: 24;
  --spacing-8-32px: 32;
  --spacing-10-40px: 40;
  --spacing-12-48px: 48;
  --spacing-16-64px: 64;
  --spacing-20-80px: 80;
  --spacing-24-96px: 96;
  --spacing-32-128px: 128;
  --spacing-40-160px: 160;
  --spacing-48-192px: 192;
  --spacing-56-224px: 224;
  --spacing-64-256px: 256;
  --spacing-96-384px: 384;
  --spacing-80-320px: 320;
  --spacing-120-480px: 480;
  --spacing-140-560px: 560;
  --spacing-160-640px: 640;
  --spacing-180-720px: 720;
  --spacing-192-768px: 768;
  --spacing-256-1-024px: 1024;
  --spacing-320-1-280px: 1280;
  --spacing-360-1-440px: 1440;
  --spacing-400-1-600px: 1600;
  --spacing-480-1-920px: 1920;
  --radius-0: 0;
  --radius-2: 0.125rem;
  --radius-4: 0.25rem;
  --radius-8: 0.5rem;
  --radius-16: 1rem;
  --radius-24: 1.5rem;
  --radius-9999: 624.9375rem;
  --radius-none: 0;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 624.9375rem;
  --typography-font-family-font-family-display: IBM Plex Sans Arabic;
  --typography-font-family-font-family-text: IBM Plex Sans Arabic;
  --typography-size-text-size-8: 8;
  --typography-size-text-size-10: 10;
  --typography-size-text-size-12: 12;
  --typography-size-text-size-14: 14;
  --typography-size-text-size-16: 16;
  --typography-size-text-size-18: 18;
  --typography-size-text-size-20: 20;
  --typography-size-text-size-24: 24;
  --typography-size-text-size-30: 30;
  --typography-size-text-size-32: 32;
  --typography-size-text-size-36: 36;
  --typography-size-text-size-40: 40;
  --typography-size-text-size-48: 48;
  --typography-size-text-size-56: 56;
  --typography-size-text-size-60: 60;
  --typography-size-text-size-72: 72;
  --typography-line-hight-10: 10;
  --typography-line-hight-12: 12;
  --typography-line-hight-14: 14;
  --typography-line-hight-16: 16;
  --typography-line-hight-18: 18;
  --typography-line-hight-20: 20;
  --typography-line-hight-22: 22;
  --typography-line-hight-24: 24;
  --typography-line-hight-26: 26;
  --typography-line-hight-28: 28;
  --typography-line-hight-30: 30;
  --typography-line-hight-32: 32;
  --typography-line-hight-38: 38;
  --typography-line-hight-40: 40;
  --typography-line-hight-44: 44;
  --typography-line-hight-48: 48;
  --typography-line-hight-56: 56;
  --typography-line-hight-60: 60;
  --typography-line-hight-64: 64;
  --typography-line-hight-72: 72;
  --typography-line-hight-90: 90;
  --typography-font-weight-bold: Bold;
  --typography-font-weight-bold-italic: Bold italic;
  --typography-font-weight-semibold: Semibold;
  --typography-font-weight-semibold-italic: Semibold Italic;
  --typography-font-weight-medium: Medium;
  --typography-font-weight-medium-italic: Medium Italic;
  --typography-font-weight-regular: Regular;
  --typography-font-weight-italic: Italic;
  --typography-paragraph-spacing-6: 6;
  --typography-paragraph-spacing-8: 8;
  --typography-paragraph-spacing-10: 10;
  --typography-paragraph-spacing-12: 12;
  --typography-paragraph-spacing-14: 14;
  --typography-paragraph-spacing-16: 16;
  --typography-paragraph-spacing-18: 18;
  --typography-paragraph-spacing-20: 20;
  --typography-paragraph-spacing-24: 24;
  --typography-paragraph-spacing-28: 28;
  --typography-paragraph-spacing-30: 30;
  --typography-paragraph-spacing-32: 32;
  --typography-paragraph-spacing-36: 36;
  --typography-paragraph-spacing-38: 38;
  --typography-paragraph-spacing-40: 40;
  --typography-paragraph-spacing-46: 46;
  --typography-paragraph-spacing-48: 48;
  --typography-paragraph-spacing-56: 56;
  --typography-paragraph-spacing-60: 60;
  --typography-paragraph-spacing-64: 64;
  --typography-paragraph-spacing-72: 72;
  --components-card-radius: 16;
  --background-white: #FFFFFFFF;
  --background-body: #F9FAFBFF;
  --background-menu: #FFFFFFFF;
  --background-card: #FFFFFFFF;
  --background-surface-oncolor: #FFFFFFFF;
  --background-black: #161616FF;
  --background-neutral-800: #1F2A37FF;
  --background-neutral-400: #9DA4AEFF;
  --background-neutral-300: #D2D6DBFF;
  --background-neutral-200: #E5E7EBFF;
  --background-neutral-100: #F3F4F6FF;
  --background-neutral-50: #F9FAFBFF;
  --background-neutral-25: #FCFCFDFF;
  --background-primary: #1B8354FF;
  --background-primary-400: #54C08AFF;
  --background-primary-200: #B8EACBFF;
  --background-primary-50: #F3FCF6FF;
  --background-primary-25: #F7FDF9FF;
  --background-secondary-50: #FFFEF2FF;
  --background-secondary-25: #FFFEF7FF;
  --background-tertiary-50: #F9F5FAFF;
  --background-tertiary-25: #FEFCFFFF;
  --background-success: #079455;
  --background-success-50: #ecfdf3;
  --background-success-25: #f6fef9;
  --background-info: #1570EFFF;
  --background-info-50: #EFF8FFFF;
  --background-info-25: #F5FAFFFF;
  --background-warning: #DC6803FF;
  --background-warning-50: #FFFAEBFF;
  --background-warning-25: #FFFCF5FF;
  --background-error: #D92D20FF;
  --background-error-50: #FEF3F2FF;
  --background-error-25: #FFFBFAFF;
  --background-sa-flag: #074d31;
  --background-sa-flag-50: #ecfdf3;
  --background-sa-flag-25: #f6fef9;
  --background-notification-white: #FFFFFFFF;
  --background-nav-header: #14573AFF;
  --text-default: #161616FF;
  --text-primary: #1B8354FF;
  --text-primary-sa-flag: #14573AFF;
  --text-display: #1F2A37FF;
  --text-primary-paragraph: #384250FF;
  --text-secondary-paragraph: #6C737FFF;
  --text-oncolor-primary: #FFFFFFFF;
  --text-oncolor-secondary: rgba(255, 255, 255, 0.8);
  --text-oncolor-tertiary: rgba(255, 255, 255, 0.7);
  --text-success: #067647;
  --text-info: #175CD3FF;
  --text-warning: #B54708FF;
  --text-error: #B42318FF;
  --text-primary-light: #88D8ADFF;
  --text-content-gap: 0.25rem;
  --global-text-default-disabled: #9DA4AEFF;
  --global-text-default-oncolor-disabled: rgba(255, 255, 255, 0.4);
  --global-border-disabled: #9DA4AEFF;
  --global-background-disabled: #E5E7EBFF;
  --global-background-disabled-primary: #B8EACBFF;
  --global-background-inverse-disabled: #F3F4F6FF;
  --global-icon-default-disabled: #9DA4AEFF;
  --global-icon-default-oncolor-disabled: rgba(255, 255, 255, 0.4);
  --global-control-disabled: #9DA4AEFF;
  --global-spacing-none: 0;
  --global-spacing-xxs: 0.125rem;
  --global-spacing-xs: 0.25rem;
  --global-spacing-sm: 0.375rem;
  --global-spacing-md: 0.5rem;
  --global-spacing-lg: 0.75rem;
  --global-spacing-xl: 1rem;
  --global-spacing-2xl: 1.25rem;
  --global-spacing-3xl: 1.5rem;
  --global-spacing-4xl: 2rem;
  --global-spacing-5xl: 2.5rem;
  --global-spacing-6xl: 3rem;
  --global-spacing-7xl: 4rem;
  --global-spacing-8xl: 5rem;
  --global-spacing-9xl: 6rem;
  --global-spacing-10xl: 8rem;
  --global-spacing-11xl: 10rem;
  --border-white: #FFFFFFFF;
  --border-white-40: rgba(255, 255, 255, 0.4);
  --border-black: #161616FF;
  --border-primary: #1B8354FF;
  --border-primary-light: #B8EACBFF;
  --border-neutral-primary: #D2D6DBFF;
  --border-neutral-secondary: #E5E7EBFF;
  --border-neutral-tertiary: #F3F4F6FF;
  --border-background-white: #F3F4F6FF;
  --border-background-neutral: #D2D6DBFF;
  --border-transparent-10: rgba(255, 255, 255, 0.1);
  --border-oncolor-transparent-30: rgba(255, 255, 255, 0.3);
  --border-success: #067647;
  --border-success-light: #abefc6;
  --border-info: #175CD3FF;
  --border-info-light: #B2DDFFFF;
  --border-warning: #B54708FF;
  --border-warning-light: #FEDF89FF;
  --border-error: #B42318FF;
  --border-error-light: #FECDCAFF;
  --border-disabled: #D2D6DBFF;
  --button-background-black-default: #0D121CFF;
  --button-background-black-hovered: #1F2A37FF;
  --button-background-black-pressed: #4D5761FF;
  --button-background-black-selected: #384250FF;
  --button-background-black-focused: #0D121CFF;
  --button-background-primary-default: #1B8354FF;
  --button-background-primary-hovered: #166A45FF;
  --button-background-primary-pressed: #104631FF;
  --button-background-primary-selected: #14573AFF;
  --button-background-primary-focused: #1B8354FF;
  --button-background-neutral-default: #F3F4F6FF;
  --button-background-neutral-hovered: #F3F4F6FF;
  --button-background-neutral-pressed: #E5E7EBFF;
  --button-background-neutral-selected: #E5E7EBFF;
  --button-background-neutral-focused: #F3F4F6FF;
  --button-background-danger-primary-default: #D92D20FF;
  --button-background-danger-primary-hovered: #B42318FF;
  --button-background-danger-primary-pressed: #7A271AFF;
  --button-background-danger-primary-selected: #912018FF;
  --button-background-danger-primary-focused: #D92D20FF;
  --button-label-danger-primary-default-oncolor: #FECDCAFF;
  --button-label-danger-primary-hovered-oncolor: #FDA29BFF;
  --button-label-danger-primary-pressed-oncolor: #F97066FF;
  --button-background-danger-secondary-default: #FEF3F2FF;
  --button-background-danger-secondary-hovered: #FEE4E2FF;
  --button-background-danger-secondary-pressed: #FECDCAFF;
  --button-background-danger-secondary-selected: #FEF3F2FF;
  --button-background-danger-secondary-focused: #FEF3F2FF;
  --button-background-oncolor-default: #FFFFFFFF;
  --button-background-oncolor-hovered: rgba(255, 255, 255, 0.8);
  --button-background-oncolor-pressed: rgba(255, 255, 255, 0.6);
  --button-background-oncolor-selected: rgba(255, 255, 255, 0.7);
  --button-background-oncolor-focused: #ffffff;
  --button-background-transparent-default: rgba(255, 255, 255, 0);
  --button-background-transparent-hovered: rgba(255, 255, 255, 0.2);
  --button-background-transparent-pressed: rgba(255, 255, 255, 0.4);
  --button-background-transparent-selected: rgba(255, 255, 255, 0.3);
  --button-background-transparent-focused: rgba(255, 255, 255, 0);
  --button-background-disabled-on-color: rgba(255, 255, 255, 0.2);
  --button-label-transparent-hovered-on-color: #54C08AFF;
  --button-label-transparent-pressed-on-color: #88D8ADFF;
  --button-label-transparent-selected-on-color: #54C08AFF;
  --button-icon-transparent-hovered-on-color: #54C08AFF;
  --button-icon-transparent-pressed-on-color: #88D8ADFF;
  --button-icon-transparent-selected-on-color: #54C08AFF;
  --button-lg-gap: 0.25rem;
  --button-lg-padding: 1rem;
  --button-md-gap: 0.25rem;
  --button-md-padding: 0.75rem;
  --button-sm-gap: 0.25rem;
  --button-sm-padding: 0.5rem;
  --button-group-gap: 0.25rem;
  --button-menu-gap: 0.25rem;
  --button-menu-v-padding: 0.5rem;
  --button-menu-h-padding: 0.5rem;
  --chip-background-neutral-default: #F3F4F6FF;
  --chip-background-neutral-hovered: #E5E7EBFF;
  --chip-background-neutral-selected: #384250FF;
  --chip-background-neutral-focused: #F3F4F6FF;
  --chip-background-primary-focused: #DFF6E7FF;
  --chip-background-on-color-default: #FFFFFFFF;
  --chip-background-on-color-hovered: rgba(255, 255, 255, 0.8);
  --chip-background-on-color-pressed: rgba(255, 255, 255, 0.6);
  --chip-background-on-color-selected: rgba(255, 255, 255, 0.7);
  --chip-background-on-color-focused: #ffffff;
  --chip-background-on-color-diabled: rgba(255, 255, 255, 0.2);
  --link-primary: #1B8354FF;
  --link-primary-hovered: #54C08AFF;
  --link-primary-pressed: #88D8ADFF;
  --link-primary-focused: #1B8354FF;
  --link-primary-visited: #14573AFF;
  --link-icon-primary-hovered: #54C08AFF;
  --link-icon-primary-pressed: #88D8ADFF;
  --link-icon-primary-focused: #1B8354FF;
  --link-icon-primary-visited: #14573AFF;
  --link-neutral: #384250FF;
  --link-neutral-hovered: #6C737FFF;
  --link-icon-neutral-hovered: #6C737FFF;
  --link-neutral-pressed: #9DA4AEFF;
  --link-icon-neutral-pressed: #9DA4AEFF;
  --link-neutral-focused: #384250FF;
  --link-icon-neutral-focused: #384250FF;
  --link-neutral-visited: #4D5761FF;
  --link-icon-neutral-visited: #4D5761FF;
  --link-danger: #D92D20FF;
  --link-danger-hovered: #B42318FF;
  --link-icon-danger-hovered: #B42318FF;
  --link-danger-pressed: #7A271AFF;
  --link-icon-danger-pressed: #7A271AFF;
  --link-danger-focused: #D92D20FF;
  --link-icon-danger-focused: #D92D20FF;
  --link-danger-visited: #912018FF;
  --link-icon-danger-visited: #912018FF;
  --link-oncolor: #FFFFFFFF;
  --link-oncolor-hovered: rgba(255, 255, 255, 0.8);
  --link-icon-oncolor-hovered: rgba(255, 255, 255, 0.8);
  --link-oncolor-pressed: rgba(255, 255, 255, 0.6);
  --link-icon-oncolor-pressed: rgba(255, 255, 255, 0.6);
  --link-oncolor-focused: #FFFFFFFF;
  --link-oncolor-visited: rgba(255, 255, 255, 0.9);
  --link-icon-oncolor-visited: rgba(255, 255, 255, 0.9);
  --link-oncolor-disabled: rgba(255, 255, 255, 0.3);
  --link-icon-oncolor-disabled: rgba(255, 255, 255, 0.3);
  --link-md-gap: 0.25rem;
  --link-sm-gap: 0.25rem;
  --link-links-group-gap: 0.5rem;
  --icon-oncolor: #FFFFFFFF;
  --icon-default: #161616FF;
  --icon-default-500: #6C737FFF;
  --icon-default-400: #9DA4AEFF;
  --icon-primary: #1B8354FF;
  --icon-primary-light: #F3FCF6FF;
  --icon-primary-400: #54C08AFF;
  --icon-neutral: #384250FF;
  --icon-neutral-light: #F9FAFBFF;
  --icon-secondary-light: #FFFEF2FF;
  --icon-tertiary-light: #F9F5FAFF;
  --icon-success: #067647;
  --icon-success-light: #ecfdf3;
  --icon-info: #175CD3FF;
  --icon-info-light: #EFF8FFFF;
  --icon-warning: #B54708FF;
  --icon-warning-light: #FFFAEBFF;
  --icon-error: #B42318FF;
  --icon-error-light: #FEF3F2FF;
  --icon-background-warning-light: #FFFAEBFF;
  --icon-background-error-light: #FEF3F2FF;
  --icon-background-brand-light: #F3FCF6FF;
  --icon-background-info-light: #EFF8FFFF;
  --icon-background-success-light: #ecfdf3;
  --icon-unselected-tab-icon: #384250FF;
  --icon-text-gap: 0.25rem;
  --tag-background-neutral: #4D5761FF;
  --tag-background-neutral-light: #F9FAFBFF;
  --tag-background-on-color: rgba(255, 255, 255, 0.2);
  --tag-text-neutral: #1F2A37FF;
  --tag-text-success: #085d3a;
  --tag-text-info: #1849A9FF;
  --tag-text-warning: #93370DFF;
  --tag-text-error: #912018FF;
  --tag-icon-neutral: #1F2A37FF;
  --tag-icon-success: #085d3a;
  --tag-icon-info: #1849A9FF;
  --tag-icon-warning: #93370DFF;
  --tag-icon-error: #912018FF;
  --tag-background-success: #067647;
  --tag-background-success-light: #ecfdf3;
  --tag-background-info: #1570EFFF;
  --tag-background-info-light: #EFF8FFFF;
  --tag-background-warning: #B54708FF;
  --tag-background-warning-light: #FFFAEBFF;
  --tag-background-error: #D92D20FF;
  --tag-background-error-light: #FEF3F2FF;
  --tag-border-neutral: #4D5761FF;
  --tag-border-neutral-light: #F9FAFBFF;
  --tag-border-on-color: rgba(255, 255, 255, 0.6);
  --tag-border-success: #067647;
  --tag-border-success-light: #abefc6;
  --tag-border-info: #175CD3FF;
  --tag-border-info-light: #B2DDFFFF;
  --tag-border-warning: #B54708FF;
  --tag-border-warning-light: #FEDF89FF;
  --tag-border-error: #B42318FF;
  --tag-border-error-light: #FECDCAFF;
  --tag-dot: rgba(255, 255, 255, 0.6);
  --form-text-form-title: #161616FF;
  --form-text-form-paragraph: #6C737FFF;
  --form-field-text-label: #161616FF;
  --form-field-text-placeholder: #6C737FFF;
  --form-field-text-hovered: #161616FF;
  --form-field-text-focused: #384250FF;
  --form-field-text-pressed: #384250FF;
  --form-field-text-filled: #161616FF;
  --form-field-text-readonly: #161616FF;
  --form-field-text-helper: #6C737FFF;
  --form-field-background-default: #FFFFFFFF;
  --form-field-background-lighter: #FCFCFDFF;
  --form-field-background-darker: #F3F4F6FF;
  --form-field-background-pressed: #F3F4F6FF;
  --form-field-border-default: #9DA4AEFF;
  --form-field-border-hovered: #384250FF;
  --form-field-border-pressed: #0D121CFF;
  --form-field-border-error: #B42318FF;
  --form-option-background-hover: #F3F4F6FF;
  --form-option-background-pressed: #E5E7EBFF;
  --form-datecell-background-default: #1B8354FF;
  --form-datecell-background-hovered: #166A45FF;
  --form-datecell-background-pressed: #104631FF;
  --form-datecell-background-focused: #1B8354FF;
  --form-datecell-today-background-default: rgba(255, 255, 255, 0);
  --form-datecell-today-background-hovered: #E5E7EBFF;
  --form-datecell-today-background-pressed: #D2D6DBFF;
  --form-datecell-today-background-focused: rgba(255, 255, 255, 0);
  --form-datecell-background-disabled: #ffffff;
  --form-datecell-background-600: #1B8354FF;
  --form-datecell-background-300: #88D8ADFF;
  --form-datecell-background-200: #B8EACBFF;
  --form-datecell-background-100: #DFF6E7FF;
  --form-textarea-scrollbar-bar: #D2D6DBFF;
  --form-label-gap: 0.25rem;
  --form-field-label-gap: 0.5rem;
  --form-input-padding: 0;
  --form-input-gap: 0;
  --form-textarea-padding: 0;
  --form-textarea-gap: 0;
  --form-select-padding: 0;
  --form-select-gap: 0;
  --form-iable-container: 8;
  --form-input-container-padding-left: 8;
  --form-input-container-padding-right: 16;
  --form-icon-enteredtext: 8;
  --form-icon-helpertext: 0.5rem;
  --form-prefix-suffix-padding-left: 1rem;
  --form-prefix-suffix-padding-right: 1rem;
  --form-prefix-suffix-padding-top-bottom: 0.125rem;
  --form-prefix-suffix-lable-icon: 0.25rem;
  --form-dropdown-container-padding-left-right: 1rem;
  --form-dropdown-icon-content: 4;
  --form-textarea-container-padding-left-right: 16;
  --form-textarea-container-padding-top-bottom: 12;
  --controls-primary: rgba(255, 255, 255, 0);
  --controls-primary-checked: #1B8354FF;
  --controls-primary-hovered: #14573AFF;
  --controls-primary-pressed: #104631FF;
  --controls-primary-focused: #1B8354FF;
  --controls-neutral-checked: #0D121CFF;
  --controls-neutral-hovered: #4D5761FF;
  --controls-neutral-pressed: #6C737FFF;
  --controls-neutral-focused: #0D121CFF;
  --controls-primary-readonly: rgba(255, 255, 255, 0);
  --controls-pressed: #D2D6DBFF;
  --controls-ripple-effect: #F3F4F6FF;
  --controls-border: #6C737FFF;
  --controls-icon-hovered: #FFFFFFFF;
  --controls-icon-pressed: #FFFFFFFF;
  --controls-icon-disabled: #FFFFFFFF;
  --controls-boarder-disabled: #9DA4AEFF;
  --controls-disabled: #D2D6DBFF;
  --table-cell-border: #D2D6DBFF;
  --table-cell-border-inverse: #161616FF;
  --table-text-head: #384250FF;
  --table-text-body: #161616FF;
  --table-background-disabled: #E5E7EBFF;
  --table-background-hover-selected: #F9FAFBFF;
  --table-background-header: #F3F4F6FF;
  --table-background-row: #F9FAFBFF;
  --table-background-row-selected-hovered: #F3FCF6FF;
  --table-boarder-row-selected-hovered: #F3F4F6FF;
  --table-background-row-select: #F3FCF6FF;
  --table-background-row-hovered: #F3F4F6FF;
  --table-background-row-alt: #F9FAFBFF;
  --table-cell-gap: 0.25rem;
  --table-cell-v-padding: 0.25rem;
  --table-cell-h-padding: 0.75rem;
  --stepper-button-completed: #1B8354FF;
  --stepper-button-completed-hovered: #166A45FF;
  --stepper-button-current: #1B8354FF;
  --stepper-button-current-hovered: #166A45FF;
  --stepper-button-upcomming: #D2D6DBFF;
  --stepper-button-upcomming-hovered: #9DA4AEFF;
  --stepper-button-background: #FFFFFFFF;
  --stepper-text-primary: #1F2A37FF;
  --stepper-text-secondary: #384250FF;
  --stepper-text-tertiary: #6C737FFF;
  --stepper-line-completed: #1B8354FF;
  --stepper-line-completed-hovered: #166A45FF;
  --stepper-line-current: #D2D6DBFF;
  --stepper-line-upcomming: #D2D6DBFF;
  --stepper-line-upcomming-hovered: #9DA4AEFF;
  --tooltip-background-light: #FFFFFFFF;
  --tooltip-text-heading-light: #1F2A37FF;
  --tooltip-text-paragraph-light: #384250FF;
  --tooltip-background-dark: #1F2A37FF;
  --tooltip-text-heading-dark: #F9FAFBFF;
  --tooltip-text-paragraph-dark: #F3F4F6FF;
  --tooltip-padding: 0.5rem;
  --tooltip-gap: 0.5rem;
  --charts-charts-blue: #53B1FDFF;
  --charts-charts-lavendar: #80519FFF;
  --charts-charts-green: #88D8ADFF;
  --charts-charts-gold: #F7D54DFF;
  --charts-charts-red: #F97066FF;
  --charts-charts-yellow: #FDB022FF;
  --charts-charts-green-primary-200: #B8EACBFF;
  --progress-bar-progress-bar-neutral: #384250FF;
  --alpha-white-0: rgba(255, 255, 255, 0);
  --alpha-white-10: rgba(255, 255, 255, 0.1);
  --alpha-white-20: rgba(255, 255, 255, 0.2);
  --alpha-white-30: rgba(255, 255, 255, 0.3);
  --alpha-white-40: rgba(255, 255, 255, 0.4);
  --alpha-white-50: rgba(255, 255, 255, 0.5);
  --alpha-white-60: rgba(255, 255, 255, 0.6);
  --alpha-white-70: rgba(255, 255, 255, 0.7);
  --alpha-white-80: rgba(255, 255, 255, 0.8);
  --alpha-white-90: rgba(255, 255, 255, 0.9);
  --alpha-white-100: #ffffff;
  --alpha-black-0: rgba(22, 22, 22, 0);
  --alpha-black-10: rgba(22, 22, 22, 0.1);
  --alpha-black-20: rgba(22, 22, 22, 0.2);
  --alpha-black-30: rgba(22, 22, 22, 0.3);
  --alpha-black-40: rgba(22, 22, 22, 0.4);
  --alpha-black-50: rgba(22, 22, 22, 0.5);
  --alpha-black-60: rgba(22, 22, 22, 0.6);
  --alpha-black-70: rgba(22, 22, 22, 0.7);
  --alpha-black-80: rgba(22, 22, 22, 0.8);
  --alpha-black-90: rgba(22, 22, 22, 0.9);
  --alpha-black-100: #161616;
  --alpha-primary-10: rgba(27, 131, 84, 0.1);
  --alpha-primary-20: rgba(27, 131, 84, 0.2);
  --alpha-warning-10: rgba(220, 104, 3, 0.1);
  --alpha-warning-20: rgba(220, 104, 3, 0.2);
  --alpha-error-10: rgba(217, 45, 32, 0.1);
  --alpha-error-20: rgba(217, 45, 32, 0.2);
  --alpha-info-10: rgba(21, 112, 239, 0.1);
  --alpha-info-20: rgba(21, 112, 239, 0.2);
  --alpha-success-10: rgba(7, 148, 85, 0.1);
  --alpha-success-20: rgba(7, 148, 85, 0.2);
  --width-xxs: 20rem;
  --width-xs: 24rem;
  --width-sm: 30rem;
  --width-md: 35rem;
  --width-lg: 40rem;
  --width-xl: 48rem;
  --width-2xl: 64rem;
  --width-3xl: 80rem;
  --width-4xl: 90rem;
  --width-5xl: 100rem;
  --width-6xl: 120rem;
  --max-width-paragraph-max-width: 45rem;
  --tab-tab-button-gap: 0.25rem;
  --tab-horizontal-tab-md-button-v-padding: 0.5rem;
  --tab-horizontal-tab-md-button-h-padding: 0.75rem;
  --tab-horizontal-tab-sm-button-v-padding: 0.25rem;
  --tab-horizontal-tab-sm-button-h-padding: 0.5rem;
  --tab-vertical-tab-md-button-v-padding: 0.25rem;
  --tab-vertical-tab-md-button-h-padding: 0.5rem;
  --tab-vertical-tab-sm-button-v-padding: 0.125rem;
  --tab-vertical-tab-sm-button-h-padding: 0.25rem;
  --notification-gap: 0.5rem;
  --notification-padding: 0.75rem;
  --notification-h-padding: 1rem;
  --notification-alert-v-padding: 0.5rem;
  --notification-alert-h-padding: 1rem;
  --notification-toast-v-padding: 0.75rem;
  --notification-toast-desktop-h-padding: 1rem;
  --notification-toast-mobile-h-padding: 1rem;
  --control-vertical-gap: 0.25rem;
  --control-title-error-gap: 0.5rem;
  --control-switch-error-icon-gap: 0.25rem;
  --control-radio-error-icon-gap: 3rem;
  --control-switch-description-padding: 4rem;
  --control-radio-description-padding: 3rem;
  --accordion-lg-header-padding: 1rem;
  --accordion-lg-header-gap: 1rem;
  --accordion-md-header-padding: 0.75rem;
  --accordion-md-header-gap: 0.75rem;
  --accordion-sm-header-padding: 0.5rem;
  --accordion-sm-header-gap: 0.5rem;
  --card-lg-padding: 1rem;
  --card-lg-gap: 1rem;
  --card-md-padding: 1rem;
  --card-md-gap: 0.75rem;
  --card-sm-padding: 1rem;
  --card-sm-gap: 0.75rem;
  --section-padding: 1rem;
  --section-gap: 1rem;
  --model-padding: 1rem;
  --model-gap: 0.5rem;
  --model-content-bottom-padding: 0.5rem;
  --progress-indicator-gap: 1rem;
  --progress-indicator-text-content-side-padding: 0.75rem;
  --pagination-item-sm-padding: 0.25rem;
  --pagination-item-md-padding: 0.375rem;
  --pagination-item-lg-padding: 0.5rem;
  --pagination-items-padding: 0.25rem;
  --font-family-display: "IBM Plex Sans Arabic";
  --font-family-text: "IBM Plex Sans Arabic";
  --font-wieght-bold: 700;
  --font-wieght-bold-italic-weight: 700;
  --font-wieght-bold-italic-style: italic;
  --font-wieght-semibold: 600;
  --font-wieght-semibold-italic-weight: 600;
  --font-wieght-semibold-italic-style: italic;
  --font-wieght-medium: 500;
  --font-wieght-medium-italic-weight: 500;
  --font-wieght-medium-italic-style: italic;
  --font-wieght-regular: 400;
  --font-wieght-italic-weight: 400;
  --font-wieght-italic-style: italic;
  --size-display-typo-size-display-2xl: 3rem;
  --size-display-typo-size-display-xl: 2.5rem;
  --size-display-typo-size-display-ig: 2rem;
  --size-display-typo-size-display-md: 1.5rem;
  --size-display-typo-size-display-sm: 1.25rem;
  --size-display-typo-size-display-xs: 1.125rem;
  --size-text-typo-size-text-xl: 1rem;
  --size-text-typo-size-text-ig: 0.875rem;
  --size-text-typo-size-text-md: 0.75rem;
  --size-text-typo-size-text-sm: 0.625rem;
  --size-text-typo-size-text-xs: 0.5rem;
  --size-text-typo-size-text-2xs: 0.5rem;
  --line-height-display-display-2xl: 4rem;
  --line-height-display-display-xl: 3.5rem;
  --line-height-display-display-ig: 2.5rem;
  --line-height-display-display-md: 2rem;
  --line-height-display-display-sm: 1.75rem;
  --line-height-display-display-xs: 1.5rem;
  --line-height-text-text-xl: 1.5rem;
  --line-height-text-text-ig: 1.25rem;
  --line-height-text-text-md: 1.125rem;
  --line-height-text-text-sm: 0.875rem;
  --line-height-text-text-xs: 0.75rem;
  --line-height-text-text-2xs: 0.625rem;
  --paragraph-spacing-display-2xl: 3.5rem;
  --paragraph-spacing-display-xl: 3rem;
  --paragraph-spacing-display-ig: 2.25rem;
  --paragraph-spacing-display-md: 1.875rem;
  --paragraph-spacing-display-sm: 1.5rem;
  --paragraph-spacing-display-xs: 1.25rem;
  --paragraph-spacing-text-xl: 1rem;
  --paragraph-spacing-text-ig: 0.875rem;
  --paragraph-spacing-text-md: 0.75rem;
  --paragraph-spacing-text-sm: 0.625rem;
  --paragraph-spacing-text-xs: 0.5rem;
  --paragraph-spacing-text-2xs: 0.5rem;
  --default-font-size: 16px;
  --scrollbar-width: 8px;
  --sidebar-width: 300px;
  --transition: 0.3s ease-in-out;
  --clr-text: var(--text-default);
  font-size: var(--default-font-size);
}

@font-face {
  font-family: "IBMPlexSansArabic-Thin";
  src: url('IBMPlexSansArabic-Thin.bbdc47b3c45d9324.eot');
  src: url('IBMPlexSansArabic-Thin.bbdc47b3c45d9324.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-Thin.49e996f896733b13.woff2') format("woff2"), url('IBMPlexSansArabic-Thin.63e39098fcddb6e0.woff') format("woff"), url('IBMPlexSansArabic-Thin.e4bb2d6760553cef.ttf') format("truetype"), url('IBMPlexSansArabic-Thin.3a8e4fc1c8082531.svg#IBMPlexSansArabic-Thin') format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-ExtraLight";
  src: url('IBMPlexSansArabic-ExtraLight.959360a5b8dce90a.eot');
  src: url('IBMPlexSansArabic-ExtraLight.959360a5b8dce90a.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-ExtraLight.4e6493af704a6829.woff2') format("woff2"), url('IBMPlexSansArabic-ExtraLight.77c816ca255b36fc.woff') format("woff"), url('IBMPlexSansArabic-ExtraLight.c1b3f82f51e44e27.ttf') format("truetype"), url('IBMPlexSansArabic-ExtraLight.ebd2bfe0defbe1b9.svg#IBMPlexSansArabic-ExtraLight') format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-Light";
  src: url('IBMPlexSansArabic-Light.5b1fa66aec1b045e.eot');
  src: url('IBMPlexSansArabic-Light.5b1fa66aec1b045e.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-Light.e2f85da8ffb9e5d1.woff2') format("woff2"), url('IBMPlexSansArabic-Light.6dce74b5cd870d0d.woff') format("woff"), url('IBMPlexSansArabic-Light.5db9d6742b524443.ttf') format("truetype"), url('IBMPlexSansArabic-Light.660e8c2c8deb70ce.svg#IBMPlexSansArabic-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-Regular";
  src: url('IBMPlexSansArabic-Regular.b3be5722101da772.eot');
  src: url('IBMPlexSansArabic-Regular.b3be5722101da772.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-Regular.e0079b2bf262b6f0.woff2') format("woff2"), url('IBMPlexSansArabic-Regular.40b9dc9b31818076.woff') format("woff"), url('IBMPlexSansArabic-Regular.983e315f9c9ab872.ttf') format("truetype"), url('IBMPlexSansArabic-Regular.bb1aa70fa4a585b5.svg#IBMPlexSansArabic-Regular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-Medium";
  src: url('IBMPlexSansArabic-Medium.3d1d0490763683ec.eot');
  src: url('IBMPlexSansArabic-Medium.3d1d0490763683ec.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-Medium.e91061b150f2d1d8.woff2') format("woff2"), url('IBMPlexSansArabic-Medium.f09df0cc5cd93561.woff') format("woff"), url('IBMPlexSansArabic-Medium.53b67355d7786611.ttf') format("truetype"), url('IBMPlexSansArabic-Medium.03b28432ca862553.svg#IBMPlexSansArabic-Medium') format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-SemiBold";
  src: url('IBMPlexSansArabic-SemiBold.eecb04e0e6d0169b.eot');
  src: url('IBMPlexSansArabic-SemiBold.eecb04e0e6d0169b.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-SemiBold.a66992d3a63a725d.woff2') format("woff2"), url('IBMPlexSansArabic-SemiBold.9abd389d11f16668.woff') format("woff"), url('IBMPlexSansArabic-SemiBold.0b6310a7ad189966.ttf') format("truetype"), url('IBMPlexSansArabic-SemiBold.29902583cd266632.svg#IBMPlexSansArabic-SemiBold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic-Bold";
  src: url('IBMPlexSansArabic-Bold.8c8b2064bad62ff7.eot');
  src: url('IBMPlexSansArabic-Bold.8c8b2064bad62ff7.eot?#iefix') format("embedded-opentype"), url('IBMPlexSansArabic-Bold.806eade5551e9f2c.woff2') format("woff2"), url('IBMPlexSansArabic-Bold.12c10b2b9647edd2.woff') format("woff"), url('IBMPlexSansArabic-Bold.e6d7ab92737c3c09.ttf') format("truetype"), url('IBMPlexSansArabic-Bold.53cf5c70bf0aaad3.svg#IBMPlexSansArabic-Bold') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.ps-1 {
  padding-inline-start: var(--global-spacing-xs) !important;
}

.ps-2 {
  padding-inline-start: var(--global-spacing-md) !important;
}

.ps-3 {
  padding-inline-start: var(--global-spacing-lg) !important;
}

.ps-4 {
  padding-inline-start: var(--global-spacing-xl) !important;
}

.ps-5 {
  padding-inline-start: var(--global-spacing-2xl) !important;
}

.ps-6 {
  padding-inline-start: var(--global-spacing-3xl) !important;
}

.ps-7 {
  padding-inline-start: var(--global-spacing-4xl) !important;
}

.ps-8 {
  padding-inline-start: var(--global-spacing-5xl) !important;
}

.ps-9 {
  padding-inline-start: var(--global-spacing-6xl) !important;
}

.ps-1 {
  padding-inline-start: var(--global-spacing-7xl) !important;
}

.mb-1 {
  margin-bottom: var(--global-spacing-xs) !important;
}

.mb-2 {
  margin-bottom: var(--global-spacing-md) !important;
}

.mb-3 {
  margin-bottom: var(--global-spacing-lg) !important;
}

.mb-4 {
  margin-bottom: var(--global-spacing-xl) !important;
}

.mb-5 {
  margin-bottom: var(--global-spacing-2xl) !important;
}

.mb-6 {
  margin-bottom: var(--global-spacing-3xl) !important;
}

.mb-7 {
  margin-bottom: var(--global-spacing-4xl) !important;
}

.mb-8 {
  margin-bottom: var(--global-spacing-5xl) !important;
}

.mb-9 {
  margin-bottom: var(--global-spacing-6xl) !important;
}

.mb-10 {
  margin-bottom: var(--global-spacing-7xl) !important;
}

.mt-1 {
  margin-top: var(--global-spacing-xs) !important;
}

.mt-2 {
  margin-top: var(--global-spacing-md) !important;
}

.mt-3 {
  margin-top: var(--global-spacing-lg) !important;
}

.mt-4 {
  margin-top: var(--global-spacing-xl) !important;
}

.mt-5 {
  margin-top: var(--global-spacing-2xl) !important;
}

.mt-6 {
  margin-top: var(--global-spacing-3xl) !important;
}

.mt-7 {
  margin-top: var(--global-spacing-4xl) !important;
}

.mt-8 {
  margin-top: var(--global-spacing-5xl) !important;
}

.mt-9 {
  margin-top: var(--global-spacing-6xl) !important;
}

.mt-10 {
  margin-top: var(--global-spacing-7xl) !important;
}

.gap-1 {
  gap: var(--global-spacing-xs) !important;
}

.gap-2 {
  gap: var(--global-spacing-md) !important;
}

.gap-3 {
  gap: var(--global-spacing-lg) !important;
}

.gap-4 {
  gap: var(--global-spacing-xl) !important;
}

.gap-5 {
  gap: var(--global-spacing-2xl) !important;
}

.gap-6 {
  gap: var(--global-spacing-3xl) !important;
}

.gap-7 {
  gap: var(--global-spacing-4xl) !important;
}

.gap-8 {
  gap: var(--global-spacing-5xl) !important;
}

.gap-9 {
  gap: var(--global-spacing-6xl) !important;
}

.gap-10 {
  gap: var(--global-spacing-7xl) !important;
}

.g-1,
.gx-1 {
  --bs-gutter-x: var(--global-spacing-xs);
}

.g-2,
.gx-2 {
  --bs-gutter-x: var(--global-spacing-md);
}

.g-3,
.gx-3 {
  --bs-gutter-x: var(--global-spacing-lg);
}

.g-4,
.gx-4 {
  --bs-gutter-x: var(--global-spacing-xl);
}

.g-5,
.gx-5 {
  --bs-gutter-x: var(--global-spacing-2xl);
}

.g-6,
.gx-6 {
  --bs-gutter-x: var(--global-spacing-3xl);
}

.g-7,
.gx-7 {
  --bs-gutter-x: var(--global-spacing-4xl);
}

.g-8,
.gx-8 {
  --bs-gutter-x: var(--global-spacing-5xl);
}

.g-9,
.gx-9 {
  --bs-gutter-x: var(--global-spacing-6xl);
}

.g-10,
.gx-10 {
  --bs-gutter-x: var(--global-spacing-7xl);
}

.g-1,
.gy-1 {
  --bs-gutter-y: var(--global-spacing-xs);
}

.g-2,
.gy-2 {
  --bs-gutter-y: var(--global-spacing-md);
}

.g-3,
.gy-3 {
  --bs-gutter-y: var(--global-spacing-lg);
}

.g-4,
.gy-4 {
  --bs-gutter-y: var(--global-spacing-xl);
}

.g-5,
.gy-5 {
  --bs-gutter-y: var(--global-spacing-2xl);
}

.g-6,
.gy-6 {
  --bs-gutter-y: var(--global-spacing-3xl);
}

.g-7,
.gy-7 {
  --bs-gutter-y: var(--global-spacing-4xl);
}

.g-8,
.gy-8 {
  --bs-gutter-y: var(--global-spacing-5xl);
}

.g-9,
.gy-9 {
  --bs-gutter-y: var(--global-spacing-6xl);
}

.g-10,
.gy-10 {
  --bs-gutter-y: var(--global-spacing-7xl);
}

* {
  accent-color: #1B8354;
}

html {
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
html::-webkit-scrollbar-thumb {
  background-color: #1B8354;
  border-radius: 0.25rem;
  -webkit-transition: background-color var(--transition);
  transition: background-color var(--transition);
}
html::-webkit-scrollbar-track {
  background-color: #D2D6DB;
  border-radius: 0.25rem;
}
html::-webkit-scrollbar-corner {
  background-color: transparent;
}

body {
  position: relative;
  min-width: 23.75rem;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "IBMPlexSansArabic-Regular";
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  color: var(--clr-text);
  background-color: #F3F4F6;
  overflow-x: clip;
  overflow-y: auto;
  padding: 0 !important;
}
@media (max-width: 380px) {
  body {
    overflow-x: auto;
  }
}

::selection {
  color: #fff;
  background-color: #1B8354;
}

*:focus-visible {
  outline: none;
}

[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: ltr;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

h1, h2, h3, h4, h5 {
  font-family: "IBMPlexSansArabic-Bold";
}

h6 {
  font-family: "IBMPlexSansArabic-Regular";
}

strong {
  font-family: "IBMPlexSansArabic-Bold";
  font-weight: normal;
}

a, .link {
  color: #1B8354;
  transition: color var(--transition);
  cursor: pointer;
}
@media (hover: hover) {
  a:hover, .link:hover {
    color: #1B8354;
  }
}
a:visited, .link:visited {
  color: #1B8354;
}

ul li::marker,
ol li::marker {
  color: currentColor;
}

section {
  overflow-x: clip;
}

.collapse {
  transition: all var(--transition);
}

.dropdown-toggle::after {
  width: 0.703125rem;
  height: 0.390625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 6.25'%3E%3Cpath d='M1.13.25,1.71,1c.37.47.86,1.08,1.39,1.7A21.51,21.51,0,0,0,4.7,4.38a4.07,4.07,0,0,0,.65.49A1,1,0,0,0,5.63,5a1,1,0,0,0,.27-.13,4.07,4.07,0,0,0,.65-.49,21.51,21.51,0,0,0,1.6-1.66c.53-.62,1-1.23,1.39-1.7l.58-.77A.64.64,0,0,1,11,.12a.64.64,0,0,1,.13.88h0l-.61.79c-.37.47-.88,1.11-1.43,1.74A18.28,18.28,0,0,1,7.38,5.31,6.46,6.46,0,0,1,6.54,6a1.86,1.86,0,0,1-.92.3A1.86,1.86,0,0,1,4.71,6a6.46,6.46,0,0,1-.84-.64A18.28,18.28,0,0,1,2.16,3.53C1.61,2.9,1.1,2.26.73,1.79L.12,1h0A.64.64,0,0,1,.25.12.64.64,0,0,1,1.13.25Z' fill='%23161616'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  margin: 0;
  transition: transform var(--transition);
}
.dropdown-toggle.show::after {
  transform: rotateX(180deg) rotateY(180deg);
}

.dropdown-menu {
  --bs-dropdown-min-width: 12rem;
  --bs-dropdown-padding-y: 0.25rem;
  --bs-dropdown-padding-x: 0.25rem;
  --bs-dropdown-font-size: 0.875rem;
  background-color: #fff;
  border-color: #E5E7EB;
  border-radius: 0.25rem;
  box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16, 24, 40, 0.08), 0 0.5rem 0.5rem -0.25rem rgba(16, 24, 40, 0.03);
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 1.429;
  font-size: 0.875rem;
  color: #384250;
  border-radius: 0.25rem;
  padding: 0.5rem;
  transition: background-color var(--transition);
}
.dropdown-item > img {
  width: 1rem;
  height: 1rem;
}
.dropdown-item:visited {
  color: #384250;
}
@media (hover: hover) {
  .dropdown-item:hover {
    color: #384250;
    background-color: #F3F4F6;
  }
}
.dropdown-item:active {
  color: #384250;
  background-color: #E5E7EB;
}
.dropdown-item:focus-visible {
  box-shadow: 0 0 0 0.125rem solid var(--border-black);
}

.btn-close {
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.5 15.5'%3E%3Cpath d='M.22.22a.75.75,0,0,1,1.06,0L7.75,6.69,14.22.22a.75.75,0,0,1,1.06,1.06L8.81,7.75l6.47,6.47a.75.75,0,0,1-1.06,1.06L7.75,8.81,1.28,15.28A.75.75,0,0,1,.22,14.22L6.69,7.75.22,1.28A.75.75,0,0,1,.22.22Z' fill='%231a1a1a' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 0.703125rem;
  border-radius: 0.25rem;
  opacity: 1;
  padding: 0;
  margin: 0;
  margin-inline-start: auto;
  transition: background-color var(--transition), box-shadow var(--transition);
}
@media (hover: hover) {
  .btn-close:hover {
    opacity: 1;
    background-color: #F3F4F6;
  }
}
.btn-close:active {
  background-color: #E5E7EB;
}
.btn-close:focus {
  box-shadow: inset 0 0 0 0.125rem #fff;
}

.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-pagination-bullet {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #E5E7EB;
  border-radius: 50%;
  opacity: 1;
  transition: all var(--transition);
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1B8354;
}

.slider-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.slider-controls .swiper-pagination {
  position: static;
  width: unset;
  margin-top: 0;
}

.slider-nav-btns {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.slider-nav-btns .swiper-button-prev,
.slider-nav-btns .swiper-button-next {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #F3F4F6;
  background-repeat: no-repeat;
  background-size: 0.46875rem;
  background-position: center;
  border-radius: 0.25rem;
  margin: 0;
  transition: background-color var(--transition);
}
[dir=ltr] .slider-nav-btns .swiper-button-prev,
[dir=ltr] .slider-nav-btns .swiper-button-next {
  transform: scaleX(-1);
}
@media (hover: hover) {
  .slider-nav-btns .swiper-button-prev:hover,
  .slider-nav-btns .swiper-button-next:hover {
    background-color: #E5E7EB;
  }
}
.slider-nav-btns .swiper-button-prev .swiper-navigation-icon,
.slider-nav-btns .swiper-button-next .swiper-navigation-icon {
  display: none;
}
.slider-nav-btns .swiper-button-prev {
  background-image: url(/assets/new/images//chevron-right-icon.svg);
}
.slider-nav-btns .swiper-button-next {
  background-image: url(/assets/new/images//chevron-left-icon.svg);
}

.page-container {
  display: flex;
  gap: 1rem;
  max-width: 1320px;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 1rem;
  margin-inline: auto;
}

.page-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

.page-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.page-body > *:not(router-outlet) {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.page-title {
  line-height: 1.3338;
  font-size: calc(16px + 0.5vw);
  color: #384250;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  .page-title {
    font-size: 1.5rem;
  }
}

.bg-danger {
  background-color: #D92D20 !important;
}

.text-bg-danger {
  background-color: #D92D20 !important;
}

.bg-success {
  background-color: #079455 !important;
}

.text-bg-success {
  background-color: #079455 !important;
}

@keyframes increase {
  0% {
    inset-inline-start: -5%;
    width: 5%;
  }
  100% {
    inset-inline-start: 130%;
    width: 100%;
  }
}
@keyframes decrease {
  0% {
    inset-inline-start: -80%;
    width: 80%;
  }
  100% {
    inset-inline-start: 110%;
    width: 10%;
  }
}
@keyframes breathing {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page-preloader {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 99999;
  transition: opacity 0.2s ease-in-out;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .page-preloader {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .page-preloader {
    background-color: #fff;
  }
}
.page-preloader .loading-bar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.3125rem;
  background-color: rgba(27, 131, 84, 0.25);
  overflow: hidden;
}
.page-preloader .loading-bar .loading-line {
  position: absolute;
  height: inherit;
  background-color: #1B8354;
}
.page-preloader .loading-bar .loading-line:first-child {
  animation: increase 2s infinite;
}
.page-preloader .loading-bar .loading-line:last-child {
  animation: decrease 2s 0.5s infinite;
}
.page-preloader .loading-message {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.25rem;
  height: 11.25rem;
}
.page-preloader .loading-spinner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/new/images/loading-spinner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  animation-name: spinning;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.page-preloader .loading-logo {
  width: 4.375rem;
  height: 4.375rem;
  animation: breathing 2.2s infinite;
}
.page-preloader .loading-logo img {
  width: inherit;
  height: inherit;
}
.page-preloader.page-loaded {
  opacity: 0;
  pointer-events: none;
}

.page-sidebar-toggle-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  aspect-ratio: 1/1;
  background-color: transparent;
  background-image: url(/assets/new/images//menu-icon.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  transition: background-color var(--transition), background-image var(--transition);
}
@media (min-width: 768px) {
  .page-sidebar-toggle-btn {
    width: 2.5rem;
    background-size: 1.34375rem;
  }
}
@media (min-width: 1200px) {
  .page-sidebar-toggle-btn {
    display: none;
  }
}
.page-sidebar-shown .page-sidebar-toggle-btn {
  background-image: url(/assets/new/images//close-icon.svg);
}
@media (hover: hover) {
  .page-sidebar-toggle-btn:hover {
    background-color: #F3F4F6;
  }
}
.page-sidebar-toggle-btn:active {
  background-color: #E5E7EB;
}

.page-sidebar-close-btn {
  flex-shrink: 0;
  position: absolute;
  top: 0.5rem;
  inset-inline-end: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-color: transparent;
  background-image: url(/assets/new/images//close-icon-white.svg);
  background-repeat: no-repeat;
  background-size: 0.71875rem;
  background-position: center;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
}
@media (min-width: 1200px) {
  .page-sidebar-close-btn {
    display: none;
  }
}

app-nav-menu {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  z-index: 50;
  margin-inline-start: calc(-1 * var(--sidebar-width));
  transition: transform var(--transition);
}
@media (min-width: 1200px) {
  app-nav-menu {
    --sidebar-width: 220px;
    flex-shrink: 0;
    position: sticky;
    top: 1rem;
    inset-inline-start: unset;
    height: max-content;
    margin-inline-start: unset;
  }
}
[dir=rtl] .page-sidebar-shown app-nav-menu {
  transform: translateX(-100%);
}
@media (min-width: 1200px) {
  [dir=rtl] .page-sidebar-shown app-nav-menu {
    transform: translateX(0);
  }
}
[dir=ltr] .page-sidebar-shown app-nav-menu {
  transform: translateX(100%);
}
@media (min-width: 1200px) {
  [dir=ltr] .page-sidebar-shown app-nav-menu {
    transform: translateX(0);
  }
}

.page-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: var(--sidebar-width);
  background-color: #074D31;
}
@media (min-width: 1200px) {
  .page-sidebar {
    height: unset;
    border-radius: 0.5rem;
  }
}
.page-sidebar__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #14573A;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  padding: 2rem 1.5rem 1rem;
}
@media (min-width: 1200px) {
  .page-sidebar__header {
    padding-top: 1rem;
  }
}
.page-sidebar__logo {
  display: flex;
  width: 10.75rem;
  height: 3.4375rem;
}
.page-sidebar__logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-sidebar__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 0.5rem 0;
}
.page-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow-y: auto;
  padding: 0.5rem;
}
.page-sidebar__nav::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}
.page-sidebar__nav::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 0.15625rem;
}
.page-sidebar__nav::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.15625rem;
}
.page-sidebar__nav::-webkit-scrollbar-corner {
  background-color: transparent;
}
@media (min-width: 1200px) {
  .page-sidebar__nav {
    max-height: 28.125rem;
  }
}
.page-sidebar__nav__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  transition: background-color var(--transition);
}
.page-sidebar__nav__item::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  width: 0.375rem;
  height: 1.5rem;
  background-color: transparent;
  border-radius: 10em;
  pointer-events: none;
  transform: translateY(-50%);
  transition: background-color var(--transition);
}
.page-sidebar__nav__item:visited {
  color: #fff;
}
@media (hover: hover) {
  .page-sidebar__nav__item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .page-sidebar__nav__item:hover::before {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.page-sidebar__nav__item:active {
  background-color: rgba(255, 255, 255, 0.4);
}
.page-sidebar__nav__item:active::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.page-sidebar__nav__item:focus {
  background-color: transparent;
  box-shadow: 0 0 0 0.125rem #fff;
}
.page-sidebar__nav__item:focus::before {
  background-color: transparent;
}
.page-sidebar__nav__item.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.page-sidebar__nav__item.active::before {
  background-color: #fff;
}
.page-sidebar__nav__item__icon {
  width: 0.875rem;
  height: 0.875rem;
  object-fit: contain;
}
.page-sidebar__nav__item__title {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
}
.page-sidebar__footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}
.page-sidebar__note {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.page-sidebar__note__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.page-sidebar__note__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 0.25rem;
}
.page-sidebar__note__icon > img {
  width: 1rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.page-sidebar__note__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .page-sidebar__note__btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
.page-sidebar__note__btn > img {
  width: 0.71875rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.page-sidebar__note__body {
  display: flex;
  flex-direction: column;
}
.page-sidebar__note__title {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
  color: #fff;
  margin-bottom: 0.3125rem;
}
.page-sidebar__note__description {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0;
}

.page-sidebar-shown {
  overflow: hidden;
}

.page-header {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  background-color: #FCFCFD;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .page-header {
    gap: 1rem;
  }
}
.page-header__search-bar {
  width: 100%;
  max-width: 33.5rem;
}
.page-header__search-bar > .form-control {
  background-color: #F3F4F6;
}
.page-header__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-header__actions__separator {
  display: none;
  width: 0.0625rem;
  height: 2.125rem;
  background-color: #E5E7EB;
  margin-inline: 0.75rem;
}
@media (min-width: 768px) {
  .page-header__actions__separator {
    display: block;
  }
}
.page-header__actions__item {
  flex-shrink: 0;
}
.page-header__actions__item__btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 1;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  color: var(--clr-text);
  border: none;
  border-radius: 0.25rem;
  background-color: transparent;
  padding: 0.5rem;
  transition: background-color var(--transition);
}
@media (min-width: 768px) {
  .page-header__actions__item__btn {
    line-height: 1.2;
    font-size: 1rem;
    padding: 0.578125rem;
  }
}
.page-header__actions__item__btn > img {
  width: 1rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
@media (min-width: 768px) {
  .page-header__actions__item__btn > img {
    width: 1.34375rem;
  }
}
.page-header__actions__item__btn:visited {
  color: var(--clr-text);
}
@media (hover: hover) {
  .page-header__actions__item__btn:hover {
    background-color: #F3F4F6;
  }
}
.page-header__actions__item__btn:active {
  background-color: #E5E7EB;
}
.page-header__actions__item__btn[disabled] {
  background-color: transparent;
}
.page-header__actions__item__btn[disabled] > img {
  opacity: 0.5;
}
.page-header__actions__item__btn__badge {
  position: absolute;
  top: 0.125rem;
  inset-inline-start: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  min-width: 1.125rem;
  font-size: 0.75rem;
  border-radius: 10em;
  color: var(--colors-base-white);
  background-color: var(--button-background-danger-primary-default);
  padding: 0 0.25rem;
}

.notifications-dropdown__menu {
  width: calc(100vw - 40px);
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2rem 4rem -0.75rem rgba(16, 24, 40, 0.14);
  padding: 0;
}
@media (min-width: 576px) {
  .notifications-dropdown__menu {
    width: 31.5rem;
  }
}
.notifications-dropdown__menu.show {
  display: flex;
  flex-direction: column;
}
.notifications-dropdown__menu__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border-bottom: 0.0625rem solid #E5E7EB;
  padding: 1.25rem;
  padding-bottom: 0;
}
.notifications-dropdown__menu__title {
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 1.25rem;
  color: #1F2A37;
  margin-bottom: 0;
}
.notifications-dropdown__menu__body {
  max-height: 26.875rem;
  overflow-y: auto;
  padding: 1.25rem;
}
.notifications-dropdown__menu__body::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
.notifications-dropdown__menu__body::-webkit-scrollbar-thumb {
  background-color: #D2D6DB;
  border-radius: 0.25rem;
  -webkit-transition: background-color var(--transition);
  transition: background-color var(--transition);
}
.notifications-dropdown__menu__body::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.25rem;
}
.notifications-dropdown__menu__body::-webkit-scrollbar-corner {
  background-color: transparent;
}
.notifications-dropdown__menu__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.notifications-dropdown__menu__list__separator {
  width: 100%;
  height: 0.0625rem;
  background-color: #F3F4F6;
}
.notifications-dropdown__menu__list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #F9FAFB;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
@media (min-width: 576px) {
  .notifications-dropdown__menu__list__item {
    flex-direction: row;
    align-items: flex-start;
  }
}
.notifications-dropdown__menu__list__item.is-new {
  background-color: #fff;
}
.notifications-dropdown__menu__list__item__image-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.is-new .notifications-dropdown__menu__list__item__image-container::before {
  content: "";
  width: 0.5rem;
  aspect-ratio: 1/1;
  background-color: #1B8354;
  border-radius: 50%;
}
.notifications-dropdown__menu__list__item__image {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  aspect-ratio: 1/1;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.375rem;
}
:has(> * > .notifications-dropdown__menu__list__item__actions) .notifications-dropdown__menu__list__item__image {
  width: 2.5rem;
}
.notifications-dropdown__menu__list__item__image > img {
  width: 2.0625rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
:has(> * > .notifications-dropdown__menu__list__item__actions) .notifications-dropdown__menu__list__item__image > img {
  width: 1.6875rem;
}
:has(> * > .notifications-dropdown__menu__list__item__actions) .notifications-dropdown__menu__list__item__image > img:not([src$=".svg"]) {
  width: 100%;
  object-fit: cover;
}
.notifications-dropdown__menu__list__item__details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.notifications-dropdown__menu__list__item__date {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
  color: #6C737F;
  margin-bottom: 0.5rem;
}
.notifications-dropdown__menu__list__item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 0.875rem;
  color: var(--clr-text);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-bottom: 0;
}
.notifications-dropdown__menu__list__item__title small {
  font-family: "IBMPlexSansArabic-Regular";
  font-size: 0.875rem;
}
.notifications-dropdown__menu__list__item__more-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0;
  margin: 0;
  margin-top: 0.75rem;
}
.notifications-dropdown__menu__list__item__more-info > li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.notifications-dropdown__menu__list__item__more-info > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: -0.5rem;
  width: 0.0625rem;
  height: 1.25rem;
  background-color: #D2D6DB;
  transform: translateY(-50%);
}
.notifications-dropdown__menu__list__item__more-info__label {
  font-size: 0.875rem;
  color: #6C737F;
}
.notifications-dropdown__menu__list__item__actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}
.notifications-dropdown__menu__list__item .status-tag {
  position: absolute;
  top: 0.5rem;
  inset-inline-end: 0.5rem;
}
.notifications-dropdown__menu__footer {
  position: relative;
  background-color: #fff;
  box-shadow: 0 -1.5rem 3rem -0.75rem rgba(16, 24, 40, 0.18);
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  z-index: 1;
  padding: 1.25rem;
  margin-top: auto;
}
.notifications-dropdown__menu .file-card {
  margin-top: 0.75rem;
}

.page-header .user-dropdown {
  display: none;
}
@media (min-width: 992px) {
  .page-header .user-dropdown {
    display: block;
  }
}
.page-sidebar .user-dropdown {
  display: block;
}
@media (min-width: 992px) {
  .page-sidebar .user-dropdown {
    display: none;
  }
}
.user-dropdown__btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #F3F4F6;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  padding-inline-end: 0.75rem;
}
@media (min-width: 992px) {
  .user-dropdown__btn {
    min-width: 14.125rem;
  }
}
.page-sidebar .user-dropdown__btn {
  width: 100%;
}
.user-dropdown__btn__photo {
  flex-shrink: 0;
  width: 2.5rem;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.5rem;
}
.page-header .user-dropdown__btn__details {
  display: none;
}
@media (min-width: 992px) {
  .page-header .user-dropdown__btn__details {
    display: flex;
    flex-direction: column;
  }
}
.page-sidebar .user-dropdown__btn__details {
  display: flex;
  flex-direction: column;
}
.user-dropdown__btn__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
  text-align: start;
  text-overflow: ellipsis;
  color: var(--clr-text);
  overflow: hidden;
}
.user-dropdown__btn__entity {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.2;
  font-size: 0.875rem;
  text-align: start;
  text-overflow: ellipsis;
  color: #384250;
  overflow: hidden;
}
.user-dropdown__btn__icon {
  flex-shrink: 0;
  width: 0.703125rem;
  height: 0.390625rem;
  object-fit: contain;
  margin-inline-start: auto;
  transition: transform var(--transition);
}
.user-dropdown__btn.show > .user-dropdown__btn__icon {
  transform: rotateX(180deg) rotateY(180deg);
}
.user-dropdown__menu {
  min-width: 100%;
  border: 0.0625rem solid var(--clr-light-gray);
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.12);
  padding: 0.75rem;
  margin-top: 0 !important;
}
.user-dropdown__menu .btn {
  width: 100%;
}

.page-footer {
  background-color: #FCFCFD;
  border-radius: 0.5rem;
  padding: 3.5rem 2rem 2.5rem;
  margin-top: auto;
}
.page-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.page-footer__links__item {
  font-size: 0.875rem;
  color: #384250;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.page-footer__links__item:visited {
  color: #384250;
}
@media (hover: hover) {
  .page-footer__links__item:hover {
    color: #6C737F;
  }
}
.page-footer__links__item:active {
  color: #9DA4AE;
}
.page-footer__links__item:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--border-black);
}
.page-footer__copyrights {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
  color: var(--clr-text);
  margin-bottom: 0.5rem;
}

.form-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--clr-text);
}
.form-label--required::after {
  content: "*";
  font-size: 0.875rem;
  color: #B42318;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: unset;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  box-shadow: none;
}

.form-select,
.form-control {
  --bs-border-color: #9DA4AE;
  --bs-border-radius: 4px;
  font-size: 0.875rem;
  color: var(--clr-text);
  background-color: #fff;
  padding: 0.544rem 1.25rem;
  transition: color var(--transition), background-color var(--transition), background-image var(--transition), background-size var(--transition), border-color var(--transition), box-shadow var(--transition);
}
@media (hover: hover) {
  .form-select:hover,
  .form-control:hover {
    border-color: #384250;
  }
}
.form-select:active,
.form-control:active {
  background-color: #F3F4F6;
  border-color: #9DA4AE;
}
.form-select:focus,
.form-control:focus {
  background-color: #fff;
  border-color: #9DA4AE;
  box-shadow: none;
}

.form-select {
  background-image: linear-gradient(#0D121C 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 6.25'%3E%3Cpath d='M1.13.25,1.71,1c.37.47.86,1.08,1.39,1.7A21.51,21.51,0,0,0,4.7,4.38a4.07,4.07,0,0,0,.65.49A1,1,0,0,0,5.63,5a1,1,0,0,0,.27-.13,4.07,4.07,0,0,0,.65-.49,21.51,21.51,0,0,0,1.6-1.66c.53-.62,1-1.23,1.39-1.7l.58-.77A.64.64,0,0,1,11,.12a.64.64,0,0,1,.13.88h0l-.61.79c-.37.47-.88,1.11-1.43,1.74A18.28,18.28,0,0,1,7.38,5.31,6.46,6.46,0,0,1,6.54,6a1.86,1.86,0,0,1-.92.3A1.86,1.86,0,0,1,4.71,6a6.46,6.46,0,0,1-.84-.64A18.28,18.28,0,0,1,2.16,3.53C1.61,2.9,1.1,2.26.73,1.79L.12,1h0A.64.64,0,0,1,.25.12.64.64,0,0,1,1.13.25Z' fill='%23161616'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0% 0.125rem, 0.703125rem 0.390625rem;
  padding-inline-end: 2.8125rem;
}
[dir=rtl] .form-select {
  background-position: center bottom, left 1.25rem center;
}
[dir=ltr] .form-select {
  background-position: center bottom, right 1.25rem center;
}
.form-select:focus {
  background-size: 100% 0.125rem, 0.703125rem 0.390625rem;
}

.form-control {
  background-image: linear-gradient(#0D121C 0 0);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 0% 0.125rem;
}
.form-control::placeholder {
  color: #6C737F;
}
.form-control:focus {
  background-size: 100% 0.125rem;
}
.form-control:read-only {
  color: #9DA4AE;
  border-color: #D2D6DB;
}
.form-control[disabled] {
  color: #9DA4AE;
  border-color: #D2D6DB;
}
.form-control-lg {
  min-height: unset;
  padding: 0.794rem 1.25rem;
}

textarea.form-control {
  line-height: 1.8;
}
textarea.form-control::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}
textarea.form-control::-webkit-scrollbar-thumb {
  background-color: #1B8354;
  border-radius: 0.15625rem;
}
textarea.form-control::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.15625rem;
}
textarea.form-control::-webkit-scrollbar-corner {
  background-color: transparent;
}

.search-control {
  background-image: linear-gradient(#0D121C 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3E%3Cpath d='M9.75,0a9.75,9.75,0,1,0,6.34,17.15l4.13,4.13a.75.75,0,0,0,1.06-1.06l-4.13-4.13A9.74,9.74,0,0,0,9.75,0ZM1.5,9.75A8.25,8.25,0,1,1,9.75,18,8.25,8.25,0,0,1,1.5,9.75Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 0% 0.125rem, 1.0625rem;
  padding-inline-start: 2.75rem;
}
[dir=rtl] .search-control {
  background-position: center bottom, right 1rem center;
}
[dir=ltr] .search-control {
  background-position: center bottom, left 1rem center;
}
.search-control:focus {
  background-size: 100% 0.125rem, 1.0625rem;
}

.date-control {
  background-image: linear-gradient(#0D121C 0 0), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.08 17.92'%3E%3Cpath d='M5.21,9a.83.83,0,0,0,0,1.66h0A.83.83,0,1,0,5.22,9ZM8.54,9a.83.83,0,1,0,0,1.66h0A.83.83,0,0,0,8.55,9Zm3.33,0a.83.83,0,1,0,0,1.66h0a.83.83,0,0,0,0-1.66ZM5.21,12.29a.84.84,0,0,0,0,1.67h0a.84.84,0,0,0,0-1.67Zm3.33,0a.84.84,0,1,0,0,1.67h0a.84.84,0,0,0,0-1.67ZM17,4.86a4.61,4.61,0,0,0-1.08-2.7,3.53,3.53,0,0,0-1.7-1V.62a.63.63,0,0,0-1.25,0V.93C12,.83,10.8.83,9.38.83H7.7c-1.42,0-2.59,0-3.53.1V.62a.63.63,0,0,0-1.25,0v.53a3.56,3.56,0,0,0-1.71,1A4.54,4.54,0,0,0,.14,4.86,36.74,36.74,0,0,0,0,9.12v.51a36.74,36.74,0,0,0,.14,4.26,4.54,4.54,0,0,0,1.07,2.7,4,4,0,0,0,2.54,1.18,29.66,29.66,0,0,0,4,.15H9.38a29.58,29.58,0,0,0,3.95-.15,4,4,0,0,0,2.54-1.18A4.61,4.61,0,0,0,17,13.89a39.55,39.55,0,0,0,.13-4.26V9.12A39.55,39.55,0,0,0,17,4.86ZM2.13,3a2.19,2.19,0,0,1,.81-.55.64.64,0,0,0,.6.46.63.63,0,0,0,.63-.63v-.1a32.05,32.05,0,0,1,3.58-.11H9.33a32.35,32.35,0,0,1,3.59.11v.1a.62.62,0,0,0,1.22.17A2.32,2.32,0,0,1,15,3a3.46,3.46,0,0,1,.75,2H1.38A3.33,3.33,0,0,1,2.13,3Zm13.7,6.58a39.06,39.06,0,0,1-.12,4.15,3.46,3.46,0,0,1-.75,2,2.83,2.83,0,0,1-1.81.79,28.2,28.2,0,0,1-3.82.14H7.75a28.28,28.28,0,0,1-3.82-.14,2.8,2.8,0,0,1-1.8-.79,3.33,3.33,0,0,1-.75-2,36.07,36.07,0,0,1-.13-4.15V9.16c0-1.17,0-2.13,0-2.93l.18,0H15.62l.18,0c0,.8,0,1.76,0,2.93Z' fill='%23161616'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0% 0.125rem, 1.0675rem 1.12rem;
  padding-inline-start: 2.75rem;
}
[dir=rtl] .date-control {
  background-position: center bottom, right 1rem center;
}
[dir=ltr] .date-control {
  background-position: center bottom, left 1rem center;
}
.date-control:focus {
  background-size: 100% 0.125rem, 1.0675rem 1.12rem;
}

.form-check {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
.form-check .form-check-input {
  float: none;
  margin: 0;
}

.form-check-inline {
  display: inline-flex;
}

.form-check-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1rem;
  color: #1F2A37;
}
.form-check-label--required::after {
  content: "*";
  font-size: 0.875rem;
  color: #B42318;
}
.form-check-label > small {
  font-family: "IBMPlexSansArabic-Regular";
  font-size: 0.875rem;
}

.form-check-input {
  --bs-form-check-bg: #fff;
  --bs-border-color: #6C737F;
  cursor: pointer;
  transition: all var(--transition);
}
.form-check-input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 0.875rem;
}
.form-check-input[type=checkbox] {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1rem;
  border-radius: 0.125rem;
}
.form-switch .form-check-input {
  width: 3rem;
  height: 1.5rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%230d121c'/%3E%3C/svg%3E");
  background-size: 1rem;
  border: 0.09375rem solid #0D121C;
  border-radius: 10em;
}
[dir=rtl] .form-switch .form-check-input {
  background-position: right 0.25rem center;
}
[dir=ltr] .form-switch .form-check-input {
  background-position: left 0.25rem center;
}
@media (hover: hover) {
  .form-check-input:hover {
    background-color: #F3F4F6;
    box-shadow: 0 0 0 0.75rem #F3F4F6;
  }
}
.form-check-input:focus {
  border-color: #1B8354;
  box-shadow: 0 0 0 0.125rem var(--border-black);
}
.form-check-input:active {
  filter: none;
  box-shadow: 0 0 0 0.75rem #F3F4F6;
}
.form-check-input:checked {
  border-color: #1B8354;
}
@media (hover: hover) {
  .form-check-input:checked:hover {
    border-color: #14573A;
    box-shadow: 0 0 0 0.75rem #F3F4F6;
  }
}
.form-check-input:checked:active {
  border-color: #104631;
  box-shadow: 0 0 0 0.75rem #F3F4F6;
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%231b8354'/%3E%3C/svg%3E");
  background-image: var(--bs-form-check-bg-image);
  background-color: #fff;
}
.form-check-input:checked[type=radio]:hover {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%2314573A'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio]:active {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%23104631'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio]:focus {
  box-shadow: 0 0 0 0.125rem var(--border-black);
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7.6'%3E%3Cpath d='M9.66.34A1.15,1.15,0,0,1,9.66,2L4.37,7.26a1.17,1.17,0,0,1-.81.34,1.19,1.19,0,0,1-.82-.34L.34,4.85A1.15,1.15,0,0,1,2,3.22L3.56,4.81,8,.34A1.15,1.15,0,0,1,9.66.34Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-color: #1B8354;
}
.form-switch .form-check-input:checked {
  background-color: #1B8354;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%23fff'/%3E%3C/svg%3E");
}
[dir=rtl] .form-switch .form-check-input:checked {
  background-position: left 0.25rem center;
}
[dir=ltr] .form-switch .form-check-input:checked {
  background-position: right 0.25rem center;
}

.form-check-card {
  position: relative;
  justify-content: space-between;
  gap: 0.5rem;
  border: 0.0625rem solid #D2D6DB;
  border-radius: 0.25rem;
  padding: 0.45rem 0.5rem;
  transition: background-color var(--transition), border-color var(--transition);
}
.form-check-card .form-check-label::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.25rem;
  z-index: 1;
  cursor: pointer;
}
.form-check-card .form-check-input {
  order: 1;
}
.form-check-card:has(.form-check-input:checked) {
  background-color: #F3FCF6;
  border-color: #1B8354;
}

.invalid-feedback {
  font-size: 0.875rem;
  color: var(--clr-red);
}

.time-control-container {
  position: relative;
}

.time-control {
  direction: ltr;
}

.form-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #384250;
}
.form-text.has-feedback-icon::before {
  content: "";
  width: 0.90625rem;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 14.67'%3E%3Cpath d='M14.67,7.33A7.34,7.34,0,1,1,7.33,0,7.34,7.34,0,0,1,14.67,7.33ZM6.54,4.85a1.32,1.32,0,0,1,.91-.16,1.3,1.3,0,0,1,.79.45A1.35,1.35,0,0,1,8.55,6h0c0,.32-.24.64-.7,1a3.52,3.52,0,0,1-.59.32l-.19.08L7,7.37H7a.66.66,0,0,0-.42.84.67.67,0,0,0,.84.43h0l.07,0,.26-.1a6.56,6.56,0,0,0,.79-.43A2.58,2.58,0,0,0,9.89,6a2.64,2.64,0,0,0-.63-1.72,2.67,2.67,0,0,0-4.56.84A.67.67,0,1,0,6,5.56,1.36,1.36,0,0,1,6.54,4.85ZM7.27,10a.67.67,0,0,0,0,1.34h0a.67.67,0,1,0,0-1.34Z' fill='%23384250' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.required-message {
  color: #B42318;
}

.file-upload-dropzone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F3F4F6;
  border: 0.0625rem dashed #D2D6DB;
  border-radius: 0.25rem;
  padding: 1.5rem;
}
.file-upload-dropzone__icon {
  width: 1.15625rem;
  height: 1.34375rem;
  object-fit: contain;
  margin-bottom: 1.5rem;
}
.file-upload-dropzone__title {
  line-height: 1.5;
  font-family: "IBMPlexSansArabic-Medium";
  color: #1F2A37;
  text-align: center;
  margin-bottom: 0.5rem;
}
.file-upload-dropzone__description {
  font-size: 0.75rem;
  color: #384250;
  text-align: center;
  margin-bottom: 1.5rem;
}

:root {
  --base-color: #29b3b4;
  --disable-background-color: #eceeef;
}

.multiselect-dropdown .dropdown-btn {
  border-color: #9DA4AE !important;
  border-radius: 4px !important;
  font-size: 0.875rem;
  color: var(--clr-text);
  background-color: #fff !important;
  padding: 0.544rem 1.25rem !important;
  transition: color var(--transition), background-color var(--transition), background-image var(--transition), background-size var(--transition), border-color var(--transition), box-shadow var(--transition);
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 6.25'%3E%3Cpath d='M1.13.25,1.71,1c.37.47.86,1.08,1.39,1.7A21.51,21.51,0,0,0,4.7,4.38a4.07,4.07,0,0,0,.65.49A1,1,0,0,0,5.63,5a1,1,0,0,0,.27-.13,4.07,4.07,0,0,0,.65-.49,21.51,21.51,0,0,0,1.6-1.66c.53-.62,1-1.23,1.39-1.7l.58-.77A.64.64,0,0,1,11,.12a.64.64,0,0,1,.13.88h0l-.61.79c-.37.47-.88,1.11-1.43,1.74A18.28,18.28,0,0,1,7.38,5.31,6.46,6.46,0,0,1,6.54,6a1.86,1.86,0,0,1-.92.3A1.86,1.86,0,0,1,4.71,6a6.46,6.46,0,0,1-.84-.64A18.28,18.28,0,0,1,2.16,3.53C1.61,2.9,1.1,2.26.73,1.79L.12,1h0A.64.64,0,0,1,.25.12.64.64,0,0,1,1.13.25Z' fill='%23161616'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-size: 0.703125rem 0.390625rem;
  padding-inline-end: 2.8125rem;
}
[dir=rtl] ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  background-position: left 1.25rem center;
}
[dir=ltr] ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
  background-position: right 1.25rem center;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
  position: relative;
  font-size: 0.875rem;
  padding: 0 !important;
  color: color(text-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
  margin-inline-start: auto;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
  font-size: 0.75rem;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  position: relative !important;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none !important;
  flex-shrink: 0;
  height: 28px !important;
  padding: 0 !important;
  width: 24px !important;
  inset-block-end: 0 !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
  position: relative !important;
  display: inline-flex;
  width: 28px !important;
  height: 16px !important;
  top: 0 !important;
  border: 0 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid #1B8354 !important;
  margin-inline-end: 4px !important;
  background: #1B8354 !important;
  border-radius: 25px !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
  box-shadow: none !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
  border-top: 10px solid color(border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
  border-bottom: 10px solid color(border-color) !important;
}
ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
  background-color: var(--disable-background-color) !important;
}
ng-multiselect-dropdown .dropdown-list {
  border: 1px solid color(border-color) !important;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input {
  height: auto;
}
ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
  outline: none;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div::before,
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div::before {
  border-color: #1B8354 !important;
  background-color: #fff;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div::before {
  transition-duration: 0s;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div::before {
  color: #1B8354 !important;
  border: 2px solid #1B8354 !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
  content: "";
  background-color: #1B8354 !important;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div::before {
  border-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div::before,
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div::before {
  background-color: inherit;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div::before {
  background-color: #cccccc;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div::after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}
ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div::before {
  background: #1B8354 !important;
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #1B8354 !important;
  }
}
.btn {
  --bs-btn-padding-y: 0.294rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-focus-box-shadow: 0 0 0 0.1875rem #000;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  border-radius: 0.25rem;
  transition: color var(--transition), background-color var(--transition), border-color var(--transition);
}
.btn:has(.btn__icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.btn:has(.btn__icon:only-child) {
  padding: 0.48125rem;
}
.input-group > .btn:last-child {
  border-radius: 0;
  border-start-end-radius: 0.1875rem;
  border-end-end-radius: 0.1875rem;
}
.btn.ico-btn {
  --bs-btn-padding-x: 0.95rem;
  --bs-btn-padding-y: 0.591rem;
  min-width: unset;
}

.btn-lg {
  --bs-btn-padding-y: 0.45rem;
  --bs-btn-padding-x: 1rem;
  font-size: 1rem;
}

.btn-sm {
  --bs-btn-padding-y: 0.138rem;
  --bs-btn-padding-x: 0.5rem;
  font-size: 0.75rem;
}
.btn-sm:has(.btn__icon) {
  gap: 0.25rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--button-background-primary-default);
  --bs-btn-border-color: var(--button-background-primary-default);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #166A45;
  --bs-btn-hover-border-color: #166A45;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #104631;
  --bs-btn-active-border-color: #104631;
  --bs-btn-disabled-color: #9DA4AE;
  --bs-btn-disabled-bg: #E5E7EB;
  --bs-btn-disabled-border-color: #E5E7EB;
  --bs-btn-disabled-opacity: 1;
}
.btn-primary:visited {
  color: #fff;
}
@media (hover: hover) {
  .btn-primary:hover {
    color: var(--bs-btn-hover-color);
  }
}

.btn-secondary {
  --bs-btn-color: var(--clr-text);
  --bs-btn-bg: #F3F4F6;
  --bs-btn-border-color: #F3F4F6;
  --bs-btn-hover-color: var(--clr-text);
  --bs-btn-hover-bg: #E5E7EB;
  --bs-btn-hover-border-color: #E5E7EB;
  --bs-btn-active-color: var(--clr-text);
  --bs-btn-active-bg: #E5E7EB;
  --bs-btn-active-border-color: #E5E7EB;
  --bs-btn-disabled-color: #9DA4AE;
  --bs-btn-disabled-bg: #E5E7EB;
  --bs-btn-disabled-border-color: #E5E7EB;
  --bs-btn-disabled-opacity: 1;
}
.btn-secondary:visited {
  color: var(--clr-text);
}
@media (hover: hover) {
  .btn-secondary:hover {
    color: var(--bs-btn-hover-color);
  }
}

.btn-outline-secondary {
  --bs-btn-color: var(--clr-text);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #D2D6DB;
  --bs-btn-hover-color: var(--clr-text);
  --bs-btn-hover-bg: #F3F4F6;
  --bs-btn-hover-border-color: #E5E7EB;
  --bs-btn-active-color: var(--clr-text);
  --bs-btn-active-bg: #E5E7EB;
  --bs-btn-active-border-color: #D2D6DB;
  --bs-btn-disabled-color: #9DA4AE;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #E5E7EB;
  --bs-btn-disabled-opacity: 1;
}
.btn-outline-secondary:visited {
  color: var(--clr-text);
}
@media (hover: hover) {
  .btn-outline-secondary:hover {
    color: var(--bs-btn-hover-color);
  }
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0D121C;
  --bs-btn-border-color: #0D121C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1F2A37;
  --bs-btn-hover-border-color: #1F2A37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4D5761;
  --bs-btn-active-border-color: #4D5761;
  --bs-btn-disabled-color: #9DA4AE;
  --bs-btn-disabled-bg: #E5E7EB;
  --bs-btn-disabled-border-color: #E5E7EB;
  --bs-btn-disabled-opacity: 1;
}
.btn-dark:visited {
  color: #fff;
}
@media (hover: hover) {
  .btn-dark:hover {
    color: var(--bs-btn-hover-color);
  }
}

.btn__icon {
  width: 0.9375rem;
  height: 0.9375rem;
  fill: currentColor;
  transition: fill var(--transition), filter var(--transition);
}
.btn-sm .btn__icon {
  width: 0.875rem;
  height: 0.875rem;
}

[dir=ltr] .arrow-icon {
  transform: scaleX(-1);
}

.nav-container {
  position: relative;
}
.nav-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #D2D6DB;
  border-radius: 10em;
  pointer-events: none;
}

.nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: clip;
  overflow-x: auto;
}
.nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nav::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.nav::-webkit-scrollbar-track {
  background-color: transparent;
}
.nav::-webkit-scrollbar-corner {
  background-color: transparent;
}

.nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1rem;
  color: #384250;
  background-color: transparent;
  white-space: nowrap;
  border-radius: 0.25rem;
  z-index: 1;
  -webkit-user-select: none;
          user-select: none;
  padding: 0.75rem 1rem;
  transition: color var(--transition), background-color var(--transition);
}
.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 2rem);
  height: 0.1875rem;
  background-color: transparent;
  border-radius: 10em;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  transform: translateX(-50%);
  transition: background-color var(--transition), opacity var(--transition);
}
.nav-link:visited {
  color: #384250;
}
@media (hover: hover) {
  .nav-link:hover {
    color: var(--clr-text);
    background-color: #F3F4F6;
  }
  .nav-link:hover::after {
    opacity: 1;
    background-color: #161616;
  }
}
.nav-link:active {
  background-color: #E5E7EB;
}
.nav-link:focus {
  color: #384250;
}
.nav-link:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--border-black);
}
.nav-link.active {
  color: var(--clr-text);
  background-color: transparent;
}
.nav-link.active::after {
  opacity: 1;
  background-color: #1B8354;
}
.nav-link.active:visited {
  color: var(--clr-text);
}

.tab-count {
  line-height: 1.5;
  min-width: 1.5rem;
  text-align: center;
  color: var(--clr-text);
  background-color: #F3F4F6;
  border-radius: 10em;
  padding: 0 0.25rem;
}

.tag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
  color: #1F2A37;
  background-color: #F9FAFB;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.25rem;
  padding: 0.125rem 0.375rem;
}
.tag--success {
  color: #085D3A;
  background-color: #ECFDF3;
  border-color: #ABEFC6;
}
.tag--info {
  color: #1849A9;
  background-color: #EFF8FF;
  border-color: #B2DDFF;
}
.tag--warning {
  color: #93370D;
  background-color: #FFFAEB;
  border-color: #FEDF89;
}
.tag--danger {
  color: #912018;
  border-color: #FECDCA;
  color: #FEF3F2;
}

.status-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: max-content;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  color: #1F2A37;
  background-color: #F9FAFB;
  border-radius: 10em;
  padding-inline: 0.5rem;
  padding-block: 0.09375rem;
}
.status-tag::before {
  flex-shrink: 0;
  content: "";
  width: 0.625rem;
  aspect-ratio: 1/1;
  background-color: #4D5761;
  border-radius: 50%;
}
.status-tag--lg {
  font-size: 1rem;
  padding-inline: 1rem;
  padding-block: 0.25rem;
}
.status-tag--sm {
  font-size: 0.625rem;
  padding-block: 0.15625rem;
}
.status-tag--info {
  color: #1849A9;
  background-color: #EFF8FF;
}
.status-tag--info::before {
  background-color: #1849A9;
}
.status-tag--success {
  color: #085D3A;
  background-color: #ECFDF3;
}
.status-tag--success::before {
  background-color: #085D3A;
}
.status-tag--warning {
  color: #93370D;
  background-color: #FFFAEB;
}
.status-tag--warning::before {
  background-color: #93370D;
}
.status-tag--danger {
  color: #912018;
  background-color: #FEF3F2;
}
.status-tag--danger::before {
  background-color: #912018;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--global-spacing-md);
  color: #fff;
  margin-bottom: 0;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--global-spacing-md);
  font-size: 0.875rem;
}
.breadcrumb-item a {
  line-height: 1.572;
  color: #384250;
  text-decoration: none;
  transition: all var(--transition);
}
.breadcrumb-item a:visited {
  color: #384250;
}
@media (hover: hover) {
  .breadcrumb-item a:hover {
    color: #6C737F;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-fo;
  }
}
.breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  flex-shrink: 0;
  width: 0.33125rem;
  height: 0.640625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.3 11.25'%3E%3Cpath d='M6.18,11a.64.64,0,0,1-.88.13h0l-.79-.61C4,10.15,3.4,9.64,2.77,9.09A18.51,18.51,0,0,1,.94,7.38,5.82,5.82,0,0,1,.3,6.54,1.86,1.86,0,0,1,0,5.63a1.86,1.86,0,0,1,.3-.92A7,7,0,0,1,1,3.87,18,18,0,0,1,2.77,2.16C3.4,1.61,4,1.1,4.51.73L5.3.12h0a.64.64,0,0,1,.88.13.64.64,0,0,1-.13.88l-.75.58c-.49.39-1.1.86-1.72,1.39A20.9,20.9,0,0,0,1.92,4.7a4.43,4.43,0,0,0-.49.65.84.84,0,0,0-.13.27,1,1,0,0,0,.13.28,4.43,4.43,0,0,0,.49.65A21.17,21.17,0,0,0,3.6,8.15c.62.53,1.23,1,1.7,1.39l.75.58A.64.64,0,0,1,6.18,11Z' fill='%239DA4AE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  float: none;
  padding: 0;
}
[dir=ltr] .breadcrumb-item + .breadcrumb-item::before {
  transform: scaleX(-1);
}
.breadcrumb-item.active {
  color: #9DA4AE;
}

.pagination-nav {
  display: flex;
  flex-direction: column;
  margin-top: 4.375rem;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}

.page-link {
  position: relative;
  display: block;
  min-width: 1.5rem;
  line-height: 1;
  font-size: 0.875rem;
  text-align: center;
  color: #161616;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  padding: 0.313rem;
  transition: all 0.3s ease-in-out;
}
.page-link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1rem;
  height: 0.1875rem;
  background-color: #1B8354;
  border-radius: 0.09375rem;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
}
.page-link:visited {
  color: #161616;
}
@media (hover: hover) {
  .page-link:hover {
    color: #161616;
    background-color: #F3F4F6;
  }
}
.page-link:focus {
  color: #161616;
  background-color: transparent;
  box-shadow: 0 0 0 0.125rem var(--border-black, #161616);
}
.active > .page-link, .page-link.active {
  color: #161616;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.active > .page-link::before, .page-link.active::before {
  opacity: 1;
}
.disabled > .page-link, .page-link.disabled {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.5;
}

.page-item:first-child .page-link > img, .page-item:last-child .page-link > img {
  width: 0.375rem;
  height: 0.5625rem;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover {
  transform: scale(1.5);
}
.page-item:first-child .page-link {
  border-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-radius: 0.25rem;
}
.page-item:not(:first-child) .page-link {
  margin: 0;
}
.page-item > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
  font-size: 0.875rem;
  border: 0.0625rem solid #161616;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.015625rem #161616;
}

.modal {
  --bs-modal-width: 600px;
  --bs-border-radius-lg: 1rem;
}

.modal-backdrop {
  --bs-backdrop-bg: rgba(22, 22, 22, 0.60);
  --bs-backdrop-opacity: 1;
}

.modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 2rem 4rem -0.75rem rgba(16, 24, 40, 0.14);
  padding: 1.5rem;
}

.modal-header {
  border-block: none;
  padding: 0;
}
.modal-header .btn-close {
  position: static;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 11.25'%3E%3Cpath d='M.18.18a.64.64,0,0,1,.89,0L5.63,4.74,10.18.18a.64.64,0,0,1,.89,0,.64.64,0,0,1,0,.89L6.51,5.63l4.56,4.55a.63.63,0,0,1-.89.89L5.63,6.51,1.07,11.07a.64.64,0,0,1-.89,0,.64.64,0,0,1,0-.89L4.74,5.63.18,1.07A.64.64,0,0,1,.18.18Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 0.703125rem;
  background-position: center;
  border-radius: 0.25rem;
  opacity: 1;
  padding: 0;
  margin: 0;
  margin-inline-start: auto;
  margin-bottom: auto;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .modal-header .btn-close:hover {
    background-color: #F3F4F6;
  }
}

.modal-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #F9FAFB;
  border-radius: 50%;
}
.modal-icon > img {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

.modal-title {
  line-height: 1.5;
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1.125rem;
  color: #1F2A37;
}

.modal-body {
  font-size: 0.875rem;
  padding: 0;
}
.modal-body ul li,
.modal-body ol li {
  line-height: 1.8;
}

.modal-subtitle {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  border-top: none;
  border-radius: 0;
  padding: 0;
}
.modal-footer > * {
  margin: 0;
}

.table-responsive::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #1B8354;
  border-radius: 0.15625rem;
}
.table-responsive::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.15625rem;
}
.table-responsive::-webkit-scrollbar-corner {
  background-color: transparent;
}

.table {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.table > :not(caption) > * > * {
  border: none;
}
.table thead th {
  line-height: 1.4;
  font-family: "IBMPlexSansArabic-Medium";
  font-weight: normal;
  font-size: 0.875rem;
  color: #384250;
  background-color: #F3F4F6;
  border-top: 0.0625rem solid #D2D6DB;
  border-bottom: 0.0625rem solid #D2D6DB;
  vertical-align: middle;
  padding: 0.875rem 1rem;
}
.table thead th:not(:last-child) {
  border-inline-end: 0.0625rem solid #D2D6DB;
}
@media (max-width: 992px) {
  .table thead th {
    display: none;
  }
}
.table tbody tr th,
.table tbody tr td {
  line-height: 1.5;
  font-size: 1rem;
  color: var(--clr-text);
  vertical-align: middle;
  text-align: start;
  border-bottom: 0.0625rem solid #D2D6DB;
  padding: 1.25rem 1rem;
}
@media (max-width: 992px) {
  .table tbody tr th,
  .table tbody tr td {
    position: relative;
    display: flex;
    align-items: center;
    width: unset !important;
    gap: 1.5625rem;
    line-height: 2;
    z-index: 1;
    padding: 0.5rem 1.25rem;
  }
  .table tbody tr th:not(:last-child),
  .table tbody tr td:not(:last-child) {
    border-inline-end: none;
  }
  .table tbody tr th::before,
  .table tbody tr td::before {
    content: attr(data-th);
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    line-height: 2;
    color: #384250;
    text-align: start;
  }
  .table tbody tr th::after,
  .table tbody tr td::after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: calc(25% + 20px);
    height: 100%;
    background-color: #f3f4f6;
    z-index: -1;
  }
}
@media (max-width: 992px) {
  .table tbody tr th:last-child,
  .table tbody tr td:last-child {
    border-bottom: none;
  }
  .table tbody tr th:last-child::after,
  .table tbody tr td:last-child::after {
    box-shadow: inset 0 -0.0625rem 0.0625rem var(--clr-blue);
  }
}
.table tbody tr th > a,
.table tbody tr td > a {
  text-decoration: underline !important;
}
.table tbody tr th > a:hover,
.table tbody tr td > a:hover {
  text-decoration: none !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: unset;
  --bs-table-bg-type: unset;
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #F9FAFB;
}

.cell-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.table-head-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  aspect-ratio: 1/1;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  transition: background-color var(--transition);
}
.table-head-btn > img {
  width: 0.8125rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
@media (hover: hover) {
  .table-head-btn:hover {
    background-color: #E5E7EB;
  }
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.table-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  transition: background-color var(--transition);
}
.table-btn > img {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}
@media (hover: hover) {
  .table-btn:hover {
    background-color: #F3F4F6;
  }
}

.alert {
  inset: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
  border-radius: 0.125rem;
  padding: 0.7rem 1.5rem;
  margin: 0;
  margin-bottom: 1rem;
}
.alert__icon {
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
}
.alert__title {
  font-family: "IBMPlexSansArabic-Bold";
  font-size: inherit;
  margin-bottom: 0;
}
.alert__description {
  font-size: inherit;
  color: inherit;
  margin-bottom: 0;
}
.alert .alert-link {
  color: inherit;
}
.alert .btn-close {
  position: static;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 11.25'%3E%3Cpath d='M.18.18a.64.64,0,0,1,.89,0L5.63,4.74,10.18.18a.64.64,0,0,1,.89,0,.64.64,0,0,1,0,.89L6.51,5.63l4.56,4.55a.63.63,0,0,1-.89.89L5.63,6.51,1.07,11.07a.64.64,0,0,1-.89,0,.64.64,0,0,1,0-.89L4.74,5.63.18,1.07A.64.64,0,0,1,.18.18Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 0.703125rem;
  background-position: center;
  border-radius: 0.25rem;
  opacity: 1;
  padding: 0;
  margin-inline-start: auto;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .alert .btn-close:hover {
    background-color: #F3F4F6;
  }
}

.alert-primary {
  color: #384250;
  background-color: #F9FAFB;
  border-bottom-color: rgba(22, 22, 22, 0.6);
}

.alert-success {
  color: #067647;
  background-color: #ECFDF3;
  border-bottom-color: rgba(7, 148, 85, 0.6);
}

.alert-danger {
  color: #B42318;
  background-color: #FEF3F2;
  border-bottom-color: rgba(217, 45, 32, 0.6);
}

.alert-warning {
  color: #B54708;
  background-color: #FFFAEB;
  border-bottom-color: rgba(220, 104, 3, 0.6);
}

.alert-info {
  color: #175CD3;
  background-color: #EFF8FF;
  border-bottom-color: rgba(21, 112, 239, 0.6);
}

.accordion {
  --bs-accordion-btn-icon-transform: rotateX(180deg) rotateY(180deg);
}

.accordion-item {
  position: relative;
  color: var(--clr-text);
  border: none;
  border-bottom: 0.0625rem solid #D2D6DB;
  border-radius: 0;
}
.accordion-item:last-of-type {
  border-radius: 0;
}

.accordion-button {
  gap: 1rem;
  line-height: 1.5;
  font-size: 1rem;
  text-align: start;
  background-color: transparent;
  border-radius: 0;
  padding: 1rem;
}
.accordion-button::after {
  width: 0.71875rem;
  height: 0.71875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cpath d='M1.35.31l.71.92c.43.55,1,1.29,1.66,2a23.17,23.17,0,0,0,1.92,2,5.15,5.15,0,0,0,.79.6A1.33,1.33,0,0,0,6.75,6a1.33,1.33,0,0,0,.32-.15,5.15,5.15,0,0,0,.79-.6,23.17,23.17,0,0,0,1.92-2c.64-.74,1.23-1.48,1.66-2l.71-.92a.73.73,0,0,1,1-.16.73.73,0,0,1,.16,1h0c-.13.17-.5.67-.72,1-.45.57-1.06,1.33-1.72,2.09A23.35,23.35,0,0,1,8.85,6.37a6.45,6.45,0,0,1-1,.76,2.16,2.16,0,0,1-1.1.37,2.16,2.16,0,0,1-1.1-.37,6,6,0,0,1-1-.76A23.35,23.35,0,0,1,2.59,4.24C1.93,3.48,1.32,2.72.87,2.15.65,1.87.28,1.37.15,1.2h0a.74.74,0,0,1,.16-1A.73.73,0,0,1,1.35.31Z' fill='%23161616'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
}
@media (hover: hover) {
  .accordion-button:hover {
    background-color: #F3F4F6;
  }
}
.accordion-button:active {
  background-color: #E5E7EB;
}
.accordion-button:focus {
  background-color: transparent;
  box-shadow: 0 0 0 0.125rem var(--border-black);
}
.accordion-button:not(.collapsed) {
  color: var(--clr-text);
  background-color: transparent;
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cpath d='M1.35.31l.71.92c.43.55,1,1.29,1.66,2a23.17,23.17,0,0,0,1.92,2,5.15,5.15,0,0,0,.79.6A1.33,1.33,0,0,0,6.75,6a1.33,1.33,0,0,0,.32-.15,5.15,5.15,0,0,0,.79-.6,23.17,23.17,0,0,0,1.92-2c.64-.74,1.23-1.48,1.66-2l.71-.92a.73.73,0,0,1,1-.16.73.73,0,0,1,.16,1h0c-.13.17-.5.67-.72,1-.45.57-1.06,1.33-1.72,2.09A23.35,23.35,0,0,1,8.85,6.37a6.45,6.45,0,0,1-1,.76,2.16,2.16,0,0,1-1.1.37,2.16,2.16,0,0,1-1.1-.37,6,6,0,0,1-1-.76A23.35,23.35,0,0,1,2.59,4.24C1.93,3.48,1.32,2.72.87,2.15.65,1.87.28,1.37.15,1.2h0a.74.74,0,0,1,.16-1A.73.73,0,0,1,1.35.31Z' fill='%23161616'/%3E%3C/svg%3E");
}

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

.accordion-body {
  padding: 1.5rem;
  padding-top: 0;
}

.accordion--rounded {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.accordion--rounded .accordion-item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background-color: #F9FAFB;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.accordion--rounded .accordion-button {
  padding: 0.0625rem;
}
@media (hover: hover) {
  .accordion--rounded .accordion-button:hover {
    background-color: transparent;
  }
}
.accordion--rounded .accordion-button:active {
  background-color: transparent;
}
.accordion--rounded .accordion-button:focus {
  background-color: transparent;
  box-shadow: none;
}
.accordion--rounded .accordion-body {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
}

:has(> .datepicker) {
  position: relative;
}

.datepicker-cell.today:not(.selected) {
  background-color: transparent;
  color: #161616 !important;
}

.datepicker .dow {
  font-size: 1rem;
  font-weight: normal;
  color: #64748B;
}
.datepicker .days .dow,
.datepicker .datepicker-cell {
  flex-basis: unset;
  width: 2.625rem;
  height: 2.625rem;
  font-family: "IBMPlexSansArabic-Medium";
}
.datepicker span {
  font-size: 1rem;
  border-radius: 10em;
}

.datepicker-cell:not(.day) {
  width: 30%;
  height: 3rem;
  border-radius: 0.25rem;
}

.datepicker-dropdown {
  inset: unset !important;
  top: 100% !important;
  inset-inline-start: 0 !important;
  padding-top: 0;
}
.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 1.5rem 3rem -0.75rem rgba(16, 24, 40, 0.18);
}

.datepicker-picker {
  background-color: #F9FAFB;
  border-radius: 0.5rem;
  padding: 1rem;
}

.datepicker-header {
  margin-bottom: 0.5rem;
}
.datepicker-header .datepicker-controls {
  padding: 0;
}

.datepicker-controls {
  align-items: center;
}
.datepicker-controls .view-switch {
  flex: unset;
  order: -1;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1rem;
  color: var(--clr-text);
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  margin-inline-end: auto;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .datepicker-controls .view-switch:hover {
    background-color: #F3F4F6;
  }
}
.datepicker-controls .view-switch:active {
  background-color: #E5E7EB;
}
.datepicker-controls .next-button,
.datepicker-controls .prev-button {
  flex: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1/1;
  text-indent: -99999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.09375rem;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  transition: background-color var(--transition);
}
[dir=ltr] .datepicker-controls .next-button,
[dir=ltr] .datepicker-controls .prev-button {
  transform: scaleX(-1);
}
@media (hover: hover) {
  .datepicker-controls .next-button:hover,
  .datepicker-controls .prev-button:hover {
    background-color: #F3F4F6;
  }
}
.datepicker-controls .next-button:active,
.datepicker-controls .prev-button:active {
  background-color: #E5E7EB;
}
.datepicker-controls .next-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.67 7.67'%3E%3Cpath d='M0,3.83a1.3,1.3,0,0,0,.22.66,4.06,4.06,0,0,0,.43.57A14.6,14.6,0,0,0,1.84,6.21c.42.37.85.71,1.16,1l.39.3.11.08,0,0h0a.5.5,0,0,0,.7-.11.51.51,0,0,0-.11-.7h0l0,0L4,6.66l-.37-.28c-.31-.24-.72-.57-1.13-.93A11.1,11.1,0,0,1,1.4,4.39l-.06-.06h9.83a.5.5,0,0,0,.5-.5.51.51,0,0,0-.5-.5H1.34l.06-.06A12.38,12.38,0,0,1,2.49,2.21c.41-.35.82-.68,1.13-.92L4,1l.1-.08,0,0h0A.51.51,0,0,0,4.24.2a.5.5,0,0,0-.7-.1h0l0,0L3.39.21,3,.5c-.31.25-.74.59-1.16,1A13.09,13.09,0,0,0,.65,2.61a3.55,3.55,0,0,0-.43.57A1.23,1.23,0,0,0,0,3.83' fill='%23161616'/%3E%3C/svg%3E");
}
.datepicker-controls .prev-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.67 7.69'%3E%3Cpath d='M11.67,3.83a1.26,1.26,0,0,0-.22-.65A3.87,3.87,0,0,0,11,2.61,12.5,12.5,0,0,0,9.83,1.5C9.41,1.09,9,.75,8.67.5L8.28.21,8.13.1h0a.5.5,0,0,0-.7.1h0a.51.51,0,0,0,.15.71h0l.1.08.38.29c.31.24.72.57,1.13.92a12.1,12.1,0,0,1,1.09,1.06l.06.06H.5a.52.52,0,0,0-.5.5.5.5,0,0,0,.5.5h9.83l-.06.06a11,11,0,0,1-1.1,1.06c-.41.36-.82.69-1.13.93l-.37.28-.09.12h0a.51.51,0,0,0-.11.7h0a.51.51,0,0,0,.7.11h0l.11-.08.39-.3c.31-.29.74-.63,1.16-1A12.93,12.93,0,0,0,11,5.06a4.73,4.73,0,0,0,.43-.57,1.3,1.3,0,0,0,.22-.66' fill='%23161616'/%3E%3C/svg%3E");
}

.datepicker-main {
  padding: 0;
}

.days-of-week {
  gap: 0.625rem;
}

.datepicker-grid {
  gap: 0.625rem;
}

.datepicker-view {
  width: unset;
  min-width: 18.375rem;
}

.datepicker-cell {
  color: var(--clr-text);
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #6C737F;
}
.datepicker-cell.focused:not(.selected) {
  background-color: transparent !important;
}
.datepicker-cell.selected {
  font-weight: normal;
  color: #fff;
  background-color: #1B8354 !important;
  box-shadow: none !important;
}
.datepicker-cell.selected:hover {
  font-weight: normal;
  color: #fff !important;
  background-color: #1B8354 !important;
}
.datepicker-cell:not(.disabled):hover {
  background-color: transparent;
  color: #161616;
  transition: all 0.2s ease-in-out;
}

.datepicker-cell.disabled {
  background-color: #D2D6DB !important;
  color: #161616 !important;
  cursor: not-allowed;
}

.file-card {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #F3F4F6;
  border: 0.0625rem solid #D2D6DB;
  border-radius: 0.25rem;
  padding: 0.4375rem 0.5rem;
}
.file-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #F9FAFB;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.file-card__icon > img {
  width: 1.75rem;
  height: 1.53125rem;
  object-fit: contain;
}
.file-card__name {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  color: var(--clr-text);
}
.file-card__size {
  font-size: 0.75rem;
  color: #6C737F;
  margin-inline-start: auto;
}
.file-card__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.file-card__actions__item {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  padding: 0;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .file-card__actions__item:hover {
    background-color: #E5E7EB;
  }
}
.file-card__actions__item > img {
  width: 1rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.file-card__actions__divider {
  width: 0.0625rem;
  height: 1.25rem;
  background-color: #D2D6DB;
}

.hero-section {
  position: relative;
  min-height: 17.125rem;
  background-image: linear-gradient(45deg, #104631 0%, #1B8354 100%);
  border-radius: 1rem;
  isolation: isolate;
  overflow: hidden;
  padding: 2rem;
  padding-bottom: 2.5rem;
  margin-bottom: 1.25rem;
}
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/assets/new/images//hero-background.jpg), linear-gradient(45deg, #104631 0%, #1B8354 100%);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1rem;
  mix-blend-mode: lighten;
  z-index: -1;
  pointer-events: none;
}
.hero-section::after {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  height: 2.0275625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129.22 32.42'%3E%3Cpath d='M69.05,32.41,54.54,16.2,69.06,0,83.63,16.25,69.06,32.42Zm0-4.86L79,16.37l-9.87-11L59.2,16.44,69,27.56ZM45.78,15.91C50,11.17,54.49,6.13,59.15.92l2.15,2L49.5,16.21,61.14,29.28c-.72.9-1.27,1.61-1.58,2C54.91,26.08,50.35,21,45.78,15.91Zm46.49.67c-4.15,4.65-8.64,9.66-13.36,14.93l-2.14-2.06L88.53,16.21,76.85,3.1l1.64-1.93C83.13,6.37,87.68,11.44,92.27,16.58Z' fill='%23d6a428'/%3E%3Cpath d='M105.76,8.67V3.32h5V8.67Zm5,15.14v5.24h-4.88V23.81Zm9.54.14h-4.79V18.88h4.79ZM105.83,13.56h4.87v5.21h-4.87Zm14.48.06h-4.84V8.51h4.84Zm8.91,5.28h-4.68V13.61h4.68ZM4.85,30H0V2.49H4.85ZM33.69,3.25V8.6H28.85V3.25Zm0,20.6v5.28H28.81V23.85Zm-.05-5h-4.9V13.65h4.9ZM10.05,13.51h4.71v5.35H10.05Zm9,5.27h4.69v5.09H19.09Zm4.67-5.14H19.12V8.59h4.64Z' fill='%231b8354'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: repeat-x;
  background-size: 8.5137375rem 2.0275625rem;
  z-index: 1;
  pointer-events: none;
}
.hero-section__slider {
  overflow: hidden;
  max-width: 100%;
}
.hero-section__slider__item {
  color: #fff;
  opacity: 0;
  transition: opacity var(--transition);
}
.swiper-slide-active .hero-section__slider__item {
  opacity: 1;
}
.hero-section__slider__item__title {
  line-height: 1.267;
  font-size: 1.875rem;
  margin-bottom: 1rem;
}
.hero-section__slider__item__description {
  margin-bottom: 1.5rem;
}
.hero-section__slider .swiper-pagination {
  position: static;
  justify-content: flex-start;
}

.page-section {
  flex: 1;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.25rem;
}
.page-section__inner {
  background-color: #F9FAFB;
  border-radius: 0.5rem;
  padding: 1.5rem;
}

.section-title {
  display: flex;
  gap: 0.5rem;
  font-size: 1.125rem;
  color: #384250;
  margin-bottom: 1.25rem;
}
.section-title--decorated {
  justify-content: center;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1.25rem;
  text-align: center;
  color: #6C737F;
  margin-bottom: 1.5625rem;
}
.section-title--decorated::before, .section-title--decorated::after {
  content: "";
  width: 7.875rem;
  height: 0.8125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.section-title--decorated::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='13' viewBox='0 0 126 13' fill='none'%3E%3Cg clip-path='url(%23clip0_2_76775)'%3E%3Cpath d='M122.157 6.06183C120.297 3.99786 118.358 1.84589 116.534 -0.174035C114.659 1.91191 112.7 4.08591 110.82 6.18064C112.609 8.14778 114.575 10.313 116.463 12.3945C118.295 10.357 120.254 8.183 122.157 6.06624V6.06183ZM120.25 5.96941C118.917 7.45689 117.565 8.96633 116.324 10.357C115.099 9.00154 113.763 7.52728 112.533 6.16744C113.822 4.72838 115.178 3.21455 116.475 1.7623C117.724 3.15731 119.056 4.64038 120.25 5.96941Z' fill='%23D6A428'/%3E%3Cpath d='M15.9084 6.0177C14.0368 3.94936 12.1017 1.80618 10.2539 -0.23577C8.36247 1.88977 6.39173 4.10339 4.48047 6.25095C6.26484 8.22691 8.22766 10.4009 10.0953 12.4692C11.9867 10.3701 13.9416 8.20048 15.9124 6.0177H15.9084ZM10.1508 10.4933C8.8621 9.04983 7.50201 7.53157 6.23312 6.11012C7.49408 4.70187 8.85417 3.18362 10.1429 1.74456C11.4316 3.19241 12.7877 4.71506 14.0645 6.14534C12.8155 7.53598 11.4514 9.04983 10.1508 10.4933Z' fill='%23D6A428'/%3E%3Cpath d='M2.25752 5.97375C3.93087 4.25748 5.48526 2.66439 7.09913 1.00968C6.75811 0.58281 6.53606 0.309968 6.41313 0.151525C4.54549 2.22869 2.7175 4.26185 0.964844 6.21142C2.58664 8.01133 4.38687 10.0137 6.25849 12.0908C6.40917 11.95 6.66691 11.7124 7.06741 11.3471C5.50509 9.59998 3.99431 7.91008 2.25752 5.97375Z' fill='%23D6A428'/%3E%3Cpath d='M13.1055 11.1488C13.5416 11.6593 13.7518 11.9013 14.0809 12.293C15.9406 10.2378 17.7726 8.21786 19.5292 6.28153C17.6457 4.19117 15.8455 2.18881 13.9778 0.116062C13.8073 0.292074 13.5654 0.542935 13.2006 0.921392C14.763 2.6641 16.2777 4.35398 17.9352 6.19794C16.3134 7.86142 14.759 9.45448 13.1055 11.1532V11.1488Z' fill='%23D6A428'/%3E%3Cpath d='M107.201 6.09701C108.906 7.99371 110.703 9.99607 112.578 12.082C112.717 11.9456 112.967 11.7036 113.355 11.3207C111.793 9.5824 110.278 7.89251 108.728 6.16741C110.298 4.46433 111.809 2.82723 113.391 1.10651C113.01 0.626846 112.772 0.32757 112.594 0.0987301C110.722 2.18031 108.918 4.18266 107.201 6.0926V6.09701Z' fill='%23D6A428'/%3E%3Cpath d='M124.184 6.16298C122.586 7.83966 121.051 9.45034 119.438 11.1446C119.826 11.6067 120.072 11.9016 120.25 12.1128C122.126 10.0312 123.93 8.03328 125.659 6.11456C123.954 4.21345 122.15 2.2111 120.254 0.0987139C120.1 0.248332 119.826 0.516763 119.465 0.864453C121.055 2.65117 122.57 4.35424 124.184 6.16298Z' fill='%23D6A428'/%3E%3Cpath d='M68.9163 6.02191C67.1042 4.0196 65.1414 1.8456 63.2182 -0.279937C61.3664 1.77521 59.4274 3.91835 57.6113 5.93391C59.5186 8.0507 61.4695 10.2159 63.3055 12.249C65.0462 10.3171 67.0011 8.14749 68.9203 6.02191H68.9163ZM63.3689 10.5151C62.0326 9.02766 60.6725 7.5138 59.4433 6.14955C60.7122 4.73251 62.0643 3.21864 63.2579 1.88082C64.5387 3.29345 65.8948 4.79412 67.1835 6.21557C65.9463 7.60622 64.6219 9.10248 63.3649 10.5151H63.3689Z' fill='%23D6A428'/%3E%3Cpath d='M90.9675 0.674618C90.3172 0.674618 89.7502 0.674618 89.084 0.674618C89.084 4.26565 89.084 7.82147 89.084 11.4873C89.6748 11.4873 90.2736 11.4873 90.9675 11.4873C90.9675 7.95347 90.9675 4.39766 90.9675 0.674618Z' fill='%231B8354'/%3E%3Cpath d='M35.9453 0.724016C35.9453 4.35464 35.9453 7.87524 35.9453 11.5015H37.7693C37.7693 7.95005 37.7693 4.38545 37.7693 0.724016H35.9453Z' fill='%231B8354'/%3E%3Cpath d='M71.1724 6.27296C69.4792 8.05085 67.9447 9.66593 66.2832 11.4174C66.6242 11.7343 66.882 11.9719 67.0564 12.1348C68.9399 10.0488 70.7441 8.04644 72.4254 6.18054C70.7283 4.28822 68.932 2.29027 67.0366 0.182303C66.9692 0.243916 66.6956 0.507934 66.3427 0.851213C67.9288 2.63351 69.4435 4.33659 71.1724 6.27296Z' fill='%23D6A428'/%3E%3Cpath d='M59.4871 12.082C59.6179 11.9456 59.84 11.7212 60.1968 11.3603C58.6543 9.6396 57.1436 7.95412 55.5019 6.12781C57.0167 4.34547 58.579 2.71279 60.1453 0.912884C59.8638 0.578429 59.6179 0.283566 59.4474 0.0767479C57.5798 2.15391 55.7795 4.15627 54.0586 6.06616C55.7597 7.95412 57.5639 9.95206 59.4871 12.082Z' fill='%23D6A428'/%3E%3Cpath d='M102.396 9.04531H100.488C100.488 9.74944 100.488 10.4051 100.488 11.1841C101.067 11.1841 101.69 11.1841 102.396 11.1841C102.396 10.502 102.396 9.85066 102.396 9.04531Z' fill='%231B8354'/%3E%3Cpath d='M79.7858 11.1841C79.7858 10.4844 79.7858 9.86385 79.7858 9.11572H77.9062C77.9062 9.74503 77.9062 10.4007 77.9062 11.1841C78.4614 11.1841 79.0522 11.1841 79.7858 11.1841Z' fill='%231B8354'/%3E%3Cpath d='M24.6484 9.0805V11.1973C25.2829 11.1973 25.8777 11.1973 26.5756 11.1973C26.5756 10.5504 26.5756 9.85944 26.5756 9.0805C25.957 9.0805 25.3662 9.0805 24.6484 9.0805Z' fill='%231B8354'/%3E%3Cpath d='M102.352 1.00531C101.749 1.00531 101.159 1.00531 100.477 1.00531C100.477 1.68301 100.477 2.33872 100.477 3.11328C101.055 3.11328 101.642 3.11328 102.352 3.11328C102.352 2.47077 102.352 1.78425 102.352 1.00531Z' fill='%231B8354'/%3E%3Cpath d='M77.8633 1.04494V3.10449C78.462 3.10449 79.0449 3.10449 79.7388 3.10449C79.7388 2.484 79.7388 1.82825 79.7388 1.04494C79.1877 1.04494 78.6008 1.04494 77.8633 1.04494Z' fill='%231B8354'/%3E%3Cpath d='M49.1721 0.9789C48.5297 0.9789 47.9706 0.9789 47.3203 0.9789C47.3203 1.68303 47.3203 2.34315 47.3203 3.11768C47.9032 3.11768 48.4901 3.11768 49.1721 3.11768V0.9789Z' fill='%231B8354'/%3E%3Cpath d='M24.668 1.06247C24.668 1.82379 24.668 2.43992 24.668 3.14404C25.3262 3.14404 25.9131 3.14404 26.5911 3.14404C26.5911 2.44874 26.5911 1.79299 26.5911 1.06247H24.668Z' fill='%231B8354'/%3E%3Cpath d='M47.334 11.2368C47.9486 11.2368 48.5037 11.2368 49.1659 11.2368C49.1659 10.5679 49.1659 9.91219 49.1659 9.12445C48.6108 9.12445 48.0279 9.12445 47.334 9.12445C47.334 9.74496 47.334 10.4007 47.334 11.2368Z' fill='%231B8354'/%3E%3Cpath d='M30.521 5.06738C30.521 4.39847 30.521 3.82636 30.521 3.12223H28.5859V5.06738C29.2243 5.06738 29.839 5.06738 30.521 5.06738Z' fill='%231B8354'/%3E%3Cpath d='M98.5254 5.08057C98.5254 4.35883 98.5254 3.78675 98.5254 3.10023C97.8711 3.10023 97.2486 3.10023 96.5586 3.10023C96.5586 3.76914 96.5586 4.37207 96.5586 5.08057C97.2168 5.08057 97.8077 5.08057 98.5254 5.08057Z' fill='%231B8354'/%3E%3Cpath d='M100.449 4.96128C100.449 5.78863 100.449 6.40034 100.449 7.13086C101.107 7.13086 101.722 7.13086 102.404 7.13086C102.404 6.42673 102.404 5.81943 102.404 5.05807C101.774 5.02726 101.183 4.99646 100.449 4.96128Z' fill='%231B8354'/%3E%3Cpath d='M93.0742 7.14893H94.9419C94.9419 6.45362 94.9419 5.84191 94.9419 5.10257H93.0742C93.0742 5.7495 93.0742 6.4008 93.0742 7.14893Z' fill='%231B8354'/%3E%3Cpath d='M87.2239 7.15332C87.2239 6.39641 87.2239 5.78911 87.2239 5.07616C86.5657 5.07616 85.9788 5.07616 85.3008 5.07616C85.3008 5.74948 85.3008 6.40082 85.3008 7.15332C85.9233 7.15332 86.5102 7.15332 87.2239 7.15332Z' fill='%231B8354'/%3E%3Cpath d='M77.8711 4.95249C77.8711 5.79741 77.8711 6.40475 77.8711 7.13086C78.5016 7.13086 79.0845 7.13086 79.7586 7.13086C79.7586 6.47956 79.7586 5.87222 79.7586 5.0845C79.1955 5.04491 78.6166 5.00528 77.8711 4.95249Z' fill='%231B8354'/%3E%3Cpath d='M49.1804 5.07568C48.534 5.07568 47.9511 5.07568 47.2969 5.07568C47.2969 5.78863 47.2969 6.39593 47.2969 7.13086H49.1804C49.1804 6.45754 49.1804 5.80624 49.1804 5.07568Z' fill='%231B8354'/%3E%3Cpath d='M39.8672 7.15332H41.7785C41.7785 6.45802 41.7785 5.80672 41.7785 5.06296C41.1361 5.06296 40.5492 5.06296 39.8672 5.06296C39.8672 5.76709 39.8672 6.4096 39.8672 7.15332Z' fill='%231B8354'/%3E%3Cpath d='M32.123 5.0982C32.123 5.83313 32.123 6.4448 32.123 7.14893C32.7773 7.14893 33.3642 7.14893 34.0184 7.14893V5.0982C33.4118 5.0982 32.8249 5.0982 32.123 5.0982Z' fill='%231B8354'/%3E%3Cpath d='M26.6148 7.27197C26.6148 6.45782 26.6148 5.84174 26.6148 5.10239C25.9843 5.10239 25.3697 5.10239 24.6758 5.10239C24.6758 5.77134 24.6758 6.38305 24.6758 7.15316C25.2785 7.18838 25.8654 7.22797 26.6148 7.27197Z' fill='%231B8354'/%3E%3Cpath d='M96.5508 9.16016H98.4898C98.4898 8.49563 98.4898 7.88833 98.4898 7.15781C97.8514 7.15781 97.2328 7.15781 96.5508 7.15781C96.5508 7.83113 96.5508 8.39884 96.5508 9.16016Z' fill='%231B8354'/%3E%3Cpath d='M30.5364 9.14697C30.5364 8.44727 30.5364 7.87956 30.5364 7.14904C29.9138 7.10941 29.327 7.06982 28.6172 7.0214C28.6172 7.76953 28.6172 8.40764 28.6172 9.14697C29.212 9.14697 29.8028 9.14697 30.5364 9.14697Z' fill='%231B8354'/%3E%3Cpath d='M83.6129 5.08447C83.6129 4.35832 83.6129 3.78183 83.6129 3.09973C83.03 3.09973 82.4788 3.09973 81.8008 3.09973V5.08447C82.3797 5.08447 82.9269 5.08447 83.6129 5.08447Z' fill='%231B8354'/%3E%3Cpath d='M43.4648 3.08267C43.4648 3.76919 43.4648 4.34127 43.4648 5.0498C44.0676 5.0498 44.6425 5.0498 45.3087 5.0498C45.3087 4.39409 45.3087 3.7868 45.3087 3.08267C44.7139 3.08267 44.1627 3.08267 43.4648 3.08267Z' fill='%231B8354'/%3E%3Cpath d='M81.7715 9.18604C82.4139 9.18604 82.9333 9.18604 83.5559 9.18604C83.5559 8.51272 83.5559 7.86583 83.5559 7.1309C82.9611 7.1309 82.4139 7.1309 81.7715 7.1309C81.7715 7.81741 81.7715 8.42471 81.7715 9.18604Z' fill='%231B8354'/%3E%3Cpath d='M45.2765 7.13532C44.6777 7.13532 44.1305 7.13532 43.4961 7.13532C43.4961 7.80865 43.4961 8.42036 43.4961 9.1377C44.0552 9.1377 44.6064 9.1377 45.2765 9.1377V7.13532Z' fill='%231B8354'/%3E%3Crect x='29' width='97' height='13' fill='url(%23paint0_linear_2_76775)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2_76775' x1='117' y1='6.5' x2='29' y2='6.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9FAFB'/%3E%3Cstop offset='1' stop-color='%23F9FAFB' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2_76775'%3E%3Crect width='126' height='13' fill='white' transform='matrix(1 0 0 -1 0 13)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.section-title--decorated::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='13' viewBox='0 0 126 13' fill='none'%3E%3Cg clip-path='url(%23clip0_2_76601)'%3E%3Cpath d='M3.84198 6.06183C5.7017 3.99786 7.64072 1.84589 9.46474 -0.174035C11.3403 1.91191 13.2992 4.08591 15.1787 6.18064C13.3904 8.14778 11.4236 10.313 9.53613 12.3945C7.70417 10.357 5.74532 8.183 3.84198 6.06624V6.06183ZM5.74928 5.96941C7.08161 7.45689 8.43377 8.96633 9.6749 10.357C10.9002 9.00154 12.2365 7.52728 13.4657 6.16744C12.177 4.72838 10.8209 3.21455 9.52423 1.7623C8.27517 3.15731 6.94283 4.64038 5.74928 5.96941Z' fill='%23D6A428'/%3E%3Cpath d='M110.092 6.0177C111.963 3.94936 113.898 1.80618 115.746 -0.23577C117.638 1.88977 119.608 4.10339 121.52 6.25095C119.735 8.22691 117.772 10.4009 115.905 12.4692C114.013 10.3701 112.058 8.20048 110.088 6.0177H110.092ZM115.849 10.4933C117.138 9.04983 118.498 7.53157 119.767 6.11012C118.506 4.70187 117.146 3.18362 115.857 1.74456C114.568 3.19241 113.212 4.71506 111.935 6.14534C113.185 7.53598 114.549 9.04983 115.849 10.4933Z' fill='%23D6A428'/%3E%3Cpath d='M123.743 5.97375C122.07 4.25748 120.516 2.66439 118.902 1.00968C119.243 0.58281 119.465 0.309968 119.588 0.151525C121.455 2.22869 123.283 4.26185 125.036 6.21142C123.414 8.01133 121.614 10.0137 119.742 12.0908C119.592 11.95 119.334 11.7124 118.934 11.3471C120.496 9.59998 122.007 7.91008 123.743 5.97375Z' fill='%23D6A428'/%3E%3Cpath d='M112.895 11.1488C112.458 11.6593 112.248 11.9013 111.919 12.293C110.059 10.2378 108.227 8.21786 106.471 6.28153C108.354 4.19117 110.155 2.18881 112.022 0.116062C112.193 0.292074 112.435 0.542935 112.799 0.921392C111.237 2.6641 109.722 4.35398 108.065 6.19794C109.687 7.86142 111.241 9.45448 112.895 11.1532V11.1488Z' fill='%23D6A428'/%3E%3Cpath d='M18.7988 6.09701C17.0938 7.99371 15.2975 9.99607 13.4219 12.082C13.2831 11.9456 13.0333 11.7036 12.6447 11.3207C14.207 9.5824 15.7218 7.89251 17.2722 6.16741C15.7019 4.46433 14.1912 2.82723 12.609 1.10651C12.9897 0.626846 13.2276 0.32757 13.406 0.0987301C15.2777 2.18031 17.0819 4.18266 18.7988 6.0926V6.09701Z' fill='%23D6A428'/%3E%3Cpath d='M1.81509 6.16298C3.41309 7.83966 4.94766 9.45034 6.56152 11.1446C6.17293 11.6067 5.92707 11.9016 5.74863 12.1128C3.87306 10.0312 2.06886 8.03328 0.340001 6.11456C2.04507 4.21345 3.84926 2.2111 5.74467 0.0987139C5.89931 0.248332 6.17292 0.516763 6.53376 0.864453C4.94369 2.65117 3.42895 4.35424 1.81509 6.16298Z' fill='%23D6A428'/%3E%3Cpath d='M57.0837 6.02191C58.8958 4.0196 60.8586 1.8456 62.7818 -0.279937C64.6336 1.77521 66.5726 3.91835 68.3887 5.93391C66.4814 8.0507 64.5305 10.2159 62.6945 12.249C60.9538 10.3171 58.9989 8.14749 57.0797 6.02191H57.0837ZM62.6311 10.5151C63.9674 9.02766 65.3275 7.5138 66.5567 6.14955C65.2878 4.73251 63.9357 3.21864 62.7421 1.88082C61.4613 3.29345 60.1052 4.79412 58.8165 6.21557C60.0537 7.60622 61.3781 9.10248 62.6351 10.5151H62.6311Z' fill='%23D6A428'/%3E%3Cpath d='M35.0325 0.674618C35.6828 0.674618 36.2498 0.674618 36.916 0.674618C36.916 4.26565 36.916 7.82147 36.916 11.4873C36.3252 11.4873 35.7264 11.4873 35.0325 11.4873C35.0325 7.95347 35.0325 4.39766 35.0325 0.674618Z' fill='%231B8354'/%3E%3Cpath d='M90.0547 0.724016C90.0547 4.35464 90.0547 7.87524 90.0547 11.5015H88.2307C88.2307 7.95005 88.2307 4.38545 88.2307 0.724016H90.0547Z' fill='%231B8354'/%3E%3Cpath d='M54.8276 6.27296C56.5208 8.05085 58.0553 9.66593 59.7168 11.4174C59.3758 11.7343 59.118 11.9719 58.9436 12.1348C57.0601 10.0488 55.2559 8.04644 53.5746 6.18054C55.2717 4.28822 57.068 2.29027 58.9634 0.182303C59.0308 0.243916 59.3044 0.507934 59.6573 0.851213C58.0712 2.63351 56.5565 4.33659 54.8276 6.27296Z' fill='%23D6A428'/%3E%3Cpath d='M66.5129 12.082C66.3821 11.9456 66.16 11.7212 65.8032 11.3603C67.3457 9.6396 68.8564 7.95412 70.4981 6.12781C68.9833 4.34547 67.421 2.71279 65.8547 0.912884C66.1362 0.578429 66.3821 0.283566 66.5526 0.0767479C68.4202 2.15391 70.2205 4.15627 71.9414 6.06616C70.2403 7.95412 68.4361 9.95206 66.5129 12.082Z' fill='%23D6A428'/%3E%3Cpath d='M23.6044 9.04531H25.5117C25.5117 9.74944 25.5117 10.4051 25.5117 11.1841C24.9328 11.1841 24.3102 11.1841 23.6044 11.1841C23.6044 10.502 23.6044 9.85066 23.6044 9.04531Z' fill='%231B8354'/%3E%3Cpath d='M46.2142 11.1841C46.2142 10.4844 46.2142 9.86385 46.2142 9.11572H48.0938C48.0938 9.74503 48.0938 10.4007 48.0938 11.1841C47.5386 11.1841 46.9478 11.1841 46.2142 11.1841Z' fill='%231B8354'/%3E%3Cpath d='M101.352 9.0805V11.1973C100.717 11.1973 100.122 11.1973 99.4244 11.1973C99.4244 10.5504 99.4244 9.85944 99.4244 9.0805C100.043 9.0805 100.634 9.0805 101.352 9.0805Z' fill='%231B8354'/%3E%3Cpath d='M23.6479 1.00531C24.2506 1.00531 24.8414 1.00531 25.5234 1.00531C25.5234 1.68301 25.5234 2.33872 25.5234 3.11328C24.9445 3.11328 24.3577 3.11328 23.6479 3.11328C23.6479 2.47077 23.6479 1.78425 23.6479 1.00531Z' fill='%231B8354'/%3E%3Cpath d='M48.1377 1.04494V3.10449C47.5389 3.10449 46.9561 3.10449 46.2621 3.10449C46.2621 2.484 46.2621 1.82825 46.2621 1.04494C46.8133 1.04494 47.4002 1.04494 48.1377 1.04494Z' fill='%231B8354'/%3E%3Cpath d='M76.8269 0.9789C77.4693 0.9789 78.0284 0.9789 78.6787 0.9789C78.6787 1.68303 78.6787 2.34315 78.6787 3.11768C78.0958 3.11768 77.5089 3.11768 76.8269 3.11768V0.9789Z' fill='%231B8354'/%3E%3Cpath d='M101.332 1.06247C101.332 1.82379 101.332 2.43992 101.332 3.14404C100.674 3.14404 100.087 3.14404 99.4089 3.14404C99.4089 2.44874 99.4089 1.79299 99.4089 1.06247H101.332Z' fill='%231B8354'/%3E%3Cpath d='M78.666 11.2368C78.0514 11.2368 77.4963 11.2368 76.8341 11.2368C76.8341 10.5679 76.8341 9.91219 76.8341 9.12445C77.3892 9.12445 77.9721 9.12445 78.666 9.12445C78.666 9.74496 78.666 10.4007 78.666 11.2368Z' fill='%231B8354'/%3E%3Cpath d='M95.479 5.06738C95.479 4.39847 95.479 3.82636 95.479 3.12223H97.4141V5.06738C96.7757 5.06738 96.161 5.06738 95.479 5.06738Z' fill='%231B8354'/%3E%3Cpath d='M27.4746 5.08057C27.4746 4.35883 27.4746 3.78675 27.4746 3.10023C28.1289 3.10023 28.7514 3.10023 29.4414 3.10023C29.4414 3.76914 29.4414 4.37207 29.4414 5.08057C28.7832 5.08057 28.1923 5.08057 27.4746 5.08057Z' fill='%231B8354'/%3E%3Cpath d='M25.5518 4.96128C25.5518 5.78863 25.5518 6.40034 25.5518 7.13086C24.8935 7.13086 24.2789 7.13086 23.5969 7.13086C23.5969 6.42673 23.5969 5.81943 23.5969 5.05807C24.2274 5.02726 24.8182 4.99646 25.5518 4.96128Z' fill='%231B8354'/%3E%3Cpath d='M32.9268 7.14893H31.0591C31.0591 6.45362 31.0591 5.84191 31.0591 5.10257H32.9268C32.9268 5.7495 32.9268 6.4008 32.9268 7.14893Z' fill='%231B8354'/%3E%3Cpath d='M38.7761 7.15332C38.7761 6.39641 38.7761 5.78911 38.7761 5.07616C39.4343 5.07616 40.0212 5.07616 40.6992 5.07616C40.6992 5.74948 40.6992 6.40082 40.6992 7.15332C40.0767 7.15332 39.4898 7.15332 38.7761 7.15332Z' fill='%231B8354'/%3E%3Cpath d='M48.1299 4.95249C48.1299 5.79741 48.1299 6.40475 48.1299 7.13086C47.4994 7.13086 46.9165 7.13086 46.2424 7.13086C46.2424 6.47956 46.2424 5.87222 46.2424 5.0845C46.8055 5.04491 47.3844 5.00528 48.1299 4.95249Z' fill='%231B8354'/%3E%3Cpath d='M76.8186 5.07568C77.465 5.07568 78.0479 5.07568 78.7021 5.07568C78.7021 5.78863 78.7021 6.39593 78.7021 7.13086H76.8186C76.8186 6.45754 76.8186 5.80624 76.8186 5.07568Z' fill='%231B8354'/%3E%3Cpath d='M86.1328 7.15332H84.2215C84.2215 6.45802 84.2215 5.80672 84.2215 5.06296C84.8639 5.06296 85.4508 5.06296 86.1328 5.06296C86.1328 5.76709 86.1328 6.4096 86.1328 7.15332Z' fill='%231B8354'/%3E%3Cpath d='M93.877 5.0982C93.877 5.83313 93.877 6.4448 93.877 7.14893C93.2227 7.14893 92.6358 7.14893 91.9816 7.14893V5.0982C92.5882 5.0982 93.1751 5.0982 93.877 5.0982Z' fill='%231B8354'/%3E%3Cpath d='M99.3852 7.27197C99.3852 6.45782 99.3852 5.84174 99.3852 5.10239C100.016 5.10239 100.63 5.10239 101.324 5.10239C101.324 5.77134 101.324 6.38305 101.324 7.15316C100.721 7.18838 100.135 7.22797 99.3852 7.27197Z' fill='%231B8354'/%3E%3Cpath d='M29.4492 9.16016H27.5102C27.5102 8.49563 27.5102 7.88833 27.5102 7.15781C28.1486 7.15781 28.7672 7.15781 29.4492 7.15781C29.4492 7.83113 29.4492 8.39884 29.4492 9.16016Z' fill='%231B8354'/%3E%3Cpath d='M95.4636 9.14697C95.4636 8.44727 95.4636 7.87956 95.4636 7.14904C96.0862 7.10941 96.673 7.06982 97.3828 7.0214C97.3828 7.76953 97.3828 8.40764 97.3828 9.14697C96.788 9.14697 96.1972 9.14697 95.4636 9.14697Z' fill='%231B8354'/%3E%3Cpath d='M42.3881 5.08447C42.3881 4.35832 42.3881 3.78183 42.3881 3.09973C42.971 3.09973 43.5221 3.09973 44.2002 3.09973V5.08447C43.6213 5.08447 43.0741 5.08447 42.3881 5.08447Z' fill='%231B8354'/%3E%3Cpath d='M82.5361 3.08267C82.5361 3.76919 82.5361 4.34127 82.5361 5.0498C81.9334 5.0498 81.3584 5.0498 80.6923 5.0498C80.6923 4.39409 80.6923 3.7868 80.6923 3.08267C81.2871 3.08267 81.8382 3.08267 82.5361 3.08267Z' fill='%231B8354'/%3E%3Cpath d='M44.2285 9.18604C43.5861 9.18604 43.0667 9.18604 42.4441 9.18604C42.4441 8.51272 42.4441 7.86583 42.4441 7.1309C43.0389 7.1309 43.5861 7.1309 44.2285 7.1309C44.2285 7.81741 44.2285 8.42471 44.2285 9.18604Z' fill='%231B8354'/%3E%3Cpath d='M80.7245 7.13532C81.3232 7.13532 81.8704 7.13532 82.5049 7.13532C82.5049 7.80865 82.5049 8.42036 82.5049 9.1377C81.9458 9.1377 81.3946 9.1377 80.7245 9.1377V7.13532Z' fill='%231B8354'/%3E%3Crect width='97' height='13' transform='matrix(-1 0 0 1 97 0)' fill='url(%23paint0_linear_2_76601)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2_76601' x1='88' y1='6.5' x2='0' y2='6.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9FAFB'/%3E%3Cstop offset='1' stop-color='%23F9FAFB' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2_76601'%3E%3Crect width='126' height='13' fill='white' transform='matrix(-1 0 0 -1 126 13)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.section-subtitle {
  line-height: 1.556;
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1.125rem;
  color: #1F2A37;
}

.section-description {
  line-height: 1.5;
  font-size: 0.875rem;
  color: #384250;
}

.stage-card__title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1rem;
  text-align: center;
  color: #fff;
  background-color: #0D121C;
  border-radius: 0.25rem;
  padding: 0.53125rem;
  margin-bottom: 1.5rem;
}
.stage-card__description {
  text-align: center;
  color: #384250;
  margin-bottom: 1.5rem;
}
.stage-card__steps {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}
.stage-card__steps::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.03125rem;
  height: 1.375rem;
  background-color: #D2D6DB;
  transform: translateX(-50%);
}
.stage-card__steps:has(> div:nth-of-type(2)):not(:has(> div:nth-of-type(3))) {
  justify-content: space-between;
}
.stage-card__steps:has(> div:nth-of-type(2)):not(:has(> div:nth-of-type(3)))::before {
  width: calc(100% - 2.65625rem);
  background-color: transparent;
  border: 0.09375rem solid #D2D6DB;
  border-bottom: none;
  border-start-start-radius: 0.375rem;
  border-start-end-radius: 0.375rem;
}
.stage-card__steps__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stage-card__steps__item__count {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  aspect-ratio: 1/1;
  font-size: 1.125rem;
  text-align: center;
  color: #384250;
  background-color: rgba(210, 214, 219, 0.26);
  border-radius: 50%;
  margin-bottom: 1rem;
}
.stage-card__steps__item__count::before {
  content: "";
  position: absolute;
  top: -0.875rem;
  left: 50%;
  width: 0.28125rem;
  aspect-ratio: 1/1;
  background-color: #D2D6DB;
  border-radius: 50%;
  transform: translateX(-50%);
}
.stage-card__steps__item__count::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.3125rem;
  aspect-ratio: 1/1;
  border: 0.0625rem dashed rgba(210, 214, 219, 0.5);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.stage-card__steps__item__month {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 0.875rem;
  text-align: center;
  color: #1F2A37;
}
.stage-card__steps__item__year {
  font-size: 0.875rem;
  text-align: center;
  color: #1F2A37;
}

.countdown-card {
  display: flex;
  gap: 4rem;
  background-color: #E5E7EB;
  border-radius: 0.5rem;
  padding: 0.75rem 2rem;
}
.countdown-card__col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.countdown-card__col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: -2rem;
  width: 0.0625rem;
  height: 2.5rem;
  background-color: #D2D6DB;
  transform: translateY(-50%);
}
.countdown-card__count {
  line-height: 1.3338;
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 1.5rem;
  color: #1F2A37;
}
.countdown-card__label {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1rem;
  color: #6C737F;
}

.previous-result-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  background-color: #fff;
  border: 0.0625rem solid #D2D6DB;
  border-radius: 0.75rem;
  padding: 1rem;
}
.previous-result-card__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.previous-result-card__logo {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.375rem;
}
.previous-result-card__logo > img {
  width: 1.6875rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.previous-result-card__logo > img:not([src$=".svg"]) {
  width: 100%;
  object-fit: cover;
}
.previous-result-card__name {
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 1rem;
  color: #1F2A37;
  margin-bottom: 0;
}
.previous-result-card__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.previous-result-card__body .one-item-slider {
  width: 100%;
}
.previous-result-card__body .one-item-slider .swiper-pagination {
  position: static;
  margin-top: 1rem;
}
.previous-result-card__body .one-item-slider .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
}
.previous-result-card__detail {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #fff;
  border: 0.0625rem solid #D2D6DB;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
}
@media (min-width: 768px) {
  .previous-result-card__detail {
    flex-direction: row;
    align-items: flex-start;
  }
}
.previous-result-card__detail::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 0.5rem;
  height: 100%;
  background-color: rgba(229, 231, 235, 0.7);
}
.previous-result-card__detail__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
  background-color: #F9FAFB;
  border-radius: 50%;
}
.previous-result-card__detail__icon > img {
  width: 1.125rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.previous-result-card__detail__title {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1rem;
  color: #1F2A37;
  margin-bottom: 0.5rem;
}
.previous-result-card__detail__description {
  font-size: 0.875rem;
  color: #384250;
  margin-bottom: 0;
}
.previous-result-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.previous-result-card__footer .progress {
  height: 0.5rem;
  background-color: #F3F4F6;
  border-radius: 0.25rem;
}
.previous-result-card__footer .progress-bar {
  border-radius: 0.25rem;
}

.booking-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background-color: rgba(7, 148, 85, 0.1);
  border-color: #1B8354;
  border-style: solid;
  border-width: 0;
  border-inline-start-width: 0.125rem;
  border-bottom-width: 0.125rem;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}
.booking-card__title {
  font-size: 1.125rem;
}
.booking-card__details {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "IBMPlexSansArabic-Medium";
  color: #384250;
}
.booking-card__details::before {
  content: "";
  width: 1.125rem;
  aspect-ratio: 1/1;
  background-image: url(/assets/new/images//calendar-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.booking-card__time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.booking-card__time > img {
  width: 0.75rem;
  height: 0.5rem;
  object-fit: contain;
}

.remaining-time-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
  min-height: 14.375rem;
}
.remaining-time-card__title {
  line-height: 1.5;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 1.125rem;
  text-align: center;
  color: #1B8354;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .remaining-time-card__title {
    font-size: 1.375rem;
  }
}
.remaining-time-card__countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.remaining-time-card__countdown__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  min-width: 4.75rem;
  color: #1B8354;
  background-color: rgba(27, 131, 84, 0.08);
  border-radius: 0.25rem;
  padding: 0.375rem 0.25rem;
}
.remaining-time-card__countdown__item__number {
  line-height: 1.546;
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1.375rem;
  text-align: center;
}
.remaining-time-card__countdown__item__label {
  line-height: 1.572;
  font-size: 0.9375rem;
  text-align: center;
}
.remaining-time-card__completion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background-color: #F9FAFB;
  border-radius: 0.875rem;
  padding: 1.875rem;
}
.remaining-time-card__completion > * {
  width: 100%;
  max-width: 20rem;
}
.remaining-time-card__completion__title {
  font-family: "IBMPlexSansArabic-Regular";
  font-size: 1rem;
}
.remaining-time-card__completion__note {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.remaining-time-card__completion__note::before {
  content: "";
  flex-shrink: 0;
  width: 0.90625rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.remaining-time-card__completion__note.not-completed {
  color: #384250;
}
.remaining-time-card__completion__note.not-completed::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 14.67'%3E%3Cpath d='M7.33,14.67A7.34,7.34,0,1,0,0,7.33,7.34,7.34,0,0,0,7.33,14.67Zm0-8a.67.67,0,0,0-.66.66V10A.67.67,0,1,0,8,10V7.33A.67.67,0,0,0,7.33,6.67ZM7.33,4A.67.67,0,1,0,8,4.67.67.67,0,0,0,7.33,4Z' fill='%23384250' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.remaining-time-card__completion__note.completed {
  color: #067647;
}
.remaining-time-card__completion__note.completed::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.67 14.67'%3E%3Cpath d='M7.33,14.67A7.34,7.34,0,1,0,0,7.33,7.34,7.34,0,0,0,7.33,14.67ZM4,6.75a.66.66,0,0,0,0,.94L5.92,9.58a.66.66,0,0,0,.94,0L10.63,5.8a.66.66,0,0,0-.94-.94l-3.3,3.3L5,6.75A.68.68,0,0,0,4,6.75Z' fill='%23067647' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.remaining-time-card__completion .progress {
  height: 1rem;
  background-color: #F3F4F6;
  border: 0.03125rem solid #D2D6DB;
  border-radius: 0.5rem;
}
.remaining-time-card__completion .progress-bar {
  font-size: 0.75rem;
  text-align: end;
  background-color: #384250;
  border-radius: 0.5rem;
  padding-inline: 0.5rem;
}

.item-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  background-color: #fff;
  border: 0.0625rem solid #D2D6DB;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.item-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 0.0625rem solid #E5E7EB;
  padding-bottom: 0.75rem;
}
.item-card__title {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1.25rem;
  margin-bottom: 0;
}
.item-card__subtitle {
  font-size: 1rem;
}
.item-card__description {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  color: #6C737F;
}
.item-card__footer {
  display: flex;
  justify-content: flex-end;
  border-top: 0.0625rem solid #E5E7EB;
  padding-top: 0.75rem;
}

.inquiry-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .inquiry-section {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
}
.inquiry-section__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 992px) {
  .inquiry-section__header::after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-end: -1rem;
    width: 0.0625rem;
    height: 2rem;
    background-color: #D2D6DB;
    transform: translateY(-50%);
  }
}
.inquiry-section__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  aspect-ratio: 1/1;
  background-color: #F3FCF6;
  border-radius: 50%;
}
.inquiry-section__icon > img {
  width: 1.34375rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.inquiry-section__title {
  font-family: "IBMPlexSansArabic-SemiBold";
  font-size: 1.125rem;
  margin-bottom: 0;
}
.inquiry-section__body {
  flex-grow: 1;
}
.inquiry-section__description {
  margin-bottom: 0;
}

.actions-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.view-toggle-btns {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.view-toggle-btns__separator {
  align-self: stretch;
  width: 0.0625rem;
  background-color: #E5E7EB;
}
.view-toggle-btns .btn.active {
  background-color: rgba(7, 148, 85, 0.1);
  border-color: rgba(7, 148, 85, 0.2);
}
.view-toggle-btns .btn.active > img {
  mix-blend-mode: color-burn;
}

.inquiries-statistics {
  border-bottom: 0.0625rem solid #E5E7EB;
  padding-bottom: 0.75rem;
}
.inquiries-statistics__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.inquiries-statistics__item--total {
  color: #175CD3;
  background-color: #EFF8FF;
}
.inquiries-statistics__item--processed {
  color: #14573A;
  background-color: #ECFDF3;
}
.inquiries-statistics__item--awaiting {
  color: #B54708;
  background-color: #FFFEF2;
}
.inquiries-statistics__item__count {
  line-height: 1.3335;
  font-family: "IBMPlexSansArabic-Bold";
  font-size: 1.5rem;
}
.inquiries-statistics__item__label {
  font-family: "IBMPlexSansArabic-SemiBold";
}
.inquiries-statistics__item__tip {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  aspect-ratio: 1/1;
}
.inquiries-statistics__item__tip:visited {
  color: inherit;
}
.inquiries-statistics__item__tip > svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: currentColor;
}

.search-control-container {
  width: 100%;
}
@media (min-width: 768px) {
  .search-control-container {
    max-width: 21.875rem;
  }
}

.task-date-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.5rem;
}
.task-date-card__header {
  padding: 0.59375rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.task-date-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(16, 24, 40, 0.05), 0 0.0625rem 0.125rem 0 rgba(16, 24, 40, 0.05);
  transform: translateY(2.21875rem);
}
.task-date-card__icon > svg {
  width: 1.495rem;
  height: 1.5675rem;
  object-fit: contain;
}
.task-date-card__body {
  display: flex;
  flex-direction: column;
  padding: 2.375rem 0.75rem 0.75rem;
}
.task-date-card__label {
  line-height: 1.429;
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.875rem;
  color: #6C737F;
  margin-bottom: 0.5rem;
}
.task-date-card__data {
  font-family: "IBMPlexSansArabic-Bold";
}
.task-date-card--release .task-date-card__header {
  background-color: rgba(220, 104, 3, 0.1);
}
.task-date-card--release .task-date-card__icon > svg {
  fill: var(--icon-icon-warning);
}
.task-date-card--delivery .task-date-card__header {
  background-color: rgba(217, 45, 32, 0.1);
}
.task-date-card--delivery .task-date-card__icon > svg {
  fill: var(--icon-icon-error);
}

.question {
  line-height: 1.556;
  font-size: 1.125rem;
  color: #1F2A37;
}

.comments-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #F9FAFB;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.acknowledge-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #F9FAFB;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.evaluator-response-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background-color: rgba(7, 148, 85, 0.05);
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.evaluator-response-card__title {
  font-family: "IBMPlexSansArabic-Medium";
  font-size: 0.75rem;
  color: #384250;
}
.evaluator-response-card__response:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=styles.a52c8f76c7885641.css.map*/