:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-mxl: 1680px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.wp-block .contact-block,
.contact-block {
  padding: clamp(40px, 36.2857142857px + 0.0095238095 * 100vw, 50px) 0;
  background: var(--sk-color-grey-200);
}
.wp-block .contact-block .sk-container,
.contact-block .sk-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block .contact-block .bg-wrapper,
.contact-block .bg-wrapper {
  overflow: hidden;
  border-radius: clamp(5px, 3.1428571429px + 0.0047619048 * 100vw, 10px);
  border: 1px solid var(--sk-color-dark);
  height: clamp(590px, 534.2857142857px + 0.1428571429 * 100vw, 740px);
}
.wp-block .contact-block .bg-wrapper img,
.contact-block .bg-wrapper img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
}
.wp-block .contact-block-content,
.contact-block-content {
  position: absolute;
  max-width: 470px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  border-radius: clamp(5px, 3.1428571429px + 0.0047619048 * 100vw, 10px);
  background: var(--sk-color-dark);
  padding: clamp(20px, 12.5714285714px + 0.019047619 * 100vw, 40px) 20px;
  color: var(--sk-color-light);
}
.wp-block .contact-block-content *,
.contact-block-content * {
  color: var(--sk-color-light);
}
.wp-block .contact-block-content .sk-btn,
.contact-block-content .sk-btn {
  background: var(--sk-color-grey);
  font-size: 14px;
}
@media (max-width: 768px) {
  .wp-block .contact-block-content .sk-btn,
  .contact-block-content .sk-btn {
    background: var(--sk-color-light);
    color: var(--sk-color-dark);
  }
}
.wp-block .contact-block-content .sk-btn:hover,
.contact-block-content .sk-btn:hover {
  color: var(--sk-color-dark);
}
@media (max-width: 768px) {
  .wp-block .contact-block-content .sk-btn:hover,
  .contact-block-content .sk-btn:hover {
    background: var(--sk-color-second);
  }
}
.wp-block .contact-block-subtitle,
.contact-block-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: clamp(12px, 10.5142857143px + 0.0038095238 * 100vw, 16px);
  line-height: 1.1;
}
.wp-block .contact-block-title,
.contact-block-title {
  font-size: clamp(32px, 26.8px + 0.0133333333 * 100vw, 46px);
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 1;
}