#wrap.inner_Page::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 156px;
  background: linear-gradient(180deg, #001c3e 0%, #002e66 100%);
  top: 84px;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}
#wrap.inner_Page main::before,
#wrap.inner_Page main::after {
  content: "";
  position: absolute;
  width: 436px;
  height: 721px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  top: -38px;
  opacity: 0.15;
  z-index: -1;
}

/* Right SVG */
#wrap.inner_Page main::before {
  right: 0;
  background-image: url("/Portals/_default/Skins/ez-skin/assets/icons/home-about-pattern-right.svg");
}

/* Left SVG */
#wrap.inner_Page main::after {
  left: 0;
  background-image: url("/Portals/_default/Skins/ez-skin/assets/icons/home-about-pattern-left.svg");
}

.ceo-message-wrapper .top-section {
  padding-bottom: 40px;
  border-bottom: 1px solid #e4e4e4;
}
.ceo-message-wrapper .top-section .image {
  width: 100%;
  max-width: 340px;
  border-radius: 16px;
  overflow: hidden;
}
.ceo-message-wrapper .top-section .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ceo-message-wrapper .bottom-section {
  border-radius: 24px;
  background: var(--Background, #f9f9f9);
  padding: 48px 32px;
}

.certificate-slider-wrapper .slick-dots {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  padding-right: 0 !important;
  bottom: -50px !important;
}
.certificate-slider-wrapper .slick-dots .slick-active button {
  width: 32px !important;
  height: 2px !important;
}
.certificate-slider-wrapper .slick-dots button {
  background: #d9d9d9 !important;
  width: 6px !important;
  height: 2px !important;
  border-radius: 4px;
  position: relative;
}
.certificate-slider-wrapper .slick-dots li::after {
  content: "";
  background: var(--Secondary-S50, #c4161c);
  height: 100%;
  width: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.certificate-slider-wrapper .slick-dots li {
  display: flex !important;
  align-items: center !important;
  position: relative;
}
@keyframes hero-slide {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}
.certificate-slider-wrapper .slick-dots li.slick-active::after {
  animation: hero-slide 2.5s linear forwards;
}
.certificate-slider-wrapper .slick-arrow {
  top: unset !important;
  bottom: -80px !important;
  border-radius: 16px !important;
  background: var(--Gray-G99, #f2f2f2) !important;
}
.certificate-slider-wrapper .slick-arrow.slick-next {
  right: 56% !important;
}
.certificate-slider-wrapper .slick-arrow.slick-prev {
  left: 56% !important;
}
.certificate-slider-wrapper .slick-list {
  overflow: visible !important;
}
.certificate-slider-wrapper .slick-track {
  display: flex;
  align-items: center;
  min-height: 612px;
}
.certificate-slider-wrapper .certificate-slider-item {
  transform: scale(0.5);
  transition: all 0.4s;
  opacity: 0.3;
}
.certificate-slider-wrapper .certificate-slider-item.slick-center {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}
.certificate-slider-wrapper .certificate-slider-item .image-wrapper {
  width: 392px;
  height: 536px;
  border-radius: 16px;
  background: var(--Gray-G99, #f2f2f2);
  padding: 22px;
  opacity: 1;
  z-index: 2;
  transition: all 300ms;
}
.certificate-slider-wrapper
  .certificate-slider-item.slick-center
  .image-wrapper {
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 48px 0 rgba(18, 18, 18, 0.1);
}
.certificate-slider-wrapper
  .certificate-slider-item
  .image-wrapper
  .certificate-slider-img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.certificate-slider-wrapper .certificate-slider-item .title {
  transition: all 300ms;
}
.certificate-slider-wrapper .certificate-slider-item:not(.slick-center) .title {
  opacity: 0;
}

.certificate-slider-item .image-wrapper .certificate-slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* یک پله کنار */
.certificate-slider-wrapper .slick-slide:has(+ .slick-center),
.certificate-slider-wrapper .slick-center + .slick-slide {
  transform: scale(0.6);
  opacity: 0.8;
}

/* دو پله کنار */
.certificate-slider-wrapper .slick-slide:has(+ .slick-slide + .slick-center),
.certificate-slider-wrapper .slick-center + .slick-slide + .slick-slide {
  transform: scale(0.5);
  opacity: 0.3;
}
.contact-us-info {
  padding-bottom: 110px;
}
.contact-us-info .map {
  width: 100%;
  max-width: 526px;
  height: 356px;
  border-radius: 16px;
  border: 1px solid var(--Gray-G95, #e4e4e4);
  background: var(--Background, #f9f9f9);
  box-shadow: 0 4px 48px 0 rgba(18, 18, 18, 0.1);
  overflow: hidden;
  z-index: 2;
}
.contact-us-info .desc {
  z-index: 2;
}
.contact-us-info::after {
  content: "";
  width: 100vw;
  height: 600px;
  background: url(/Portals/0/Images/contact-us-map-back.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 0;
  color: rgb(218, 218, 218);
}
.contact-us-form-wrapper .contact-us-form {
  gap: 160px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1200px) and (min-width: 990px) {
  .contact-us-form-wrapper .contact-us-form .form-page {
    width: 80%;
  }
  .job-offer-desc-wrapper {
    flex-flow: column !important;
  }
  .job-offer-desc-wrapper .desc-wrapper {
    width: 100% !important;
  }
  .job-offer-desc-wrapper .image-wrapper {
    max-width: unset !important;
    height: auto !important;
  }
}
.contact-us-form-wrapper .desc .image {
  width: 280px;
  height: 351px;
  border-radius: 16px;
  position: relative;
  margin-right: 63px;
}
.contact-us-form-wrapper .desc .image::after {
  content: "";
  height: 300px;
  width: 156px;
  border-radius: 16px;
  background: var(--Secondary-S50, #c4161c);
  right: -63px;
  bottom: -32px;
  position: absolute;
  z-index: -1;
}
.contact-us-form-wrapper .desc .image::before {
  content: "";
  width: 322px;
  height: 118px;
  border-radius: 16px;
  background: var(--Gray-G99, #f2f2f2);
  left: -125px;
  top: 42px;
  position: absolute;
  z-index: -1;
}
.contact-us-form-wrapper .desc .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.contact-us-form-wrapper .desc .image-wrapper > img {
  width: 72px;
  height: 160px;
}
.contact-us-form-wrapper .form-wrapper .form-input {
  width: 480px;
  max-width: 100%;
}
.contact-us-form-wrapper .form-wrapper .form-input .form-control {
  background: var(--Background, #f9f9f9);
  border-radius: 8px;
}

.contact-us-form-wrapper .form-wrapper .form-input .border-circle {
  border-width: 1px !important;
  border-radius: 8px !important;
}
.contact-us-form-wrapper .form-wrapper label.form-label {
  color: var(--Gray-G50, #7a7a7a);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.contact-us-form-wrapper .form-wrapper .form-element.form-buttons-group {
  justify-content: start !important;
}
.contact-us-form-wrapper .form-wrapper .form-element button {
  border-radius: 12px !important;
  display: flex;
  width: 220px;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.contact-us-form-wrapper::before,
.contact-us-form-wrapper::after {
  content: "";
  position: absolute;
  width: 436px;
  height: 721px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  bottom: -128px;
  opacity: 0.15;
  transform: scaleY(-1);
}

/* Right SVG */
.contact-us-form-wrapper::before {
  right: 0;
  background-image: url("/Portals/_default/Skins/ez-skin/assets/icons/home-about-pattern-right.svg");
}

/* Left SVG */
.contact-us-form-wrapper::after {
  left: 0;
  background-image: url("/Portals/_default/Skins/ez-skin/assets/icons/home-about-pattern-left.svg");
}

.job-offer-desc-wrapper .desc-wrapper {
  width: 50%;
}
.job-offer-desc-wrapper .image-wrapper {
  width: 100%;
  max-width: 500px;
  height: 300px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.job-offer-desc-wrapper .image-wrapper::before {
  content: "";
  position: absolute;
  background-image: url(/Portals/_default/Skins/ez-skin/assets/icons/eakish-watermark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10%;
  height: 39%;
  left: 10%;
  bottom: 10%;
  z-index: 3;
}
.job-offer-desc-wrapper .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.job-offers-form-wrapper {
  border-radius: 16px;
  background: var(--Background, #f9f9f9);
  padding: 32px 40px;
}
.job-offers-form-wrapper .form-element .form-label {
  font-size: 14px !important;
  font-weight: 300 !important;
}
.job-offers-form-wrapper .form-element .form-label[for="file_2_22"] {
  display: none !important;
}
.job-offers-form-wrapper .layout-outlined .inside-element.valid .form-label {
  font-size: 12px !important;
}
.job-offers-form-wrapper .form-element {
  position: relative;
}
.job-offers-form-wrapper .form-element.form-buttons-group {
  justify-content: start !important;
}
.job-offers-form-wrapper .form-element.form-buttons-group button {
  width: 184px;
  height: 48px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 200% */
}
.job-offers-form-wrapper .form-element.form-buttons-group button svg {
  transition: all 300ms;
}
.job-offers-form-wrapper .form-element.form-buttons-group button:hover svg {
  transform: translateX(-6px);
}
.job-offers-form-wrapper .form-element .form-control {
  background-color: white !important;
}
.job-offers-form-wrapper .form-element .filepond--drip {
  background-color: white !important;
  opacity: 1 !important;
}
.job-offers-form-wrapper .form-element .filepond--drop-label {
  font-size: 14px !important;
  color: var(--Gray-G50, #7a7a7a) !important;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  min-height: 93px;
}
.job-offers-form-wrapper .form-element .filepond--drop-label {
  font-size: 14px !important;
  color: var(--Gray-G50, #7a7a7a) !important;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  min-height: 93px;
  gap: 9px;
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
  justify-content: center;
  padding: 12px;
}
.job-offers-form-wrapper .form-element .filepond--drop-label label {
  font-weight: 300 !important;
  text-align: right;
}
.job-offers-form-wrapper .layout-outlined .inside-element .border-circle,
.job-offers-form-wrapper .layout-outlined .inside-element .form-control {
  border-radius: 8px !important;
  font-size: 14px !important;
}
.job-offers-form-wrapper
  .layout-outlined
  .inside-element
  .form-control.nice-select {
  height: 52px;
  display: flex;
  align-items: center;
}
.job-offers-form-wrapper
  .layout-outlined
  .inside-element
  .form-control.nice-select::after {
  position: static;
}
.job-offers-form-wrapper .layout-outlined .form-desc {
  font-weight: 300 !important;
  font-size: 12px !important;
}
.job-offers-form-wrapper
  .layout-outlined
  .inside-element:focus-within
  .border-circle {
  border-width: 1px !important;
}

.services-list-wrapper {
  border-radius: 32px;
  border: 1px solid var(--Gray-G95, #e4e4e4);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 6px 40px 0 rgba(18, 18, 18, 0.08);
  padding: 48px 32px;
  margin-inline-end: 12px;
  height: max-content;
  max-width: 420px !important;
  width: 100%;
  margin-top: 82px;
}
.services-list-wrapper .title {
  padding-bottom: 24px;
  border-bottom: 1px solid #e4e4e4;
}
.services-list-wrapper .services-list a {
  position: relative;
  display: inline-flex;
  align-items: start;
  transition: all 300ms;
}

.services-list-wrapper .services-list a::before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: var(--Primary-P50); /* your desired color */
  -webkit-mask: url("/Portals/_default/Skins/ez-skin/assets/icons/chevron.svg")
    center / contain no-repeat;
  mask: url("/Portals/_default/Skins/ez-skin/assets/icons/chevron.svg") center /
    contain no-repeat;
  position: absolute;
  margin-top: 2px;
  inset-inline-end: 100%;
  margin-inline-end: 8px;
  opacity: 0;
  transform: translateX(10px);
  transition: all 300ms;
}

.services-list-wrapper .services-list a:not(.active):hover {
  transform: translateX(-32px);
}

.services-list-wrapper .services-list a:not(.active):hover::before {
  opacity: 1;
  transform: translateX(0);
}

.services-list-wrapper .services-list a:not(.active):hover {
  color: var(--Gray-G20) !important;
}
.services-list-wrapper .services-list a.active {
  color: var(--Gray-G10) !important;
}
.services-list-wrapper .services-list a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -32px;
  transform: translateY(-50%);
  width: 6px;
  height: 48px;
  border-radius: 4px 0 0 4px;
  background: var(--Secondary-S50, #c4161c);
  transition: all 300ms;
  opacity: 0;
}
.services-list-wrapper .services-list a.active::after {
  opacity: 1;
}

@media (max-width: 991px) {
  .ceo-message-wrapper .top-section .image {
    max-width: unset !important;
  }

  #wrap.inner_Page main::before,
  #wrap.inner_Page main::after {
    width: 140px !important;
    height: 180px !important;
    top: 110px !important;
  }
  #wrap.inner_Page:has(.error-page) main::before,
  #wrap.inner_Page:has(.error-page) main::after {
    top: -46px !important;
  }
  #wrap.inner_Page::before {
    top: 74px !important;
  }
  .certificate-slider-wrapper .certificate-slider-item .image-wrapper {
    width: 288px !important;
    height: 392px !important;
    padding: 16px !important;
  }
  .certificate-slider-wrapper ul.slick-dots {
    bottom: 26px !important;
  }
  .certificate-slider-wrapper button.slick-arrow {
    bottom: -4px !important;
  }
  .certificate-slider-wrapper button.slick-arrow.slick-next {
    right: 78% !important;
  }
  .certificate-slider-wrapper button.slick-arrow.slick-prev {
    left: 78% !important;
  }
  .contact-us-info .map {
    height: 233.84px !important;
    border-radius: 8px !important;
  }
  .contact-us-info .desc .ezIcon {
    --icon: 32px !important;
  }
  .contact-us-info .desc .ezIcon.icon-42 {
    --icon: 28px !important;
  }
  .contact-us-info {
    padding-bottom: 0 !important;
  }
  .contact-us-form-wrapper .desc .image {
    width: 196px !important;
    height: 245px !important;
    border-radius: 12px !important;
  }
  .contact-us-form-wrapper .desc .image img {
    border-radius: 12px !important;
  }
  .contact-us-form-wrapper .desc .image::after {
    height: 210px !important;
    width: 110px !important;
    border-radius: 12px !important;
    right: -44px !important;
    bottom: -22px !important;
  }
  .contact-us-form-wrapper .desc .image::before {
    content: "";
    width: 224px !important;
    height: 82px !important;
    border-radius: 12px !important;
    left: -88px !important;
    top: 22px !important;
  }
  .contact-us-form-wrapper .desc .image-wrapper > img {
    width: 50px !important;
    height: 112px !important;
  }
  .contact-us-form-wrapper .form-wrapper .form-input {
    width: 90vw !important;
  }
  .contact-us-form-wrapper::before,
  .contact-us-form-wrapper::after {
    width: 140px !important;
    height: 180px !important;
    bottom: unset !important;
    top: 295px !important;
  }
  .job-offer-desc-wrapper .image-wrapper {
    height: 55vw !important;
  }
  .job-offer-desc-wrapper .desc-wrapper {
    width: 100% !important;
  }
  .job-offers-form-wrapper {
    border-radius: 12px !important;
    padding: 32px 16px !important;
  }
}
@media (max-width: 1320px) {
  .services-list-wrapper {
    border-radius: 16px !important;
    padding: 32px 16px !important;
    margin-inline-end: unset !important;
    margin-top: 48px !important;
    max-width: unset !important;
  }
  .services-list-wrapper .services-list {
    gap: 0 !important;
    transition: all 400ms;
  }
  .services-list-wrapper .services-list a:not(.active) {
    max-height: 0 !important;
    opacity: 0 !important;
  }
  .services-list-wrapper .services-list a.active {
    padding-inline-start: 12px !important;
  }
  .services-list-wrapper .title {
    padding-bottom: 16px !important;
  }
  .services-list-wrapper .services-list a::before {
    display: none;
  }
  .services-list-wrapper .services-list a:not(.active):hover {
    transform: unset !important;
  }
  .services-list-wrapper .services-list a::after {
    right: -16px !important;
    width: 4px !important;
    height: 32px !important;
  }
  .services-list-wrapper .title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .services-list-wrapper .title::after {
    content: "";
    width: 28px;
    height: 28px;
    background-color: var(--Primary-P50); /* your desired color */
    -webkit-mask: url("/Portals/_default/Skins/ez-skin/assets/icons/chevron.svg")
      center / contain no-repeat;
    mask: url("/Portals/_default/Skins/ez-skin/assets/icons/chevron.svg")
      center / contain no-repeat;
    position: absolute;
    left: 10px;
    transition: all 300ms;
    rotate: -90deg;
  }
  .services-list-wrapper.active .title::after {
    rotate: 90deg !important;
  }
  .services-list-wrapper.active .services-list {
    gap: 16px !important;
  }
  .services-list-wrapper.active .services-list a {
    max-height: 56px !important;
    opacity: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .services-list-wrapper .title::after {
    bottom: 0;
  }
}

.org-chart-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.org-chart-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 654px;
  background-image: url(/Portals/0/Images/abilities-pattern.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  left: 50%;
  bottom: -210px;
  transform: translateX(-50%);
  z-index: -2;
}
.org-chart-wrapper img {
  width: 64px;
  height: 145px;
}

/* CEO */

.org-chart-wrapper .ceo {
  color: var(--Primary-P100, #f5f7fa);

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 200% */
  margin-top: 40px;
}
.org-chart-wrapper .ceo .box {
  font-size: 20px;
}

.org-chart-wrapper .department {
  flex: 1;
}
.org-chart-wrapper .ceo::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: 230px;
  height: 100px;
  width: 1px;
  background: var(--Primary-P20);
}

.org-chart-wrapper .box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  font-size: 13px;
}

.org-chart-wrapper .level-1 {
  border-radius: 16px;
  background: var(--Primary-P20, #002c62);
  width: 200px;
  height: 80px;
}

.org-chart-wrapper .level-2 {
  border-radius: 16px;
  color: var(--Gray-G100, #fff);
  background: var(--Secondary-S30, #931115);
  height: 72px;
  position: relative;
}
.org-chart-wrapper .level-2::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: -30px;
  height: 50px;
  width: 1px;
  background: var(--Primary-P20);
}
.org-chart-wrapper .managers {
  margin-top: 74px;
  position: relative;
}
.org-chart-wrapper .managers:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: -30px;
  height: 1px;
  width: 89.5%;
  background: var(--Primary-P20);
}
.org-chart-wrapper .managers:has(.children) {
  margin-top: 56px;
}
/* Departments */

.org-chart-wrapper .managers {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: flex-start;
}

.org-chart-wrapper .children {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 48px;
}
.org-chart-wrapper .children .box {
  background: var(--Gray-G99, #f2f2f2);
  height: 72px;
  border-radius: 16px;
  color: var(--Gray-G30, #babababd);
  border: solid 1px #e4e4e4;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  padding: 0 8px;
  line-height: 28px; /* 200% */
  box-shadow: 0 3px 8px 0 rgba(18, 18, 18, 0.1);
  position: relative;
}
.org-chart-wrapper .children .box::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: -30px;
  height: 50px;
  width: 1px;
  background: var(--Primary-P20);
}
.org-chart-wrapper .children .box:first-child::before {
  top: -76px;
  height: 100px;
}
section:has(.news-detail-wrapper.services-wrapper)::after {
  content: "";
  position: absolute;
  width: 64%;
  height: 654px;
  background-image: url(/Portals/0/Images/abilities-pattern.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  left: 50%;
  bottom: -300px;
  transform: translateX(-50%);
  z-index: -1;
}
/* Mobile */

@media (max-width: 1200px) {
  .org-chart-wrapper .managers:before,
  .org-chart-wrapper .children .box::before,
  .org-chart-wrapper .level-2::before,
  .org-chart-wrapper .ceo::before {
    display: none;
  }
  .org-chart-wrapper .managers {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 48px !important;
  }
  .org-chart-wrapper .ceo {
    width: 100%;
  }
  .org-chart-wrapper .department {
    width: 100%;
    max-width: 400px;
  }

  .org-chart-wrapper .children {
    width: 100%;
    margin-top: 22px !important;
  }

  .org-chart-wrapper .box {
    width: 100% !important;
  }
  .org-chart-wrapper .ceo::before {
    display: none;
  }
}
#wrap.inner_Page:has(.error-page)::before {
  display: none;
}
#wrap.inner_Page:has(.error-page) .inner-page-banner {
  display: none;
}
.error-page a {
  padding: 10px 46.5px;
  border-radius: 8px;
}
.error-page::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 654px;
  background-image: url(/Portals/0/Images/abilities-pattern.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  left: 50%;
  bottom: -300px;
  transform: translateX(-50%);
  z-index: -1;
}
