@font-face {
  font-family: "Heebo";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/heebo/Heebo-Light.ttf) format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/heebo/Heebo-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/heebo/Heebo-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/heebo/Heebo-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "Heebo";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/heebo/Heebo-Bold.ttf) format("truetype");
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: "Heebo";
  overflow-wrap: break-word;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

body {
  margin: 0;
  font-family: "Heebo", Arial, sans-serif;
  color: #212529;
  font-size: 16px;
  height: 100%;
}

.layout {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

.access-denied {
  background: url(/assets/images/DesktopBg.svg);
}
.main_content {
  display: flex;
  align-items: center;
  flex: 1;
}

.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 20px;
}

.active-tenders-layout .container {
  padding-inline: 30px;
  padding-block-end: 112px;
}
.access-denied .app_header {
  display: flex;
  justify-content: end;
  height: 85px;
}

.info_container {
  max-width: 644px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.info_container_content_top {
  display: flex;
  justify-content: center;
}
.info_container_content_top img {
  width: 232px;
  height: 204px;
}

.info_container_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

.info_container_content .title {
  color: #294c6a;
  text-align: center;
  font-family: Heebo;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.225px;
  display: flex;
  flex-direction: column;
}
.info_container_content .title .title_heb {
  max-width: 328px;
  margin-inline: auto;
}

.info_container_content .contact {
  color: #294c6a;
  text-align: center;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.info_container_content .link {
  color: var(--Buttons, #004b99);
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.info_container_content .other_links {
  text-align: center;
  margin-inline: auto;
  color: rgba(41, 76, 106, 0.9);
  text-align: center;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.active-tenders-layout {
  background: #eff7ff;
  gap: 32px;
}
.active-tenders-layout .app_header {
  display: flex;
  justify-content: center;
  padding-block: 55px 10px;
}

/* ____________________________________ */
.active-tenders-box {
  display: flex;
  flex-direction: column;
  padding: 44px 30px 50px 30px;
  gap: 40px;
  max-width: 1119px;
  margin-inline: auto;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px -3px 79px 0px rgba(146, 168, 222, 0.19);
}

.active-tenders-box-top{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.active-tenders-box-top h1 {
  color: #294c6a;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
}
.active-tenders-box-top p {
  color: #294c6a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.active-tenders-list-container {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.active-tenders-list {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.active-tenders-list-container .count {
  color: #294c6a;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.active-tenders-item {
  display: flex;
  flex-direction: column;
  padding: 32px 30px;
  gap: 40px;
  width: 100%;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0px -3px 24px 0px rgba(101, 130, 201, 0.18);
}
.active-tenders-item .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.active-tenders-item .tag-list li {
  background: #d6e5fe;
  padding-inline: 14px;
  padding-block: 3px 4px;
  color: #294c6a;
  text-align: right;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  border-radius: 32px;
}

.active-tenders-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.active-tenders-item-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.active-tenders-item-content .active-tenders-item-title {
  color: #294c6a;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 0.017px;
}
.active-tenders-item-content .active-tenders-item-details {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.active-tenders-item-content .active-tenders-item-details .active-tenders-item-detail {
  display: flex;
  gap: 10PX;
}

.active-tenders-item-content
  .active-tenders-item-details
  .active-tenders-item-detail-item:not(:last-of-type)::after {
  content: "";
  width: 1px;
  border: 1px solid #e4ecf4;
  height: 20px;
  background: #e4ecf4;
  margin-inline: 32px;
}
.active-tenders-item-content
  .active-tenders-item-details
  .active-tenders-item-detail-item {
  display: flex;
}
.active-tenders-item-content
  .active-tenders-item-details
  .active-tenders-item-detail-item
  .label {
  color: #294c6a;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.014px;
}
.active-tenders-item-content
  .active-tenders-item-details
  .active-tenders-item-detail-item
  .value {
  color: #294c6a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.014px;
}

.active-tenders-item-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.active-tenders-item-info .active-tenders-item-info-title,
.active-tenders-item-contact-title {
  color: #294c6a;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.active-tenders-item-info .active-tenders-item-info-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.active-tenders-item-info
  .active-tenders-item-info-description
  .active-tenders-item-info-description-text {
  color: #294c6a;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.active-tenders-item-contact-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.active-tenders-item-contact-container .contact-list {
  display: flex;
  gap: 21px;
}
.active-tenders-item-contact-container .contact-list .contact {
  color: #294c6a;
  text-align: right;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 18.656px;
}

.active-tenders-item-contact-container .contact-list .name {
  color: #294c6a;
  text-align: right;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 18.656px;
}

.active-tenders-item-contact-container .contact-list .mail {
  color: #0d47a1;
  text-align: right;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; 
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  gap: 4px;
  align-items: center;
}

.active-tenders-item-contact-container .contact-list .phone {
  color: #294c6a;
  text-align: right;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  display: flex;
  gap: 4px;
  align-items: center;
}

.active-tenders-item-contact-container .contact-list .mail::before {
  display: block;
  content: "";
  width: 13.875px;
  height: 10.175px;
  background: url(/assets/images/Mail.svg) no-repeat center / contain;
}

.active-tenders-item-contact-container .contact-list .phone::before {
  display: block;
  content: "";
  width: 13.207px;
  height: 13.063px;
  background: url(/assets/images/Phone.svg) no-repeat center / contain;
}

.active-tenders-item-documents-container-title {
  color: #294c6a;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.active-tenders-item-documents-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.active-tenders-item-documents-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.active-tenders-item-documents-item-title {
  color: #294c6a;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.active-tenders-item-documents-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.active-tenders-item-documents-file-list {
  display: flex;
  flex-direction: column;
  max-width: 474px;
}

.active-tenders-item-documents-file-list
  .active-tenders-item-documents-file-item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #f4f8ff;
  margin-block: 16px;
}

.active-tenders-item-documents-file-item a {
  display: inline-block;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #294c6a;
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
}

.active-tenders-item-documents-file-item a::before {
  display: block;
  content: "";
  width: 19px;
  height: 22.73px;
  background: url(/assets/images/PdfFile.svg) no-repeat center / contain;
}

@media (min-width: 577px) {
  .access-denied .app_header .iec_logo {
    margin-inline-end: 143px;
    width: 91px;
    height: 44px;
    align-self: flex-end;
  }

  .info_container_content .other_links {
    margin-top: 19px;
  }
}

/* Desktop */
@media (min-width: 577px) {
  .access-denied .app_header .iec_logo {
    margin-inline-end: 143px;
    width: 91px;
    height: 44px;
    align-self: flex-end;
  }

  .info_container_content .other_links {
    margin-top: 19px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .access-denied {
    background: #edf7ff;
  }

  .access-denied .app_header {
    height: 91px;
    padding: 37px 29px 14px 31px;
    display: flex;
    justify-content: center;
  }
  .info_container {
    margin-top: 52px;
  }

  .info_container_content .other_links {
    margin-top: 4px;
    max-width: 248px;
  }
}

.d-flex-gap-4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dir-rtl {
  direction: rtl;
}

.after-none::after{
  display: none !important;
}