.image-container {
  display: block;
  width: auto;
  height: 370px;
  overflow: hidden;
  position: relative;
}

.image-container img {
  position: absolute;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-color {
  color: rgb(80, 80, 80);
}
li.text-color {
  font-weight: 500;
}
.sidebar-content {
  position: sticky;
  top: 90px;
  height: fit-content;
}
li.active {
  color: #36475a;
}
.thumb-info .thumb-info-wrapper:after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.822), rgb(0 0 0 / 12%));
}
.thumb-info .thumb-info-type {
  border: 1px solid #ffffff69;
}
.thumb-info.thumb-info-bottom-info .thumb-info-type {
  background-color: #ffffff30;
}
article p {
  letter-spacing: 1px;
  line-height: 29px;
}
iframe {
  width: 100%;
  height: 600px;
}
@media (max-width: 1440px) {
  iframe {
    height: 400px;
  }
}
@media (max-width: 996px) {
  .sidebar-content {
    position: relative;
    top: 0;
  }
  .project-sidebar {
    height: auto;
  }
  #project-page .project-sidebar {
    height: 100%;
  }
  #project .custom-square-1 {
    transform: rotate(45deg) translate(10px, 60px);
  }
  .image-container {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .image-container {
    height: 240px;
  }
  h3 {
    line-height: 0px;
    margin-bottom: 0;
  }
  .transform3dy-n50 {
    transform: translate3d(0, -30%, 0) scale(0.6);
}
}
ul.nav-list li > a.active {
  color: var(--primary--100);
}
.counters .counter{
  margin: 5px 0px;
}
article img {
  width: 100%;
  height: auto !important;
}