/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/basic-sxs/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.block_basic-sxs {
  padding: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.block_basic-sxs.flipped .container {
  flex-direction: column;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs.flipped .container {
    flex-direction: row-reverse;
  }
}
.block_basic-sxs .container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .container {
    padding-left: 50px;
    padding-right: 50px;
    gap: 40px;
    flex-direction: row;
    align-items: center;
  }
}
.block_basic-sxs .image-side {
  align-self: stretch;
  flex: 0 0 50%;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .image-side {
    border-radius: 20px;
    min-height: 29vw;
    max-height: 29vw;
  }
}
.block_basic-sxs .image-side.h-frame {
  max-height: 9999px;
  border-radius: 0;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .image-side img {
    width: 100%;
  }
  .block_basic-sxs .image-side .image {
    display: block;
  }
}
.block_basic-sxs .image-side img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block_basic-sxs .image-side .image {
  display: block;
}
.block_basic-sxs .image-side.no-img {
  border-radius: 0;
  overflow: visible;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .image-side.no-img {
    flex: 0 0 40%;
  }
  .block_basic-sxs .image-side.no-img + .text-content {
    max-width: 9999px;
    box-sizing: border-box;
  }
}
.block_basic-sxs .image-side .framed-content {
  border: solid 3px #F36C24;
  padding: 30px 40px 60px;
  border-radius: 0 40px 0 40px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .image-side .framed-content {
    margin-bottom: 0px;
  }
}
.block_basic-sxs .image-side .framed-content:before {
  position: absolute;
  right: -3px;
  bottom: -3px;
  content: "";
  display: block;
  width: calc(50% - 30px);
  height: 35px;
  border-top: solid 3px #F36C24;
  background-color: white;
}
.block_basic-sxs .image-side .framed-content:after {
  position: absolute;
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2796%27 height=%2787%27 viewBox=%270 0 96 87%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M69.7083 85C64.1752 85 59.6796 80.5075 59.6796 74.9782V53.9842H36.9423V74.9782C36.9423 80.5075 32.4467 85 26.9136 85H2.76416V64.726H11.2943C13.0234 64.726 14.0608 63.9196 14.3778 62.5373V24.6387C14.3778 22.9396 12.9945 21.5573 11.2943 21.5573H2.76416V2.46405H26.9136C32.4467 2.46405 36.9423 6.95658 36.9423 12.4859V33.451H59.6796V12.4859C59.6796 6.95658 64.1752 2.46405 69.7083 2.46405H93.8577V21.5573H85.3276C83.6273 21.5573 82.2441 22.9396 82.2441 24.6387V62.5373C82.5611 63.9196 83.5985 64.726 85.3276 64.726H93.8577V85H69.7083Z%27 fill=%27white%27 stroke=%27%23F36C24%27 stroke-width=%274%27 stroke-miterlimit=%2710%27/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
  bottom: -28px;
  left: calc(50% - 40px);
}
.block_basic-sxs .image-side .framed-content p {
  font-family: "nimbus_sans_d_otbold", sans-serif;
  font-size: clamp(16px, 1.25vw, 22px);
}
.block_basic-sxs .image-side .video-wrapper {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .block_basic-sxs .image-side .video-wrapper {
    border-radius: 20px;
  }
}
.block_basic-sxs .image-side .video-wrapper .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.block_basic-sxs .image-side .video-wrapper .embed-container iframe,
.block_basic-sxs .image-side .video-wrapper .embed-container object,
.block_basic-sxs .image-side .video-wrapper .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.block_basic-sxs .image-side .video-wrapper .embed-container .youtube-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100px;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}
.block_basic-sxs .image-side .video-wrapper .embed-container .youtube-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 40%, transparent 70%);
  pointer-events: none;
}
.block_basic-sxs .image-side .video-wrapper .embed-container .youtube-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  pointer-events: none;
}
.block_basic-sxs .text-content {
  max-width: 100%;
}
.block_basic-sxs .text-content .subheading {
  color: #D61F26;
}

/*# sourceMappingURL=index.css.map*/