// xxl up
@media (min-width: 1600px) { 
  .d-xxl-block {
    display: block;
  }
}
// lg up
@media (min-width: 1280px) {
.bg-light-europe {
    background-image: url(/wp-content/uploads/2024/05/europe-map.svg) !important;
    background-size: auto 37vw !important;
    background-position: 100% 0%;
    background-repeat: no-repeat;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
}

/* md up */
@media (min-width: 992px) {
  .swiper-button-prev, .swiper-button-next {
    display: flex !important;
  }
}

/* md down */
@media (max-width: 991px) {
  .swiper-button-prev, .swiper-button-next {
    display: none !important;
  }
}


// xxl down
@media (max-width: 1600px) { 
  .contact-list {
    align-items: center;
    display: flex;
    height: 38px;
    flex-direction: row;
    li {
      align-items: center;
      display: flex;
      height: 38px;
      flex-direction: row;
    }
  }
}

// lg down
@media (max-width: 1280px) {
  .logo-wrapper {
    padding: 0rem !important;
  }
}
body.home .wp-block-image img, body.page-template-template-homepage-alt .wp-block-image img {
  opacity: 1;
}
body.home {
  .feature-icon-block {
    svg {
      margin-right: 0rem;
      margin-bottom: 1rem;
    }
  }
}
article.casestudy, article.post, article.service {
  border-radius: 9px;
  overflow: hidden;
  .post-caption {
    position: relative !important;
  }
  .post-thumbnail {
    .wp-image {
      height: 100% !important;
      width: 100% !important;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }
  }
}
body.home {
  article.service {
    .post-caption {
      position: absolute !important;
    }
  }
}
.brand-carousel {
  &.brand-carousel {
    figure {
      margin: 0;
      height: 100%;
      width: auto;
      overflow: visible;
      padding-top: 100%;
    }
    figcaption {
      display: none;
    }
  }
}

body.single {
  article.casestudy, article.post, article.service {
    border-radius: 0px;
    overflow: hidden;
  }
}

.page-template-template-homepage-alt #homepage-banner .swiper-slide:after {
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(20, 32, 50, .6)
}

.circle {
  border-radius: 100rem !important;
  overflow: hidden;
  img {
    border-radius: 100rem !important;
    overflow: hidden;
  }
}

.icon {
  background: none !important;
  img {
    height: 5rem !important;
    width: auto !important;
  }
}

.text-unset {
  text-transform: unset !important;
}

.author-bio {
  background: #e9eff5;
}

.w-25 {
  width: 25% !important;
}

.w-75 {
  width: 75%;
}