/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-section-contact-banner-big {
  padding-bottom: 0;
}

.snk-contact-banner {
  margin-bottom: 3rem;
}
@media (max-width: 1023.98px) {
  .snk-contact-banner .splide__track {
    margin-right: -20px;
  }
}
.snk-contact-banner .splide__arrow--prev {
  background-color: transparent;
  left: -2rem;
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  .snk-contact-banner .splide__arrow--prev {
    left: -1rem;
  }
}
.snk-contact-banner .splide__arrow--prev svg {
  fill: #004959;
}
.snk-contact-banner .splide__arrow--next {
  background-color: transparent;
  right: -2rem;
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  .snk-contact-banner .splide__arrow--next {
    right: -1rem;
  }
}
.snk-contact-banner .splide__arrow--next svg {
  fill: #004959;
}
.snk-contact-banner .splide__pagination {
  margin-bottom: -2.5rem;
}
@media (min-width: 1024px) {
  .snk-contact-banner .splide__pagination {
    margin-bottom: -3rem;
  }
}
.snk-contact-banner .splide__pagination__page {
  background: #a6bfc5;
  width: 9px;
  height: 9px;
  border-radius: 20px;
  margin: 0 4px;
  transition: 0.3s ease;
}
.snk-contact-banner .splide__pagination__page.is-active {
  width: 28px;
  transform: none;
}
.snk-contact-bannerBig {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 1.25rem 0;
  max-height: 900px;
}
@media (min-width: 1024px) {
  .snk-contact-bannerBig {
    aspect-ratio: 4/3;
    padding: 5rem 0;
  }
}
.snk-contact-bannerBig::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" fill="none"%3e%3crect width="1600" height="900" transform="matrix%28-1 0 0 1 1600 0%29" fill="url%28%23paint0_linear_6476_19517%29"/%3e%3cdefs%3e%3clinearGradient id="paint0_linear_6476_19517" x1="951" y1="331.695" x2="997.145" y2="1115.28" gradientUnits="userSpaceOnUse"%3e%3cstop stop-opacity="0"/%3e%3cstop offset="1"/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e');
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.snk-contact-bannerBig-content {
  position: relative;
  z-index: 2;
  max-width: 37.5rem;
}
.snk-contact-bannerBig h1 {
  margin-bottom: 2rem;
}
.snk-contact-bannerSmall {
  display: flex;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .snk-contact-bannerSmall {
    align-items: center;
  }
}
@media (max-width: 1023.98px) {
  .snk-contact-bannerSmall {
    flex-direction: column;
  }
}
.snk-contact-bannerSmall-content {
  padding: 1.5rem;
}
@media (min-width: 1024px) {
  .snk-contact-bannerSmall-content {
    padding: 5rem;
  }
}
.snk-contact-bannerSmall-content p:last-child {
  margin-bottom: 0;
}
.snk-contact-bannerSmall.splide__slide .snk-contact-bannerSmall-img {
  height: 100%;
}
.snk-contact-bannerSmall.splide__slide .snk-contact-bannerSmall-img img {
  width: 100%;
}
.snk-contact-bannerSmall-img {
  padding: 0;
  margin: 0;
  align-self: stretch;
}
.snk-contact-bannerSmall img {
  width: auto;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.snk-contact-bannerSmall img.center {
  object-position: center;
}
.snk-contact-bannerSmall img.top {
  object-position: top;
}
.snk-contact-bannerSmall img.bottom {
  object-position: bottom;
}
.snk-contact-bannerSmall img.left {
  object-position: left;
}
.snk-contact-bannerSmall img.right {
  object-position: right;
}
@media (min-width: 1024px) {
  .post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-content, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-content {
    width: 70%;
  }
}
@media (max-width: 1023.98px) {
  .post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-content, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-content {
    padding: 1.5rem;
  }
}
.post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-content p, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-content p {
  margin-bottom: 0;
}
.post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-content .snk-btn-primary, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-content .snk-btn-primary {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-img, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-img {
    width: 30%;
  }
}
@media (max-width: 1023.98px) {
  .post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-img, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-img {
    padding: 0 1.5rem;
    width: 55%;
  }
}
.post-type-post .snk-contact-bannerSmall .snk-contact-bannerSmall-img img, .single-post .snk-article-content .snk-contact-bannerSmall .snk-contact-bannerSmall-img img {
  aspect-ratio: 4/5;
}