.archive-header {
  background-image: url(/wp-content/uploads/2026/03/Section-1-scaled.png);
  background-size: cover;
  background-position: center;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  color: #fff;
  position: relative;
}

.archive-header nav {
  font-size: 16px;
  margin-bottom: 8px;
}

.archive-header a {
  color: #fff;
}

.archive-header h1 {
  font-size: 48px;
  margin-bottom: 8px;
  color: #fff;
  text-transform: uppercase;
}

.archive-header .archive-des {
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 0;
}

.archive-search {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}

.archive-search::before {
  content: "";
  display: block;
  width: 120px;
  height: 200px;
  position: absolute;
  z-index: 0;
  background: #ffffff33;
  transform: rotateZ(-34deg);
  top: -50px;
  left: -30%;
  animation: searhbar_mirror 3s linear 1.5s infinite;
}

@keyframes searhbar_mirror {
  0% {
    left: -30%;
  }

  30% {
    left: 130%;
  }

  100% {
    left: 130%;
  }
}

.archive-search form {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.31);
  padding: 16px;
  display: flex;
  align-items: center;
}

.archive-search input[type="search"] {
  margin: 0;
  height: 52px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: none !important;
}

.archive-search button {
  margin: 0;
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
  font-size: 16px;
  font-weight: 500;
  height: 52px;
  min-width: 120px;
  text-transform: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.archive-nav a {
  color: #22262d;
}

.archive-nav .current-menu-item a {
  font-weight: 600;
  color: var(--fs-color-primary);
}

.archive-nav ul.menu > li > a {
  padding: 8px 0;
}

.archive-nav ul.menu > li + li {
  border: 0;
}

.archive-nav ul.menu > li li > a {
  font-size: 16px;
  padding: 8px;
  line-height: 1.4;
}

.archive-row {
  text-align: left;
}

.archive-row .col {
  padding-bottom: 0;
}

.archive-row .author-item {
  max-width: 300px;
  margin: 0 auto;
}

.author-position {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 12px;
}

.author-describe {
  margin-bottom: 0;
  font-size: 18px;
}

.archive-content {
  padding-top: 48px;
}

.archive-content .post-item .post-title {
  font-weight: 600;
  font-size: 16px;
  min-height: 42px;
}

.category-block .post-item .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive-content .slider.flickity-enabled button.flickity-prev-next-button {
  width: 36px;
  height: 36px;
  min-height: unset;
  background-color: #fff;
  top: 33%;
}

.archive-content
  .slider.flickity-enabled
  button.flickity-prev-next-button
  svg.flickity-button-icon {
  width: 26px;
}

.archive-title {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 2px solid var(--fs-color-primary);
  margin-bottom: 24px;
  width: fit-content;
  padding-bottom: 4px;
}

.child-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 24px;
}

.child-categories li {
  background: #f5f5f5;
  padding: 4px 8px;
  border-radius: 6px;
  transition: 0.3s;
  border: 1px solid #757885;
  margin-bottom: 0;
}

.child-categories li a {
  text-decoration: none;
  color: #22262d;
  display: block;
  font-size: 14px;
}

.child-categories li:hover {
  background: var(--fs-color-primary);
}

.child-categories li:hover a {
  color: #fff;
}

.category-block .archive-title {
  margin-bottom: 16px;
}

.category-block .cat-view-more .btn {
  margin: 0 auto;
  display: block;
  width: fit-content;
  scale: 0.9;
  margin-bottom: 40px;
}

.row-blog .col-left {
  flex-basis: 18.5%;
  max-width: 18.5%;
}

.row-blog .col-right {
  flex-basis: calc(100% - 18.5%);
  max-width: calc(100% - 18.5%);
}

.box-toppics {
  padding: 8px;
  border-radius: 8px;
  background-color: #ecf7ff;
}

.topic-box {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.topic-list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.topic-item {
  padding: 8px;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}

.topic-item a {
  font-size: 16px;
  font-weight: 400;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.topic-item.first {
  padding: 0;
}

.topic-item.first .topic-content {
  padding: 8px;
}

.topic-item .topic-cat {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding-right: 14px;
  padding-left: 14px;
  background-color: #f14c2e;
  color: #fff;
  font-size: 14px;
  border-radius: 100px;
  position: absolute;
  z-index: 999;
  bottom: 8px;
  left: 8px;
}

.topic-more .btn-more {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 8px;
}

.views-block,
.post-block,
.featured-topics {
  overflow: hidden;
  margin-bottom: 24px;
}

@media screen and (min-width: 850px) {
  .rowSlider.gallery-columns-3 .gallery-item,
  .rowSlider.large-columns-3 .flickity-slider > .col,
  .rowSlider.large-columns-3 > .col {
    flex-basis: calc(100% / 3.45);
    max-width: calc(100% / 3.45);
  }

  .rowSlider.gallery-columns-4 .gallery-item,
  .rowSlider.large-columns-4 .flickity-slider > .col,
  .rowSlider.large-columns-4 > .col {
    flex-basis: calc(100% / 4.45);
    max-width: calc(100% / 4.45);
  }
}
/* case-item */
.case-item .box {
  border-radius: 12px;
  overflow: hidden;
}

.case-item .box-text {
  padding: 0;
  padding-bottom: 0;
  border: 1px solid #e9ebf8;
  border-radius: 0 0 12px 12px;
}

.case-item .image-cover {
  border-radius: 0;
  padding-top: 62%;
}

.case-item .box-text {
  padding: 16px;
}

.case-item .box-text h3 {
  font-weight: 600;
  font-size: 20px;
  min-height: 52px;
  margin-bottom: 12px;
  text-align: center;
}

.case-item .box-text h3 a {
  color: #111827;
}

.case-item .post-excerpt {
  text-align: center;
}

.highlights-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 0.87rem;
  padding-bottom: 0.81rem;
  border-bottom: 1px solid #e0e0e0;
  grid-gap: 1rem;
}

.highlights-list .highlight-item {
  position: relative;
}

.highlights-list .highlight-item:first-child::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background-color: #e0e0e0;
  position: absolute;
  right: -0.5rem;
}

.highlights-list .b-top {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 0.19rem;
  margin-bottom: 0.19rem;
}

.highlights-list .b-top img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.highlights-list .b-top h4 {
  width: fit-content;
  margin: 0;
}

.highlights-list .highlight-content {
  color: #2a2a2a;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* post */
.post-item .image-cover {
  position: relative;
  padding-top: 72%;
  border-radius: 12px;
  overflow: hidden;
}

.post-item .box-text {
  padding-top: 16px;
  padding-bottom: 0;
}

.post-item .post-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.post-item .post-cat {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--primary---green-01);
}

.post-item .post-date {
  font-weight: 400;
  font-size: 14px;
  color: #9ba4b2;
}

.post-item .post-title {
  font-weight: 600;
  font-size: 20px;
  min-height: 52px;
}

.post-item .post-title a {
  color: #22262d;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-item .from_the_blog_excerpt {
  font-size: 14px;
  color: #535a67;
  margin-top: 8px;
  display: none;
}

.post-item .image-cover img {
  transition: all 0.3s ease;
}

.post-item:hover .image-cover img {
  transform: scale(1.05);
}

.post-item:hover .post-title a {
  color: #065baa;
}

.post-item .post-meta-info {
  margin-top: 4px;
}

.post-item .post-author {
  font-size: 14px;
  font-weight: 500;
  color: var(--fs-color-primary);
}

.big-item .post-item .box-text {
  padding-top: 20px;
}

.big-item .post-item .post-title {
  font-size: 28px;
}

.big-item .post-item .from_the_blog_excerpt {
  display: block;
  font-size: 16px;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* author-item */
.author-item .box-image {
  border-radius: 12px;
  overflow: hidden;
}

.author-item .box-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  padding: 12px;
}

.author-item .box-text-inner {
  backdrop-filter: blur(24px);
  background-color: #fff;
  color: #22262d;
  border-radius: 12px;
  text-align: center;
  padding: 12px;
}

.author-item .post-title {
  font-size: 24px;
  color: #22262d;
}

.author-item .post-title a {
  color: #22262d;
}

.author-item .author-position {
  font-size: 16px;
  font-weight: 500;
  color: #78c372;
  margin-bottom: 12px;
}

.author-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.author-social svg {
  width: 24px;
  height: 24px;
  opacity: 0.8;
}

.author-facebook svg {
  width: 20px;
  height: 20px;
}

.archive-related {
  padding-top: 24px;
  padding-bottom: 48px;
}

/* press */
.press {
  padding-top: 48px;
}

.press .box {
  border-radius: 12px;
  overflow: hidden;
}

.press .box-text {
  padding: 0;
  padding-bottom: 0;
  border: 1px solid #e9ebf8;
  border-radius: 0 0 12px 12px;
}

.press .box-text h3 {
  font-weight: 600;
  font-size: 20px;
  min-height: 52px;
  margin-bottom: 8px;
}

.press .box-text h3 a {
  color: #22262d;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

.press .box-text h3 a:hover {
  color: var(--fs-color-primary);
}

.press .box-text p {
  font-size: 14px;
}

.press .b-text {
  padding: 16px;
}

.press .icon-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-top: 1px solid #e9ebf8;
}

.press .icon-box .icon-box-text {
  padding-left: 0;
  flex: unset !important;
}

.press .icon-box .button {
  margin: 0;
  transform: scale(0.7);
  transform-origin: right center;
}

.press .icon-box .button span {
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: 3px;
}

/* jobs */
.job-item {
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
}

.job-item .box-text {
  padding: 0;
}

.job-item .job-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}

.job-item .job-title a:hover {
  color: var(--fs-color-primary);
}

.job-item .job-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 40px;
}

.job-item .job-meta,
.job-item .job-meta-item {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.job-item .job-meta {
  gap: 20px;
}

.job-item .job-meta-item {
  gap: 8px;
}

.job-item .job-actions {
  display: flex;
  justify-content: space-between;
}

.job-item .job-actions path {
  transition: all 0.3s ease;
}

.job-item .job-actions a:hover path {
  stroke: var(--fs-color-secondary);
}

button.ux-relay__button {
  background: linear-gradient(90deg, #007cc2 0.13%, #065baa 100.13%);
  border: 0;
  margin: 0;
  padding: 6px;
  border-radius: 99px;
  overflow: hidden;
  box-shadow: none !important;
  width: 180px;
  margin-top: 30px;
}

@media only screen and (max-width: 48em) {
  .archive-header {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .archive-header h1 {
    font-size: 32px;
  }

  .archive-search form {
    padding: 0;
  }

  .row-blog .col-left,
  .row-blog .col-right {
    flex-basis: 100%;
    max-width: 100%;
  }

  .archive-content {
    padding-top: 0;
  }

  .job-item {
    padding: 16px;
  }

  .job-item .job-actions {
    align-items: center;
  }

  .job-item .job-meta {
    flex-flow: row wrap;
    gap: 8px;
  }

  .job-item .job-title {
    font-size: 18px;
  }

  .job-item .job-excerpt {
    margin-bottom: 24px;
    -webkit-line-clamp: 3;
  }

  .rowSlider.gallery-columns-3 .gallery-item,
  .rowSlider.large-columns-3 .flickity-slider > .col,
  .rowSlider.large-columns-3 > .col {
    max-width: calc(100% / 1.35);
  }

  .archive-header .archive-des {
    font-size: 16px;
    font-weight: 500;
  }

  .mobile-menu-wrapper {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
  }

  .menu-menu-blog-container ul.show {
    display: block;
  }

  #menu-menu-blog {
    display: none;
  }

  .row-blog .col-left {
    padding: 0;
  }

  .archive-nav ul.menu {
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
  }

  .archive-nav ul.menu > li > a {
    width: 100%;
    padding: 10px 15px;
  }
}