:root {
  --fz-nav-items: clamp(15px, 2vw, 22px);
  --fz-18: clamp(16px, 2vw, 18px);
  --fz-22: clamp(16px, 2.2vw, 22px);
  --fs-12:12px;
  --fs-14: 14px;
  --fs-17: clamp(16px, 2vw, 17px);
  --fs-18: clamp(16px, 2vw, 18px);
  --fs-19: clamp(18px, 2vw, 19px);
  --fs-20: clamp(16px, 2vw, 20px);
  --fs-22: clamp(16px, 2.2vw, 22px);
  --fs-23: clamp(16px, 2vw, 23px);
  --fs-23-2: clamp(18px, 2vw, 23px);
  --fs-24: clamp(18px, 2.4vw, 24px);
  --fs-25: clamp(18px, 2.6vw, 25px);
  --fs-26: clamp(18px, 2.6vw, 26px);
  --fs-27: clamp(18px, 2.6vw, 27px);
  --fs-28: clamp(18px, 2.6vw, 28px);
  --fs-30: clamp(16px, 1.6vw, 30px);
  --fs-32: clamp(20px, 2.6vw, 32px);
  --fs-35: clamp(24px, 2.6vw, 35px);
  --fs-38: clamp(24px, 3.8vw, 38px);
  --fs-40: clamp(24px, 3.5vw, 40px);
  --fs-48: clamp(20px, 4vw, 48px);
  --fs-50: clamp(24px, 5vw, 50px);
  --fs-58: clamp(26px, 5.4vw, 58px);
  --fs-74: clamp(26px, 6vw, 74px);
  --fs-80: clamp(32px, 7.5vw, 80px);
  --fs-116: clamp(36px, 9.5vw, 116.25px);
  --fs-249: clamp(58px, 14vw, 249px);
  --primary-red: #c11828;
  --primary-red-transparent: #c118286f;
  --dark-transparent: #2f2f2f6f;
  --dark-transparent-2: #252424CC;
  --dark: #2f2f2f;
  --dark-2:#252424;
  --dark-3:#2B2B36;
  --Dark-G: #e2e4e7;
}

body {
  font-family: "Tajawal";
}

.app-page {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background-color: black;
}

.page-content {
  flex: 1;
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1544px;
  }
}
.between-lines {
  position: relative;
}
.between-lines::before, .between-lines::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 55px;
  height: 2px;
  background-color: white;
}
.between-lines::before {
  right: calc(100% + 19px);
}
.between-lines::after {
  left: calc(100% + 19px);
}

.base-btn {
  border-radius: 8px;
  border: none;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 10px 10px 16px;
  text-decoration: none;
  color: white;
  font-size: var(--fs-18);
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s color ease-in-out, 0.3s background ease-in-out;
  line-height: 18px ;
}
.base-btn .icon {
  display: flex;
  width: 29px;
  height: 29px;
  background: white;
  border-radius: 6px;
  padding: 9px 6px;
  overflow: hidden;
}
.base-btn .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.base-btn.btn-red {
  background: var(--primary-red);
  transition: 0.3s all ease-in-out;
}
.base-btn.btn-red:hover {
  box-shadow: 0 1px 16px 0 var(--primary-red-transparent);
}
.base-btn.btn-red:hover .icon img {
  animation: hoverBaseBTNWithPlan 0.6s forwards;
}
.base-btn .icon2 {
  background: none;
  padding: 0;
}
.base-btn.btn-red:hover .icon2 img {
  animation: none;
}
.base-btn.btn-transparent {
  background: transparent;
  color: #2c2c2c;
  text-wrap: nowrap;
}
.base-btn.btn-transparent .icon {
  background: var(--primary-red);
  padding: 9px 6px;
  width: 29px;
  height: 29px;
}
.base-btn.btn-transparent .icon img {
  filter: brightness(100);
}
.base-btn.btn-transparent:hover {
  color: var(--primary-red);
}
.base-btn.btn-white-red {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  padding: 17px 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 142px;
  border: 1px solid var(--primary-red);
  line-height: 107.8%;
  color: var(--primary-red);
}
.base-btn.btn-white-red:hover {
  background: var(--primary-red);
  color: white;
}

@keyframes hoverBaseBTNWithPlanRTL {
  100%, 0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(-80px);
    opacity: 0;
  }
  60% {
    transform: translateX(80px);
  }
}
@keyframes hoverBaseBTNWithPlan {
  100%, 0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(80px);
    opacity: 0;
  }
  60% {
    transform: translateX(-80px);
  }
}
.section {
  padding-block: 80px;
}
@media (max-width: 1024px) {
  .section {
    padding-block: 40px;
  }
}
@media (max-width: 768px) {
  .section {
    padding-block: 20px;
  }
  .lost-found-section,
  .contact-details-section{
    padding-inline: 20px;
  }
}
.section .bg-section {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section .bg-section img,
.section .bg-section video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -5;
  opacity: 0.34;
}
.section .bg-section video::-webkit-media-controls {
  display: none !important;
}
.section .bg-section video::-webkit-media-controls-enclosure {
  display: none !important;
}
.section .bg-section video::-webkit-media-controls-panel {
  display: none !important;
}
.section .bg-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.7;
  z-index: 1;
}

.main-title {
  font-size: var(--fs-50);
  font-weight: 700;
  line-height: 104%;
  letter-spacing: -2%;
  margin-bottom: 40px;
}

.main-description {
  font-size: var(--fs-26);
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -2%;
}
@media (max-width:778px) {
  .main-description {
    line-height: 150%;
  }
}
.main-title2 {
  font-size: var(--fs-38);
  font-weight: 700;
  line-height: 120%;
}

.main-description2 {
  font-size: var(--fs-20);
  font-weight: 400;
  line-height: 120%;
}

.other-section {
  height: 200dvh;
}

.base-header-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.inner-page {
  padding-block: 185px 40px;
  background: white;
}

@media (max-width: 768px) {
  .inner-page {
    padding-block: 120px 40px;
  }
}
.inner-page.mobile-view {
  padding:20px 0;
}
.main-container {
  background: #f9f9f9;
  border-bottom: 5px solid #c11828;
  padding: 50px;
  border-radius: 20px;
  overflow: hidden;
}

.custom-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  color: #fff;
  background: rgba(0, 0, 0, 0.0117647059);
  backdrop-filter: blur(15px);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  padding: 24px;
  border-radius: 23px;
  border: 2px solid #f3f3f3;
  text-decoration: none;
}
.custom-card .header-card .image-card {
  position: relative;
  width: 100%;
  height: 166px;
  overflow: hidden;
  margin-top: auto;
}
.custom-card .header-card .image-card > img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  --r: 6px;
  --c: 68px;
  --nr: 36px;
  clip-path: shape(from var(--r) 0, line to calc(100% - var(--r)) 0, curve to 100% var(--r) with 100% 0, line to 100% calc(100% - var(--c) - var(--nr)), curve to calc(100% - var(--nr)) calc(100% - var(--c)) with 100% calc(100% - var(--c)), curve to calc(100% - var(--c)) calc(100% - var(--nr)) with calc(100% - var(--c)) calc(100% - var(--c)), curve to calc(100% - var(--c) - var(--nr)) 100% with calc(100% - var(--c)) 100%, line to var(--r) 100%, curve to 0 calc(100% - var(--r)) with 0 100%, line to 0 var(--r), curve to var(--r) 0 with 0 0, close);
}
.custom-card .header-card .image-card .base-btn {
  position: absolute;
  bottom: 16px;
  right: 12px;
  border-radius: 6px;
  font-size: 32px;
  transform: rotate(-38.54deg);
  padding: 0;
}
.custom-card .header-card .image-card .base-btn .icon {
  width: 34px;
  height: 34px;
  background: var(--primary-red);
}
.custom-card .header-card .image-card .base-btn img {
  -moz-filter: brightness(10);
  -ms-filter: brightness(10);
  -o-filter: brightness(10);
  -webkit-filter: brightness(10);
  filter: brightness(10);
}
.custom-card .body-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.custom-card .body-card .date {
  font-weight: 700;
  color: var(--primary-red);
  font-size: var(--fs-19);
}
.custom-card .body-card .title-card {
  margin: 0;
  font-weight: 700;
  font-size: var(--fs-24);
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custom-card .body-card .description-card {
  color: #000000;
  font-size: var(--fs-18);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-file {
  background: #f9f9f9;
  border-bottom: 5px solid #e9e9e9;
  border-radius: 21px;
  padding: 38px 32px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 18px;
}
.card-file .icon-file {
  height: 43px;
  width: 43px;
  display: flex;
}
.card-file .icon-file img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-file .file-name {
  font-size: var(--fs-22);
  color: black;
  font-weight: 500;
  margin: 0;
}
.card-file .base-btn {
  margin-top: auto;
}

.main-group-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 27px 24px;
}
@media (max-width: 448px) {
  .main-group-content {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}
.main-group-content.item-view {
  grid-template-columns: 1fr;
  gap: 17px !important;
}
.main-group-content.item-view .card-file {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 448px) {
  .main-group-content.item-view .card-file {
    flex-direction: column;
    align-items: flex-start;
  }
}
.main-group-content.item-view .card-file .file-name {
  flex: 1;
}

.video-card {
  display: flex;
  text-decoration: none;
  color: black;
}
.video-card .poster-video {
  position: relative;
  border-radius: 12.57px;
  overflow: hidden;
  width: 234px;
  height: 131px;
}
.video-card .poster-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-card .poster-video .video-time {
  padding: 4px 6px;
  background: #161722;
  font-size: 10.84px;
  color: #ffffff;
  position: absolute;
  bottom: 5.59px;
  right: 5.59px;
}
.video-card .info-video {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.video-card .info-video .title-video {
  margin: 0;
  font-size: 17px;
  line-height: 20px;
}
.video-card .info-video .sub-info,
.video-card .info-video .owner-video {
  color: #505050;
  font-size: 15px;
  margin: 0;
  line-height: 18px;
}
.video-card .info-video .sub-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-card.video-card1 {
  gap: 14px;
}
.video-card.video-card2 {
  flex-direction: column;
}
@media (min-width: 992px) {
  .video-card.video-card2 {
    max-width: 300px;
  }
}
.video-card.video-card2 {
  gap: 8px;
}
.video-card.video-card2 .poster-video {
  width: 100%;
  height: 167px;
}

.promotion-card {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  color: black;
  text-decoration: none;
  gap: 20px;
  background: none;
  border:none;
}
.promotion-card .image-card {
  border-radius: 15px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  /* flex: 1; */
  width: 100%;
}
.promotion-card .image-card img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion-card .title-card {
  font-size: var(--fs-24);
  font-weight: 700;
}
.promotion-card .title-card a {
  color: inherit;
  text-decoration: none;
}
.promotion-card .title-card a:hover {
  color: inherit;
  text-decoration: none;
}

.book-card {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  color: black;
  text-decoration: none;
  gap: 20px;
  background: none;
  border:none;
}
.book-card .image-card {
  border-radius: 15px;
  aspect-ratio: 3/4;
  overflow: hidden;
  flex: 1;
  width: 100%;
}
.book-card .image-card img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.book-card .title-card {
  font-size: var(--fs-24);
  font-weight: 700;
}

.portal-main-btn {
  padding: 15px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: #fff;
  color: var(--dark-2);
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
  border: none;
}
.portal-main-btn.dropdown-toggle::after {
  content: "";
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 6px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.174341 0.174191C0.406796 -0.0580635 0.78368 -0.0580635 1.01613 0.174191L4.93625 4.09091C5.1687 4.32316 5.54558 4.32316 5.77804 4.09091L9.69815 0.174192C9.93061 -0.0580624 10.3075 -0.0580624 10.5399 0.174192C10.7724 0.406445 10.7724 0.783003 10.5399 1.01526L6.61983 4.93197C5.92247 5.62874 4.79182 5.62874 4.09445 4.93197L0.174341 1.01526C-0.0581137 0.783002 -0.0581137 0.406444 0.174341 0.174191Z' fill='%232B2B36'/></svg>") no-repeat center center;
  background-size: 11px 6px;
  border-top: none;
  transition: 0.2s all ease-in-out;
}
.portal-main-btn.dropdown-toggle.show::after {
  rotate: -180deg;
}
.portal-main-btn:hover {
  box-shadow: 0px 2px 4px 0 rgba(193, 24, 41, 0.2470588235);
}
.portal-main-btn .icon {
  width: 18px;
  height: 18px;
  display: flex;
  aspect-ratio: 1/1;
}
.portal-main-btn .icon img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.portal-header-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 20px 24px;
  gap: 16px;
}
.portal-header-page .right-side .main-title {
  font-size: var(--fs-28);
  font-weight: 700;
  line-height: 150%;
  color: var(--dark-3);
  margin: 0;
}
.portal-header-page .left-side {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .portal-header-page {
    flex-direction: column;
    align-items: stretch;
  }
  .portal-header-page .left-side {
    align-self: flex-start;
  }
}
@media (max-width: 558px) {
  .portal-header-page .left-side:has(.portal-main-btn) {
    align-self: stretch;
    flex-wrap: wrap;
  }
  .portal-header-page .left-side:has(.portal-main-btn) .portal-main-btn {
    flex: 1;
    min-width: 150px;
  }
}

.portal-main-btn2 {
  padding: 28px 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 17px;
  border-radius: 16px;
  background: #fff;
  color: var(--dark-2);
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.portal-main-btn2.phone-directory-item {
  border: none;
}
.portal-main-btn2.phone-directory-item .body-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 28px;
}
.portal-main-btn2.phone-directory-item .body-item a {
  text-decoration: none;
}
.portal-main-btn2.phone-directory-item .body-item .title-item {
  color: var(--dark-2);
  opacity: 0.7;
}
.portal-main-btn2.phone-directory-item .body-item .title-item2 {
  color: var(--dark-2);
}
.portal-main-btn2.phone-directory-item .body-item .value-item {
  font-size: var(--fs-22);
  color: black;
  display: flex;
  align-items: center;
  gap: 6px;
}
.portal-main-btn2.phone-directory-item .body-item .value-item:has(.icon) {
  font-size: 16px;
  color: var(--primary-red);
  font-weight: 500;
}
.portal-main-btn2.phone-directory-item .body-item .icon {
  padding: 0;
  background: none;
  width: 18px;
  height: 12.281px;
  rotate: 180deg;
}
.portal-main-btn2:hover {
  box-shadow: 0 0 8px 4px rgba(193, 24, 40, 0.1215686275) inset;
}
.portal-main-btn2 .icon {
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 38px;
  background: hsla(354, 78%, 43%, 0.1);
  aspect-ratio: 1/1;
  padding: 17.5px;
}
.portal-main-btn2 .icon img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.navigation-portal-btn {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 13px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 37px;
  background: #f9fafc;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: none;
  transition: 0.3s all ease-in-out;
}
.navigation-portal-btn:hover {
  box-shadow: 0px 2px 4px 0 rgba(193, 24, 41, 0.2470588235);
}
.navigation-portal-btn img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s all ease-in-out;
}

.portal-box {
  border-radius: 16px;
  background: #fff;
  padding: 22px 31px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.portal-box .portal-box-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.header-portal-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-portal-box .title-box {
  color: var(--dark-3);
  font-size: var(--fs-20);
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}
.header-portal-box .read-more {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--primary-red);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}
.header-portal-box .read-more img {
  width: 18px;
  height: 12.281px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s all ease-in-out;
}
.header-portal-box .read-more:hover img {
  translate: -4px 0;
}

.read-more-portal {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--primary-red);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}
.read-more-portal img {
  width: 18px;
  height: 12.281px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s all ease-in-out;
}
.read-more-portal:hover img {
  translate: -4px 0;
}

.service-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  border-radius: 12px;
  background: #f9fafc;
  padding: 20px 20px 20px 36px;
  transition: 0.3s all ease-in-out;
  height: 100%;
  text-decoration: none;
}
.service-card:hover {
  box-shadow: 0 0 8px 4px rgba(193, 24, 40, 0.1215686275) inset;
}
.service-card .icon {
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
  display: flex;
}
.service-card .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s all ease-in-out;
}
.service-card .title-box {
  color: #252424;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  opacity: 0.7;
}

.portal-two-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
  margin-block: 26px;
}
@media (max-width: 992px) {
  .portal-two-columns {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

.portal-three-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  margin-block: 26px;
}
@media (max-width: 1400px) {
  .portal-three-columns {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

.portal-card {
  display: flex;
  gap: 24px;
  border-radius: 12px;
  background: rgba(245, 246, 250, 0.6);
  padding: 19px 22px;
}
.portal-card .image-card {
  width: 224.672px;
  min-width: 160px;
  height: 100%;
  max-height: 142.354px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
}
.portal-card .image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-card .body-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
}
.portal-card .body-card .info-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.portal-card .body-card .info-card .date {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(37, 36, 36, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.portal-card .body-card .info-card .date .icon {
  width: 14px;
  height: 14px;
  aspect-ratio: 1/1;
  display: flex;
}
.portal-card .body-card .info-card .title-card {
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 120%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.portal-card .body-card .read-more-portal {
  margin-top: auto;
  align-self: flex-end;
}

#modalReport .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  padding: 31px 64px;
}
@media (max-width: 768px) {
  #modalReport .modal-body {
    padding: 24px 32px;
  }
}
#modalReport .modal-body .modal-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
#modalReport .modal-body .modal-info .modal-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(193, 24, 41, 0.1);
  padding: 23px;
  aspect-ratio: 1/1;
  margin-bottom: 24px;
}
#modalReport .modal-body .modal-info .modal-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#modalReport .modal-body .modal-info .modal-title {
  margin-bottom: 14px;
  color: #333;
  font-size: var(--fs-22);
  font-weight: 700;
  line-height: normal;
}
#modalReport .modal-body .modal-info .modal-description {
  color: #000;
  text-align: center;
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 150%;
}
#modalReport .modal-body .modal-info .modal-description p {
  margin-bottom: 0;
}

/* RTL: divider sits to the right of each item. LTR keeps Bootstrap defaults (float:left). */
html[dir="rtl"] .portal-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-right: var(--bs-breadcrumb-item-padding-x);
  padding-left: 0;
}
html[dir="rtl"] .portal-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: var(--bs-breadcrumb-item-padding-x);
  padding-right: 0;
}
.portal-breadcrumb .breadcrumb-item,
.portal-breadcrumb .breadcrumb-item a {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: var(--dark-2);
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.portal-breadcrumb .breadcrumb-item:hover,
.portal-breadcrumb .breadcrumb-item a:hover {
  color: var(--primary-red);
}
.portal-breadcrumb .breadcrumb-item.active {
  color: var(--primary-red);
}

.custom-portal-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.custom-portal-dropdown.without-arrow .portal-main-btn.dropdown-toggle::after {
  display: none;
}

.custom-portal-table {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-portal-table .header-section {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.custom-portal-table .header-section .right-side {
  flex: 1;
}
.custom-portal-table .header-section .right-side .search-table-form {
  display: flex;
  gap: 16px;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group {
  /* max-width: 463px; */
  margin: 0;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper {
  display: flex;
  align-self: center;
  gap: 8px;
  border-radius: 12px;
  background: #fff;
  width: 100%;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  display: flex;
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  translate: 0 -50%;
  pointer-events: none;
  z-index: 1;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper input {
  padding-block: 15px 16px;
  padding-inline: 44px 15px;
  color: var(--dark-2);
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper input::-moz-placeholder {
  color: rgba(37, 36, 36, 0.8);
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-input-wrapper input::placeholder {
  color: rgba(37, 36, 36, 0.8);
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-date-wrapper {
  background: none;
  position: static;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-date-wrapper input {
  padding: 0;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-date-wrapper .icon {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  inset-inline-start: auto;
  inset-inline-end: 18px;
  translate: 0 -50%;
  pointer-events: none;
}
.custom-portal-table .header-section .right-side .search-table-form .form-group .form-date-wrapper .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 {
  gap: 32px;
  flex-direction: column;
}
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 .form-input-wrapper {
  background: none;
}
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 .form-input-wrapper input {
  padding: 0;
}
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 .btn-wrapper {
  display: flex;
  gap: 12px;
  width: 100%;
}
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 .btn-wrapper .btn-reset,
.custom-portal-table .header-section .right-side .search-table-form.search-table-form-2 .btn-wrapper .btn-search {
  width: 100%;
  max-width: 186px;
}
.custom-portal-table .header-section .right-side .search-table-form .btn-reset,
.custom-portal-table .header-section .right-side .search-table-form .btn-search {
  border-radius: 12px;
  padding: 15px 16px;
  width: 100%;
  max-width: 126px;
  justify-content: center;
}
.custom-portal-table .header-section .left-side {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1200px) {
  .custom-portal-table .header-section {
    flex-direction: column;
  }
  .custom-portal-table .header-section .right-side .search-table-form {
    gap: 12px;
  }
  .custom-portal-table .header-section .right-side .search-table-form .form-group {
    flex: 1;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .custom-portal-table .header-section .portal-main-btn .text-btn {
    display: none;
  }
  .custom-portal-table .header-section .left-side {
    gap: 8px;
  }
  .custom-portal-table .header-section .left-side .portal-main-btn {
    padding: 10px 11px;
  }
}
.custom-portal-table .header-section.sections-forms .portal-box {
  width: 100%;
}
.custom-portal-table .header-section.sections-forms .left-side {
  flex: 1;
}

.base-link-portal {
  color: var(--primary-red);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  background: none;
  border: none;
}
.base-link-portal:hover {
  text-decoration: underline;
}

.custom-footer-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  background: #fff;
  padding: 17.5px 30px;
  gap: 24px;
}
@media (max-width: 448px) {
  .custom-footer-pagination {
    flex-direction: column;
  }
}
.custom-footer-pagination .pagination-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom-footer-pagination .pagination-wrapper .pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: black;
  width: 32px;
  height: 32px;
  padding: 10px;
  border-radius: 136px;
  border: 1px solid #f1f1f1;
  background: #fff;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.custom-footer-pagination .pagination-wrapper .pagination-link img {
  transition: 0.3s all ease-in-out;
}
.custom-footer-pagination .pagination-wrapper .pagination-link:hover,
.custom-footer-pagination .pagination-wrapper .pagination-link.active {
  background: var(--primary-red);
  color: white;
}
.custom-footer-pagination .pagination-wrapper .pagination-link:hover img,
.custom-footer-pagination .pagination-wrapper .pagination-link.active img {
  filter: invert(1) brightness(10);
}
.custom-footer-pagination .page {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  text-wrap: nowrap;
}
.custom-footer-pagination .page .select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}
.media-center .custom-footer-pagination {
  width: 100%;
}
.media-center .custom-footer-pagination .page .select2-container {
  width: 52px !important;
  min-width: 52px;
  flex: 0 0 52px;
}

.custom-portal-table .footer-section .page .select2-container .select2-selection--single ,
.custom-footer-pagination .page .select2-container .select2-selection--single {
  font-size: 14px;
  width: 52px;
  height: 32px;
  padding: 8px 15px;
  border-radius: 6px;
  border: 1px solid #f1f1f1;
  background: #fff;
  justify-content: flex-end;
}
.custom-portal-table .footer-section .page .select2-container .select2-selection--single .select2-selection__rendered ,
.custom-footer-pagination .page .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
.custom-portal-table .footer-section .page .select2-container .select2-selection--single .select2-selection__arrow ,
.custom-footer-pagination .page .select2-container .select2-selection--single .select2-selection__arrow {
  inset-inline-start: 8px;
}

.custom-datepicker-main {
  direction: ltr;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #FFF;
  padding: 20px 18px;
  width: -moz-fit-content;
  width: fit-content;
  --adp-day-cell-height:35px;
  z-index: 999;
}
.custom-datepicker-main .air-datepicker--pointer:after {
  border: 1px solid #FFF;
}
.custom-datepicker-main .air-datepicker-body--cells.-days- {
  gap: 5px 8px;
}
.custom-datepicker-main .air-datepicker-cell {
  display: flex;
  width: 36px;
  height: 35px;
  justify-content: center;
  align-items: center;
  gap: 20.376px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  border-radius: 8.15px;
}
.custom-datepicker-main .air-datepicker-cell.-selected-,
.custom-datepicker-main .air-datepicker-cell.-current- {
  color: #E0E0E0;
  background: #C11828;
}
.custom-datepicker-main .air-datepicker-body--day-name {
  color: black;
  font-style: 14px;
  font-weight: 500;
}
.custom-datepicker-main .air-datepicker-nav--title {
  gap: 7px;
}
.custom-datepicker-main .air-datepicker-nav--title:hover {
  background: none;
}
.custom-datepicker-main .air-datepicker-nav--title span {
  border-radius: 8px;
  background: #F5F6FA;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 100%; /* 16px */
}
.custom-datepicker-main .air-datepicker-nav {
  border-bottom: none;
}
.custom-datepicker-main .air-datepicker-nav--action {
  background: #F5F6FA;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.custom-datepicker-main .air-datepicker-nav--action svg, .custom-datepicker-main .air-datepicker-nav--action path {
  stroke: var(--primary-red);
}
.custom-datepicker-main .air-datepicker-nav--action:hover {
  background: var(--primary-red);
}
.custom-datepicker-main .air-datepicker-nav--action:hover svg, .custom-datepicker-main .air-datepicker-nav--action:hover path {
  stroke: white;
}

.app-page:has(.inner-page) #header .main-header {
  z-index: 999;
  padding-block: 32px;
  position: fixed;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  transition: 0.3s padding ease;
}
@media (max-width: 768px) {
  .app-page:has(.inner-page) #header .main-header {
    padding-block: 16px;
  }
}
.app-page:has(.inner-page) #header .nav-items {
  display: flex;
  align-items: center;
  gap: 48px;
  list-style: none;
  margin-bottom: 0;
  margin-top: 16px;
  padding: 0;
}
.app-page:has(.inner-page) #header .nav-items .dropdown,
.app-page:has(.inner-page) #header .nav-items .dropdown-center,
.app-page:has(.inner-page) #header .nav-items .dropend,
.app-page:has(.inner-page) #header .nav-items .dropstart,
.app-page:has(.inner-page) #header .nav-items .dropup,
.app-page:has(.inner-page) #header .nav-items .dropup-center {
  position: static;
}
.app-page:has(.inner-page) #header .nav-items .nav-item > :is(a, button) {
  color: #000;
  font-size: var(--fz-22);
  font-weight: 500;
  font-family: inherit;
  line-height: inherit;
  position: relative;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.app-page:has(.inner-page) #header .nav-items .nav-item > :is(a, button):hover {
  color: var(--primary-red);
}
@media (max-width: 1600px) and (min-width: 992px) {
  .app-page:has(.inner-page) #header .nav-items,
  .app-page:not(:has(.inner-page)) #header .nav-items {
    gap: 32px;
  }
  .app-page:has(.inner-page) #header .nav-items .nav-item > :is(a, button),
  .app-page:not(:has(.inner-page)) #header .nav-items .nav-item > :is(a, button) {
    font-size: 18px;
  }
}
@media (max-width: 1400px) and (min-width: 992px) {
  .app-page:has(.inner-page) #header .nav-items,
  .app-page:not(:has(.inner-page)) #header .nav-items {
    gap: 24px;
  }
  .app-page:has(.inner-page) #header .nav-items .nav-item > :is(a, button),
  .app-page:not(:has(.inner-page)) #header .nav-items .nav-item > :is(a, button) {
    font-size: 16px;
  }
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu {
  background: #ffffff;
  border-bottom: 1px solid #000000;
  box-shadow: 0px 15px 39.2px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  backdrop-filter: blur(8px);
  overflow: hidden;
  transform: none !important;
  width: 100%;
  left: 0 !important;
  top: 100% !important;
  flex-direction: column;
  align-items: center;
  gap: 54px;
  max-height: 80dvh;
  overflow-y: auto;
  padding: 20px;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .dropdown-item:focus,
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .dropdown-item:hover {
  background: none;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links {
  max-width: 1272px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .title-group-links {
  font-size: var(--fs-19);
  margin: 0;
  font-weight: 700;
  color: var(--primary-red);
  margin-bottom: 19px;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .main-link {
  padding: 23px 11px;
  background: #fafafa;
  border-radius: 7px;
  transition: 0.3s all ease-in-out;
  font-size: var(--fs-19);
  font-weight: 700;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .main-link:hover {
  color: var(--primary-red);
  background: #ebebeb;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .secondary-link {
  padding: 8.5px 10px;
  background: #fafafa;
  border-radius: 7px;
  transition: 0.3s all ease-in-out;
  font-size: var(--fs-17);
  text-wrap: wrap;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .secondary-link:hover {
  color: var(--primary-red);
  background: #ebebeb;
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links:has(.main-link) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
}
.app-page:has(.inner-page) #header .nav-items .nav-item .dropdown-menu.show {
  display: flex;
}
.app-page:has(.inner-page) #header .nav-items .nav-item > :is(a, button).active {
  color: var(--primary-red);
}
.app-page:has(.inner-page) #header .nav-items .nav-item:has(:is(a, button).active) > :is(a, button) {
  color: var(--primary-red);
}
.app-page:has(.inner-page) #header .divider {
  height: 10px;
  width: 1px;
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.app-page:has(.inner-page) #header .top-header .top-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition: 0.3s padding ease;
}
@media (max-width: 768px) {
  .app-page:has(.inner-page) #header .top-header .top-header-content {
    padding-bottom: 16px;
  }
}
.app-page:has(.inner-page) #header .top-header .top-header-content .left-side .logo {
  width: 227px;
  height: 75px;
  display: flex;
  align-items: center;
  transition: 0.3s width ease, 0.3s height ease;
}
@media (max-width: 768px) {
  .app-page:has(.inner-page) #header .top-header .top-header-content .left-side .logo {
    width: 180px;
    height: auto;
  }
}
@media (max-width: 558px) {
  .app-page:has(.inner-page) #header .top-header .top-header-content .left-side .logo {
    width: 140px;
  }
}
.app-page:has(.inner-page) #header .top-header .top-header-content .left-side .logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side {
  display: flex;
  align-items: center;
  gap: 14px;
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side button {
  padding: 0;
  background: none;
  border: none;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
  font-size: var(--fz-18);
  font-weight: 500;
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side button:hover {
  color: var(--primary-red);
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side .menu-button,
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side .search-btn {
  height: 15px;
  width: 15px;
  display: flex;
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side .menu-button img,
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side .search-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-page:has(.inner-page) #header .top-header .top-header-content .right-side .menu-button {
  display: none;
}
@media (max-width: 1300px) {
  .app-page:has(.inner-page) #header .top-header .top-header-content .right-side .menu-button {
    display: flex;
  }
}
.app-page:has(.inner-page) #header .bottom-header {
  position: relative;
}
.app-page:has(.inner-page) #header .bottom-header .center-side {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .app-page:has(.inner-page) #header .bottom-header {
    display: none;
  }
}
.app-page:has(.inner-page) #header .mobile-menu {
  position: fixed;
  top: 0;
  left: -100dvw;
  width: 100%;
  max-width: 500px;
  height: 100%;
  background: rgba(240, 240, 240, 0.9019607843);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 36px 36px 0 0;
  scale: 0;
  z-index: 999;
  transition: top 0.35s cubic-bezier(0.7, 0.2, 0.25, 1), scale 0.3s cubic-bezier(0.7, 0.2, 0.25, 1);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
@media (max-width: 1300px) {
  .app-page:has(.inner-page) #header .mobile-menu {
    display: flex;
  }
}
.app-page:has(.inner-page) #header .mobile-menu .menu-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  filter: brightness(2);
  transition: transform 0.2s;
}
.app-page:has(.inner-page) #header .mobile-menu .menu-close-icon:hover {
  transform: rotate(90deg) scale(1.1);
}
@media (max-width: 500px) {
  .app-page:has(.inner-page) #header .mobile-menu .menu-close-icon {
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
  }
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 100px 20px 48px;
  margin-top: 0;
  gap: 12px;
  overflow-y: auto;
  max-height: 100vh;
  width: 100%;
}
@media (max-width: 500px) {
  .app-page:has(.inner-page) #header .mobile-menu .nav-items {
    padding-top: 70px;
    padding-bottom: 24px;
  }
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item {
  width: 100%;
  max-width: 440px;
  position: relative;
  margin: 0 auto;
  border-radius: 10px;
  overflow: visible;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item a {
  color: #000;
  font-size: var(--fs-22, 1.125rem);
  font-weight: 500;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.24s, background 0.3s;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item> a{
  padding: 0 6px
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item a:hover, .app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item a.active {
  color: var(--primary-red);
  background-color: rgba(255, 255, 255, 0.04);
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-toggle::after {
  content: "";
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 10px;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.3s ease;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-135deg) translateY(1px);
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu {
  background: #FFF;
  border: none;
  border-radius: 12px;
  margin-top: 10px;
  padding: 10px 0;
  max-height: calc(80vh - 150px);
  overflow-y: auto;
  position: static !important;
  transform: none !important;
  width: 100%;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
  gap: 8px;
  max-height: 300px;
  overflow: auto;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu.show {
  display: block;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar {
  width: 7px;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 6px;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.33);
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item {
  color: #000;
  padding: 8px 28px;
  font-size: var(--fs-18, 1rem);
  text-align: start;
  border-radius: 6px;
  transition: background 0.21s, color 0.21s;
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item:hover, .app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.11);
  color: var(--primary-red);
}
.app-page:has(.inner-page) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item.active {
  color: var(--primary-red);
}
.app-page:has(.inner-page) #header .light-logo {
  display: flex;
}
.app-page:has(.inner-page) #header .dark-logo {
  display: none;
}
.app-page:not(:has(.inner-page)) #header .main-header.dark-header.decrease-logo{
  background:white !important ;
}
.app-page:not(:has(.inner-page)) #header .main-header:not(.dark-header).decrease-logo{
  background:var(--dark) !important ;
}
.app-page:has(.inner-page) #header.inner-header .main-header .light-logo,
.app-page:has(.inner-page) #header .dark-header .light-logo {
  display: none;
}
.app-page:has(.inner-page) #header.inner-header .main-header .dark-logo,
.app-page:has(.inner-page) #header .dark-header .dark-logo {
  display: flex;
}
.app-page:has(.inner-page) #header.inner-header .main-header .top-header .top-header-content .profile-btn,
.app-page:has(.inner-page) #header.inner-header .main-header .top-header .top-header-content .search-btn,
.app-page:has(.inner-page) #header .dark-header .top-header .top-header-content .profile-btn,
.app-page:has(.inner-page) #header .dark-header .top-header .top-header-content .search-btn {
  filter: brightness(0);
}
.app-page:has(.inner-page) #header.inner-header .main-header .top-header .top-header-content,
.app-page:has(.inner-page) #header .dark-header .top-header .top-header-content {
  border-bottom-color: black;
}
.app-page:has(.inner-page) #header.inner-header .main-header .top-header .top-header-content .divider,
.app-page:has(.inner-page) #header .dark-header .top-header .top-header-content .divider {
  background-color: black;
}
.app-page:has(.inner-page) #header.inner-header .main-header .top-header .top-header-content .right-side button,
.app-page:has(.inner-page) #header .dark-header .top-header .top-header-content .right-side button {
  color: black;
}
.app-page:has(.inner-page) #header .decrease-logo {
  padding-block: 16px;
}
@media (max-width: 1300px) {
  .app-page:has(.inner-page) #header .decrease-logo {
    padding-block: 16px 0;
  }
}
.app-page:has(.inner-page) #header .decrease-logo .top-header .top-header-content {
  padding-bottom: 12px;
}
@media (max-width: 1300px) {
  .app-page:has(.inner-page) #header .decrease-logo .top-header .top-header-content {
    border-bottom: none;
  }
}
.app-page:has(.inner-page) #header .decrease-logo .top-header .top-header-content .left-side .logo {
  width: 140px;
  height: auto;
}
.app-page:not(:has(.inner-page)) #header .main-header {
  z-index: 999;
  padding-block: 32px;
  position: fixed;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  transition: 0.3s padding ease;
}
@media (max-width: 768px) {
  .app-page:not(:has(.inner-page)) #header .main-header {
    padding-block: 16px;
  }
}
.app-page:not(:has(.inner-page)) #header .nav-items {
  display: flex;
  align-items: center;
  gap: 48px;
  list-style: none;
  margin-bottom: 0;
  margin-top: 16px;
}
.app-page:not(:has(.inner-page)) #header .decrease-logo .nav-items{
  margin-top: 12px;
}
.app-page:not(:has(.inner-page)) #header .nav-items .dropdown,
.app-page:not(:has(.inner-page)) #header .nav-items .dropdown-center,
.app-page:not(:has(.inner-page)) #header .nav-items .dropend,
.app-page:not(:has(.inner-page)) #header .nav-items .dropstart,
.app-page:not(:has(.inner-page)) #header .nav-items .dropup,
.app-page:not(:has(.inner-page)) #header .nav-items .dropup-center {
  position: static;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item > :is(a,button) {
  color: #FFF;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item :is(a,button) {
  font-size: var(--fz-22);
  font-weight: 500;
  position: relative;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item :is(a,button):hover {
  color: var(--primary-red);
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu {
  background: #ffffff;
  border-bottom: 1px solid #000000;
  box-shadow: 0px 15px 39.2px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  backdrop-filter: blur(8px);
  overflow: hidden;
  transform: none !important;
  width: 100%;
  left: 0 !important;
  top: 100% !important;
  flex-direction: column;
  align-items: center;
  gap: 54px;
  max-height: 80dvh;
  overflow-y: auto;
  padding: 20px;
}
@media (min-width:1301px) {
  .app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu {
    display: flex;
    opacity: 0;
    pointer-events: none;
  }
  .app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .dropdown-item:focus,
  .app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .dropdown-item:hover {
    background: none;
  }
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links {
  max-width: 1272px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .title-group-links {
  font-size: var(--fs-19);
  margin: 0;
  font-weight: 700;
  color: var(--primary-red);
  margin-bottom: 19px;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .main-link {
  padding: 23px 11px;
  background: #fafafa;
  border-radius: 7px;
  transition: 0.3s all ease-in-out;
  font-size: var(--fs-19);
  font-weight: 700;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .main-link:hover {
  color: var(--primary-red);
  background: #ebebeb;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .secondary-link {
  padding: 8.5px 10px;
  background: #fafafa;
  border-radius: 7px;
  transition: 0.3s all ease-in-out;
  font-size: var(--fs-17);
  color: black;
  text-wrap: wrap;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links .secondary-link:hover {
  color: var(--primary-red);
  background: #ebebeb;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu .group-links .wrapper-links:has(.main-link) {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0588235294);
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu:focus-within,
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item .dropdown-menu.show {
  opacity: 1;
  pointer-events:all;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item :is(a,button).active { 
  font-weight: bold;
}
.app-page:not(:has(.inner-page)) #header .nav-items .nav-item:has(:is(a,button).active) > :is(a,button) {
  /* color: var(--primary-red); */
  font-weight: bold;
}
.app-page:not(:has(.inner-page)) #header .divider {
  height: 10px;
  width: 1px;
  background-color: #ffffff;
  transition: 0.3s all ease-in-out;
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transition: 0.3s padding ease;
}
@media (max-width: 768px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content {
    padding-bottom: 16px;
  }
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .left-side .logo {
  width: 227px;
  height: 75px;
  display: flex;
  align-items: center;
  transition: 0.3s width ease, 0.3s height ease;
}
@media (max-width: 768px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .left-side .logo {
    width: 180px;
    height: auto;
  }
}
@media (max-width: 558px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .left-side .logo {
    width: 140px;
  }
}
@media (max-width: 448px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .left-side .logo {
    width: 100px;
  }
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .left-side .logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media (max-width:558px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side{
    gap: 6px;
  }
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side a,
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side button {
  padding: 0;
  background: none;
  border: none;
  color: #ffffff;
  transition: 0.3s all ease-in-out;
  font-size: var(--fz-18);
  font-weight: 500;
}
@media (max-width:778px) {
  /* Not inner page and has dark-header */
  .app-page:not(:has(.inner-page)) #header.dark-header .top-header .top-header-content .right-side a,
  .app-page:not(:has(.inner-page)) #header.dark-header .top-header .top-header-content .right-side button {
    color: white;
  }
  .app-page:not(:has(.inner-page)) #header:not(.dark-header) .main-header:not(.decrease-logo) .top-header .top-header-content .right-side svg{
    filter:brightness(0)
  }
  .app-page:not(:has(.inner-page)) #header:not(.dark-header) .main-header:not(.decrease-logo) .top-header .top-header-content .right-side a,
  .app-page:not(:has(.inner-page)) #header:not(.dark-header) .main-header:not(.decrease-logo) .top-header .top-header-content .right-side button {
    color: black;
  }
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side a,
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side button {
    font-size: 14px;
  }
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side button:hover {
  color: var(--primary-red);
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side .menu-button,
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side .search-btn {
  height: 15px;
  width: 15px;
  display: flex;
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side  svg,
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side  img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side .menu-button {
  display: none;
}
@media (max-width: 1300px) {
  .app-page:not(:has(.inner-page)) #header .top-header .top-header-content .right-side .menu-button {
    display: flex;
  }
}
.app-page:not(:has(.inner-page)) #header .bottom-header {
  position: relative;
}
.app-page:not(:has(.inner-page)) #header .bottom-header .center-side {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  .app-page:not(:has(.inner-page)) #header .bottom-header {
    display: none;
  }
}
.app-page:not(:has(.inner-page)) #header .mobile-menu {
  position: fixed;
  top: 0;
  left: -100dvw;
  width: 100%;
  max-width: 500px;
  height: 100%;
  background: rgba(240, 240, 240, 0.9019607843);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 36px 36px 0 0;
  scale: 0;
  z-index: 999;
  transition: top 0.35s cubic-bezier(0.7, 0.2, 0.25, 1), scale 0.3s cubic-bezier(0.7, 0.2, 0.25, 1);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
@media (max-width: 1300px) {
  .app-page:not(:has(.inner-page)) #header .mobile-menu {
    display: flex;
  }
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .menu-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  filter: brightness(2);
  transition: transform 0.2s;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .menu-close-icon:hover {
  transform: rotate(90deg) scale(1.1);
}
@media (max-width: 500px) {
  .app-page:not(:has(.inner-page)) #header .mobile-menu .menu-close-icon {
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
  }
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 100px 20px 48px;
  margin-top: 0;
  gap: 12px;
  overflow-y: auto;
  max-height: 100vh;
  width: 100%;
}
@media (max-width: 500px) {
  .app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items {
    padding-top: 70px;
    padding-bottom: 24px;
  }
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item {
  width: 100%;
  max-width: 440px;
  position: relative;
  margin: 0 auto;
  border-radius: 10px;
  overflow: visible;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item :is(a,button) {
  color: #000;
  font-size: var(--fs-22, 1.125rem);
  font-weight: 500;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.24s, background 0.3s;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item :is(a,button):hover, .app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item :is(a,button).active {
  color: var(--primary-red);
  background-color: rgba(255, 255, 255, 0.04);
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-toggle::after {
  content: "";
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 10px;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.3s ease;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-135deg) translateY(1px);
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu {
  background: #FFF;
  border: none;
  border-radius: 12px;
  margin-top: 10px;
  padding: 10px 0;
  max-height: calc(80vh - 150px);
  overflow-y: auto;
  position: static !important;
  transform: none !important;
  width: 100%;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
  gap: 8px;
  max-height: 300px;
  overflow: auto;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu.show {
  display: block;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar {
  width: 7px;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 6px;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.33);
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item {
  color: #000;
  padding: 8px 28px;
  font-size: var(--fs-18, 1rem);
  text-align: start;
  border-radius: 6px;
  transition: background 0.21s, color 0.21s;
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item:hover, .app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.11);
  color: var(--primary-red);
}
.app-page:not(:has(.inner-page)) #header .mobile-menu .nav-items .nav-item .dropdown-menu .dropdown-item.active {
  color: var(--primary-red);
}
.app-page:not(:has(.inner-page)) #header .light-logo {
  display: flex;
}
.app-page:not(:has(.inner-page)) #header .dark-logo {
  display: none;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .light-logo,
.app-page:not(:has(.inner-page)) #header .dark-header .light-logo {
  display: none;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .dark-logo,
.app-page:not(:has(.inner-page)) #header .dark-header .dark-logo {
  display: flex;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .top-header .top-header-content .profile-btn,
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .top-header .top-header-content .search-btn,
.app-page:not(:has(.inner-page)) #header .dark-header .top-header .top-header-content .profile-btn ,
.app-page:not(:has(.inner-page)) #header .dark-header .top-header .top-header-content .search-btn {
  filter: brightness(0);
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .top-header .top-header-content,
.app-page:not(:has(.inner-page)) #header .dark-header .top-header .top-header-content {
  border-bottom-color: black;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .top-header .top-header-content .divider,
.app-page:not(:has(.inner-page)) #header .dark-header .top-header .top-header-content .divider {
  background-color: black;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .top-header .top-header-content .right-side button,
.app-page:not(:has(.inner-page)) #header .dark-header .top-header .top-header-content .right-side button {
  color: black;
}
.app-page:not(:has(.inner-page)) #header.inner-header .main-header .nav-item :is(a,button),
.app-page:not(:has(.inner-page)) #header .dark-header .nav-item :is(a,button) {
  color: black;
}
.app-page:not(:has(.inner-page)) #header .decrease-logo {
  padding-block: 12px;
}
  
@media (max-width: 1300px) {
  .app-page:not(:has(.inner-page)) #header .decrease-logo {
    padding-block: 16px 0;
  }
}
.app-page:not(:has(.inner-page)) #header .decrease-logo .top-header .top-header-content {
  padding-bottom: 12px;
}
@media (max-width: 1300px) {
  .app-page:not(:has(.inner-page)) #header .decrease-logo .top-header .top-header-content {
    border-bottom: none;
  }
}
.app-page:not(:has(.inner-page)) #header .decrease-logo .top-header .top-header-content .left-side .logo {
  width: 140px;
  height: auto;
}
@media (max-width: 448px) {
  .app-page:not(:has(.inner-page)) #header .decrease-logo .top-header .top-header-content .left-side .logo {
    width: 100px;
  }
}
#searchModal .modal-dialog .modal-content {
  background: #181818;
  color: #fff;
}
#searchModal .modal-dialog .modal-content .modal-header {
  border: 0;
}
#searchModal .modal-dialog .modal-content .modal-header .modal-title {
  color: #fff;
}
#searchModal .modal-dialog .modal-content .modal-header .btn-close {
  filter: invert(1);
}
#searchModal .modal-dialog .modal-content .modal-header .btn-close.btn-close-white {
  background: none;
  opacity: 1;
  filter: none;
  background-color: #ffffffa3;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l12 12M14 2L2 14' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% 50%;
  border-radius: 50%;
  transition: .3s all ease-in-out;
  &:hover{
    background-color: white;
  }
}
#searchModal .modal-dialog .modal-content .modal-body #searchForm .input-group input.form-control {
  background: #222;
  color: #fff;
  border: none;
}
#searchModal .modal-dialog .modal-content .modal-body #searchForm .input-group input.form-control::-moz-placeholder {
  color: #888;
  opacity: 1;
}
#searchModal .modal-dialog .modal-content .modal-body #searchForm .input-group input.form-control::placeholder {
  color: #888;
  opacity: 1;
}
#searchModal .modal-dialog .modal-content .modal-body #searchForm .input-group button.btn.btn-danger {
  background: #dc3545;
  color: #fff;
  border: none;
}
#searchModal .modal-dialog .modal-content .modal-body #searchForm .input-group button.btn.btn-danger:hover {
  background: #bb2d3b;
}
.search-autocomplete-dropdown {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: 100%;
  margin-top: 4px;
  z-index: 1060;
  max-height: 280px;
  overflow-y: auto;
  padding: 6px 0;
  margin-bottom: 0;
  background: #2a2a2a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.search-autocomplete-dropdown--page {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.search-autocomplete-item {
  margin: 0;
}
.search-autocomplete-link {
  display: block;
  padding: 10px 14px;
  color: #eee;
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1.35;
  transition: background 0.15s ease;
}
.search-autocomplete-dropdown--page .search-autocomplete-link {
  color: #222;
}
.search-autocomplete-link:hover,
.search-autocomplete-link:focus,
.search-autocomplete-link.active {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.search-autocomplete-dropdown--page .search-autocomplete-link:hover,
.search-autocomplete-dropdown--page .search-autocomplete-link:focus,
.search-autocomplete-dropdown--page .search-autocomplete-link.active {
  background: rgba(220, 53, 69, 0.12);
  color: #222;
}
@media (max-width: 600px) {
  #searchModal .modal-dialog {
    margin: 0.75rem;
  }
  #searchModal .modal-content {
    padding: 0.5rem;
  }
  #searchModal .modal-header,
  #searchModal .modal-body {
    padding: 1rem;
  }
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #ebebeb;
  color: var(--primary-red);
}

.banner {
  position: sticky;
  top: 0;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 200px;
}
.banner .bg-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner .bg-banner::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner .bg-banner .bg-slide-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.6s all ease-in-out;
}
.banner .bg-banner .bg-slide-item video,
.banner .bg-banner .bg-slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .bg-banner .bg-slide-item.active {
  opacity: 1;
}
.banner .swiper-home-banner {
  max-width: 850px;
  margin: 0 auto;
  padding: 240px 0 120px;
  text-align: center;
}
.banner .swiper-home-banner .swiper-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 40px;
}
.banner .swiper-home-banner .swiper-slide:not(:has(.title)){
  padding:14px
}
.banner .swiper-home-banner .swiper-slide .top-title {
  font-weight: 500;
  font-size: var(--fz-22);
  color: white;
  letter-spacing: 0%;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 14px;
  margin-inline: 40px;
}
.banner .swiper-home-banner .swiper-slide .title {
  font-size: var(--fs-74);
  color: white;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
}
.banner .swiper-home-banner .swiper-slide .description {
  font-weight: 500;
  font-size: var(--fz-22);
  color: white;
  margin-bottom: 38px;
}
@media (max-width: 778px) {
  .banner .swiper-home-banner .swiper-slide .description {
      margin:0
  }
  .banner .swiper-home-banner .swiper-slide .title{
    margin-bottom: 20px;
  }
}
.banner .slide-navigation {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 40px 100px;
}
.banner .slide-navigation .slide-navigation-button {
  border: none;
  background: none;
}
.banner .slide-navigation .slide-navigation-button .img-responsive{
  display: none;
}
@media (max-width: 887px) {
  .banner .slide-navigation {
    top: auto;
    bottom: 0px;
    padding: 20px 40px;
    justify-content: center;
    gap: 20px;
  }

}
@media (max-width: 778px) {
  .banner .slide-navigation .slide-navigation-button img{
    display: none;
    filter: none;

  }
  .banner .slide-navigation .slide-navigation-button {
    pointer-events: all;
    display: flex;
    justify-content:center;
    width: 32px;
    height: 32px;
    background: var(--primary-red);
    border-radius: 6px;
    padding: 10px;
    overflow: hidden;
    border: none;
    filter:none !important;
    transition: 0.3s all ease-in-out;
  }
  .banner .slide-navigation .slide-navigation-button img {
    filter: brightness(20);
  }
  .banner .slide-navigation .slide-navigation-button.swiper-button-disabled {
    background: #fcfcfc;
  }

  .banner .slide-navigation .slide-navigation-button.swiper-button-disabled img {
    filter: grayscale(1);
    opacity: 0.5;
  }
  .banner .slide-navigation .slide-navigation-button.swiper-slide-prev img {
    rotate: 180deg;
  }
  .banner .slide-navigation .slide-navigation-button .img-responsive{
    display: block;
  }
}
.banner .slide-pagination {
  position: absolute;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  z-index: 10;
}
.banner .slide-pagination .swiper-pagination-bullet {
  background: var(--Dark-G);
  opacity: 0.6;
  height: 10px;
  width: 10px;
  transition: 0.3s all ease-in-out;
  position: relative;
}
.banner .slide-pagination .swiper-pagination-bullet::before {
  transition: 0.3s all ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid white;
  translate: -50% -50%;
  opacity: 0;
}
.banner .slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: white;
}
.banner .slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}
body:not(:has(.banner))  .quick-links-section {
  margin-top: 60px;
}
@media (max-width:778px) {
  body:not(:has(.banner))  .quick-links-section {
    margin: 0;
  }
  
}
.quick-links-section {
  position: relative;
  background: white;
  display: flex;
  align-items: center;
  padding-block: 0;
  z-index: 9;
  overflow-x: hidden;
}
.quick-links-section .wrapper-quick-links {
  z-index: 12;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-block: 80px;
}
@media (max-width: 1024px) {
  .quick-links-section .wrapper-quick-links {
    padding-block: 40px;
  }
}
@media (max-width: 768px) {
  .quick-links-section .wrapper-quick-links {
    padding-block: 20px;
  }
}
.quick-links-section .section-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quick-links-section .overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.quick-links-section .overlay .right-overlay,
.quick-links-section .overlay .left-overlay {
  backdrop-filter: blur(1px);
  position: absolute;
  top: 0;
  height: 100%;
  width: 10%;
  max-width: 353px;
}
.quick-links-section .overlay .left-overlay {
  left: 0;
  background: linear-gradient(90deg, #dbdde0 40.04%, rgba(219, 221, 224, 0) 100%);
}
.quick-links-section .overlay .right-overlay {
  right: 0;
  background: linear-gradient(270deg, #dbdde0 40.04%, rgba(219, 221, 224, 0) 100%);
}
.quick-links-section .quick-links-slider {
  width: 100%;
  margin-bottom: 27px;
  padding-inline: 40px;
}
@media (max-width: 768px) {
  .quick-links-section .quick-links-slider {
    padding-inline: 60px;
  }
}
.quick-links-section .quick-links-slider .quick-links-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  z-index: 4;
  pointer-events: none;
}
@media (max-width: 768px) {
  .quick-links-section .quick-links-slider .quick-links-navigation {
    padding: 40px 16px;
  }
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button {
  z-index: 4;
  pointer-events: all;
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button:not(.swiper-button-disabled):hover {
  box-shadow: 0 0 12px 0 var(--primary-red-transparent);
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button.swiper-slide-prev img {
  rotate: 180deg;
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button.swiper-button-disabled {
  background: #fcfcfc;
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button.swiper-button-disabled img {
  filter: grayscale(1);
  opacity: 0.5;
}
.quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(20);
}
.quick-links-section .quick-links-slider .swiper-slide {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 5;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  max-width: 282px;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window {
  position: relative;
  overflow: hidden;
  max-width: 238px;
  max-height: 349px;
  width: 100%;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 94.43px 94.43px 0 0;
}
@media (max-width: 1400px) {
  .quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
    border-radius: 80.43px 80.43px 0 0;
  }
}
@media (max-width: 1200px) {
  .quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
    border-radius: 70.43px 70.43px 0 0;
  }
}
@media (max-width: 992px) {
  .quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
    border-radius: 84.43px 84.43px 0 0;
  }
}
@media (max-width: 768px) {
  .quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
    border-radius: 60.43px 60.43px 0 0;
  }
}
@media (max-width: 668px) {
  .quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin {
    border-radius: 94.43px 94.43px 0 0;
  }
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin .border-window1 {
  width: 100%;
  height: 100%;
  z-index: 4;
  position: relative;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin .border-window2 {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-skin .window-img {
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s all cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-view {
  position: absolute;
  width: 75%;
  height: 75%;
  display: flex;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 26px;
  overflow: hidden;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .window .window-view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link:hover .window .window-img {
  top: -80%;
}
.quick-links-section .quick-links-slider .swiper-slide .card-link .card-title {
  font-weight: 300;
  font-size: var(--fs-26);
  color: #000000;
}

.about-section {
  position: relative;
  background-color: #FFFFFF;
  z-index: 10;
  display: flex;
  align-items: center;
  padding-block: 32px;
}
@media (max-width: 768px) {
  .about-section {
    padding-block:20px
  }
}
.about-section .container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.about-section .container .about-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 400px;
}
@media (max-width: 768px) {
  .about-section .container .about-content {
    gap: 250px;
  }
}
.about-section .bg-building {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  min-height: 400px;
  z-index: -1;
  max-width: 1000px;
}
.about-section .bg-building img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width:778px) {
  .about-section .bg-building{
    display: none;
  }
}
.about-section .container .about-content .years-experience {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 405px;
  translate: 40px 40px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.37);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(5.35px);
  border-radius: 22px;

}

.about-section .container .about-content .years-experience .top-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-section .container .about-content .years-experience .top-item .years {
  font-size: var(--fs-80);
  color: var(--primary-red);
  font-weight: 700;
  line-height: 80%;
}
.about-section .container .about-content .years-experience .top-item .title-item {
  line-height: 120%;
  font-size: var(--fs-24);
  color: var(--dark-2);
  font-weight: 500;
}
.about-section .container .about-content .years-experience .description {
  font-size: var(--fs-20);
  color: var(--dark-2);
}
.about-section .container .about-content .bottom-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 749px;
  align-self: center;
  background: rgba(255, 255, 255, 0.37);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(5.35px);
  border-radius: 22px;
  padding: 36px 22px;
}
@media (max-width:1400px) {
  .about-section .container .about-content .bottom-info{
    max-width: 100%;
  }
}
.about-section .container .about-content .bottom-info .title {
  font-size: var(--fs-38);
  color: var(--dark-2);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 14px;
}
.about-section .container .about-content .bottom-info .description {
  font-size: var(--fs-20);
  color: var(--dark-2);
  margin-bottom: 24px;
}
.about-section  .bg-building-responsive{
  display: none;
}
@media (max-width: 768px) {
  .about-section .container .about-content .bottom-info {
    margin-top: 0;
  }
  .about-section .container .about-content .bottom-info .description {
    margin-bottom: 24px;
  }
  .about-section .container .about-content{
    gap: 24px;
  }
  .about-section .container .about-content .bottom-info,
  .about-section .container .about-content .years-experience {
    translate: 0 0 !important;
    transform: none !important;
    max-width: 100%;
  }
  .about-section .container .about-content .years-experience {
    text-align: center;
    justify-content: center;
  }
  .about-section > .bg-building{
    display: none;
  }
  .about-section  .bg-building-responsive{
    display: flex;
    width: 100%;
    height: auto;
  }
  .about-section  .bg-building-responsive img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.aircraft-accident-section {
  position: relative;
  background: white;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  z-index: 13;
}
@media (max-width: 992px) {
  .aircraft-accident-section {
    min-height: 60dvh;
  }
}
.aircraft-accident-section .container .section-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 992px) {
  .aircraft-accident-section .container .section-content {
    align-items: stretch;
    flex-direction: column;
  }
}
.aircraft-accident-section .container .section-content .left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 550px;
  flex: 1;
}
.aircraft-accident-section .container .section-content .left-side .main-title {
  margin-bottom: 16px;
}
.aircraft-accident-section .container .section-content .left-side .main-description {
  margin-bottom: 32px;
  letter-spacing: normal;
}
.aircraft-accident-section .container .section-content .right-side {
  flex: 1;
  max-width: 1044px;
}
.aircraft-accident-section .container .section-content .right-side .media-wrapper {
  display: flex;
  border-radius: 19px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.aircraft-accident-section .container .section-content .right-side .media-wrapper video,
.aircraft-accident-section .container .section-content .right-side .media-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.services-section {
  background: var(--Dark-G);
  position: relative;
  top: 0;
  z-index: 14;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.services-section .bg-overlay::before {
  background: #000000;
  opacity: 0.3;
}
.services-section .bg-overlay img,
.services-section .bg-overlay video {
  opacity: 1;
}
.services-section .container .content-section {
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.services-section .container .base-header-section {
  color: white;
}
.services-section .container .services-swiper .swiper-slide {
  height: 437px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 558px) {
  .services-section .container .services-swiper .swiper-slide {
    height: auto;
  }
}
.services-section .container .services-swiper .swiper-slide:nth-child(odd) {
  align-items: flex-start;
}
.services-section .container .services-swiper .service-card {
  display: flex;
  flex-direction: column;
  color: #fff;
  background: rgba(0, 0, 0, 0.0117647059);
  backdrop-filter: blur(15px);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  padding: 24px 27px;
  border-radius: 18px;
  height: 390px;
}
@media (max-width: 558px) {
  .services-section .container .services-swiper .service-card {
    height: auto;
  }
}
.services-section .container .services-swiper .service-card .title-card {
  font-size: var(--fs-24);
  font-weight: 500;
  line-height: 120%;
  color: white;
  text-decoration: none;
}
.services-section .container .services-swiper .service-card a.title-card:hover {
  color: var(--primary-red);
}
.services-section .container .services-swiper .service-card .description-card {
  opacity: 0.8;
  font-size: var(--fs-18);
  line-height: 120%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: clip;
}
.services-section .container .services-swiper .service-card .date-card {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: var(--fs-14);
}
.services-section .container .services-swiper .service-card .date-card .custom-icon {
  width: 24px;
  height: 24px;
  display: flex;
}
.services-section .container .services-swiper .service-card .date-card .custom-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.services-section .container .services-swiper .service-card .image-card {
  position: relative;
  width: 100%;
  height: 166px;
  overflow: hidden;
  margin-top: auto;
}
.services-section .container .services-swiper .service-card .image-card > img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  --r: 6px;
  --c: 68px;
  --nr: 36px;
  clip-path: shape(from var(--r) 0, line to calc(100% - var(--r)) 0, curve to 100% var(--r) with 100% 0, line to 100% calc(100% - var(--c) - var(--nr)), curve to calc(100% - var(--nr)) calc(100% - var(--c)) with 100% calc(100% - var(--c)), curve to calc(100% - var(--c)) calc(100% - var(--nr)) with calc(100% - var(--c)) calc(100% - var(--c)), curve to calc(100% - var(--c) - var(--nr)) 100% with calc(100% - var(--c)) 100%, line to var(--r) 100%, curve to 0 calc(100% - var(--r)) with 0 100%, line to 0 var(--r), curve to var(--r) 0 with 0 0, close);
}
.services-section .container .services-swiper .service-card .image-card .base-btn {
  position: absolute;
  bottom: 16px;
  right: 12px;
  border-radius: 6px;
  font-size: 32px;
  transform: rotate(-38.54deg);
  padding: 0;
}
.services-section .container .services-swiper .service-card .image-card .base-btn .icon {
  width: 34px;
  height: 34px;
  background: var(--primary-red);
}
.services-section .container .services-swiper .service-card .image-card .base-btn img {
  -webkit-filter: brightness(10);
  -moz-filter: brightness(10);
  -ms-filter: brightness(10);
  -o-filter: brightness(10);
  filter: brightness(10);
}
.services-section .container .bottom-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.services-section .container .services-links-navigation {
  display: flex;
  align-self: center;
  gap: 14px;
}
.services-section .container .services-links-navigation .slide-navigation-button {
  pointer-events: all;
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
}
.services-section .container .services-links-navigation .slide-navigation-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(20);
}
.services-section .container .services-links-navigation .slide-navigation-button.swiper-button-disabled {
  background: #fcfcfc;
}
.services-section .container .services-links-navigation .slide-navigation-button.swiper-button-disabled img {
  filter: grayscale(1);
  opacity: 0.5;
}
.services-section .container .services-links-navigation .slide-navigation-button.swiper-slide-prev img {
  rotate: 180deg;
}

.inner-banner .container {
  position: relative;
  border-radius: 23px;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inner-banner .container::before {
  content: "";
  background: rgba(255, 255, 255, 0.8588235294);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.inner-banner .container .bg-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: -2;
}
.inner-banner .container .bg-banner img,
.inner-banner .container .bg-banner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-banner .container .banner-content {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 37px 22px 26px;
}
.inner-banner .container .banner-content .logo-icon {
  width: 117px;
  height: 124px;
  display: flex;
}
.inner-banner .container .banner-content .logo-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.inner-banner .container .banner-content .title-banner {
  font-weight: 700;
  font-size: var(--fs-40);
}
.inner-banner .container .second-logo {
  mix-blend-mode: multiply;
  height: 162px;
}
.inner-banner .container .second-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .inner-banner {
    padding:12px    
  }
  .inner-banner .container {
    flex-direction: column;
  }
  .inner-banner .container .banner-content {
    align-self: flex-start;
  }
}

.timeline-section {
  padding-block: 30px;
}
.timeline-section .timeline-container {
  padding: 0 20px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 30px;
  padding-top: 180px;
}
@media (max-width:778px) {
  .timeline-section .timeline-container {
    padding-top: 140px;
  }
}
.timeline-section .timeline-container .timeline {
  width: 100%;
  max-width: 1684px;
  min-width: 1400px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
  translate: -50% 0;
  transform-origin: 50% 50%;
}
.timeline-section .timeline-container .timeline .out-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.94px solid rgba(0, 0, 0, 0.2784313725);
  border-radius: 50%;
  z-index: 1;
  transition: transform 0.7s cubic-bezier(0.7, 0.2, 0.2, 1);
  will-change: transform, top, left;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 54px;
  transform-origin: center;
  transition: 0.4s;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .timeline-section .timeline-container .timeline .out-border .timeline-item {
    gap: 12px;
  }
}
.timeline-section .timeline-container .timeline .out-border .timeline-item .logo {
  width: 80px;
  height: 70px;
  display: flex;
}
@media (max-width: 768px) {
  .timeline-section .timeline-container .timeline .out-border .timeline-item .logo{
    width: 50px;
    height: 50px;
  }
}
.timeline-section .timeline-container .timeline .out-border .timeline-item .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1) brightness(2);
  transition: 0.3s all ease-in-out;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item .year {
  font-weight: 300;
  font-size: var(--fs-23);
  text-align: center;
  transition: 0.3s all ease-in-out;
  text-wrap: nowrap;
  opacity: 0;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item.active .year {
  opacity: 1;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item.active .logo img {
  filter: none;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item.active .year {
  font-size: var(--fs-50);
  font-weight: 800;
  color: var(--primary-red);
  line-height: 36px;
}
.timeline-section .timeline-container .timeline .image-timeline {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border: 0.94px solid rgba(0, 0, 0, 0.2784313725);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
}
.timeline-section .timeline-container .timeline .image-timeline::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
}
.timeline-section .timeline-container .timeline .image-timeline img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline-section .timeline-container .wrapper-slider-timeline {
  width: calc(100% - 100px);
  max-width: 721px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .timeline-section .timeline-container .wrapper-slider-timeline {
    width: calc(100% - 20px);
    gap: 32px;
  }
}
.timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline {
  width: 100%;
}
.timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  overflow: auto;
}
@media (min-width: 886px) {
  .timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide {
    padding: 10px 32px;
  }
}
@media (max-width: 768px) {
  .timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide {
    gap: 12px;
  }
}
.timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide .title-slide {
  font-size: clamp(16px, 2vw, 28px);
  font-weight: 700;
  margin: 0;
}
.timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide .description-slide {
  line-height: normal;
  font-size: clamp(14px, 1.4vw, 18px);
}
@media (max-width:778px) {
  .timeline-section .timeline-container .wrapper-slider-timeline .swiper-timeline .swiper-slide .description-slide{
    max-height: 165px;
    overflow-y: auto;
  }
}
.timeline-section .timeline-container .wrapper-slider-timeline .navigation-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: fit-content;
  width: 100%;
  z-index: 10;
  gap: 12px;
}
.timeline-section .timeline-container .wrapper-slider-timeline .navigation-slider .slide-navigation-button {
  pointer-events: all;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
}
.timeline-section .timeline-container .wrapper-slider-timeline .navigation-slider .slide-navigation-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(20);
}
.timeline-section .timeline-container .wrapper-slider-timeline .navigation-slider .slide-navigation-button.swiper-slide-prev img {
  rotate: 180deg;
}

.organization-chart {
  overflow: hidden;
}
.organization-chart {
  position: relative;
  .chart-controls{
    position: absolute;
    bottom: 20px;
    inset-inline-end: 40px;
    display: none;
    gap: 8px;
    .base-btn{
      padding: 12px;
      height: 36px;
      width: 36px;
      justify-content: center;
    }
  }
}
@media (max-width:1250px) {
  .organization-chart .chart-controls{
    display: flex;
  }
}
.organization-chart #chart {
  width: 100%;
  min-height: 1200px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}
.organization-chart #chart .orgchart {
  min-height: 363px;
  background: none;
}
.organization-chart #chart .orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after, .organization-chart #chart .orgchart > ul > li > ul li > .node:not(.outsider)::before {
  background-color: #c8c8c8;
}
.organization-chart #chart .orgchart .hierarchy::before {
  border-top: 2px solid #c8c8c8;
}
.organization-chart #chart .orgchart .node {
  padding: 3px 24px;
  background: none;
  pointer-events: none;
}
.organization-chart #chart .orgchart .node.customclass {
  padding: 0;
  margin: 0;
  position: relative;
}
.organization-chart #chart .orgchart .node.customclass .title {
  height: 203px;
  width: 1px;
  padding: 0;
  background: #c8c8c8;
  border-bottom: none;
}
.organization-chart #chart .orgchart .node.customclass + .nodes {
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
}
.organization-chart #chart .orgchart .node.vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.organization-chart #chart .orgchart .node.vertical > ::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 2px;
  background-color: #c8c8c8;
  transform: rotate(0deg);
}
.organization-chart #chart .orgchart .node.vertical + .nodes .hierarchy::before {
  right: auto;
  left: -53px;
  width: 142px;
  rotate: 90deg;
  top: -10px;
}
.organization-chart #chart .orgchart .node.vertical + .nodes .node:not(.outsider)::before {
  display: none;
}
.organization-chart #chart .orgchart .node.vertical + .nodes {
  flex-direction: column;
  align-items: center;
}
.organization-chart #chart .orgchart .node.sub-node {
  padding-inline-end: 0;
}
.organization-chart #chart .orgchart .node.sub-node .title {
  height: 110px;
  width: 144px;
  border-bottom: 5px solid rgba(193, 24, 40, 0.5019607843);
  font-size: 15px;
}
.organization-chart #chart .orgchart .node .oci {
  display: none;
}
.organization-chart #chart .orgchart .node .title {
  font-size: var(--fs-14);
  text-align: center;
  height: 140px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
  font-weight: 500;
  color: black;
  white-space: initial;
  border-bottom: 5px solid #c11828;
  border-radius: 21px;
  padding: 10px;
  text-wrap: balance;
  pointer-events: all;
}
.organization-chart #chart .orgchart .node:has(+ .nodes) .title {
  font-weight: 700;
}
.organization-chart #chart .orgchart .lastNodes + .nodes > .hierarchy > .node {
  flex-direction: column;
}
.organization-chart #chart .orgchart .lastNodes + .nodes > .hierarchy > .node > .title{
  font-weight: 500;
}
.organization-chart #chart .orgchart .lastNodes + .nodes > .hierarchy > .node > .title::after {
  display: none;
}

.orgchart .hierarchy:not(.couple) > .node:not(.lastNodes):has(+ .nodes)::after {
  display: none;
}

.about-managment-section .container {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.about-managment-section .container .group-management {
  border-radius: 19.01px;
  background: #f9f9f9;
  border-left: 4.53px solid #c11828;
  padding: 30px 22px 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.about-managment-section .container .group-management .header-group,
.about-managment-section .container .group-management .inner-group {
  display: flex;
  align-items: center;
  gap: 30px;
}
.about-managment-section .container .group-management .card-image {
  width: 188px;
  height: 188px;
  aspect-ratio: 1/1;
  display: flex;
  overflow: hidden;
  border-radius: 10.86px;
  flex-shrink: 0;
}
.about-managment-section .container .group-management .card-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-managment-section .container .group-management .card-info {
  display: flex;
  flex-direction: column;
  gap: 17.43px;
}
.about-managment-section .container .group-management .card-info .title {
  font-size: var(--fs-25);
  font-weight: 700;
  line-height: 27.23px;
  margin: 0;
}
.about-managment-section .container .group-management .card-info .position {
  font-size: var(--fs-20);
  line-height: 100%;
}
.about-managment-section .container .group-management .card-info .contact-info {
  display: flex;
  align-items: center;
  gap: 12px 50px;
  flex-wrap: wrap;
}
.about-managment-section .container .group-management .card-info .contact-info .item-contact {
  display: flex;
  align-items: center;
  gap: 13px;
}
.about-managment-section .container .group-management .card-info .contact-info .item-contact .icon {
  height: 26px;
  width: 26px;
  display: flex;
}
.about-managment-section .container .group-management .card-info .contact-info .item-contact .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-managment-section .container .group-management .card-info .contact-info .item-contact span {
  text-decoration: underline;
  color: #000000;
  font-size: var(--fs-18);
  transition: 0.3s all ease-in-out;
}
.about-managment-section .container .group-management .card-info .contact-info .item-contact:hover span {
  color: var(--primary-red);
}
.about-managment-section .container .group-management .inner-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 10px;
}
@media (max-width: 558px) {
  .about-managment-section .container .group-management .inner-groups {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
.about-managment-section .container .group-management .inner-groups .inner-group {
  gap: 14px;
  border-radius: 19.84px;
  padding: 18.9px 11.34px;
  background: #ffffff;
  box-shadow: 0px 12.28px 37.61px 0px rgba(0, 0, 0, 0.0392156863);
  transition: 0.3s all ease-in-out;
}
.about-managment-section .container .group-management .inner-groups .inner-group:hover {
  box-shadow: 0px 12.28px 37.61px 0px rgba(0, 0, 0, 0.2274509804);
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-image {
  max-width: 115px;
  height: 133px;
  flex: 1 1 100%;
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info {
  gap: 13px;
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info .title {
  font-size: var(--fs-19);
  line-height: 23.62px;
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info .position {
  font-size: var(--fs-18);
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info .contact-info .item-contact .icon {
  height: 22px;
  width: 22px;
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info .contact-info .item-contact span {
  font-size: 16px;
}
@media (max-width: 992px) {
  .about-managment-section .container .group-management .header-group {
    flex-direction: column;
  }
}

.legislation-regulation-section {
  padding-bottom: 18px;
}
.legislation-regulation-section .container .legislation-regulation-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media (max-width: 558px) {
  .legislation-regulation-section .container .legislation-regulation-content {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
.legislation-regulation-section .container .legislation-regulation-content {
  gap: 24px 50px;
}

.box-legislation-regulation {
  height: 384px;
  max-width: 733px;
  border-radius: 13.37px;
  padding: 33px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 768px) {
  .box-legislation-regulation {
    padding: 24px;
  }
}
.box-legislation-regulation::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 100%;
  height: 432px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 38.94%, rgba(0, 0, 0, 0.63) 100%);
  z-index: -1;
}
.box-legislation-regulation .box-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: -2;
}
.box-legislation-regulation .box-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.box-legislation-regulation .header-box {
  display: flex;
}
.box-legislation-regulation .header-box .icon {
  width: 43px;
  height: 43px;
  display: flex;
}
.box-legislation-regulation .header-box .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.box-legislation-regulation .info-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  min-height: 113px;
  gap: 32px;
}
.box-legislation-regulation .info-box .title-box {
  color: #ffffff;
  font-weight: 500;
  font-size: var(--fs-22);
}

.responsibilities-section .container .section-content {
  display: flex;
  align-items: flex-start;
  gap: 35px;
}
.responsibilities-section .container .section-content .left-side .wrapper-image {
  height: 509px;
  width: 514px;
  display: flex;
  overflow: hidden;
  border-radius: 9.34px;
}
.responsibilities-section .container .section-content .left-side .wrapper-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.responsibilities-section .container .section-content .right-side {
  line-height: 33px;
  font-size: var(--fs-20);
}
.responsibilities-section .container .section-content .right-side ul {
  margin-bottom: 0;
}
.responsibilities-section .container .section-content .right-side p {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .responsibilities-section .container .section-content {
    flex-direction: column;
  }
  .responsibilities-section .container .section-content .left-side {
    width: 100%;
  }
  .responsibilities-section .container .section-content .left-side .wrapper-image {
    height: 400px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .responsibilities-section .container .section-content {
    padding: 24px;
    gap: 16px;
  }
  .responsibilities-section .container .section-content ul {
    padding-inline-start: 20px;
  }
}

.administrative-affairs-section .container .section-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0;
  padding: 0px;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.administrative-affairs-section .container .section-content .wrapper-image {
  height: 323px;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.administrative-affairs-section .container .section-content .wrapper-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 768px){
    .administrative-affairs-section .container .section-content .wrapper-image {
    height: auto; 
  }
  .administrative-affairs-section .container .section-content .wrapper-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.administrative-affairs-section .container .section-content .body-content {
  line-height: 33px;
  font-size: var(--fs-20);
  max-width: 1325px;
  margin-inline: auto;
  padding: 39px;
  width: 100%;
  text-align: justify;
}
.administrative-affairs-section .container .section-content .body-content.ar-content{
  direction: rtl;
}
.administrative-affairs-section .container .section-content .body-content.en-content{
  direction: ltr;
}
@media (max-width: 768px) {
  .administrative-affairs-section .container .section-content .body-content {
    padding: 16px;
    padding-top: 0;
  }
}
.administrative-affairs-section .container .section-content .body-content h3,
.administrative-affairs-section .container .section-content .body-content h4,
.administrative-affairs-section .container .section-content .body-content h5 {
  font-size: var(--fs-20);
  font-weight: 700;
}
.administrative-affairs-section .container .section-content .body-content .title-news {
  font-size: var(--fs-30);
  font-weight: 700;
  text-align: center;
}
.administrative-affairs-section .container .section-content .body-content .date-news {
  font-size: var(--fs-19);
  font-weight: 700;
  color: var(--primary-red);
}
.administrative-affairs-section .container .section-content .body-content a{
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 768px) {
  .administrative-affairs-section .container .section-content {
    gap: 24px 16px;
  }
}

.btn-type-view {
  background: #f4f4f4;
  color: #000000;
  width: 283px;
  justify-content: center;
  transition: 0.3s all ease-in-out;
}
.btn-type-view .icon {
  padding: 0;
  background: none;
}
.btn-type-view .icon img {
  transition: 0.3s all ease-in-out;
}
.btn-type-view:has(.icon) {
  width: -moz-fit-content;
  width: fit-content;
}
.btn-type-view:hover, .btn-type-view.active {
  color: white;
  background: var(--primary-red);
}
.btn-type-view:hover .icon img, .btn-type-view.active .icon img {
  filter: contrast(0.5) brightness(10);
}

.main-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 47px;
}
@media (max-width: 1024px) {
  .main-header-section {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 30px;
  }
  .main-header-section .form-search{
    width: 100%;
  }
}
.main-header-section .form-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 17px;
}
.main-header-section .form-group {
  margin: 0;
  flex: 1;
  max-width: 381px;
}
@media (max-width: 1024px) {
  .main-header-section .form-group {
    max-width: 100%;
  }
}
.main-header-section .form-group .form-input-wrapper input {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  backdrop-filter: blur(15.3000001907px);
  padding-block: 12px;
  color: black;
}
.main-header-section .form-group .form-input-wrapper input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3490196078);
}
.main-header-section .form-group .form-input-wrapper input::placeholder {
  color: rgba(0, 0, 0, 0.3490196078);
}
.main-header-section .left-side {
  display: flex;
  align-items: center;
  gap: 27px;
  flex: 1;
}
@media (max-width: 448px) {
  .main-header-section .left-side {
    flex-direction: column;
    align-items: stretch;
  }
}
.main-header-section .left-side .title-filter {
  font-size: var(--fs-18);
  font-weight: 500;
  margin: 0;
}
.main-header-section .left-side .title-page {
  font-weight: 700;
  font-size: var(--fs-40);
  margin: 0;
}
.main-header-section .left-side .filter-selects {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 17px;
}
.main-header-section .left-side .filter-selects .wrapper-select {
  flex: 1;
  max-width: 273px;
}
@media (max-width: 1024px) {
  .main-header-section .left-side .filter-selects .wrapper-select {
    max-width: none;
  }
}
.main-header-section .right-side {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.main-header-section .right-side .layout-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.circulation-section .main-header-section .right-side .layout-control {
  flex-wrap: wrap;
}
.circulation-section .main-header-section .right-side .layout-control .filter-selects {
  display: flex;
  align-items: center;
  gap: 12px;
}
.circulation-section .main-header-section .right-side .layout-control .filter-selects .wrapper-select {
  min-width: 180px;
}
.main-header-section .right-side .layout-control .btn-type-layout {
  padding: 10px;
  border-radius: 6px;
  background: #f4f4f4;
  transition: 0.3s all ease-in-out;
}
.main-header-section .right-side .layout-control .btn-type-layout.active, .main-header-section .right-side .layout-control .btn-type-layout:hover {
  background: var(--primary-red);
}
.main-header-section .right-side .layout-control .btn-type-layout.active img, .main-header-section .right-side .layout-control .btn-type-layout:hover img {
  filter: grayscale(24) brightness(24);
}
.main-header-section .right-side .layout-control .btn-type-layout .icon {
  padding: 0;
  background: transparent;
}
.main-header-section .right-side .btn-refresh {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.main-header-section.center-content {
  flex-direction: row;
  justify-content: center;
  gap: 17px;
}
.main-header-section.form-search .right-side,
.main-header-section.form-search .left-side {
  flex: auto;
}
.main-header-section.form-search .left-side {
  gap: 17px;
}
.main-header-section.form-search .left-side .form-group {
  max-width: 205px;
}

.photo-gallery .gallery-content {
  width: 100%;
}
.photo-gallery .gallery-content .gallery-item {
  width: calc(25% - 20px);
  margin-bottom: 16px;
  max-width: 366px;
  overflow: hidden;
  border-radius: 10.85px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .photo-gallery .gallery-content .gallery-item {
    width: calc(50% - 12px);
  }
}
.photo-gallery .gallery-content .gallery-item img {
  width: 100%;
  transition: 0.3s all ease-in-out;
}
.photo-gallery .gallery-content .gallery-item img:hover {
  scale: 1.1;
}

#galleryModal .gallery-swiper {
  height: auto !important;
}
#galleryModal .gallery-swiper .swiper-wrapper {
  height: auto !important;
}
#galleryModal .gallery-swiper .swiper-slide {
  height: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 58px;
}
#galleryModal .gallery-swiper .swiper-slide img {
  height: 100dvh;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#galleryModal .btn-close {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
  background-size: 1.5em;
  filter: invert(4) grayscale(1) brightness(20);
}
#galleryModal .modal-body {
  padding: 0 2rem;
}
#galleryModal .swiper-button-next,
#galleryModal .swiper-button-prev {
  color: #c11828;
}
#galleryModal .swiper-pagination {
  bottom: 40px;
}
#galleryModal .swiper-pagination-bullet {
  background: white;
  opacity: 0.6;
}
#galleryModal .swiper-pagination-bullet-active {
  background: #c11828;
  opacity: 1;
}
#galleryModal .modal-content {
  background: transparent;
  border: none;
}
#galleryModal .modal-dialog {
  max-width: 100%;
  margin-block: 0;
}
#galleryModal .modal-header {
  border: none;
}
#galleryModal .slide-navigation-button {
  z-index: 4;
  pointer-events: all;
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
#galleryModal .slide-navigation-button:not(.swiper-button-disabled):hover {
  box-shadow: 0 0 12px 0 var(--primary-red-transparent);
}
#galleryModal .slide-navigation-button.swiper-slide-next {
  right: 0;
}
#galleryModal .slide-navigation-button.swiper-slide-prev {
  left: 0;
}
#galleryModal .slide-navigation-button.swiper-slide-prev img {
  rotate: 180deg;
}
#galleryModal .slide-navigation-button.swiper-button-disabled {
  background: #fcfcfc;
}
#galleryModal .slide-navigation-button.swiper-button-disabled img {
  filter: grayscale(1);
  opacity: 0.5;
}
#galleryModal .slide-navigation-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(20);
}

.circulation-section .circulation-content {
  gap: 69px 65px;
}
@media (max-width: 768px) {
  .circulation-section .circulation-content {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 27px 24px;
  }
}
.circulation-section .circulation-content .circulation-content {
  display: none;
  opacity: 0;
  pointer-events: none;
}
.circulation-section .circulation-content .circulation-content.active {
  display: grid;
}
@media (max-width: 768px) {
  .circulation-section.main-circulation-section .circulation-content {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

.video-gallery .video-content {
  display: flex;
  flex-direction: column;
  gap: 43px;
  margin-bottom: 67px;
}
.video-gallery .video-content .video-name {
  font-size: var(--fs-35);
  margin: 0;
  font-weight: 500;
}
.video-gallery .video-content .body-video {
  display: flex;
  gap: 36px;
}
.video-gallery .video-content .body-video .video-player {
  flex: 1;
  border-radius: 13.78px;
  overflow: hidden;
  display: flex;
}
.video-gallery .video-content .body-video .video-player img{
  background: gray;
}
.video-gallery .video-content .body-video .video-player .video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-gallery .video-content .body-video .video-player .video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-gallery .video-content .body-video .video-player .video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-gallery .video-content .body-video .video-player .video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-gallery .video-content .body-video .video-player .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 100%;
}
.video-gallery .video-content .body-video .related-videos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 992px) {
  .video-gallery .video-content .body-video {
    flex-direction: column;
    align-items: stretch;
  }
  .video-gallery .video-content .body-video .related-videos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .video-gallery .video-content .body-video .related-videos .poster-video {
    width: 100%;
  }
  .video-gallery .video-content .body-video .related-videos .video-card1 {
    flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .video-gallery .main-group-content {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
  }
}

.yearly-book-section .main-group-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 46px 24px;
}

.kia-world-coverage .container .main-description {
  font-size: var(--fs-27);
  font-weight: 500;
  padding: 32px;
  padding-top: 0;
  line-height: 100%;
}
@media (max-width: 992px) {
  .kia-world-coverage .container .main-description {
    padding: 16px;
    padding-top: 0;
  }
}
.kia-world-coverage .container .kia-world-coverage-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
}
@media (max-width: 992px) {
  .kia-world-coverage .container .kia-world-coverage-content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage {
  display: flex;
  flex-direction: column;
  gap: 21px;
  align-items: flex-start;
  background: #fafafa;
  border-bottom: 5px solid #e9e9e9;
  padding: 32px 30px 32px 32px;
  border-radius: 21px;
}
@media (max-width: 768px) {
  .kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage {
    padding: 24px 16px;
    gap: 16px;
    max-width: 100%;
  }
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .title-card {
  margin: 0;
  font-weight: 500;
  line-height: 100%;
  font-size: var(--fs-27);
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .body-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .body-card .body-title {
  margin: 0;
  font-size: var(--fs-23-2);
  font-weight: 400;
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .body-card .body-title-2 {
  color: var(--primary-red);
  font-weight: 700;
  line-height: 100%;
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .body-card .item-body {
  font-size: var(--fs-20);
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .card-link {
  margin-top: auto;
  font-size: var(--fs-18);
  color: black;
  transition: 0.3s all ease-in-out;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .card-link span {
  word-break: break-all;
}
.kia-world-coverage .container .kia-world-coverage-content .card-kia-world-coverage .card-link:hover {
  color: var(--primary-red);
}

.ais-section .container .ais-groups {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.ais-section .container .ais-groups .ais-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ais-section .container .ais-groups .ais-content .title-content {
  font-size: var(--fs-22);
  font-weight: 700;
  margin: 0;
}

.weather-information-section {
  padding-bottom: 0;
}
.weather-information-section .container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 49px 32px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 768px) {
  .weather-information-section .container {
    padding: 32px 20px;
  }
}
.weather-information-section .container .weather-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  z-index: -1;
}
.weather-information-section .container .weather-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 30%;
     object-position: center 30%;
  z-index: -3;
  opacity: 0.9;
}
.weather-information-section .container .weather-bg::before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background-blend-mode: lighten;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.64) 0%, #ffffff 100%);
}
.weather-information-section .container .weather-information-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  gap: 32px;
}
.weather-information-section .container .weather-information-content .left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  max-width: 530px;
}
.weather-information-section .container .weather-information-content .left-side .title-section {
  font-size: var(--fs-40);
  font-weight: bold;
  margin: 0;
}
.weather-information-section .container .weather-information-content .left-side .description-section {
  font-size: var(--fs-22);
}
.weather-information-section .container .weather-information-content .left-side .link-meteorological-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--fs-22);
  text-decoration: none;
  color: black;
  gap: 32px;
}
.weather-information-section .container .weather-information-content .left-side .link-meteorological-center .image-link {
  height: 58px;
}
.weather-information-section .container .weather-information-content .left-side .link-meteorological-center .image-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weather-information-section .container .weather-information-content .right-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(242, 242, 242, 0.3254901961);
  border-radius: 23px;
  padding: 27px 50px;
  backdrop-filter: blur(5px);
}
.weather-information-section .container .weather-information-content .right-side .current-temperature {
  display: flex;
  align-items: center;
  gap: 26px;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .icon-weather {
  aspect-ratio: 1/1;
  max-width: 124px;
  max-height: 124px;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .icon-weather img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .temperature {
  display: flex;
  align-items: baseline;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .temperature .high {
  font-size: var(--fs-116);
  font-weight: 500;
  line-height: 140%;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .temperature .low {
  font-size: var(--fs-48);
  font-weight: 500;
  line-height: 140%;
  color: #636262;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .temperature .low sup {
  color: #636262;
  letter-spacing: -1%;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .weather-meta {
  list-style: none;
  margin: 8px 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: var(--fs-16);
  color: #636262;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .weather-meta li {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.weather-information-section .container .weather-information-content .right-side .current-temperature .weather-meta li.observation {
  flex: 0 0 100%;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .weather-meta .label {
  font-weight: 500;
  color: #3a3a3a;
}
.weather-information-section .container .weather-information-content .right-side .current-temperature .weather-meta .value {
  font-weight: 400;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature {
  display: grid;
  grid-template-columns: repeat(var(--forecast-days, 5), 1fr);
  gap: 15px;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .forecast-range .low {
  color: #636262;
  font-size: 0.85em;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature .day {
  margin-bottom: 10px;
  font-size: var(--fs-20);
  font-weight: 500;
}
@media (max-width: 558px) {
  .weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature .day{
      font-size: 14px;
  }
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature .icon-temperature {
  height: 30px;
  width: 30px;
  aspect-ratio: 1/1;
  display: flex;
  margin-bottom: 8px;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature .icon-temperature img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weather-information-section .container .weather-information-content .right-side .week-temperature .day-temperature .temperature {
  font-size: var(--fs-20);
  font-weight: 500;
  color: #636262;
}
@media (max-width: 1200px) {
  .weather-information-section .container .weather-information-content {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
  }
  .weather-information-section .container .weather-information-content .left-side {
    gap: 16px;
  }
  .weather-information-section .container .weather-information-content .right-side {
    padding: 20px;
  }
  .weather-information-section .container .weather-information-content .right-side .current-temperature .icon-weather {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 768px) {
  .weather-information-section .container .weather-information-content {
    padding: 0px;
  }
  .weather-information-section .container .weather-information-content .right-side .week-temperature {
    gap: 8px;
  }
}

.weather-description {
  margin-top: -48px;
}
.weather-description .container {
  background: #f9f9f9;
  border-radius: 23px;
  padding-inline: 32px;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .weather-description .container {
    padding-inline: 20px;
  }
}
.weather-description .container .weather-description-content {
  padding-top: 80px;
  padding-bottom: 33px;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 42px;
  width: 100%;
}
@media (max-width: 768px) {
  .weather-description .container .weather-description-content {
    align-items: flex-start;
    gap: 16px;
  }
}
.weather-description .container .weather-description-content .day-temperature {
  display: flex;
  align-items: center;
}
.weather-description .container .weather-description-content .day-temperature .icon-weather {
  height: 56px;
  width: 56px;
  aspect-ratio: 1/1;
  display: flex;
}
.weather-description .container .weather-description-content .day-temperature .icon-weather img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weather-description .container .weather-description-content .day-temperature .temperature {
  font-size: var(--fs-50);
  font-weight: 500;
}
.weather-description .container .weather-description-content .description-temperature {
  font-size: var(--fs-22);
}
.weather-description .container .weather-description-content .description-and-week {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.weather-description .container .weather-description-content .description-and-week .description-temperature {
  flex: 1 1 auto;
  min-width: 0;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature {
  display: grid;
  grid-template-columns: repeat(var(--forecast-days, 5), 1fr);
  gap: 12px;
  flex: 0 0 auto;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .forecast-range .low {
  color: #636262;
  font-size: 0.85em;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .day-temperature {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .day-temperature .day {
  margin-bottom: 6px;
  font-size: var(--fs-18);
  font-weight: 500;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .day-temperature .icon-temperature {
  height: 24px;
  width: 24px;
  aspect-ratio: 1/1;
  display: flex;
  margin-bottom: 6px;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .day-temperature .icon-temperature img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weather-description .container .weather-description-content .description-and-week .week-temperature .day-temperature .temperature {
  font-size: var(--fs-18);
  font-weight: 500;
  color: #636262;
}
@media (max-width: 768px) {
  .weather-description .container .weather-description-content .description-and-week {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .weather-description .container .weather-description-content .description-and-week .week-temperature {
    width: 100%;
  }
}

.sub-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-header-section .left-side {
  font-size: var(--fs-18);
  font-weight: 700;
}
.sub-header-section .left-side span {
  margin: 0 6px;
}
.sub-header-section .btn-type-view {
  background: #f3f3f3;
}
.sub-header-section .btn-type-view .icon img {
  filter: brightness(0);
}
.sub-header-section .btn-type-view:hover, .sub-header-section .btn-type-view.active {
  color: var(--primary-red);
}
.sub-header-section .btn-type-view:hover .icon img, .sub-header-section .btn-type-view.active .icon img {
  filter: none;
}

.table-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.table-pagination .pagination {
  display: flex;
  align-items: baseline;
  background: #f1f1f1;
  font-weight: 700;
  padding: 9px;
  border-radius: 4.37px;
  gap: 2px;
}
.table-pagination .pagination .current-page {
  font-size: var(--fs-22);
  color: #000000;
}
.table-pagination .pagination .total-page {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.2509803922);
}
.table-pagination .navigate-page {
  z-index: 4;
  pointer-events: all;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
  background: #f1f1f1;
}
.table-pagination .navigate-page.prev-page img {
  rotate: 180deg;
}
.table-pagination .navigate-page img {
  filter: grayscale(1);
  opacity: 0.5;
}
.table-pagination .navigate-page:hover, .table-pagination .navigate-page.active {
  background: var(--primary-red);
}
.table-pagination .navigate-page:hover img, .table-pagination .navigate-page.active img {
  filter: grayscale(1) brightness(20);
  opacity: 1;
}
.section-tab-content {
  display: none;
}
.section-tab-content.active {
  display: block;
}
 
/* ==========================================================================
   Shared: wrapper-table
   All rules below were duplicated verbatim across .statistics-section and
   .tenders-section. Now written once.
   ========================================================================== */
.section-tab-content .wrapper-table {
  margin-top: 36px;
  display: none;
}
.section-tab-content .wrapper-table.active {
  display: block;
}
 
.section-tab-content .wrapper-table th,
.section-tab-content .wrapper-table td {
  padding: 16px 12px;
  text-align: center !important;
  min-width: 138px;
  border-bottom: none !important;
  transition: 0.3s all ease-in-out;
  font-size: var(--fs-18);
  font-weight: 500;
}
.section-tab-content .wrapper-table td.dt-type-numeric {
  text-align: center;
}
.section-tab-content .wrapper-table thead tr th {
  text-align: center;
  color: white;
  background: var(--primary-red);
  font-weight: 800;
}
.section-tab-content .wrapper-table th.first-visible {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section-tab-content .wrapper-table th.last-visible {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section-tab-content .wrapper-table tbody tr:nth-child(odd) td {
  background: #f3f3f3;
}
.section-tab-content .wrapper-table tbody tr .first-visible {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.section-tab-content .wrapper-table tbody tr .last-visible {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.section-tab-content .wrapper-table tbody tr:hover td {
  background: #e9e9e9;
}
 
/* ==========================================================================
   Shared: main-header-section form-search layout
   Same breakpoint rules existed in both sections.
   ========================================================================== */
.main-header-section .form-search .form-group {
  flex: 1 1 auto;
  max-width: calc(50% - 8.5px);
}
@media (max-width: 448px) {
  .main-header-section .form-search {
    flex-wrap: wrap;
  }
  .main-header-section .form-search .form-group {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (max-width: 448px) {
  .main-header-section .left-side .sub-header-left {
    flex: 1;
  }
}
 
/* ==========================================================================
   statistics-section — only what is unique to this section
   ========================================================================== */
.statistics-section .wrapper-chart {
  display: none;
  background: #fafafa;
  border-bottom: 3px solid #f0f0f0;
  margin-top: 16px;
  border-radius: 16px;
  padding: 17px;
}
.statistics-section .wrapper-chart.active {
  display: block;
}
.statistics-section .wrapper-chart .header-chart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 37px 56px 19px;
}
.statistics-section .wrapper-chart .header-chart .title {
  font-size: 16px;
  font-weight: 600;
  color: #16192c;
  margin: 0;
}
.statistics-section .wrapper-chart .header-chart .actions-chart {
  display: flex;
  align-items: center;
  gap: 8px;
}
.statistics-section .wrapper-chart #legend-container {
  width: 100%;
  padding-inline-start: 56px;
}
.statistics-section .wrapper-chart #legend-container ul {
  max-width: 1294px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  list-style: none;
  padding: 0;
  margin-bottom: 38px;
}
.statistics-section .wrapper-chart #legend-container ul li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 15px;
  color: #425466;
  font-weight: 500;
  cursor: pointer;
}
.statistics-section .wrapper-chart #chart-element {
  width: 100%;
}
 
@media (max-width: 1200px) {
  .statistics-section .main-header-section {
    flex-direction: column;
  }
  .statistics-section .main-header-section .left-side {
    justify-content: center;
  }
}
@media (max-width: 768px) {
    .statistics-section .wrapper-chart .header-chart{
      flex-direction: column;
      padding: 24px;
    }
    .statistics-section .wrapper-chart .header-chart .actions-chart{
      width: 100%;
    }
    .statistics-section .wrapper-chart .header-chart .actions-chart .base-btn{
      flex: 1;
      justify-content: center;
      width: 100%;
    }
    .statistics-section .wrapper-chart #legend-container{
      padding-inline-start: 24px;
    }
}
@media (max-width: 448px) {
  .statistics-section .wrapper-chart .header-chart .actions-chart{
    flex-direction: column;
  }
  .statistics-section .main-header-section .left-side {
    gap: 17px;
    flex-direction: row;
  }
  .statistics-section .main-header-section .left-side .btn-type-view {
    width: 100%;
  }
}
@media (max-width: 448px) {
  .statistics-section .sub-header-section .left-side {
    flex: 1;
  }
}
 
/* ==========================================================================
   tenders-section — only what is unique to this section
   ========================================================================== */
 
/* The one cell-level rule that tenders adds and statistics does not */
.tenders-section .wrapper-table th .base-btn,
.tenders-section .wrapper-table td .base-btn {
  text-wrap: nowrap;
}

.tenders-section .tender-subject-link {
  color: var(--primary-red);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tenders-section .tender-subject-link:hover {
  color: var(--dark);
}
 
@media (max-width: 1200px) {
  .tenders-section .main-header-section.form-search {
    flex-direction: column;
  }
  .tenders-section .main-header-section.form-search .left-side {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .tenders-section .main-header-section .left-side .form-group {
    flex: 1 1 30%;
  }
}
@media (max-width: 768px) {
  .tenders-section .main-header-section .left-side .form-group {
    flex: 1 1 48%;
    max-width: none;
  }
}
@media (max-width: 448px) {
  .tenders-section .main-header-section:not(.form-search) .left-side {
    gap: 17px;
    flex-direction: row;
  }
  .tenders-section .sub-header-section .left-side {
    flex: 1;
  }
}

.privacy-section .container {
  background: #f9f9f9;
  border-radius: 20px;
  border-bottom: 5px solid var(--primary-red);
  padding: 39px;
  display: flex;
  justify-content: center;
}
.privacy-section .container .section-content {
  max-width: 1325px;
  width: 100%;
}
.privacy-section .container .section-content h3,
.privacy-section .container .section-content h4 {
  font-size: var(--fs-22);
  font-weight: 700;
  color: var(--primary-red);
}
.privacy-section .container .section-content li,
.privacy-section .container .section-content p {
  font-size: var(--fs-22);
  font-weight: 400;
}

.report-section .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-section .container .wrapper-form {
  max-width: 732px;
  width: 100%;
  gap: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.report-section .container .wrapper-form .form-group {
  gap: 8px;
}
.report-section .container .wrapper-form .form-group .base-label {
  color: black;
  padding-inline-start: 18px;
  margin-bottom: 10px;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper textarea,
.report-section .container .wrapper-form .form-group .form-input-wrapper input {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  backdrop-filter: blur(15.3000001907px);
  border-radius: 10px;
  color: #000000;
  font-weight: 500;
  font-size: var(--fs-18);
  padding-inline-start: 18px;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper textarea::-moz-placeholder, .report-section .container .wrapper-form .form-group .form-input-wrapper input::-moz-placeholder {
  color: #bababa;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper textarea::placeholder,
.report-section .container .wrapper-form .form-group .form-input-wrapper input::placeholder {
  color: #bababa;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper textarea {
  height: 201px;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper input[type=file] {
  display: none;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  backdrop-filter: blur(15.3000001907px);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: var(--primary-red);
  font-weight: 500;
  font-size: var(--fs-18);
  padding: 10px 16px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file .icon {
  width: 29px;
  height: 29px;
  display: flex;
  padding: 6px;
  background: var(--primary-red);
  border-radius: 6px;
  position: static;
  translate: 0 0;
  transition: 0.3s all ease-in-out;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  rotate: -90deg;
  -moz-filter: brightness(10);
  -ms-filter: brightness(10);
  -o-filter: brightness(10);
  -webkit-filter: brightness(10);
  filter: brightness(10);
  transition: 0.3s all ease-in-out;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file:hover {
  background-color: var(--primary-red);
  color: #fff;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file:hover .icon {
  background: white;
}
.report-section .container .wrapper-form .form-group .form-input-wrapper .btn-file:hover .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  rotate: -90deg;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.report-section .container .wrapper-form .form-group .error-msg {
  padding-inline-start: 18px;
}
.report-section .container .wrapper-form button[type=submit] {
  justify-content: center;
}
@media (max-width: 768px) {
  .report-section .container .wrapper-form {
    gap: 0px;
  }
  .report-section .container .wrapper-form .form-row {
    gap: 0px;
  }
  .report-section .container .wrapper-form .form-row .base-label {
    margin-bottom: 0;
  }
}

.lost-found-section .container {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  overflow: hidden;
  padding: 32px;
  display: flex;
  justify-content: center;
  min-height: 398px;
}
.lost-found-section .container::before {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.lost-found-section .container .bg-lost-found {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -3;
}
.lost-found-section .container .bg-lost-found img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lost-found-section .container .wrapper-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: 1200px;
  width: 100%;
}
.lost-found-section .container .wrapper-content .left-side .subtitle {
  font-weight: 700;
  font-size: var(--fs-40);
  max-width: 516px;
  color: #ffffff;
  margin: 0;
}
.lost-found-section .container .wrapper-content .right-side .box-lost-found {
  background: rgba(70, 70, 70, 0.4901960784);
  border: 1px solid #ffffff;
  backdrop-filter: blur(9px);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
}
.lost-found-section .container .wrapper-content .right-side .box-lost-found .title {
  font-size: var(--fs-22);
  color: white;
  margin: 0;
  line-height: 33px;
}
@media (max-width: 1200px) {
  .lost-found-section .container .wrapper-content {
    flex-direction: column;
    align-items: center;
  }
  .lost-found-section .container .wrapper-content .left-side .subtitle {
    max-width: 100%;
  }
  .lost-found-section .container .wrapper-content .right-side .box-lost-found {
    gap: 8px;
  }
}
@media (max-width: 1200px) {
  .lost-found-section .container {
    min-height: auto;
  }
}

.custom-wrapper-form {
  max-width: 732px;
  width: 100%;
  gap: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-wrapper-form .form-group {
  gap: 8px;
}
.custom-wrapper-form .form-group .base-label {
  color: black;
  padding-inline-start: 18px;
  margin-bottom: 10px;
  font-weight: 500;
}
.custom-wrapper-form .form-group .form-input-wrapper textarea,
.custom-wrapper-form .form-group .form-input-wrapper input {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  backdrop-filter: blur(15.3000001907px);
  border-radius: 10px;
  color: #000000;
  font-weight: 500;
  font-size: var(--fs-18);
  padding-inline-start: 18px;
}
.custom-wrapper-form .form-group .form-input-wrapper textarea::-moz-placeholder, .custom-wrapper-form .form-group .form-input-wrapper input::-moz-placeholder {
  color: #bababa;
}
.custom-wrapper-form .form-group .form-input-wrapper textarea::placeholder,
.custom-wrapper-form .form-group .form-input-wrapper input::placeholder {
  color: #bababa;
}
.custom-wrapper-form .form-group .form-input-wrapper textarea {
  height: 201px;
}
.custom-wrapper-form .form-group .form-input-wrapper input[type=file] {
  display: none;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file {
  background: rgba(0, 0, 0, 0.0117647059);
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  backdrop-filter: blur(15.3000001907px);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: var(--primary-red);
  font-weight: 500;
  font-size: var(--fs-18);
  padding: 10px 16px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file .icon {
  width: 29px;
  height: 29px;
  display: flex;
  padding: 6px;
  background: var(--primary-red);
  border-radius: 6px;
  position: static;
  translate: 0 0;
  transition: 0.3s all ease-in-out;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  rotate: -90deg;
  -moz-filter: brightness(10);
  -ms-filter: brightness(10);
  -o-filter: brightness(10);
  -webkit-filter: brightness(10);
  filter: brightness(10);
  transition: 0.3s all ease-in-out;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file:hover {
  background-color: var(--primary-red);
  color: #fff;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file:hover .icon {
  background: white;
}
.custom-wrapper-form .form-group .form-input-wrapper .btn-file:hover .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  rotate: -90deg;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
}
.custom-wrapper-form .form-group .error-msg {
  padding-inline-start: 18px;
}
.custom-wrapper-form button[type=submit] {
  justify-content: center;
}
@media (max-width: 768px) {
  .custom-wrapper-form {
    gap: 0px;
  }
  .custom-wrapper-form .form-row {
    gap: 0px;
  }
  .custom-wrapper-form .form-row .base-label {
    margin-bottom: 0;
  }
}

.contact-details-section .container {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0;
  z-index: 1;
}
.contact-details-section .container .bg-contact {
  height: calc(100% - 60px);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  border-radius: 30px;
  overflow: hidden;
  z-index: -3;
}
.contact-details-section .container .bg-contact::before {
  content: "";
  background: rgba(255, 255, 255, 0.7490196078);
  background-blend-mode: lighten;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.contact-details-section .container .bg-contact img,
.contact-details-section .container .bg-contact video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-details-section .container .details {
  max-width: 738px;
  padding: 62px 0 86px 62px;
}
.contact-details-section .container .details .title {
  margin-bottom: 16px;
  font-weight: 700;
  color: var(--primary-red);
  font-size: var(--fs-40);
}
.contact-details-section .container .details .description {
  font-size: var(--fs-20);
  color: #7b7b7b;
  margin-bottom: 39px;
}
.contact-details-section .container .details .social-links {
  display: flex;
  align-items: center;
  gap: 17.7px;
}
.contact-details-section .container .details .social-links .link-item {
  width: 42px;
  height: 42px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.364) 0%, rgba(255, 255, 255, 0.182) 100%);
  padding: 9px;
  backdrop-filter: blur(0px);
  border-radius: 50%;
}
.contact-details-section .container .details .social-links .link-item:hover {
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.32) 100%);
  transition: box-shadow 0.2s, background 0.2s;
}
.contact-details-section .container .details .social-links .link-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact-details-section .container .custom-wrapper-form {
  max-width: 570px;
  backdrop-filter: blur(44.0999984741px);
  background: rgba(242, 242, 242, 0.6980392157);
  border-radius: 23px;
  padding: 37px 33px;
}
.contact-details-section .container .custom-wrapper-form input,
.contact-details-section .container .custom-wrapper-form textarea,
.contact-details-section .container .custom-wrapper-form .btn-file {
  background: #ffffff;
}
@media (max-width: 1200px) {
  .contact-details-section .container {
    flex-direction: column;
    align-items: stretch;
  }
  .contact-details-section .container .details {
    max-width: 100%;
    padding: 62px 32px 32px;
  }
  .contact-details-section .container .details .description {
    margin-bottom: 16px;
  }
  .contact-details-section .container .custom-wrapper-form {
    max-width: 100%;
  }
}

.error-page .container {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 28px;
  display: flex;
  align-items: flex-start;
}
.error-page .container .bg-error {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.error-page .container .bg-error img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.error-page .container .wrapper-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.error-page .container .wrapper-content .error-number {
  font-size: var(--fs-249);
  font-weight: 700;
  line-height: 104%;
}
.error-page .container .wrapper-content .right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 526px;
}
.error-page .container .wrapper-content .title-error {
  font-size: var(--fs-58);
  font-weight: 700;
  margin-bottom: 12px;
}
.error-page .container .wrapper-content .desc-error {
  font-size: var(--fs-30);
  font-weight: 400;
  margin-bottom: 42px;
}
.error-page .container .wrapper-content .base-btn {
  width: 100%;
  max-width: 364px;
  justify-content: center;
}
@media (max-width: 992px) {
  .error-page .container {
    min-height: auto;
  }
  .error-page .container .wrapper-content {
    text-align: center;
    flex-direction: column;
  }
  .error-page .container .wrapper-content .right-side {
    align-items: center;
  }
}

.title-page {
  font-size: var(--fs-40);
  font-weight: 700;
  margin-bottom: 34px;
}

.search-result-section .container {
  display: flex;
  justify-content: center;
}
.search-result-section .wrapper-search {
  width: 100%;
  max-width: 1289px;
}
.search-result-section .main-header-section .search-result-text {
  font-size: var(--fs-20);
  font-weight: 400;
}
.search-result-section .search-result-content {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 10px;
}
.search-result-section .search-result-content .search-result-item {
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
  padding: 37px 25px;
  gap: 12px;
  border-radius: 8px;
  background: #f3f3f3;
  font-size: var(--fs-20);
  font-weight: 500;
}
@media (max-width: 768px) {
  .search-result-section .search-result-content .search-result-item {
    padding: 12px 16px;
    flex-direction: column;
  }
  .search-result-section .search-result-content .search-result-item .base-btn {
    align-self: flex-end;
  }
}

.statistics-section .statistics-wrapper {
  margin-top: 2rem;
  text-align: center;
}
.statistics-section .empty-search-result {
  padding: 2rem;
  background: rgba(243, 243, 243, 0.5);
  border-radius: 8px;
}
.statistics-section .empty-search-result .statistics-title {
  font-size: var(--fs-22);
  font-weight: 600;
  margin-bottom: 1rem;
}
.statistics-section .empty-search-result .statistics-message {
  font-size: var(--fs-18);
  color: var(--dark);
  opacity: 0.9;
}

.sitemap-section .container {
  display: flex;
  justify-content: center;
}
.sitemap-section .wrapper-sitemap {
  width: 100%;
  max-width: 1306px;
}
.sitemap-section .wrapper-sitemap .sitemap-box {
  display: flex;
  flex-direction: column;
}
.sitemap-section .wrapper-sitemap .sitemap-box:not(:last-child) {
  margin-bottom: 33px;
}
.sitemap-section .wrapper-sitemap .sitemap-box {
  gap: 33px;
}
.sitemap-section .wrapper-sitemap .sitemap-box .title-box {
  margin: 0;
  font-size: var(--fs-22);
  font-weight: 700;
  color: black;
  text-decoration: none;
}
.sitemap-section .wrapper-sitemap .sitemap-box .box-list {
  border-radius: 25px;
  background: rgba(235, 235, 235, 0.2784313725);
  padding: 25px 29px;
  display: flex;
  flex-direction: column;
  gap: 29px;
}
.sitemap-section .wrapper-sitemap .sitemap-box .box-list .sub-title {
  font-size: var(--fs-20);
  font-weight: 700;
  color: var(--primary-red);
}
.sitemap-section .wrapper-sitemap .sitemap-box .sitemap-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 32px;
}
@media (max-width: 768px) {
  .sitemap-section .wrapper-sitemap .sitemap-box .sitemap-list {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.sitemap-section .wrapper-sitemap .sitemap-box .sitemap-list .column-sitemap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sitemap-section .wrapper-sitemap .sitemap-box .sitemap-list .column-sitemap a {
  font-weight: 400;
  font-size: var(--fs-22);
  text-decoration: none;
  color: #000000;
  transition: 0.3s all ease-in-out;
}
.sitemap-section .wrapper-sitemap .sitemap-box .sitemap-list .column-sitemap a:hover {
  color: var(--primary-red);
}

@media (max-width: 768px) {
  .responsibilities-section .container .section-content .left-side .wrapper-image {
    height: 250px;
  }
  .about-managment-section .container .group-management .inner-groups .inner-group {
    flex-direction: column;
    align-items: flex-start;
  }
  .about-managment-section .container .group-management .inner-groups .inner-group .card-image {
    align-self: center;
  }
}
@media (max-height: 700px) {
  .app-page:not(:has(.inner-page):has(.decrease-logo)) #header .top-header .top-header-content .left-side .logo {
    height: 60px;
  }
  .app-page:not(:has(.inner-page):has(.decrease-logo)) #header .top-header .top-header-content .left-side .logo img {
    height: 100%;
    width: auto;
  }
  .banner .swiper-home-banner .swiper-slide .description {
    margin-bottom: 12px;
  }
  .banner .swiper-home-banner .swiper-slide .title {
    margin-bottom: 24px;
    font-size: var(--fs-58);
  }
  .banner .slide-pagination {
    bottom: 20px;
  }
}
@media (max-width: 768px) and (max-height: 700px) {
  .app-page:not(:has(.inner-page):has(.decrease-logo)) #header .top-header .top-header-content .left-side .logo {
    height: 40px;
  }
  .app-page:not(:has(.inner-page):has(.decrease-logo)) #header .top-header .top-header-content .left-side .logo img {
    height: 100%;
    width: auto;
  }
}
.cleared-margin .form-group {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .cleared-margin .form-group {
    margin-bottom: 12px;
    gap: 4px;
  }
}
.cleared-margin .form-group .base-label {
  margin-bottom: 0 !important;
}

input {
  caret-color: var(--primary-red);
}

.asterisk {
  color: red;
}

.form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
}
.form-row.one-column {
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}

.form-row-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 768px) {
  .form-row-2 {
    grid-template-columns: 1fr;
    gap: 17px;
  }
}
.form-row-2.three-column {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1200px) {
  .form-row-2.three-column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .form-row-2.three-column {
    gap: 17px;
    grid-template-columns: 1fr;
  }
}

.base-label {
  font-size: var(--fs-20);
  color: white;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-bottom: 16px;
  flex: 1;
}
.form-group .error-msg {
  display: none;
  color: var(--primary-red);
  font-size: 15px;
  font-weight: 600;
}
.form-group.show-error .error-msg {
  display: flex;
}

.form-input-wrapper {
  position: relative;
}
.form-input-wrapper textarea,
.form-input-wrapper input {
  background: rgba(0, 0, 0, 0.0117647059);
  backdrop-filter: blur(15.3000001907px);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
  padding: 18px 13px 14px;
  border-radius: 10px;
  font-weight: 500;
  color: White;
  border: none;
  width: 100%;
  resize: none;
}
.form-input-wrapper textarea::-moz-placeholder, .form-input-wrapper input::-moz-placeholder {
  color: White;
}
.form-input-wrapper textarea::placeholder,
.form-input-wrapper input::placeholder {
  color: White;
}
.form-input-wrapper:has(.icon) input {
  padding: 18px 42px 14px 13px;
}
.form-input-wrapper .icon {
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 50%;
  inset-inline-end: 18px;
  translate: 0 -50%;
  pointer-events: none;
}
.form-input-wrapper .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.select2-container {
  background: rgba(0, 0, 0, 0.0117647059);
  box-shadow: 0px 0px 25.3px 4px rgba(255, 255, 255, 0.1019607843) inset;
}
.select2-container .select2-results__option--selectable {
  text-align: start;
  font-weight: 500;
}
.select2-container .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--primary-red);
}
.select2-container .select2-selection--single .select2-selection__clear {
  display: flex;
  align-items: center;
}
.select2-container .select2-selection--single {
  height: auto;
  backdrop-filter: blur(15.3000001907px);
  padding: 10px 24px 10px 18px;
  font-size: var(--fs-20);
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  align-items: center;
  border-radius: 10px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  top: 50%;
  translate: 0 -50%;
  inset-inline-end: 8px;
}

.modal .select2-container {
  z-index: 10000;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
}

.form-group2 {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.form-group2 .wrapper-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F5F6FA;
  height: 100%;
}
.form-group2 .wrapper-form-group .base-label {
  color: var(--dark-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 107.8%;
  opacity: 0.7;
}
.form-group2 .wrapper-form-group .form-input-wrapper {
  position: relative;
}
.form-group2 .wrapper-form-group .form-input-wrapper .select2-container--default .select2-selection--single {
  border-radius: 10px;
  font-size: var(--fs-18);
  color: var(--dark-2);
  font-weight: 400;
  border: none;
  background: #F5F6FA;
  display: flex;
  align-items: center;
  padding: 0;
}
.form-group2 .wrapper-form-group .form-input-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--dark-2);
  padding: 0;
}
.form-group2 .wrapper-form-group .form-input-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--dark-2);
  opacity: 0.7;
}
.form-group2 .wrapper-form-group .form-input-wrapper .file-name {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 400;
}
.form-group2 .wrapper-form-group .form-input-wrapper textarea,
.form-group2 .wrapper-form-group .form-input-wrapper input {
  font-size: var(--fs-18);
  color: var(--dark-2);
  padding: 0;
  font-weight: 400;
  line-height: 100%;
  border-radius: 0;
  overflow: hidden;
}
.form-group2 .wrapper-form-group .form-input-wrapper textarea.phone-input,
.form-group2 .wrapper-form-group .form-input-wrapper input.phone-input {
  text-align: end;
  direction: ltr;
}
.form-group2 .wrapper-form-group .form-input-wrapper textarea.file-input,
.form-group2 .wrapper-form-group .form-input-wrapper input.file-input {
  display: none;
}
.form-group2 .wrapper-form-group .form-input-wrapper textarea::-moz-placeholder, .form-group2 .wrapper-form-group .form-input-wrapper input::-moz-placeholder {
  color: var(--dark-2);
  opacity: 0.7;
}
.form-group2 .wrapper-form-group .form-input-wrapper textarea::placeholder,
.form-group2 .wrapper-form-group .form-input-wrapper input::placeholder {
  color: var(--dark-2);
  opacity: 0.7;
}
.form-group2 .wrapper-form-group .file-input-wrapper {
  display: flex;
  align-items: center;
  position: static;
  gap: 10px;
  cursor: pointer;
}
.form-group2 .wrapper-form-group .file-input-wrapper .icon {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  inset-inline-end: 18px;
  translate: 0 -50%;
  pointer-events: none;
}
.form-group2 .wrapper-form-group .file-input-wrapper .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#footer {
  position: sticky;
  top: 0px;
  z-index: 15;
}
#footer footer {
  background: var(--dark);
  display: flex;
  flex-direction: column;
}
#footer footer .top-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 39px;
  border-bottom: 1px solid #ffffff;
}
#footer footer .top-footer .left-side {
  flex: 1;
}
#footer footer .top-footer .left-side .links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-inline-start: -175px;
}
@media (max-width: 1200px) {
  #footer footer .top-footer .left-side .links {
    margin-inline-start: 0px;
    padding-inline-end: 20px;
  }
}
#footer footer .top-footer .left-side .links .item-link:nth-child(1) .line {
  max-width: 725px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(2) .line {
  max-width: 587px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(3) .line {
  max-width: 883px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(4) .line {
  max-width: 659px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(5) .line {
  max-width: 471px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(6) .line {
  max-width: 587px;
}
#footer footer .top-footer .left-side .links .item-link:nth-child(7) .line {
  max-width: 356px;
}
#footer footer .top-footer .left-side .links .item-link {
  display: flex;
  align-items: center;
  gap: 42px;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 28px;
}
@media (max-width: 558px) {
  #footer footer .top-footer .left-side .links .item-link {
    gap: 24px;
    margin-bottom: 12px;
  }
}
#footer footer .top-footer .left-side .links .item-link:last-child {
  margin-bottom: 0;
}
@media (max-width: 558px) {
  #footer footer .top-footer .left-side .links .item-link:last-child {
    margin-bottom: 12px;
  }
}
#footer footer .top-footer .left-side .links .item-link:has(+ .item-link .download-app) {
  margin-bottom: 16px;
}
@media (max-width: 448px) {
  #footer footer .top-footer .left-side .links .item-link:has(.download-app) {
    padding-inline-start: 20px;
  }
  #footer footer .top-footer .left-side .links .item-link:has(.download-app) .line {
    display: none;
  }
}
#footer footer .top-footer .left-side .links .item-link a {
  font-size: var(--fs-30);
  text-decoration: none;
  color: white;
  transition: 0.3s color ease-in-out;
}
#footer footer .top-footer .left-side .links .item-link a:hover {
  color: var(--primary-red);
}
#footer footer .top-footer .left-side .links .item-link .line {
  display: flex;
  align-items: center;
  background: #7e7e7e;
  height: 2px;
  position: relative;
  flex: 1 1;
}
#footer footer .top-footer .left-side .links .item-link .line::before {
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  inset-inline-end: -2px;
  translate: 0 -50%;
  background: #7e7e7e;
  rotate: 45deg;
}
#footer footer .top-footer .left-side .links .item-link .download-app {
  display: flex;
  align-items: center;
  gap: 15px;
}
#footer footer .top-footer .left-side .links .item-link .download-app p {
  margin: 0;
  color: white;
  font-size: var(--fs-30);
  margin-inline-end: 40px;
}
#footer footer .top-footer .left-side .links .item-link .download-app a {
  width: 173px;
  height: 57px;
  display: flex;
  transition: 0.3s box-shadow ease-in-out;
}
#footer footer .top-footer .left-side .links .item-link .download-app a:hover {
  box-shadow: 0 0 12px 0 var(--primary-red-transparent);
}
#footer footer .top-footer .left-side .links .item-link .download-app a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  #footer footer .top-footer .left-side .links .item-link .download-app {
    gap: 8px;
  }
  #footer footer .top-footer .left-side .links .item-link .download-app p {
    margin-inline-end: 20px;
  }
  #footer footer .top-footer .left-side .links .item-link .download-app a {
    width: 120px;
    height: auto;
  }
}
@media (max-width: 558px) {
  #footer footer .top-footer .left-side .links .item-link .download-app a {
    width: 80px;
  }
}
@media (max-width: 448px) {
  #footer footer .top-footer .left-side .links .item-link .download-app {
    flex-wrap: wrap;
  }
  #footer footer .top-footer .left-side .links .item-link .download-app p {
    flex: 1 1 100%;
  }
  #footer footer .top-footer .left-side .links .item-link .download-app a {
    flex: 1;
    max-width: 100px;
  }
}
#footer footer .top-footer .right-side {
  flex: 1 1;
  width: 40%;
  max-width: 916px;
}
#footer footer .top-footer .right-side .map {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#footer footer .top-footer .right-side .map::after, #footer footer .top-footer .right-side .map::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, var(--dark) 0%, rgba(37, 36, 36, 0) 100%);
  width: 45%;
  height: 100%;
}
#footer footer .top-footer .right-side .map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  #footer footer .top-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  #footer footer .top-footer .right-side {
    width: 100%;
    min-height: 120px;
    max-width: 100%;
  }
}
#footer footer .body-footer .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-block: 49px 42px;
}
#footer footer .body-footer .container .footer-row {
  display: flex;
  flex-direction: column;
}
#footer footer .body-footer .container .logo-row {
  gap: 12px;
}
@media (max-width: 768px) {
  #footer footer .body-footer .container .logo-row {
    flex: 1 1 100%;
    align-items: center;
  }
}
#footer footer .body-footer .container .logo-row .footer-logo {
  width: 227px;
  height: auto;
  display: flex;
}
@media (max-width: 768px) {
  #footer footer .body-footer .container .logo-row .footer-logo {
    width: 180px;
  }
}
@media (max-width: 558px) {
  #footer footer .body-footer .container .logo-row .footer-logo {
    width: 130px;
  }
}
#footer footer .body-footer .container .logo-row .footer-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer footer .body-footer .container .logo-row .social-links {
  display: flex;
  align-items: center;
  gap: 8px;
}
#footer footer .body-footer .container .logo-row .social-links .item-social {
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 7px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  backdrop-filter: blur(0px);
  transition: 0.3s box-shadow ease-in-out;
}
#footer footer .body-footer .container .logo-row .social-links .item-social:hover {
  box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2);
}
#footer footer .body-footer .container .logo-row .social-links .item-social img {
  width: 19px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer footer .body-footer .container .contact-row {
  gap: 20px;
}
#footer footer .body-footer .container .contact-row .contact-item {
  display: flex;
  align-items: first baseline;
  gap: 12px;
}
#footer footer .body-footer .container .contact-row .contact-item .info-contact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: var(--fs-20);
  color: #ffffff;
  line-height: 22px;
}
#footer footer .body-footer .container .contact-row .contact-item .info-contact a {
  color: #ffffff;
  line-height: 40px;
  text-decoration: none;
  transition: 0.3s all ease-in;
}
#footer footer .body-footer .container .contact-row .contact-item .info-contact a:hover {
  color: var(--primary-red);
}
#footer footer .body-footer .container .contact-row .contact-item .icon {
  display: flex;
  height: 16px;
  width: 16px;
}
#footer footer .body-footer .container .contact-row .contact-item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer footer .body-footer .container .subscribe-row {
  flex: 1;
  max-width: 403px;
}
@media (max-width: 768px) {
  #footer footer .body-footer .container {
    flex-wrap: wrap;
  }
  #footer footer .body-footer .container .subscribe-row {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
#footer footer .bottom-footer {
  border-top: 1px solid #ffffff;
}
#footer footer .bottom-footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-block: 20px;
}
@media (max-width: 558px) {
  #footer footer .bottom-footer .container {
    gap: 8px;
    flex-direction: column;
  }
}
#footer footer .bottom-footer .copyright-text {
  color: #fff;
}
@media (max-width: 558px) {
  #footer footer .bottom-footer .copyright-text {
    text-align: center;
  }
}
#footer footer .bottom-footer .links {
  display: flex;
  align-items: center;
  gap: 8px;
}
#footer footer .bottom-footer .links .divider {
  height: 10px;
  width: 2px;
  background: white;
  display: flex;
}
#footer footer .bottom-footer .links a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
#footer footer .bottom-footer .links a:hover {
  color: var(--primary-red);
}

#aside {
  position: sticky;
  top: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  height: calc(100dvh - 40px);
  z-index: 999;
}
#aside aside {
  background: #FFFFFF;
  border-radius: 16px;
  height: calc(100dvh - 40px);
  z-index: 10;
}
#aside .wrapper-aside {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 16px;
  padding-inline-end: 0;
}
#aside .wrapper-aside .dropdown-menu {
  text-align: start;
}
#aside .wrapper-aside .header-aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 16px;
}
#aside .wrapper-aside .header-aside .logo {
  height: 50px;
  width: 151.3937px;
  display: flex;
}
#aside .wrapper-aside .header-aside .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#aside .wrapper-aside .header-aside .closeMenu {
  height: 32px;
  width: 32px;
  display: none;
  background: none;
  border: none;
}
@media (max-width: 1024px) {
  #aside .wrapper-aside .header-aside .closeMenu {
    display: flex;
  }
}
#aside .wrapper-aside .header-aside .closeMenu img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
#aside .wrapper-aside .body-aside {
  display: flex;
  flex-direction: column;
  height: calc(100% - 60px);
}
#aside .wrapper-aside .body-aside .title-aside {
  color: var(--dark-2);
  font-weight: 500;
  font-size: var(--fs-14);
  padding-inline-end: 16px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion {
  padding: 0;
  padding-inline-end: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E3E3E3 #F5F6FA;
  flex-wrap: nowrap;
  max-height: 100%;
}
#aside .wrapper-aside .body-aside #sidebarAccordion::-webkit-scrollbar {
  width: 8px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion::-webkit-scrollbar-thumb {
  background: #E3E3E3;
  border-radius: 4px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion::-webkit-scrollbar-track {
  background: #F5F6FA;
  border-radius: 4px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--dark-transparent-2);
  font-size: var(--fs-14);
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item .icon {
  display: flex;
  transition: 0.3s all ease-in-out;
  filter: grayscale(1) brightness(2);
  height: 20px;
  width: 20px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item.active, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item:hover {
  background: #F5F6FA;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item.active .icon, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .dropdown-item:hover .icon {
  filter: none;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link {
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 100px;
  color: var(--dark-transparent-2);
  font-size: var(--fs-14);
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link::after {
  margin-inline-start: auto;
  border: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.174341 0.174191C0.406796 -0.0580635 0.78368 -0.0580635 1.01613 0.174191L4.93625 4.09091C5.1687 4.32316 5.54558 4.32316 5.77804 4.09091L9.69815 0.174192C9.93061 -0.0580624 10.3075 -0.0580624 10.5399 0.174192C10.7724 0.406445 10.7724 0.783003 10.5399 1.01526L6.61983 4.93197C5.92247 5.62874 4.79182 5.62874 4.09445 4.93197L0.174341 1.01526C-0.0581137 0.783002 -0.0581137 0.406444 0.174341 0.174191Z" fill="%232B2B36" fill-opacity="0.8"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10.714px 5.455px;
  height: 5.455px;
  width: 10.714px;
  transition: 0.3s all ease-in-out;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link .icon {
  display: flex;
  transition: 0.3s all ease-in-out;
  filter: grayscale(1) brightness(2);
  height: 20px;
  width: 20px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link.active, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link:has(.active), #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link:hover, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link.show {
  background: #F5F6FA;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link.active .icon, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link:has(.active) .icon, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link:hover .icon, #aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link.show .icon {
  filter: none;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .nav-item .nav-link.show::after {
  rotate: -180deg;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .dropdown-menu {
  position: static !important;
  transform: none !important;
  border: none;
  border-radius: 0;
  border-top: 1px solid rgba(135, 136, 140, 0.15);
  border-bottom: 1px solid rgba(135, 136, 140, 0.15);
  background: rgba(245, 246, 250, 0.49);
  flex-direction: column;
  gap: 16px;
  padding-block: 18px 12px;
}
#aside .wrapper-aside .body-aside #sidebarAccordion .dropdown-menu.show {
  display: flex;
}
@media (max-width: 1024px) {
  #aside {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    pointer-events: none;
  }
  #aside.active {
    pointer-events: all;
  }
  #aside aside {
    translate: 120dvw 0;
    z-index: 10;
    width: 400px;
    max-width: calc(100% - 40px);
    opacity: 0;
    transition: 0.3s all ease-in-out;
  }
  #aside.active aside {
    translate: 0 0;
    opacity: 1;
  }
  #aside::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(36, 35, 35, 0.3);
    z-index: 9;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
    backdrop-filter: blur(5px);
  }
  #aside.active::before {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 1024px) {
  body:has(#aside.active) {
    overflow: hidden;
  }
}
.portal-page {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 40px;
  padding-inline: 40px;
  background: #f5f6fa;
  min-height: 100dvh;
}
.portal-page .portal-content {
  padding-block: 20px;
  min-width: 0;
  width: 100%;
}
.portal-page > .modal {
  z-index: 1055;
}
.portal-page > .modal-backdrop {
  z-index: 1050;
}
@media (max-width: 1024px) {
  .portal-page {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .portal-page {
    padding-inline: 12px;
  }
}

.portal-main-header {
  border-radius: 16px;
  background: #fff;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: sticky;
  top: 0;
  z-index: 99;
}
@media (max-width: 768px) {
  .portal-main-header {
    padding: 12px 16px;
  }
}
.portal-main-header .right-side {
  flex: 1;
  max-width: 552px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.portal-main-header .right-side .menuButton {
  display: none;
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}
@media (max-width: 1024px) {
  .portal-main-header .right-side .menuButton {
    display: flex;
  }
}
.portal-main-header .right-side .menuButton img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
.portal-main-header .right-side .search-form {
  position: relative;
  flex: 1;
}
.portal-main-header .right-side .search-form .form-group {
  margin: 0;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input {
  position: relative;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input .icon {
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  translate: 0 -50%;
  pointer-events: none;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input input {
  border: none;
  background: white;
  padding: 4px 36px 4px 0;
  width: 100%;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input input::-moz-placeholder {
  color: black;
  font-size: 16px;
  font-weight: 500;
}
.portal-main-header .right-side .search-form .form-group .wrapper-input input::placeholder {
  color: black;
  font-size: 16px;
  font-weight: 500;
}
.portal-main-header .right-side .search-form .search-result-box {
  width: 100%;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: absolute;
  top: calc(100% + 30px);
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  background: #fff;
  list-style: none;
  opacity: 0;
  translate: 0 20px;
  transition: opacity 0.3s ease-in, translate 0.3s ease-in;
  pointer-events: none;
}
.portal-main-header .right-side .search-form .search-result-box a {
  text-decoration: none;
  color: var(--dark-2);
  font-size: var(--fs-18);
  transition: all 0.3s ease-in;
  width: 100%;
}
.portal-main-header .right-side .search-form .search-result-box a .search-word {
  font-weight: 500;
}
.portal-main-header .right-side .search-form:has(.form-group input:focus):not(:has(.form-group input:-moz-placeholder)) .search-result-box,
.portal-main-header .right-side .search-form:has(.form-group input:focus):not(:has(.form-group input:placeholder-shown)) .search-result-box {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .portal-main-header .right-side .search-form {
    position: static;
  }
  .portal-main-header .right-side .search-form .search-result-box {
    right: 0;
  }
}
.portal-main-header .left-side {
  display: flex;
  align-items: center;
  gap: 26px;
}
.portal-main-header .left-side .logout,
.portal-main-header .left-side .language {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
}
.portal-main-header .left-side .logout .icon,
.portal-main-header .left-side .language .icon {
  width: 26px;
  height: 26px;
  display: flex;
}
.portal-main-header .left-side .logout .icon img,
.portal-main-header .left-side .language .icon img {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
.portal-main-header .left-side .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}
.portal-main-header .left-side .profile .image-profile {
  height: 49px;
  width: 51px;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
}
.portal-main-header .left-side .profile .image-profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.portal-main-header .left-side .profile .info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.portal-main-header .left-side .profile .info .user-type {
  font-size: var(--fs-12);
  font-weight: 500;
  color: rgba(36, 35, 35, 0.8);
}
.portal-main-header .left-side .profile .info .username {
  font-weight: 500;
  color: #242323;
}
@media (max-width: 768px) {
  .portal-main-header .left-side {
    gap: 12px;
  }
  .portal-main-header .left-side .profile .info,
  .portal-main-header .left-side .language .text-action {
    display: none;
  }
  .portal-main-header .left-side .profile .image-profile {
    height: 32px;
    width: 32px;
  }
}

.portal-quick-links {
  padding-bottom: 0;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  gap: 16px;
}
.portal-quick-links .header-portal-box {
  width: 100%;
}
.portal-quick-links .swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  min-width: 0;
}
.portal-quick-links .swiper-wrapper {
  align-items: stretch;
}
.portal-quick-links .swiper-slide {
  display: flex;
  height: auto !important;
}
.portal-quick-links .portal-main-btn2 {
  width: 100%;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  box-sizing: border-box;
  align-items: center;
}
.portal-quick-links .portal-main-btn2 .label {
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  line-height: 28px;
  max-height: 56px;
  opacity: 0.7;
}
.portal-quick-links .navigation-portal-quick-links {
  display: none;
  align-items: center;
  gap: 8px;
}
.portal-quick-links .navigation-portal-quick-links.is-visible {
  display: flex;
}
.portal-quick-links .navigation-portal-quick-links .swiper-button-disabled img {
  filter: grayscale(1) brightness(2);
}

.electronic-services .electronic-services-body {
  position: relative;
}
.electronic-services .electronic-services-body .left-navigation,
.electronic-services .electronic-services-body .right-navigation {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.electronic-services .electronic-services-body .left-navigation {
  left: -55px;
}
.electronic-services .electronic-services-body .right-navigation {
  right: -55px;
}
@media (max-width: 768px) {
  .electronic-services .electronic-services-body .left-navigation {
    left: -40px;
  }
  .electronic-services .electronic-services-body .right-navigation {
    right: -40px;
  }
}
.electronic-services .electronic-services-body .swiper-button-disabled img {
  filter: grayscale(1) brightness(2);
}
.electronic-services .electronic-services-body .swiper-wrapper {
  align-items: stretch;
}
.electronic-services .electronic-services-body .swiper-slide {
  display: flex;
  height: auto;
}
.electronic-services .electronic-services-body .swiper-slide .service-card {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
}

.portal-management-news .portal-box-content .portal-card .read-more-portal {
  font-size: 16px;
}
@media (min-width: 992px) and (max-width: 1500px) {
  .portal-management-news .portal-box-content .portal-card {
    flex-direction: column;
  }
  .portal-management-news .portal-box-content .portal-card .image-card {
    width: 100%;
  }
}
@media (max-width: 668px) {
  .portal-management-news .portal-box-content .portal-card {
    flex-direction: column;
    align-items: stretch;
  }
  .portal-management-news .portal-box-content .portal-card .image-card {
    width: 100%;
  }
}

.portal-social-wrapper .portal-social-media {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.portal-social-wrapper .portal-social-media .header-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.portal-social-wrapper .portal-social-media .header-social .right-side {
  display: flex;
  align-items: center;
  gap: 10px;
}
.portal-social-wrapper .portal-social-media .header-social .right-side .image-info {
  width: 51px;
  height: 49px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
}
.portal-social-wrapper .portal-social-media .header-social .right-side .image-info img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.portal-social-wrapper .portal-social-media .header-social .right-side .body-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.portal-social-wrapper .portal-social-media .header-social .right-side .body-info .social-name {
  color: rgba(37, 36, 36, 0.8);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.portal-social-wrapper .portal-social-media .header-social .right-side .body-info .owner-name {
  color: var(--dark-2);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.portal-social-wrapper .portal-social-media .header-social .left-side .social-icon {
  width: 32px;
  height: 32px;
  aspect-ratio: 1/1;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.portal-social-wrapper .portal-social-media .header-social .left-side .social-icon img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.portal-social-wrapper .portal-social-media .desc-social {
  color: var(--dark-2);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.portal-social-wrapper .portal-social-media .image-social {
  width: 100%;
  height: 100%;
  max-height: 276px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
}
.portal-social-wrapper .portal-social-media .image-social img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-social-wrapper.today-studio .portal-box-content {
  height: 100%;
}
.portal-social-wrapper.today-studio .portal-box-content .portal-social-media {
  height: 100%;
}
.portal-social-wrapper.today-studio .portal-box-content .image-social {
  max-height: 100%;
}

@media (max-width: 1500px) {
  .portal-two-columns:has(.portal-management-news) {
    grid-template-columns: 1fr;
  }
  .portal-two-columns:has(.portal-management-news) .portal-management-news .portal-box-content {
    flex-direction: row;
  }
}
@media (max-width: 992px) {
  .portal-two-columns:has(.portal-management-news) .portal-management-news .portal-box-content {
    flex-direction: column;
  }
}

.quick-links-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 26px 21px;
  width: 100%;
}
.quick-links-content.phone-directory-links {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1400px) {
  .quick-links-content.phone-directory-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 10px;
  }
}
@media (max-width: 1600px) {
  .quick-links-content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1300px) {
  .quick-links-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .quick-links-content .portal-main-btn2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 558px) {
  .quick-links-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .quick-links-content .portal-main-btn2 {
    padding: 16px 12px;
  }
  .quick-links-content .portal-main-btn2 .icon {
    width: 40px;
    height: 40px;
    padding: 12.5px;
  }
}

.dropdown-today-time.show,
.dropdown-pray-time.show,
.dropdown-temperature.show {
  display: flex;
}
.dropdown-today-time,
.dropdown-pray-time,
.dropdown-temperature {
  flex-direction: column;
  padding: 20px 16px;
  gap: 14px;
  border: none;
}
.dropdown-today-time .dropdown-item,
.dropdown-pray-time .dropdown-item,
.dropdown-temperature .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  border-radius: 10px;
  background: #f5f6fa;
  width: 291px;
}
.dropdown-today-time .dropdown-item .title-row,
.dropdown-pray-time .dropdown-item .title-row,
.dropdown-temperature .dropdown-item .title-row {
  color: var(--dark-3);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.dropdown-today-time .dropdown-item .value-row,
.dropdown-pray-time .dropdown-item .value-row,
.dropdown-temperature .dropdown-item .value-row {
  color: var(--dark-3);
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
}

.dropdown-today-time .dropdown-item .value-row {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

.custom-portal-table div.dt-container div.dt-layout-row {
  margin: 0;
}
.custom-portal-table .custom-table thead th {
  color: var(--dark-3);
  font-size: var(--fs-18);
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 20px;
  border-bottom: none;
  padding: 20px 26px;
  text-align: start !important;
}
.custom-portal-table .custom-table tbody tr:first-of-type td.first-visible {
  border-start-start-radius: 16px !important;
}
.custom-portal-table .custom-table tbody tr:first-of-type td.last-visible {
  border-start-end-radius: 16px !important;
}
.custom-portal-table .custom-table tbody tr:last-of-type td.first-visible {
  border-end-start-radius: 16px !important;
}
.custom-portal-table .custom-table tbody tr:last-of-type td.last-visible {
  border-end-end-radius: 16px !important;
}
.custom-portal-table .custom-table tbody td {
  background: #fff;
  border-bottom: none !important;
  padding: 30px 26px;
  color: var(--dark-3);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s all ease-in-out;
  min-width: 180px;
  text-align: start !important;
}
.custom-portal-table .custom-table tbody td:has(.wrapper-name-table) {
  text-wrap: nowrap;
}
.custom-portal-table .custom-table tbody td .wrapper-name-table {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.custom-portal-table .custom-table tbody td .wrapper-name-table .icon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  display: flex;
}
.custom-portal-table .custom-table tbody td .wrapper-name-table .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.custom-portal-table .custom-table tbody tr:hover td {
  background: #e1e1e1;
}
.custom-portal-table .custom-table tbody td.child .dtr-details {
  width: 100%;
}
.custom-portal-table .custom-table tbody td.child .dtr-details li {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.custom-portal-table .custom-table td.dtr-control:before,
.custom-portal-table .custom-table th.dtr-control:before {
  right: unset;
  left: 20px;
  transform: rotate(180deg);
  transition: transform 0.3s;
  margin-right: 0.5em;
}
.custom-portal-table .custom-table:has(.wrapper-name-table):has(.icon) td.dtr-control:before,
.custom-portal-table .custom-table:has(.wrapper-name-table):has(.icon) th.dtr-control:before {
  margin-bottom: 6px;
}
.custom-portal-table .custom-table tr.dtr-expanded > td.dtr-control:before,
.custom-portal-table .custom-table tr.dtr-expanded > th.dtr-control:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.5) !important;
  border-left: 5px solid transparent !important;
  border-top: 0px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.custom-portal-table :not(.portal-main-btn).dropdown-toggle {
  background: none;
  border: none;
}
.custom-portal-table :not(.portal-main-btn).dropdown a {
  text-align: right;
}
.custom-portal-table .footer-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  background: #fff;
  padding: 17.5px 30px;
  gap: 24px;
}
@media (max-width: 558px) {
  .custom-portal-table .footer-section {
    flex-direction: column;
  }
}
.custom-portal-table .footer-section .pagination-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: black;
  width: 32px;
  height: 32px;
  padding: 10px;
  border-radius: 136px;
  border: 1px solid #f1f1f1;
  background: #fff;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-link img {
  transition: 0.3s all ease-in-out;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-link:hover,
.custom-portal-table .footer-section .pagination-wrapper .pagination-link.active {
  background: var(--primary-red);
  color: white;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-link:hover img,
.custom-portal-table .footer-section .pagination-wrapper .pagination-link.active img {
  filter: invert(1) brightness(10);
}
.custom-portal-table .footer-section .page {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  text-wrap: nowrap;
}

.create-new-user .wrapper-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 768px) {
  .create-new-user .wrapper-form {
    gap: 17px;
  }
}
.create-new-user .wrapper-form .base-btn {
  justify-content: center;
  max-width: 186px;
}

#phone-directory-section.custom-portal-table {
  width: 100%;
  max-width: 100%;
}
#phone-directory-section .body-section {
  width: 100%;
  overflow-x: hidden;
}
#phone-directory-table {
  width: 100% !important;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-pages {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.custom-portal-table .footer-section .pagination-wrapper .pagination-gap {
  color: black;
  font-size: 14px;
  line-height: 32px;
}
#phone-directory-section .search-table-form-2 .form-group2 .wrapper-form-group .form-input-wrapper input:focus,
#phone-directory-section .search-table-form-2 .form-group2 .wrapper-form-group .form-input-wrapper textarea:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
#phone-directory-section .search-table-form-2 .select2-container .select2-selection--single,
#phone-directory-section .search-table-form-2 .select2-container--default.select2-container--focus .select2-selection--single,
#phone-directory-section .search-table-form-2 .select2-container--default .select2-selection--single:focus,
#phone-directory-section .search-table-form-2 .select2-container--open .select2-selection--single {
  outline: none;
  box-shadow: none;
  border: none !important;
}
#phone-directory-section .search-table-form-2 .base-btn.btn-red {
  flex-direction: row;
}
html[dir="rtl"] #phone-directory-section .search-table-form-2 .base-btn.btn-red {
  flex-direction: row-reverse;
}

.new-project-prototype {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  min-height: 75dvh;
  align-items: flex-start;
  align-content: flex-start;
}
.new-project-prototype .portal-card {
  align-items: center;
  gap: 24px;
}
.new-project-prototype .portal-card .body-card {
  gap: 18px;
}
.new-project-prototype .portal-card .body-card .read-more-portal {
  align-self: flex-start;
}
.new-project-prototype .portal-card .image-card {
  width: 100%;
  max-width: 128px;
  height: 142px;
  border-radius: 12px;
  overflow: hidden;
  min-width: 100px;
}
.new-project-prototype.user-guide .portal-card .image-card {
  height: 99.902px;
}
@media (max-width: 1600px) {
  .new-project-prototype {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1200px) {
  .new-project-prototype {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .new-project-prototype {
    grid-template-columns: repeat(1, 1fr);
  }
}

.custom-datepicker-portal {
  direction: ltr;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
  padding: 20px 18px;
  width: -moz-fit-content;
  width: fit-content;
  --adp-day-cell-height: 35px;
  z-index: 999;
}
.custom-datepicker-portal .air-datepicker--pointer:after {
  border: 1px solid #fff;
}
.custom-datepicker-portal .air-datepicker-body--cells.-days- {
  gap: 5px 8px;
}
.custom-datepicker-portal .air-datepicker-cell {
  display: flex;
  width: 36px;
  height: 35px;
  justify-content: center;
  align-items: center;
  gap: 20.376px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  border-radius: 8.15px;
}
.custom-datepicker-portal .air-datepicker-cell.-selected-,
.custom-datepicker-portal .air-datepicker-cell.-current- {
  color: #e0e0e0;
  background: #c11828;
}
.custom-datepicker-portal .air-datepicker-body--day-name {
  color: black;
  font-style: 14px;
  font-weight: 500;
}
.custom-datepicker-portal .air-datepicker-nav--title {
  gap: 7px;
}
.custom-datepicker-portal .air-datepicker-nav--title:hover {
  background: none;
}
.custom-datepicker-portal .air-datepicker-nav--title span {
  border-radius: 8px;
  background: #f5f6fa;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 100%; /* 16px */
}
.custom-datepicker-portal .air-datepicker-nav {
  border-bottom: none;
}
.custom-datepicker-portal .air-datepicker-nav--action {
  background: #f5f6fa;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.custom-datepicker-portal .air-datepicker-nav--action svg,
.custom-datepicker-portal .air-datepicker-nav--action path {
  stroke: var(--primary-red);
}
.custom-datepicker-portal .air-datepicker-nav--action:hover {
  background: var(--primary-red);
}
.custom-datepicker-portal .air-datepicker-nav--action:hover svg,
.custom-datepicker-portal .air-datepicker-nav--action:hover path {
  stroke: white;
}

.security-policies {
  min-height: 78dvh;
}
.security-policies:has(.coming-soon) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.coming-soon {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 430px;
  max-height: 284px;
}
.coming-soon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#directoryDetails .modal-dialog {
  max-width: 1045px;
  width: 100%;
  padding: 20px;
  margin: auto;
}
#directoryDetails .modal-header {
  border: none;
  padding: 0;
}
#directoryDetails .modal-header .modal-title {
  border-bottom: none;
  color: #000;
  font-size: var(--fs-32);
  font-weight: 500;
  line-height: normal;
}
#directoryDetails .modal-content {
  border-radius: 24px;
  background: #fff;
  padding: 40px;
}
#directoryDetails .modal-content tr.dtr-expanded > td.dtr-control:before,
#directoryDetails .modal-content tr.dtr-expanded > th.dtr-control:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.5) !important;
  border-left: 5px solid transparent !important;
  border-top: 0px solid transparent !important;
  border-right: 5px solid transparent !important;
}
#directoryDetails .modal-content td.dtr-control:before,
#directoryDetails .modal-content th.dtr-control:before {
  right: unset;
  left: 20px;
  transform: rotate(180deg);
  transition: transform 0.3s;
  margin-right: 0.5em;
}
#directoryDetails .modal-content .table th {
  color: var(--dark-3);
  font-size: var(--fs-18);
  font-weight: 400;
  line-height: 150%;
  border: none;
  padding: 12px 40px;
}
#directoryDetails .modal-content .table td {
  border: none;
  background: #f5f6fa;
  box-shadow: none;
  padding: 33px 40px;
}
#directoryDetails .modal-content .table td.first-visible {
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
}
#directoryDetails .modal-content .table td.last-visible {
  border-start-end-radius: 16px;
  border-end-end-radius: 16px;
}
#directoryDetails .modal-content .table th.dt-type-numeric,
#directoryDetails .modal-content .table td.dt-type-numeric {
  text-align: start;
}
#directoryDetails .modal-content .modal-footer {
  border: none;
  justify-content: center;
  padding: 0;
}
#directoryDetails .modal-content .modal-footer .btn-secondary {
  border-radius: 142px;
  background: #f5f6fa;
  display: flex;
  max-width: 179px;
  width: 100%;
  padding: 18px 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  line-height: 107.8%;
  border: none;
  font-size: var(--fs-18);
}
#directoryDetails .modal-content .modal-footer .btn-secondary:hover {
  background: var(--Dark-G);
}

.custom-portal-calendar {
  overflow: hidden;
}
.custom-portal-calendar .fc-header-toolbar {
  border-radius: 16px;
  background: #fff;
  padding: 18px 20px;
}
.custom-portal-calendar .fc-view-harness {
  background: #fff;
}
.custom-portal-calendar .fc-theme-standard td {
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}
.custom-portal-calendar .fc .fc-daygrid-day-top {
  flex-direction: row;
}
.custom-portal-calendar .fc .fc-daygrid-day-top a {
  color: var(--dark-3);
  font-size: var(--fs-18);
  text-decoration: none;
  font-weight: 500;
  line-height: 150%;
  padding: 13px;
}
.custom-portal-calendar .fc-scroller-harness th {
  border-top: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 22px;
}
@media (max-width: 1024px) {
  .custom-portal-calendar .fc-scroller-harness th {
    padding: 8px;
  }
}
.custom-portal-calendar .fc-scroller-harness th a {
  color: var(--dark-3);
  font-size: var(--fs-20);
  text-decoration: none;
  font-weight: 500;
  line-height: 150%;
}
.custom-portal-calendar .fc-daygrid-event-harness {
  max-width: 100%;
}
.custom-portal-calendar .fc-event-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-portal-calendar .fc-daygrid-event-harness {
  width: -moz-fit-content;
  width: fit-content;
}
.custom-portal-calendar .fc-daygrid-event-harness .fc-h-event {
  padding: 6px 10px;
  font-weight: 500;
  font-size: var(--fs-14);
  margin-top: 6px;
  border: none;
}
.custom-portal-calendar .fc-button-group {
  display: flex;
  align-items: center;
  gap: 7px;
}
.custom-portal-calendar .fc-button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 17px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50% !important;
  border: 1px solid #e5e7eb;
  background: #fff;
  transition: 0.3s all ease-in-out;
  box-shadow: none !important;
}
.custom-portal-calendar .fc-button .fc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-portal-calendar .fc-button.fc-prev-button .fc-icon-chevron-right::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="13" viewBox="0 0 20 13" fill="none"><g transform="translate(17, -0.5) scale(-1, 1)"><g clip-path="url(%23clip0_2069_90)"><path d="M9.42151 3.62537H14L11.8227 6.90876L14 10.0781H9.42151L7.18314 6.90876L9.42151 3.62537Z" fill="%23252424" fill-opacity="0.5"/><path d="M5.14824 6.88598L10.3372 13.8632L5.14824 14L-1.19209e-06 6.88598L5.14824 0H10.3372L5.14824 6.88598Z" fill="%23252424" fill-opacity="0.5"/><path d="M9.42822 10.061L11.8027 6.9101L13.967 10.061H9.42822Z" fill="%23252424" fill-opacity="0.5"/><path d="M7.20322 6.9101L11.8093 6.92133L9.4345 3.63861L7.20322 6.9101Z" fill="%23252424" fill-opacity="0.5"/><path d="M2.76194 3.25694L7.66399 3.48118L5.16049 0.0454102L2.76194 3.25694Z" fill="%23252424" fill-opacity="0.5"/><path d="M2.66822 10.5166L7.65012 10.3391L5.1366 6.88245L2.66822 10.5166Z" fill="%23252424" fill-opacity="0.5"/><path d="M5.16582 13.9596L10.2571 13.8239L7.63686 10.3032L5.16582 13.9596Z" fill="%23252424" fill-opacity="0.5"/><path d="M0.0577503 6.90329H5.15322L2.76185 3.26166L0.0577503 6.90329Z" fill="%23252424" fill-opacity="0.5"/></g><defs><clipPath id="clip0_2069_90"><rect width="14" height="14" fill="white" transform="matrix(-1 0 0 1 14 0)"/></clipPath></defs></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 19.054px;
  height: 13px;
  display: inline-block;
}
.custom-portal-calendar .fc-button.fc-next-button .fc-icon-chevron-left::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="13" viewBox="0 0 20 13" fill="none"><g transform="translate(3, -0.5)"><g clip-path="url(%23clip0_2069_90)"><path d="M9.42151 3.62537H14L11.8227 6.90876L14 10.0781H9.42151L7.18314 6.90876L9.42151 3.62537Z" fill="%23252424" fill-opacity="0.5"/><path d="M5.14824 6.88598L10.3372 13.8632L5.14824 14L-1.19209e-06 6.88598L5.14824 0H10.3372L5.14824 6.88598Z" fill="%23252424" fill-opacity="0.5"/><path d="M9.42822 10.061L11.8027 6.9101L13.967 10.061H9.42822Z" fill="%23252424" fill-opacity="0.5"/><path d="M7.20322 6.9101L11.8093 6.92133L9.4345 3.63861L7.20322 6.9101Z" fill="%23252424" fill-opacity="0.5"/><path d="M2.76194 3.25694L7.66399 3.48118L5.16049 0.0454102L2.76194 3.25694Z" fill="%23252424" fill-opacity="0.5"/><path d="M2.66822 10.5166L7.65012 10.3391L5.1366 6.88245L2.66822 10.5166Z" fill="%23252424" fill-opacity="0.5"/><path d="M5.16582 13.9596L10.2571 13.8239L7.63686 10.3032L5.16582 13.9596Z" fill="%23252424" fill-opacity="0.5"/><path d="M0.0577503 6.90329H5.15322L2.76185 3.26166L0.0577503 6.90329Z" fill="%23252424" fill-opacity="0.5"/></g><defs><clipPath id="clip0_2069_90"><rect width="14" height="14" fill="white" transform="matrix(-1 0 0 1 14 0)"/></clipPath></defs></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 19.054px;
  height: 13px;
  display: inline-block;
}
.custom-portal-calendar .fc-button:hover {
  background: var(--primary-red);
  border-color: var(--primary-red);
}
.custom-portal-calendar .fc-button:hover .fc-icon-chevron-right::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="13" viewBox="0 0 20 13" fill="none"><g transform="translate(17, -0.5) scale(-1, 1)"><g clip-path="url(%23clip0_2069_90)"><path d="M9.42151 3.62537H14L11.8227 6.90876L14 10.0781H9.42151L7.18314 6.90876L9.42151 3.62537Z" fill="%23ffffff"/><path d="M5.14824 6.88598L10.3372 13.8632L5.14824 14L-1.19209e-06 6.88598L5.14824 0H10.3372L5.14824 6.88598Z" fill="%23ffffff"/><path d="M9.42822 10.061L11.8027 6.9101L13.967 10.061H9.42822Z" fill="%23ffffff"/><path d="M7.20322 6.9101L11.8093 6.92133L9.4345 3.63861L7.20322 6.9101Z" fill="%23ffffff"/><path d="M2.76194 3.25694L7.66399 3.48118L5.16049 0.0454102L2.76194 3.25694Z" fill="%23ffffff"/><path d="M2.66822 10.5166L7.65012 10.3391L5.1366 6.88245L2.66822 10.5166Z" fill="%23ffffff"/><path d="M5.16582 13.9596L10.2571 13.8239L7.63686 10.3032L5.16582 13.9596Z" fill="%23ffffff"/><path d="M0.0577503 6.90329H5.15322L2.76185 3.26166L0.0577503 6.90329Z" fill="%23ffffff"/></g><defs><clipPath id="clip0_2069_90"><rect width="14" height="14" fill="white" transform="matrix(-1 0 0 1 14 0)"/></clipPath></defs></g></svg>');
}
.custom-portal-calendar .fc-button:hover .fc-icon-chevron-left::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="13" viewBox="0 0 20 13" fill="none"><g transform="translate(3, -0.5)"><g clip-path="url(%23clip0_2069_90)"><path d="M9.42151 3.62537H14L11.8227 6.90876L14 10.0781H9.42151L7.18314 6.90876L9.42151 3.62537Z" fill="%23ffffff"/><path d="M5.14824 6.88598L10.3372 13.8632L5.14824 14L-1.19209e-06 6.88598L5.14824 0H10.3372L5.14824 6.88598Z" fill="%23ffffff"/><path d="M9.42822 10.061L11.8027 6.9101L13.967 10.061H9.42822Z" fill="%23ffffff"/><path d="M7.20322 6.9101L11.8093 6.92133L9.4345 3.63861L7.20322 6.9101Z" fill="%23ffffff"/><path d="M2.76194 3.25694L7.66399 3.48118L5.16049 0.0454102L2.76194 3.25694Z" fill="%23ffffff"/><path d="M2.66822 10.5166L7.65012 10.3391L5.1366 6.88245L2.66822 10.5166Z" fill="%23ffffff"/><path d="M5.16582 13.9596L10.2571 13.8239L7.63686 10.3032L5.16582 13.9596Z" fill="%23ffffff"/><path d="M0.0577503 6.90329H5.15322L2.76185 3.26166L0.0577503 6.90329Z" fill="%23ffffff"/></g><defs><clipPath id="clip0_2069_90"><rect width="14" height="14" fill="white" transform="matrix(-1 0 0 1 14 0)"/></clipPath></defs></g></svg>');
}

.media-center {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.media-center .media-sections .swiper-media-sections {
  width: 100%;
}
.media-center .media-sections .swiper-media-sections .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.media-center .media-sections .btn-media {
  font-size: 16px;
  padding-block: 12px 16px;
  color: rgba(37, 36, 36, 0.7);
  border-radius: 12px;
  background: #fff;
  border: 1px solid transparent;
  transition: 0.3s all ease-in-out;
  gap: 8px;
}
.media-center .media-sections .btn-media .icon {
  width: 20px;
  height: 17px;
  aspect-ratio: 20/17;
  padding: 0;
  filter: grayscale(1) brightness(2);
  transition: 0.3s all ease-in-out;
}
.media-center .media-sections .btn-media.active, .media-center .media-sections .btn-media:hover {
  border-color: var(--primary-red);
}
.media-center .media-sections .btn-media.active .icon, .media-center .media-sections .btn-media:hover .icon {
  filter: grayscale(0) brightness(1);
}
.media-center .header-section {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.media-center .header-section .right-side {
  display: flex;
  gap: 16px;
  flex: 1;
}
.media-center .header-section .right-side .form-group {
  max-width: 463px;
  margin: 0;
}
.media-center .header-section .right-side .form-group .form-input-wrapper {
  display: flex;
  align-self: center;
  gap: 8px;
  border-radius: 12px;
  background: #fff;
  width: 100%;
}
.media-center .header-section .right-side .form-group .form-input-wrapper .icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  display: flex;
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  translate: 0 -50%;
  pointer-events: none;
  z-index: 1;
}
.media-center .header-section .right-side .form-group .form-input-wrapper .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.media-center .header-section .right-side .form-group .form-input-wrapper input {
  padding-block: 15px 16px;
  padding-inline: 44px 15px;
  color: var(--dark-2);
}
.media-center .header-section .right-side .form-group .form-input-wrapper input::-moz-placeholder {
  color: rgba(37, 36, 36, 0.8);
}
.media-center .header-section .right-side .form-group .form-input-wrapper input::placeholder {
  color: rgba(37, 36, 36, 0.8);
}
.media-center .header-section .right-side .form-group .form-date-wrapper {
  background: none;
  position: static;
}
.media-center .header-section .right-side .form-group .form-date-wrapper input {
  padding: 0;
}
.media-center .header-section .right-side .form-group .form-date-wrapper .icon {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  inset-inline-start: auto;
  inset-inline-end: 18px;
  translate: 0 -50%;
  pointer-events: none;
}
.media-center .header-section .right-side .form-group .form-date-wrapper .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 768px) {
  .media-center .header-section .right-side:has(.btn-wrapper ){
    flex-direction: column;
  }
}
.media-center .header-section .right-side .btn-wrapper {
  display: flex;
  gap: 12px;
  flex: auto;
}

.media-center .header-section .right-side .btn-search,
.media-center .header-section .right-side .btn-reset {
  border-radius: 12px;
  padding: 15px 16px;
  width: 100%;
  max-width: 126px;
  justify-content: center;
}
.media-center .header-section .left-side {
  display: flex;
  align-items: center;
  gap: 14px;
}
.media-center .header-section .left-side .wrapper-form-group {
  border-radius: 12px;
  background: #fff;
  width: 162px;
  padding: 15px 32px 15px 32px;
}
.media-center .header-section .left-side .wrapper-form-group .form-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.media-center .header-section .left-side .wrapper-form-group .form-input-wrapper input {
  background: none;
}
.media-center .header-section .left-side .wrapper-form-group .icon {
  right: -24px;
  left: auto;
  width: 20px;
  height: 20px;
}
.media-center .header-section .left-side .wrapper-form-group .arrow-icon {
  right: auto;
  left: -16px;
  width: 10.714px;
  height: 5.455px;
}
.media-center .header-section .left-side .wrapper-form-group:has(.custom-datepicker) {
  padding: 0;
}
.media-center .header-section .left-side .wrapper-form-group:has(.custom-datepicker) input{
  padding: 15px 32px 15px 32px;
}
.media-center .header-section .left-side .wrapper-form-group:has(.custom-datepicker) .icon{
  right: 8px;
  z-index: 1;
}
.media-center .header-section .left-side .wrapper-form-group:has(.custom-datepicker) .arrow-icon{
  right: auto;
  left: 8px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .media-center .header-section {
    flex-direction: column;
    align-items: stretch;
  }
  .media-center .header-section .right-side .form-group {
    max-width: 100%;
  }
  .media-center .header-section .left-side {
    align-self: start;
  }
}
.media-center .media-content {
  display: flex;
}
.media-center .media-content .list-media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 36px;
}
@media (max-width: 768px) {
  .media-center .media-content .list-media {
    grid-template-columns: 1fr;
  }
}
.media-center .media-content .list-media .portal-card {
  border-radius: 12px;
  background: #fff;
}
.media-center .media-content .wrapper-content {
  display: none;
  width: 100%;
  flex-direction: column;
  gap: 22px;
}
.media-center .media-images .images-content,
.media-center .media-images .videos-content,
.media-center .media-videos .images-content,
.media-center .media-videos .videos-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.media-center .media-images .images-content .portal-card,
.media-center .media-images .videos-content .portal-card,
.media-center .media-videos .images-content .portal-card,
.media-center .media-videos .videos-content .portal-card {
  flex-direction: column;
  gap: 20px;
  padding: 14px;
}
.media-center .media-images .images-content .portal-card .video-poster,
.media-center .media-images .videos-content .portal-card .video-poster,
.media-center .media-videos .images-content .portal-card .video-poster,
.media-center .media-videos .videos-content .portal-card .video-poster {
  width: 100%;
  height: 162.069px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.media-center .media-images .images-content .portal-card .video-poster > img,
.media-center .media-images .videos-content .portal-card .video-poster > img,
.media-center .media-videos .images-content .portal-card .video-poster > img,
.media-center .media-videos .videos-content .portal-card .video-poster > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-center .media-images .images-content .portal-card .video-poster::before,
.media-center .media-images .videos-content .portal-card .video-poster::before,
.media-center .media-videos .images-content .portal-card .video-poster::before,
.media-center .media-videos .videos-content .portal-card .video-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3019607843);
  pointer-events: none;
}
.media-center .media-images .images-content .portal-card .video-poster .play-icon,
.media-center .media-images .videos-content .portal-card .video-poster .play-icon,
.media-center .media-videos .images-content .portal-card .video-poster .play-icon,
.media-center .media-videos .videos-content .portal-card .video-poster .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.media-center .media-images .images-content .portal-card .body-card,
.media-center .media-images .videos-content .portal-card .body-card,
.media-center .media-videos .images-content .portal-card .body-card,
.media-center .media-videos .videos-content .portal-card .body-card {
  gap: 10px;
}
.media-center .media-images .images-content .portal-card .body-card .read-more-portal,
.media-center .media-images .videos-content .portal-card .body-card .read-more-portal,
.media-center .media-videos .images-content .portal-card .body-card .read-more-portal,
.media-center .media-videos .videos-content .portal-card .body-card .read-more-portal {
  align-self: flex-start;
  background: none;
  border: none;
}

.custom-list-media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 36px;
}
@media (max-width: 768px) {
  .custom-list-media {
    grid-template-columns: 1fr;
  }
}
.custom-list-media .portal-card {
  border-radius: 12px;
  background: #fff;
}

.custom-images-content,
.custom-videos-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 22px;
}
.custom-images-content .portal-card,
.custom-videos-content .portal-card {
  flex-direction: column;
  gap: 20px;
  padding: 14px;
  background: #fff;
}
.custom-images-content .portal-card .video-poster,
.custom-videos-content .portal-card .video-poster {
  width: 100%;
  height: 162.069px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.custom-images-content .portal-card .video-poster > img,
.custom-videos-content .portal-card .video-poster > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-images-content .portal-card .video-poster::before,
.custom-videos-content .portal-card .video-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3019607843);
  pointer-events: none;
}
.custom-images-content .portal-card .video-poster .play-icon,
.custom-videos-content .portal-card .video-poster .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.custom-images-content .portal-card .body-card,
.custom-videos-content .portal-card .body-card {
  gap: 10px;
}
.custom-images-content .portal-card .body-card .read-more-portal,
.custom-videos-content .portal-card .body-card .read-more-portal {
  align-self: flex-start;
  background: none;
  border: none;
}

.news-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 78dvh;
}
.news-details .news-title {
  margin: 0;
  color: var(--dark-2);
  font-size: var(--fs-26);
}
.news-details .header-news {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-details .header-news .news-date {
  color: rgba(37, 36, 36, 0.8);
  font-size: var(--fs-18);
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.news-details .header-news .tags-news {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  min-width: 500px;
}
.news-details .header-news .tags-news .tag-news {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.news-details .description-news {
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 400;
  line-height: 150%; /* 23.4px */
  text-align: justify;
}
.news-details .body-news {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.news-details .body-news .news-image {
  max-height: 461px;
  height: 100%;
  max-width: 1169px;
  width: 100%;
  display: flex;
  border-radius: 12px;
  background: lightgray 50%/cover no-repeat;
  overflow: hidden;
}
.news-details .body-news .news-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-details ol,
.news-details ul {
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding-inline-end: 0;
}
@media (max-width: 992px) {
  .news-details ol,
  .news-details ul {
    padding-inline: 20px 0;
  }
}
.news-details .links {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .news-details .links {
    flex-direction: column;
    align-items: stretch;
  }
}
.news-details .links .portal-main-btn2 {
  padding-block: 10px;
  border-radius: 16px;
  background: #f5f6fa;
}

.it-management {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.it-management .select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}
.it-management .it-management-sections {
  display: flex;
  align-items: center;
  gap: 18px;
}
.it-management .it-management-sections .swiper-it-management {
  flex: 1;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}
.it-management .it-management-sections .swiper-it-management .swiper-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.it-management .it-management-sections .swiper-it-management .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  height: auto;
}
.it-management .it-management-sections .navigation-portal-btn.swiper-button-disabled {
  opacity: 0.7;
}
.it-management .it-management-sections .navigation-portal-btn.swiper-button-disabled img {
  filter: grayscale(2) brightness(1);
}
.it-management .it-management-sections .btn-media {
  font-size: 16px;
  padding-block: 12px 16px;
  color: rgba(37, 36, 36, 0.7);
  border-radius: 12px;
  background: #fff;
  border: 1px solid transparent;
  transition: 0.3s all ease-in-out;
  gap: 8px;
  white-space: nowrap;
}
.it-management .it-management-sections .btn-media .icon {
  width: 20px;
  height: 17px;
  aspect-ratio: 20/17;
  padding: 0;
  filter: grayscale(1) brightness(2);
  transition: 0.3s all ease-in-out;
}
.it-management .it-management-sections .btn-media.active, .it-management .it-management-sections .btn-media:hover {
  border-color: var(--primary-red);
}
.it-management .it-management-sections .btn-media.active .icon, .it-management .it-management-sections .btn-media:hover .icon {
  filter: grayscale(0) brightness(1);
}
.it-management .it-management-content .custom-portal-table table .it-announcement-table-link {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
.it-management .it-management-content .custom-portal-table table .it-announcement-table-link:hover {
  color: inherit;
  text-decoration: underline;
}
.it-management .it-management-content .custom-portal-table table {
  width: 100%;
}
.it-management .it-management-content .custom-portal-table table td {
  vertical-align: top;
}
.it-management .it-management-content .custom-portal-table table ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 558px) {
  .it-management .it-management-content .custom-portal-table table tbody td {
    min-width: 100px;
  }
  .it-management .it-management-content .custom-portal-table table tbody td:has(.dropdownMenuButton1) {
    min-width: none;
  }
  .it-management .it-management-content .custom-portal-table table tbody td:has(.dropdownMenuButton1) .dropdown {
    min-width: none;
  }
  .it-management .it-management-content .custom-portal-table table tbody td.child .dtr-details li {
    grid-template-columns: 1fr;
  }
}
.it-management .it-management-content .custom-portal-table table .dropdown {
  min-width: 50px;
}
.it-management .it-management-content .custom-portal-table table .dropdown a {
  text-align: right;
}
.it-management .it-management-content .custom-portal-table table .dropdown-toggle {
  background: none;
  border: none;
}
.it-management .it-management-content .custom-portal-table table .dropdown-toggle::after {
  display: none;
}
.it-management .it-management-content .title-content {
  color: var(--dark-2);
  font-size: var(--fs-26);
  font-weight: 700;
  line-height: 120%;
}
.it-management .it-management-content .subtitle {
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 700;
  line-height: 120%;
}
.it-management .it-management-content .subtitle {
  color: var(--dark-2);
  font-size: var(--fs-20);
  font-weight: 700;
  line-height: 120%;
}
.it-management .it-management-content ul,
.it-management .it-management-content ol {
  color: var(--dark-2);
  font-size: var(--fs-18);
  font-weight: 400;
  line-height: 120%;
  padding-inline-end: 0;
}
.it-management .it-management-content ul li:not(:last-child),
.it-management .it-management-content ol li:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .it-management .it-management-content ul,
  .it-management .it-management-content ol {
    padding-inline: 20px 0;
  }
}
.it-management .it-management-content .organizational-structure {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 60px;
}
.it-management .it-management-content .organizational-structure > div {
  display: grid;
  grid-template-rows: 60px 1fr;
}
@media (max-width: 992px) {
  .it-management .it-management-content .organizational-structure {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .it-management .it-management-content .organizational-structure {
    grid-template-columns: 1fr;
  }
  .it-management .it-management-content .organizational-structure > div {
    display: grid;
    grid-template-rows: auto;
  }
}
.it-management .it-management-content .organizational-structure ul li:not(:last-child),
.it-management .it-management-content .organizational-structure ol li:not(:last-child) {
  margin-bottom: 6px;
}

/* IT management — content column below the nav strip */
.it-management .media-content {
  display: block;
  width: 100%;
  min-width: 0;
}
.it-management .media-content > .wrapper-content {
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.it-management .media-content > .wrapper-content.it-management-content {
  display: block;
  width: 100%;
  min-width: 0;
}
.it-management .media-content > .wrapper-content.it-management-content .custom-portal-calendar {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.it-management .media-content > .wrapper-content.it-management-content .custom-portal-calendar #portal-calendar {
  display: block;
  width: 100%;
  min-width: 0;
}

#imageModal .modal-dialog.modal-lg,
#videoModal .modal-dialog.modal-lg {
  max-width: 1364px;
  padding: 20px;
}
#imageModal .modal-content,
#videoModal .modal-content {
  border-radius: 20px;
  overflow: hidden;
  background: none;
  border: none;
}
#imageModal .modal-header,
#videoModal .modal-header {
  border-bottom: none;
  justify-content: flex-end;
  background: none;
}
#imageModal .modal-header .btn-close,
#videoModal .modal-header .btn-close {
  filter: invert(0);
  opacity: 1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g clip-path="url(%23clip0_119_5113)"><path d="M24.0003 48C19.2541 47.9993 14.6146 46.5913 10.6685 43.9541C6.72239 41.3169 3.64681 37.5689 1.83061 33.1839C0.0144007 28.7989 -0.460873 23.9739 0.464872 19.3188C1.39062 14.6638 3.67581 10.3877 7.03154 7.03126C11.5541 2.63898 17.6234 0.202615 23.9276 0.248689C30.2319 0.294762 36.2649 2.81957 40.7228 7.27748C45.1807 11.7354 47.7055 17.7684 47.7516 24.0727C47.7977 30.3769 45.3613 36.4462 40.969 40.9688C38.746 43.2044 36.1016 44.977 33.1889 46.1839C30.2762 47.3908 27.1531 48.0081 24.0003 48ZM24.0003 2.81251C12.3172 2.81251 2.81279 12.3169 2.81279 24C2.81279 35.6831 12.3172 45.1875 24.0003 45.1875C35.6834 45.1875 45.1878 35.6831 45.1878 24C45.1878 12.3169 35.6834 2.81251 24.0003 2.81251Z" fill="white"/><path d="M32.3689 33.7746C32.1843 33.7749 32.0014 33.7387 31.8309 33.6681C31.6603 33.5975 31.5054 33.4938 31.3751 33.3631L14.6379 16.6259C14.3818 16.3606 14.24 16.0054 14.2432 15.6367C14.2464 15.268 14.3943 14.9153 14.655 14.6546C14.9158 14.3938 15.2685 14.2459 15.6372 14.2427C16.0059 14.2395 16.3611 14.3813 16.6264 14.6374L33.3635 31.3746C33.56 31.5713 33.6938 31.8219 33.7479 32.0946C33.802 32.3673 33.7741 32.6499 33.6676 32.9068C33.5612 33.1636 33.381 33.3831 33.1498 33.5376C32.9187 33.6921 32.6469 33.7746 32.3689 33.7746Z" fill="white"/><path d="M15.6325 33.7746C15.3545 33.7746 15.0827 33.6921 14.8515 33.5376C14.6204 33.3831 14.4402 33.1636 14.3337 32.9068C14.2273 32.6499 14.1993 32.3673 14.2535 32.0946C14.3076 31.8219 14.4414 31.5713 14.6378 31.3746L31.375 14.6374C31.6402 14.3813 31.9955 14.2395 32.3642 14.2427C32.7329 14.2459 33.0856 14.3938 33.3463 14.6546C33.6071 14.9153 33.7549 15.268 33.7581 15.6367C33.7614 16.0054 33.6196 16.3606 33.3634 16.6259L16.6263 33.3631C16.4959 33.4938 16.3411 33.5975 16.1705 33.6681C15.9999 33.7387 15.8171 33.7749 15.6325 33.7746Z" fill="white"/></g><defs><clipPath id="clip0_119_5113"><rect width="48" height="48" fill="white"/></clipPath></defs></svg>') center center/contain no-repeat;
  width: 16px;
  height: 16px;
}
#imageModal .modal-body,
#videoModal .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 0;
}
#imageModal .imageWrapper,
#imageModal #videoModalIframe,
#videoModal .imageWrapper,
#videoModal #videoModalIframe {
  border-radius: 24px;
  width: 100%;
  height: 767px;
}
@media (max-width: 768px) {
  #imageModal .imageWrapper,
  #imageModal #videoModalIframe,
  #videoModal .imageWrapper,
  #videoModal #videoModalIframe {
    height: 400px;
  }
}
#imageModal .imageWrapper,
#imageModal #videoModalIframe,
#videoModal .imageWrapper,
#videoModal #videoModalIframe {
  display: block;
  background: #000;
  overflow: hidden;
}
#imageModal .imageWrapper img,
#imageModal #videoModalIframe img,
#videoModal .imageWrapper img,
#videoModal #videoModalIframe img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#imageModal .wrapper-title,
#videoModal .wrapper-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 43px;
  left: 0;
  color: #fff;
  font-size: var(--fs-30);
  font-weight: 500;
  line-height: 100%;
  background: linear-gradient(180deg, rgba(8, 9, 13, 0) 0%, rgba(8, 9, 13, 0.9) 80.37%);
  backdrop-filter: blur(1px);
  text-align: center;
}

#addNewItemModal .modal-content,
#addITAnnouncementModal .modal-content,
#addCircularDecisionModal .modal-content,
#viewITQuestionAnswerModal .modal-content,
#viewCircularDecisionModal .modal-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  gap: 40px;
}
@media (max-width: 768px) {
  #addNewItemModal .modal-content,
  #addITAnnouncementModal .modal-content,
  #addCircularDecisionModal .modal-content,
  #viewITQuestionAnswerModal .modal-content,
  #viewCircularDecisionModal .modal-content {
    gap: 16px;
    padding: 20px;
  }
}
#addNewItemModal .modal-dialog,
#addITAnnouncementModal .modal-dialog,
#addCircularDecisionModal .modal-dialog,
#viewITQuestionAnswerModal .modal-dialog,
#viewCircularDecisionModal .modal-dialog {
  max-width: 1045px;
  padding: 20px;
}
#addNewItemModal #addNewItemForm,
#addITAnnouncementModal #itAnnouncementForm,
#addCircularDecisionModal #addCircularDecisionForm {
  gap: 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #addNewItemModal #addNewItemForm,
  #addITAnnouncementModal #itAnnouncementForm,
  #addCircularDecisionModal #addCircularDecisionForm {
    gap: 16px;
  }
}
#addNewItemModal #addNewItemForm .modal-body,
#addITAnnouncementModal #itAnnouncementForm .modal-body,
#addCircularDecisionModal #addCircularDecisionForm .modal-body,
#viewITQuestionAnswerModal .modal-body,
#viewCircularDecisionModal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 0;
}
#addNewItemModal #addNewItemForm .modal-body > .form-group.form-group2,
#addITAnnouncementModal #itAnnouncementForm .modal-body > .form-group.form-group2,
#addCircularDecisionModal #addCircularDecisionForm .modal-body > .form-group.form-group2 {
  width: 100%;
  min-width: 0;
}
#addNewItemModal #addNewItemForm .modal-body .form-row,
#addITAnnouncementModal #itAnnouncementForm .modal-body .form-row,
#addCircularDecisionModal #addCircularDecisionForm .modal-body .form-row,
#viewITQuestionAnswerModal .modal-body .form-row,
#viewCircularDecisionModal .modal-body .form-row {
  gap: 21px;
}
@media (max-width: 768px) {
  #addNewItemModal #addNewItemForm .modal-body .form-row,
  #addITAnnouncementModal #itAnnouncementForm .modal-body .form-row,
  #addCircularDecisionModal #addCircularDecisionForm .modal-body .form-row,
  #viewITQuestionAnswerModal .modal-body .form-row,
  #viewCircularDecisionModal .modal-body .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
#addNewItemModal .modal-header,
#addITAnnouncementModal .modal-header,
#addCircularDecisionModal .modal-header,
#viewITQuestionAnswerModal .modal-header,
#viewCircularDecisionModal .modal-header {
  border: none;
  padding: 0;
}
#addNewItemModal .modal-header .modal-title,
#addITAnnouncementModal .modal-header .modal-title,
#addCircularDecisionModal .modal-header .modal-title,
#viewITQuestionAnswerModal .modal-header .modal-title,
#viewCircularDecisionModal .modal-header .modal-title {
  color: #000;
  font-size: var(--fs-32);
  font-weight: 500;
  line-height: normal;
}
#addNewItemModal .modal-footer,
#addITAnnouncementModal .modal-footer,
#addCircularDecisionModal .modal-footer,
#viewITQuestionAnswerModal .modal-footer,
#viewCircularDecisionModal .modal-footer {
  border: none;
  padding: 0;
  justify-content: center;
}
#addNewItemModal .modal-footer .base-btn,
#addITAnnouncementModal .modal-footer .base-btn,
#addCircularDecisionModal .modal-footer .base-btn,
#viewITQuestionAnswerModal .modal-footer .base-btn,
#viewCircularDecisionModal .modal-footer .base-btn {
  width: 100%;
  max-width: 179px;
  border-radius: 142px;
  justify-content: center;
}
#addNewItemModal .modal-footer .btn-white,
#addITAnnouncementModal .modal-footer .btn-white,
#addCircularDecisionModal .modal-footer .btn-white,
#viewITQuestionAnswerModal .modal-footer .btn-white,
#viewCircularDecisionModal .modal-footer .btn-white {
  background: #f5f6fa;
  color: #000000;
}
#addNewItemModal .modal-footer .btn-white:hover,
#addITAnnouncementModal .modal-footer .btn-white:hover,
#addCircularDecisionModal .modal-footer .btn-white:hover,
#viewITQuestionAnswerModal .modal-footer .btn-white:hover,
#viewCircularDecisionModal .modal-footer .btn-white:hover {
  background: var(--Dark-G);
}

/* IT circular / decision — view details modal */
#viewCircularDecisionModal.circular-view-modal .modal-body,
#viewCircularDecisionModal .circular-view-modal .modal-body {
  padding: 0;
}
#viewCircularDecisionModal .circular-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
  #viewCircularDecisionModal .circular-detail-grid {
    grid-template-columns: 1fr;
  }
}
#viewCircularDecisionModal .circular-detail-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
  border-radius: 12px;
  background: #f5f6fa;
  min-height: 72px;
}
#viewCircularDecisionModal .circular-detail-item--wide {
  grid-column: 1 / -1;
}
#viewCircularDecisionModal .circular-detail-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--dark-2);
  opacity: 0.65;
}
#viewCircularDecisionModal .circular-detail-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--dark-2);
  margin: 0;
}
#viewCircularDecisionModal .circular-detail-content {
  min-height: 80px;
  max-height: 280px;
  overflow-y: auto;
}
#viewCircularDecisionModal .circular-detail-content p:last-child {
  margin-bottom: 0;
}

#addITAnnouncementModal .file-input-wrapper {
  min-height: 48px;
  padding-inline: 18px 48px;
  cursor: pointer;
}
#addITAnnouncementModal .file-input-wrapper .file-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.7;
}
#addITAnnouncementModal .file-input-wrapper .file-name.is-selected {
  opacity: 1;
  font-weight: 500;
  color: var(--dark-2);
}

.portal-main-btn2.phone-directory-item .body-item .normal-text {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.7;
}

.list-site-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px 32px;
}
.list-site-content .portal-main-btn2 {
  border-radius: 12px;
  background: rgba(245, 246, 250, 0.6);
}
@media (max-width: 768px) {
  .list-site-content {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
  }
  .list-site-content .portal-main-btn2 {
    padding: 12px 16px;
  }
}
@media (max-width: 668px) {
  .list-site-content {
    grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
  }
}
@media (max-width: 448px) {
  .list-site-content {
    grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
  }
}

.custom-portal-table .header-section.sections-forms .new-message-form .form-row.new-message-row {
  grid-template-columns: 1fr 4fr;
}
.custom-portal-table .header-section.sections-forms .new-message-form .btn-search {
  max-width: 186px;
  justify-content: center;
}

.search-result .list-result {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 36px;
}
@media (max-width: 1300px) {
  .search-result .list-result {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .search-result .list-result {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .search-result .list-result {
    grid-template-columns: 1fr;
  }
}
.search-result .list-result .portal-card {
  border-radius: 12px;
  background: #fff;
}
.search-result .list-result .portal-card .image-card {
  min-width: 260.503px;
}
@media (max-width: 1400px) {
  .search-result .list-result .portal-card .image-card {
    min-width: 200.503px;
  }
}
.search-result .list-result .portal-card .image-card {
  max-height: 100%;
  flex: 1 1 auto;
}
@media (max-width: 448px) {
  .search-result .list-result .portal-card {
    flex-direction: column;
    align-items: stretch;
  }
  .search-result .list-result .portal-card .image-card {
    max-width: 100%;
    width: 100%;
  }
}

.device-info {
  min-height: 78dvh;
}

.form-device-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 591px;
}
.form-device-info .form-group {
  margin: 0;
}
.form-device-info .base-label {
  color: var(--dark-2);
  padding-bottom: 5px;
  font-size: var(--fs-22);
  line-height: 120%; /* 26.4px */
}
.form-device-info .form-input-wrapper {
  border-radius: 12px;
  background: #f5f6fa;
}
.form-device-info .form-input-wrapper input {
  color: var(--dark-2);
  padding: 16px 24px;
  font-size: var(--fs-20);
}

.services-content {
  display: grid;
  align-content: flex-start;
  grid-template-columns: repeat(6, 1fr);
  gap: 26px 21px;
  width: 100%;
  margin-bottom: 22px;
  min-height: 78dvh;
}
.services-content.phone-directory-links {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1400px) {
  .services-content.phone-directory-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 10px;
  }
}
@media (max-width: 1600px) {
  .services-content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1300px) {
  .services-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .services-content .portal-main-btn2 {
    flex-direction: column;
    align-items: flex-start;
  }
  .services-content .service-card {
    padding: 16px;
  }
}
@media (max-width: 558px) {
  .services-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-content .portal-main-btn2 {
    padding: 16px 12px;
  }
  .services-content .portal-main-btn2 .icon {
    width: 40px;
    height: 40px;
    padding: 12.5px;
  }
}

.organization-structure {
  overflow: hidden;
}
.organization-structure #chart {
  width: 100%;
 height: 900px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  direction: ltr;
  transform-origin: top;
}
@media (max-width: 1600px) {
  .organization-structure #chart {
    height: 760px;
  }
}
@media (max-width: 1200px) {
  .organization-structure #chart {
    height: 52vw;
  }
}
@media (max-width: 767px) {
  .organization-structure #chart {
    height: 69vw;
  }
}

.organization-structure #chart .orgchart {
    cursor: move;
    cursor: grab;
}

.organization-structure #chart .orgchart:active {
    cursor: grabbing;
}

.organization-structure #chart .orgchart {
  min-height: 363px;
  background: none;
}
.organization-structure #chart .orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after, .organization-structure #chart .orgchart > ul > li > ul li > .node:not(.outsider)::before {
  border-top: 2px dashed #c11828;
}
.organization-structure #chart .orgchart .hierarchy::before {
  border-top: 2px dashed #c11828;
}
.organization-structure #chart .orgchart .node {
  padding: 3px 24px;
  pointer-events: none;
  background: none;
}
.organization-structure #chart .orgchart .node.customclass {
  padding: 0;
  margin: 30px 0px;
  position: relative;
  border-right: 2px dashed #c11828;
}
.organization-structure #chart .orgchart .node.customclass .title {
  height: 203px;
  width: 0px;
  padding: 0;
  background: transparent;
  border-bottom: none;
}
.organization-structure #chart .orgchart .node.customclass + .nodes {
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% -15%;
}
.organization-structure #chart .orgchart .node.vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.organization-structure #chart .orgchart .node.vertical > ::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  left: auto;
  width: 10px;
  height: 2px;
  border-top: 2px dashed #c11828;
  transform: rotate(0deg);
}
.organization-structure #chart .orgchart .node.vertical + .nodes .hierarchy::before {
  right: -52px;
  left: auto;
  width: 80px;
  rotate: 90deg;
  top: 0px;
}
.organization-structure #chart .orgchart .node.vertical + .nodes .node:not(.outsider)::before {
  display: none;
}
.organization-structure #chart .orgchart .node.vertical + .nodes {
  flex-direction: column;
  align-items: center;
}
.organization-structure #chart .orgchart .node.line-center .title {
  translate: 0 -75%;
}
.organization-structure #chart .orgchart .node.first-row {
  translate: 0 -75%;
}
.organization-structure #chart .orgchart .node.first-row.left-row {
  translate: -250px -50%;
}
.organization-structure #chart .orgchart .node.first-row.left-row::before {
  width: 180px;
  height: 45.5px;
  content: "";
  position: absolute;
  top: 50%;
  left: 80%;
  border-top: 2px dashed #c11828;
  border-right: 2px dashed #c11828;
  border-radius: 1px;
  transform: translateY(-120%);
  background: none;
}
.organization-structure #chart .orgchart .node.first-row.right-row {
  translate: 250px -50%;
}
.organization-structure #chart .orgchart .node.first-row.right-row::before {
  width: 180px;
  height: 45.5px;
  content: "";
  position: absolute;
  top: 50%;
  right: 80%;
  left: auto;
  border-top: 2px dashed #c11828;
  border-left: 2px dashed #c11828;
  border-radius: 1px;
  transform: translateY(-120%);
  background: none;
}
.organization-structure #chart .orgchart .node.bridge-point {
  margin-bottom: 0;
  position: relative;
  width: 668px;
}
.organization-structure #chart .orgchart .node.bridge-point.first-bridge {
  height: 0;
  translate: 0 -50%;
}
.organization-structure #chart .orgchart .node.bridge-point.first-bridge .title {
  height: 0;
}
.organization-structure #chart .orgchart .node.bridge-point.second-bridge {
  width: 175px;
}
.organization-structure #chart .orgchart .node.bridge-point.last-bridge {
  height: 0;
}
.organization-structure #chart .orgchart .node.bridge-point.last-bridge .title {
  height: 0;
}
.organization-structure #chart .orgchart .node.bridge-point.last-bridge + .nodes {
  top: 0;
  height: 70px;
}
.organization-structure #chart .orgchart .node.bridge-point .title {
  height: 112px;
  border-radius: 0;
  width: 0;
  background: none;
  padding: 0;
  border-right: 2px dashed #c11828;
  margin: auto;
}
.organization-structure #chart .orgchart .node.bridge-point + .nodes {
  position: absolute;
  top: 75%;
  left: 50%;
  translate: -50% 0;
}
.organization-structure #chart .orgchart .node.sub-node {
  padding-inline-end: 0;
  margin-bottom: 6px;
}
.organization-structure #chart .orgchart .node.sub-node .title {
  height: 70px;
  background-color: #f5f6fa;
  color: #252424;
}
.organization-structure #chart .orgchart .node.base-node {
  padding-inline-end: 0;
  margin-bottom: 0;
}
.organization-structure #chart .orgchart .node.base-node > .title {
  height: 70px;
  background-color: #c11828;
  color: #ffffff;
}
.organization-structure #chart .orgchart .node .oci {
  display: none;
}
.organization-structure #chart .orgchart .node .title {
  font-size: var(--fs-14);
  text-align: center;
  height: 70px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f6fa;
  color: #252424;
  white-space: initial;
  font-size: 14px;
  border-radius: 21px;
  padding: 10px;
}
.organization-structure #chart .orgchart .node:has(+ .nodes) .title {
  font-weight: 700;
}
.organization-structure #chart .orgchart .lastNodes + .nodes {
  margin-bottom: 20px;
}
.organization-structure #chart .orgchart .lastNodes + .nodes > .hierarchy::before {
  margin-top: 50px;
}
.organization-structure #chart .orgchart .lastNodes + .nodes > .hierarchy .node.line-center::before {
  display: none;
}
.organization-structure #chart .orgchart .lastNodes + .nodes > .hierarchy .node.line-center .title {
  translate: 0 0%;
}
.organization-structure #chart .orgchart .lastNodes + .nodes > .hierarchy > .node {
  flex-direction: column;
}
.organization-structure #chart .orgchart .lastNodes + .nodes > .hierarchy > .node > .title::after {
  display: none;
}
.organization-structure #chart .orgchart .last-row + .nodes {
  top: 100% !important;
}
.organization-structure .orgchart .hierarchy:not(.couple) > .node:not(.lastNodes):has(+ .nodes)::after {
  display: none;
}



/* new css */
.js-hidden{
  display: none;
}
.js-hidden.active{
  display: block;
}

.base-loader{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
  background:var(--Dark-G);
}
.base-loader .body-loader{
  display:flex;
  flex-direction:column;
  align-items: center;
  gap:12px;
  max-width:100%;
  font-size: var(--fs-32);
  font-weight: 600;
  color: var(--primary-red);
}
.base-loader .body-loader .custom-icon{
  width:140px;
  height:140px;
  display:flex;  
}
.base-loader .body-loader .custom-icon img{
  object-fit:contain;
  height:100%;
  width:100%;
}
/* html{
  overflow: hidden;
}
html.loaded{
  overflow: initial;
}

html.loaded .base-loader {
  display: none;
} */
.video-card,
.about-managment-section .container .group-management .card-info .contact-info .item-contact,
.dropdown-toggle {
    border:none;
    background:none
}
.about-managment-section .container .group-management .inner-groups .inner-group .card-info  a{
  color: black;
  text-decoration: none;
}

.timeline-section .timeline-container .timeline .out-border .timeline-item:not(.active){
  pointer-events: none;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item .logo{
  cursor: pointer;
  pointer-events: all;
}
.timeline-section .timeline-container .timeline .out-border .timeline-item:hover .logo img {
  filter: none;
}

@media (max-width:768px) {

  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .top-header-content {
    padding-bottom:0 !important;
}
.app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .top-header .top-header-content .left-side .logo .light-logo{
    display: none;
  }
  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .top-header .top-header-content .left-side .logo .dark-logo{
    display: block;
  }
  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .top-header .top-header-content .right-side button{
    color: black;
  }
  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .divider{
      background:black
  }
  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .main-header .top-header .top-header-content .search-btn,
  .app-page:not(:has(.inner-page),:has(.decrease-logo),:has(.dark-header)) #header .top-header .top-header-content .search-btn{
    filter: brightness(0);
  }
  .app-page:not(:has(.inner-page)) #header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
  }
  .app-page:not(:has(.inner-page)) #header .main-header {
    position: static;
    background: white;
    translate: 0 0;
  }
  .banner{
    position: relative;
    padding-block: 0;
    background: white;
    justify-content: flex-start;
    flex-direction: column;
    height: auto;
    padding-bottom: 24px;
  }
  .banner .bg-banner::before{
    display: none;
  }
  .banner .bg-banner{
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    flex: none;
  }
  .banner .bg-banner .bg-slide-item{
    position: static;
    display: none;
  }
  .banner .bg-banner .bg-slide-item.on-hidden{
    opacity: 0;
    visibility: hidden;
  }
  .banner .bg-banner .bg-slide-item.active{
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .banner .swiper-home-banner{
    width: 100%;
    padding:  0;
  }
  .banner .swiper-home-banner {
    height: auto !important;
  }
  .banner .swiper-home-banner .swiper-slide {
    height: auto !important;
  }

  .banner .swiper-home-banner .swiper-slide .top-title ,
  .banner .swiper-home-banner .swiper-slide .title ,
  .banner .swiper-home-banner .swiper-slide .description {
    color: black;
  }
  .between-lines::before, .between-lines::after{
    background-color:black;
  }
  .banner .slide-navigation .slide-navigation-button{
    filter: brightness(0);
  }
  .banner .slide-pagination .swiper-pagination-bullet{
    background: var(--dark-transparent);
  }
  .banner .slide-pagination .swiper-pagination-bullet::before{
    border:2px solid var(--primary-red);
  }
  .banner .slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--primary-red);
  }
  .banner .slide-navigation {
    justify-content: space-between;
    top: 0;
    bottom: auto;
    height: 240px;
    align-items: center;
    translate: none;
  }
  .banner .slide-pagination{
    position: static;
  }
}

.form-group .error-msg {
  display: none;
}

.form-group.has-error .error-msg {
  display: block !important;
}

.captcha-widget {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.captcha-widget img.captcha {
  width: 300px;
  max-width: 100%;
  height: 90px;
  object-fit: fill;
  image-rendering: auto;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}

.captcha-widget input[name="captcha_1"] {
  min-width: 220px;
  height: 52px;
  padding: 0 12px;
}

.captcha-widget .captcha-refresh-btn {
  margin: 0;
}


/* Gallery Content */


.gallery2{
  display: grid;
  grid-template-columns: repeat(3,1fr); 
  gap: 24px;
}
@media (max-width:778px) {
  .gallery2{
    grid-template-columns: repeat(2,1fr); 
  }
}
.gallery2 .box-gallery{
  text-decoration: none;
  justify-content: flex-end;
  height: 312px;
}
.gallery2 .box-gallery .info-box{
  justify-content: flex-end;
}

.gallery2-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 24px 12px 8px;
  margin-bottom: 32px;
}
.gallery2-content .main-swiper-gallery{
  width: 1000px;
  max-width: 100%;
}

.gallery2-content .main-swiper-gallery .swiper-slide{
  display: flex;
  height: 600px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width:778px) {
  .gallery2-content .main-swiper-gallery .swiper-slide{
    height: 400px;
  }
}
.gallery2-content .main-swiper-gallery .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery2-content .footer-gallery{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 1000px;
  max-width: 100%;
}
.gallery2-content .footer-gallery .slide-navigation-button{
  z-index: 4;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
  flex-shrink: 0;
}
.gallery2-content .footer-gallery .slide-navigation-button:not(.swiper-button-disabled):hover {
  box-shadow: 0 0 12px 0 var(--primary-red-transparent);
}
.gallery2-content .footer-gallery .slide-navigation-button.swiper-gallery-prev img {
  rotate: 180deg;
}
.gallery2-content .footer-gallery .slide-navigation-button.swiper-button-disabled {
  background: #fcfcfc;
}
.gallery2-content .footer-gallery .slide-navigation-button.slide-navigation-button.swiper-button-disabled img {
  filter: grayscale(1);
  opacity: 0.5;
}
.gallery2-content .footer-gallery .slide-navigation-button img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(20)
}
.gallery2-content .swiper-thumbnail-gallery{
  
}
.gallery2-content .swiper-thumbnail-gallery .swiper-slide{
  height: 70px;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  filter: brightness(.6);
  transition: .3s all ease-in-out;
}
.gallery2-content .swiper-thumbnail-gallery .swiper-slide:hover,
.gallery2-content .swiper-thumbnail-gallery .swiper-slide.swiper-slide-thumb-active{
  filter: brightness(1);

}
.gallery2-content .swiper-thumbnail-gallery .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-album{
  display: flex;
  flex-direction: column;
  gap: 24px;
  .main-header-section{
    margin-bottom: 0;
    .title{
      margin: 0;
      font-weight: 700;
      font-size: var(--fs-35);
    }
  }
}
@media (max-width: 1024px) {
  .main-header-section .right-side .layout-control{
    width: 100%;
  }
}
@media (max-width: 558px) {
  .main-header-section .left-side{
      flex-direction:column;
      align-items:flex-start
  }
  .main-header-section .left-side .filter-selects{
     flex-wrap: wrap;
   }
 }
@media (max-width: 448px) {
  .main-header-section .right-side .layout-control .form-search{
    flex: 1 1 100%;
    flex-wrap: nowrap;
  }
  .main-header-section .form-search .form-group{
    max-width: 100%;
  }
}

/* Profile / login icon in header */
.top-header-content .right-side .profile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.top-header-content .right-side .profile-btn svg{
  height: 22px !important;
  width: 22px !important;
}
.top-header-content .right-side .profile-btn:hover {
  opacity: 0.7;
}
.top-header-content .right-side .kuwait-airport-btn{
  border-radius: 8px;
  border: none;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 13px !important;
  text-decoration: none;
  color: #000000 !important;
  font-size: var(--fs-16) !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: 0.3s color ease-in-out, 0.3s background ease-in-out !important;
  line-height: 18px;
  background: #FFF !important;
}
.top-header-content .right-side .kuwait-airport-btn:hover {
  background: #F0F0F0 !important;
}
@media (max-width: 768px) {
  .top-header-content .right-side .kuwait-airport-btn{
    font-size: 14px !important;
    padding: 8px 6px !important;
    line-height: normal !important;
  }
}




/* Profile Page */
.banner-profile .container {
  display: flex;
  justify-content: center;
  padding: 46px;
}

.inner-banner .profile-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 51px;
  gap: 24px;
  background: rgba(255, 255, 255, 0.54);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(11.2px);
  border-radius: 26px;
  max-width: 1077px;
  width: 100%;
}

.inner-banner .profile-box .left-side {
  display: flex;
  align-items: center;
  gap: 32px;
}

.inner-banner .profile-box .left-side .profile-image {
  position: relative;
  height: 103.25px;
  width: 103.25px;
}

.inner-banner .profile-box .left-side .profile-image .wrapper-image {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.inner-banner .profile-box .left-side .profile-image .wrapper-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-banner .profile-box .left-side .profile-image input {
  display: none;
}

.inner-banner .profile-box .left-side .profile-image .upload-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 41px;
  width: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 50%;
  background: white;
  box-shadow: 0px 7.32px 13.64px 0px #0000000D;
  border: none;
  outline: none;
  transition: .3s all ease-in-out;
  cursor: pointer;
}

.inner-banner .profile-box .left-side .profile-image .upload-btn .custom-icon {
  width: 100%;
  height: 100%;
  display: flex;
}

.inner-banner .profile-box .left-side .profile-image .upload-btn:hover {
  background: #f0f0f0;
}

.inner-banner .profile-box .left-side .user-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.inner-banner .profile-box .left-side .user-info .username {
  color: #1F1F1F;
  font-size: clamp(20px, 3vw, 40px);
  font-weight: 900;
  margin: 0;
}

.inner-banner .profile-box .left-side .user-info .user-contact {
  display: flex;
  align-items: center;
  gap: 33px;
}

.inner-banner .profile-box .left-side .user-info .user-contact .user-role,
.inner-banner .profile-box .left-side .user-info .user-contact a {
  font-size: clamp(16px, 2vw, 18px);
  color: #6E6E6E;
  text-decoration: none;
  margin: 0;
  position: relative;
  transition: .3s all ease-in-out;
  font-weight: 400;
}

.inner-banner .profile-box .left-side .user-info .user-contact a:hover {
  color: #000;
}

.inner-banner .profile-box .left-side .user-info .user-contact a:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: -16px;
  translate: 0 -50%;
  width: 1px;
  height: 18px;
  background: #6E6E6E;
  display: flex;

}

.inner-banner .profile-box .right-side {
  display: flex;
  align-items: center;
  gap: 32px;
}

.inner-banner .profile-box .right-side .btn-edit-profile {
  height: 46px;
  width: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  background: #E44745;
  box-shadow: 0px 3.09px 15.45px 0px #E447454D;
  border-radius: 9.27px;
  transition: .3s all ease-in-out;
}

.inner-banner .profile-box .right-side .btn-edit-profile:hover {
  box-shadow: 0 0 10px 0 #E44745;
}

.inner-banner .profile-box .right-side hr {
  height: 70px;
  width: 1px;
  background: #C7C7C7;
}

.inner-banner .profile-box .right-side .account-info {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.inner-banner .profile-box .right-side .account-info .user-type {
  font-weight: 700;
  font-size: clamp(18px, 2vw, 21px);

}

.inner-banner .profile-box .right-side .account-info .account-date {
  color: #797979;
  font-size: clamp(16px, 2vw, 18px);

}

@media (max-width:1024px) {
  .banner-profile .container {
    padding: 24px 16px;
  }

  .inner-banner .profile-box {
    flex-direction: column;
    align-items: stretch;
    padding: 24px;
    gap: 12px;
  }

  .inner-banner .profile-box .left-side .profile-image {
    height: 80px;
    width: 80px;
    flex-shrink: 0;
  }

  .inner-banner .profile-box .left-side .user-info .user-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .inner-banner .profile-box .left-side .user-info .user-contact a:not(:last-child)::before {
    display: none;
  }
}

.profile-section {
  margin-top: 16px;
}

.profile-section .container {
  display: flex;
  gap: 16px;
}

.profile-section .container .profile-setting-group {
  display: flex;
  flex-direction: column;
  padding: 22px 53px 26px 30px;
  gap: 13px;
  flex: 1;
  max-width: 513px;
  box-shadow: 0px 10.45px 19.47px 0px #0000000D;
  background: #FFFFFF;
  border-radius: 20px;
}

.profile-section .container .profile-setting-group .setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 700;
  font-size: clamp(18px, 2vw, 22px);
  text-decoration: none;
  color: black;
  padding: 22px 12px;
  transition: .3s all ease-in-out;
  border-radius: 18.53px;
  background: none;
  border: none;
}

.profile-section .container .profile-setting-group a.setting-item:hover {
  box-shadow: 0px 16px 32px 0px #0000001a, 0 4px 12px 0 #00000014;

}

.profile-section .container .profile-setting-group .setting-item.setting-main-group {
  color: black;
  border-bottom: 1px solid #E9E9E9;
  border-radius: 0;
}

.profile-section .container .profile-setting-group .setting-item.inner-item {
  padding-block: 13px;
}

.profile-section .container .profile-setting-group .setting-item .title-item {
  flex: 1;
}

.profile-section .container .profile-setting-group .setting-item .custom-icon {
  width: 30px;
  height: 30px;
  display: flex;
}

.profile-section .container .profile-setting-group .setting-item .custom-icon.arrow-icon {
  width: 14px;
  height: 14px;

}

.profile-section .container .profile-setting-group .setting-item .custom-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.profile-section .container .profile-setting-group .setting-item.empty-item {
  padding: 0;
}

.profile-section .container .profile-setting-group .setting-item.logout-btn {
  color: #C11828;
  font-weight: 700;
  text-align: start;
}

@media (max-width:1400px) {
  .profile-section .container .profile-setting-group {
    padding: 22px 26px;
  }
}

@media (max-width:1024px) {
  .profile-section .container {
    flex-wrap: wrap;
  }
  .profile-section .container .profile-setting-group{
    min-width: 320px;
    max-width: 100%;
  }
}

html[dir="rtl"] .profile-section .container .profile-setting-group .setting-item .arrow-icon img{
  rotate: 180deg;
}



/* Circulation & Resolutions */
.circulation-resolutions-section {
  background: #FFFFFF;
  z-index: 10;
  position: relative;
}

.circulation-resolutions-section .container {
  display: flex;
  gap: 16px;
}

.circulation-resolutions-section .container .content-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}
.circulation-resolutions-section .container .content-section .main-title2{
  margin: 0;
  display: none;
}
.circulation-resolutions-section .container .content-section .main-title2.active{
  display: block;
}
.circulation-resolutions-section .container .content-section .tabs-items {
  display: flex;
  align-items: center;
  gap: 18px;
}

.circulation-resolutions-section .container .content-section .tabs-content {
  width: 100%;

}

.circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item {
  display: none;
  flex-direction: column;
  gap: 93px;
  align-items: center;
}
.circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item.active {
  display: flex;
}
.circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px;
  width:100%
}
.circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards .card-file{
  flex: 1;
  max-width: 24%;   
}
.circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .base-btn.btn-red{
  padding: 10px  16px;
}
@media screen and (max-width: 1200px) {
  .circulation-resolutions-section .container .content-section {
    gap: 48px;
  }
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item {
    gap: 48px;
  }
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards .card-file{
    max-width: 48%;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 768px) {
  .circulation-resolutions-section .container .content-section {
    gap: 32px;
  }
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item {
    gap: 32px;
  }
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards{
    gap: 16px;
  }
  .circulation-resolutions-section .container .content-section .tabs-items {
    width: 100%;
  }
  .circulation-resolutions-section .container .content-section .tabs-items .btn-type-view{
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 558px) {
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards{
    grid-template-columns: repeat(1, 1fr);
  }
  .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards .card-file{
    max-width: 100%;
  }
}
.card-file .date {
  color: var(--primary-red);
  font-size: var(--fs-22);
  font-weight: 500;
  margin: 0;
}


/* Promotion Home Section */
.promotion-home-section {
  background: #fafafa;
  z-index: 10;
  position: relative;
  padding-block: 20px;
}

.promotion-home-section .container {
  display: flex;
  gap: 16px;
}

.promotion-home-section .container .content-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 48px;
}
@media screen and (max-width: 1200px) {
  .promotion-home-section .container .content-section {
    gap: 48px;
  }
}
@media screen and (max-width: 768px) {
  .promotion-home-section .container .content-section {
    gap: 32px;
  }
}
.promotion-home-section .container .content-section .promotion-card {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  color: black;
  text-decoration: none;
  gap: 20px;
}

.promotion-home-section .container .content-section .promotion-card .image-card {
  border-radius: 15px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  flex: 1;
  width: 100%;
}

.promotion-home-section .container .content-section .promotion-card .image-card img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.promotion-home-section .container .content-section .base-header-section {
  text-align: center;
}


.promotion-home-section .container .content-section .promotion-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px;
  width: 100%;
}
.promotion-home-section .container .content-section .promotion-card{
  flex: 1;
  max-width: 24%;
}
.promotion-home-section .container .content-section .base-btn.btn-red{
  padding: 10px  16px;
}
@media screen and (max-width: 1200px) {
  .promotion-home-section .container .content-section .promotion-card{
    max-width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .promotion-home-section .container .content-section .promotion-card{
    max-width: 100%;
  }
}

.base-btn span{
  height: 16px;
}


/* Modal Calendar */
.air-datepicker-global-container {
  z-index: 999999;
}
.modal-calendar {
  padding-block: 12px;
  .modal-dialog {
    max-width: 430px;
    margin:  auto;
    height: 100%;
    display: flex;
    align-items: center;
  }
  @media screen and (max-height: 768px) {
    .modal-dialog {
      align-items: flex-start;
    }
  }
  .modal-content {
    background: #fff;
    border-radius: 18px;
    border: none;
    padding: 0;
  }
  .modal-header {
    border-bottom: 1px solid #efefef;
    padding: 20px 28px 12px 28px;
  }
  .modal-title {
    font-size: 1.2rem;
    color: var(--primary-red, #C5141C);
    font-weight: 700;
  }
  .btn-close {
    box-shadow: none;
    opacity: 0.6;
    margin: 0;
    margin-inline-start: auto;
  }
  .modal-body {
    padding: 28px;
    background: #fff;
    border-radius: 0 0 18px 18px;
    height: fit-content;
    width: 100%;
  }
  form#calendar-form {
    display: flex;
    flex-direction: column;
  }
  label {
    font-size: 15px;
    font-weight: 600;
    color: #343554;
  }
  .form-control {
    border-radius: 8px;
    border: 1px solid #dadbe2;
    box-shadow: none;
    font-size: 15px;
    color: #242256;
    background: #fafafd;
    outline: none;
  }
  .wrapper-dates{
    display: flex;
    gap: 12px;
    .custom-datepicker{
      flex: 1 1 auto;
    }
    .select-timepicker{
      width: 80px;
      font-size: 14px;
    }
  }
  .calendar-color-options {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }
  .calendar-color-option {
    position: relative;
    cursor: pointer;
    margin: 0;
    input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .swatch {
      display: block;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 2px solid transparent;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    input:checked + .swatch {
      border-color: #111;
      box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
    }
    input:focus-visible + .swatch {
      outline: 2px solid #1d4ed8;
      outline-offset: 2px;
    }
  }
}

@media (max-width: 600px) {
  .modal-calendar .modal-dialog {
    max-width: 97vw;
    margin: 10vw auto;
  }
  .modal-calendar .modal-content, 
  .modal-calendar .modal-header,
  .modal-calendar .modal-body  {
    padding: 16px !important;
    border-radius: 12px !important;
  }
}


.custom-portal-table .header-section .btn-wrapper{
  display: flex;
  gap: 8px;
}


.about-section #aboutSectionTabs{
  display: flex;
  justify-content: center;
  border: none;
  gap: 12px;
  max-width: 1170px;
  padding: 0;
  margin: 0 auto;
}
.about-section #aboutSectionTabs .nav-item{
  flex:1;
}
.about-section #aboutSectionTabs .nav-link{
  border-radius: 8px;
  border: none;
  display: flex;
  justify-content:center; 
  align-items: center;
  gap: 16px;
  padding: 14px;
  text-decoration: none;
  color: #000000;
  font-size: var(--fs-18);
  font-weight: 500;
  background: #F4F4F4;
  cursor: pointer;
  transition: 0.3s color ease-in-out, 0.3s background ease-in-out;
  line-height: 18px;
  width:100%;
}
.about-section #aboutSectionTabs .nav-link:hover,
.about-section #aboutSectionTabs .nav-link.active{
  background: var(--primary-red);
  color: white;
}




/* Sahal banner style */
.sahal-banner .container {}

.sahal-banner .container .wrapper-banner {
  position: relative;
  border-radius: 23px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  overflow: hidden;
  margin-top: 28px;
  padding: 89px;
  padding-inline-start: 400px;
}

.sahal-banner .container .wrapper-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.52);
  z-index: -1;
  pointer-events: none;
}

.sahal-banner .container .wrapper-banner .bg-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
  display: flex;
}

.sahal-banner .container .wrapper-banner .bg-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sahal-banner .container .wrapper-banner .left-image {
  position: absolute;
  top: 71px;
  left: 0;
  width: 282px;
  height: auto;
  display: flex;
}

.sahal-banner .container .wrapper-banner .left-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sahal-banner .container .wrapper-banner .content-banner {
  display: flex;
  flex-direction: column;
  gap: 42px;
  max-width: 592px;
}

.sahal-banner .container .wrapper-banner .content-banner .title {
  font-size: clamp(24px, 4vw, 63.23px);
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.sahal-banner .container .wrapper-banner .content-banner .desc {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 400;
  color: #fff;
  margin: 0;
}

.sahal-banner .container .wrapper-banner .content-banner .btn-group {
  display: flex;
  gap: 15px;
}

.sahal-banner .container .wrapper-banner .content-banner .btn-group .btn-app {
  width: max-content;
  height: 100%;

}

.sahal-banner .container .wrapper-banner .content-banner .btn-group .btn-app img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sahal-banner .container .wrapper-banner .right-image{
  width: 154px;
  height: 154px;
  display: flex;
  flex-shrink: 0;
}
.sahal-banner .container .wrapper-banner .right-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/** Responsive styles for .sahal-banner **/

@media (max-width: 1200px) {
  .sahal-banner .container .wrapper-banner {
    padding: 48px;
    padding-inline-start: 250px;
    gap: 24px;
  }
  .sahal-banner .container .wrapper-banner .content-banner{
    gap: 24px;
  }
  .sahal-banner .container .wrapper-banner .left-image{
    bottom: -40px;
    top: auto;
    width: 200px;
  }
}


@media (max-width: 992px) {
  .sahal-banner .container .wrapper-banner {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 48px;
  }
  .sahal-banner .container .wrapper-banner .left-image{
    display: none;
  }
}
@media (max-width: 678px) {
  .sahal-banner .container .wrapper-banner {
    padding: 32px;
  }
  .sahal-banner .container .wrapper-banner .right-image{
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 558px) {
  .sahal-banner .container .wrapper-banner .content-banner .btn-group .btn-app{
    height: 48px;
  }
}
@media (max-width: 448px) {
  .sahal-banner .container .wrapper-banner .right-image{
    width: 72px;
    height: 72px;
  }

  .sahal-banner .container .wrapper-banner {
    padding: 24px;
    gap: 24px;
  }
  .sahal-banner .container .wrapper-banner .content-banner{
    gap: 16px;
  }
  .sahal-banner .container .wrapper-banner .content-banner .btn-group .btn-app{
    height: 36px;
  }
}




.timeline-section {}

.timeline-section .header-section {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 48px;
}

.timeline-section .header-section .slide-navigation-button {
  pointer-events: all;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--primary-red);
  border-radius: 6px;
  padding: 17px 10px;
  overflow: hidden;
  border: none;
  transition: 0.3s all ease-in-out;
  flex-shrink: 0;
}

.timeline-section .header-section .slide-navigation-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(20);
}

.timeline-section .header-section .slide-navigation-button.swiper-slide-prev img {
  rotate: 180deg;
}

.timeline-section .swiper-timeline {}

.timeline-section .swiper-timeline .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 27px;
  cursor: pointer;
  min-height: 130px;

}

.timeline-section .swiper-timeline .swiper-slide .custom-icon {
  width: 61px;
  height: 54px;
  display: flex;
}

.timeline-section .swiper-timeline .swiper-slide .custom-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1) brightness(2);
  transition: 0.3s all ease-in-out;
}

.timeline-section .swiper-timeline .swiper-slide .year {
  font-size: var(--fs-22);
  font-weight: 300;
  color: black;
}
.timeline-section .swiper-timeline .swiper-slide:hover .custom-icon img,
.timeline-section .swiper-timeline .swiper-slide.active .custom-icon img {
  filter: none;
}
.timeline-section .swiper-timeline .swiper-slide:hover .year{
  color: var(--primary-red);
} 

.timeline-section .swiper-timeline .swiper-slide.active .year {
  font-size: var(--fs-32);
  color: var(--primary-red);
  font-weight: 800;
  transition: 0.3s all ease-in-out;
}

.timeline-section .slide-content .item-content {
  display: none;
  opacity: 0;
  align-items: flex-start;
  gap: 29px;
  transition: 0.3s all ease-in-out;
}

.timeline-section .slide-content .item-content .left-side {
  flex: 1;
}

.timeline-section .slide-content .item-content .left-side .title-slide {
  font-size: var(--fs-35);
  font-weight: 700;
  margin-bottom: 24px;
}

.timeline-section .slide-content .item-content .left-side .desc {
  font-size: var(--fs-22);
  font-weight: 400;
}

.timeline-section .slide-content .item-content .right-side {
  position: sticky;
  top: 120px;
  flex: 1;
  max-width: 694px;

}

.timeline-section .slide-content .item-content .right-side .image-slide {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 19px;
  overflow: hidden;
}

.timeline-section .slide-content .item-content .right-side .image-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.timeline-section .slide-content .item-content.active {
  display: flex;
}
.timeline-section .slide-content .item-content.show {
  opacity: 1;
}

@media (max-width:778px) {
  .timeline-section .slide-content .item-content {
  flex-direction: column-reverse;
  }
  .timeline-section .slide-content .item-content .right-side {
    position: static;
  }
}

.portal-main-btn2.phone-directory-item .body-item .value-item .icon img{
  rotate: 180deg;
}
html[dir="rtl"] #phone-directory-section .search-table-form-2 .base-btn.btn-red {
  flex-direction: row;
}

/* ------------------------------------------------------------------
   Homepage only: scale type + spacing for laptop / small desktop
   Inner pages keep original font tokens. Do not apply at 768px and below.
------------------------------------------------------------------- */
@media (max-width: 1599.98px) and (min-width: 769px) {
  .home-page {
    --fz-nav-items: 18px;
    --fz-18: 16px;
    --fz-22: 18px;
    --fs-17: 15px;
    --fs-18: 16px;
    --fs-19: 16px;
    --fs-20: 17px;
    --fs-22: 18px;
    --fs-23: 19px;
    --fs-23-2: 19px;
    --fs-24: 20px;
    --fs-25: 21px;
    --fs-26: 21px;
    --fs-27: 22px;
    --fs-28: 22px;
    --fs-30: 24px;
    --fs-32: 26px;
    --fs-35: 28px;
    --fs-38: 30px;
    --fs-40: 32px;
    --fs-48: 38px;
    --fs-50: 40px;
    --fs-58: 46px;
    --fs-74: 54px;
    --fs-80: 58px;
    --fs-116: 82px;
    --fs-249: 160px;
  }

  .home-page .section {
    padding-block: 56px;
  }
  .home-page .main-title {
    margin-bottom: 28px;
  }
  .home-page .base-header-section {
    gap: 10px;
  }
  .home-page .base-btn {
    gap: 12px;
    padding: 8px 8px 8px 14px;
  }
  .home-page .base-btn .icon,
  .home-page .base-btn.btn-transparent .icon {
    width: 26px;
    height: 26px;
    padding: 7px 5px;
  }
  .home-page .btn-type-view {
    width: 240px;
  }

  .home-page .banner {
    padding-block: 140px;
  }
  .home-page .banner .swiper-home-banner {
    max-width: 720px;
    padding: 160px 0 80px;
  }
  .home-page .banner .swiper-home-banner .swiper-slide {
    padding: 28px;
  }
  .home-page .banner .swiper-home-banner .swiper-slide .top-title {
    margin-bottom: 10px;
    margin-inline: 24px;
  }
  .home-page .banner .swiper-home-banner .swiper-slide .title {
    margin-bottom: 28px;
  }
  .home-page .banner .swiper-home-banner .swiper-slide .description {
    margin-bottom: 28px;
  }
  .home-page .banner .slide-navigation {
    padding: 28px 64px;
  }
  .home-page .banner .slide-pagination {
    bottom: 28px;
    gap: 20px;
  }

  .home-page .quick-links-section .wrapper-quick-links {
    padding-block: 56px;
  }
  .home-page .quick-links-section .quick-links-slider {
    margin-bottom: 20px;
    padding-inline: 32px;
  }
  .home-page .quick-links-section .quick-links-slider .quick-links-navigation {
    padding: 28px;
  }
  .home-page .quick-links-section .quick-links-slider .quick-links-navigation .slide-navigation-button {
    width: 42px;
    height: 42px;
    padding: 12px 8px;
  }
  .home-page .quick-links-section .quick-links-slider .swiper-slide .card-link {
    gap: 12px;
    max-width: 240px;
  }
  .home-page .quick-links-section .quick-links-slider .swiper-slide .card-link .window {
    max-width: 200px;
    max-height: 294px;
  }

  .home-page .about-section {
    padding-block: 24px;
  }
  .home-page .about-section .container .about-content {
    gap: 280px;
  }
  .home-page .about-section .container .about-content .years-experience {
    gap: 14px;
    max-width: 340px;
    translate: 28px 28px;
    padding: 22px;
  }
  .home-page .about-section .container .about-content .bottom-info {
    padding: 28px 18px;
    max-width: 640px;
  }
  .home-page .about-section .container .about-content .bottom-info .title {
    margin-bottom: 10px;
  }
  .home-page .about-section .container .about-content .bottom-info .description {
    margin-bottom: 18px;
  }
  .home-page .about-section #aboutSectionTabs {
    gap: 10px;
  }
  .home-page .about-section #aboutSectionTabs .nav-link {
    padding: 12px;
    gap: 12px;
  }

  .home-page .aircraft-accident-section .container .section-content {
    gap: 28px;
  }
  .home-page .aircraft-accident-section .container .section-content .left-side {
    max-width: 460px;
  }
  .home-page .aircraft-accident-section .container .section-content .left-side .main-title {
    margin-bottom: 12px;
  }
  .home-page .aircraft-accident-section .container .section-content .left-side .main-description {
    margin-bottom: 24px;
  }

  .home-page .services-section .container .content-section {
    gap: 32px;
  }
  .home-page .services-section .container .services-swiper .swiper-slide {
    height: 380px;
  }
  .home-page .services-section .container .services-swiper .service-card {
    height: 340px;
    padding: 18px 20px;
  }
  .home-page .services-section .container .services-swiper .service-card .image-card {
    height: 140px;
  }
  .home-page .services-section .container .services-links-navigation .slide-navigation-button {
    width: 42px;
    height: 42px;
    padding: 12px 8px;
  }

  .home-page .circulation-resolutions-section .container .content-section {
    gap: 36px;
  }
  .home-page .circulation-resolutions-section .container .content-section .tabs-items {
    gap: 14px;
  }
  .home-page .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item {
    gap: 56px;
  }
  .home-page .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item .list-cards {
    gap: 20px;
  }
  .home-page .promotion-home-section .container .content-section {
    gap: 36px;
  }
  .home-page .promotion-home-section .container .content-section .promotion-content {
    gap: 20px;
  }
  .home-page .promotion-home-section .container .content-section .promotion-card {
    gap: 16px;
  }
}

@media (max-width: 1400px) and (min-width: 769px) {
  .home-page {
    --fz-22: 17px;
    --fs-20: 16px;
    --fs-22: 17px;
    --fs-24: 19px;
    --fs-26: 20px;
    --fs-28: 21px;
    --fs-32: 24px;
    --fs-35: 26px;
    --fs-38: 28px;
    --fs-40: 30px;
    --fs-48: 34px;
    --fs-50: 36px;
    --fs-58: 42px;
    --fs-74: 48px;
    --fs-80: 52px;
  }

  .home-page .section {
    padding-block: 48px;
  }
  .home-page .main-title {
    margin-bottom: 22px;
  }

  .home-page .banner {
    padding-block: 120px;
  }
  .home-page .banner .swiper-home-banner {
    max-width: 640px;
    padding: 120px 0 64px;
  }
  .home-page .banner .swiper-home-banner .swiper-slide .title {
    margin-bottom: 22px;
  }
  .home-page .banner .slide-navigation {
    padding: 24px 48px;
  }

  .home-page .quick-links-section .wrapper-quick-links {
    padding-block: 48px;
  }
  .home-page .quick-links-section .quick-links-slider .swiper-slide .card-link {
    max-width: 220px;
  }
  .home-page .quick-links-section .quick-links-slider .swiper-slide .card-link .window {
    max-width: 184px;
    max-height: 270px;
  }

  .home-page .about-section .container .about-content {
    gap: 220px;
  }
  .home-page .about-section .container .about-content .years-experience {
    max-width: 300px;
    padding: 18px;
    translate: 20px 20px;
  }
  .home-page .about-section .container .about-content .bottom-info {
    padding: 24px 16px;
  }

  .home-page .aircraft-accident-section .container .section-content .left-side {
    max-width: 420px;
  }

  .home-page .services-section .container .content-section {
    gap: 28px;
  }
  .home-page .services-section .container .services-swiper .swiper-slide {
    height: 350px;
  }
  .home-page .services-section .container .services-swiper .service-card {
    height: 310px;
    padding: 16px 18px;
  }
  .home-page .services-section .container .services-swiper .service-card .image-card {
    height: 128px;
  }

  .home-page .circulation-resolutions-section .container .content-section {
    gap: 32px;
  }
  .home-page .circulation-resolutions-section .container .content-section .tabs-content .tabs-content-item {
    gap: 48px;
  }
  .home-page .promotion-home-section .container .content-section {
    gap: 32px;
  }
}

/* ------------------------------------------------------------------
   Inner pages: font tokens only for laptop / small desktop.
   No layout, padding, gap, or control-size changes.
   Must not apply at 768px and below (mobile rules stay intact).
------------------------------------------------------------------- */
@media (max-width: 1599.98px) and (min-width: 769px) {
  .inner-page {
    --fz-18: 16px;
    --fz-22: 18px;
    --fs-17: 15px;
    --fs-18: 16px;
    --fs-19: 16px;
    --fs-20: 17px;
    --fs-22: 18px;
    --fs-23: 19px;
    --fs-23-2: 19px;
    --fs-24: 20px;
    --fs-25: 21px;
    --fs-26: 21px;
    --fs-27: 22px;
    --fs-28: 22px;
    --fs-30: 24px;
    --fs-32: 26px;
    --fs-35: 28px;
    --fs-38: 30px;
    --fs-40: 32px;
    --fs-48: 38px;
    --fs-50: 40px;
    --fs-58: 46px;
    --fs-74: 54px;
    --fs-80: 58px;
    --fs-116: 82px;
    --fs-249: 160px;
  }
}

@media (max-width: 1400px) and (min-width: 769px) {
  .inner-page {
    --fz-22: 17px;
    --fs-20: 16px;
    --fs-22: 17px;
    --fs-24: 19px;
    --fs-26: 20px;
    --fs-28: 21px;
    --fs-32: 24px;
    --fs-35: 26px;
    --fs-38: 28px;
    --fs-40: 30px;
    --fs-48: 34px;
    --fs-50: 36px;
    --fs-58: 42px;
    --fs-74: 48px;
    --fs-80: 52px;
  }
}

@media (max-width: 768px) {
  .media-center .media-content .list-media .portal-card {
    flex-direction: column;
  }
}
.custom-portal-table .footer-section .page .select2-container--default .select2-selection--single .select2-selection__clear{
  display: none;
}

[type=search] {
    outline: none;
}

.error-page .bg-error-image img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}