/* Media query mixins */
.section-with-button > .section-container {
  display: flex; }
  .section-with-button > .section-container > .left > div > .main-title,
  .section-with-button > .section-container > .right > div > .main-title {
    margin-bottom: 20px; }
  .section-with-button > .section-container > .left > .block-btn,
  .section-with-button > .section-container > .right > .block-btn {
    margin-bottom: 0; }
  .section-with-button > .section-container > .portrait-button-container {
    display: none; }
  .section-with-button > .section-container > .left > .default-text {
    padding-right: 3vw; }
  .section-with-button > .section-container > .left > .block-btn {
    margin-top: 5vw;
    margin-left: 0; }
  .section-with-button > .section-container > .right > .block-btn {
    margin-top: 5vw;
    margin-right: 0; }

@media only screen and (max-width: 992px) {
  .section-with-button {
    margin-top: 2rem;
    padding-bottom: 25vw;
    position: relative; }
    .section-with-button::after {
      content: '';
      position: absolute;
      background: repeating-linear-gradient(45deg, transparent, transparent 8px, #000 8px, #000 13px);
      bottom: 0;
      right: 0;
      width: 25vw;
      height: 25vw;
      opacity: 0.05;
      pointer-events: none; }
    .section-with-button > .section-container {
      display: flex;
      flex-wrap: wrap; }
      .section-with-button > .section-container > .left {
        order: 0; }
      .section-with-button > .section-container > .right {
        order: 2; }
      .section-with-button > .section-container.--reverse > .left {
        order: 2; }
      .section-with-button > .section-container.--reverse > .right {
        order: 0; }
      .section-with-button > .section-container > .left,
      .section-with-button > .section-container > .right {
        width: 100%; }
        .section-with-button > .section-container > .left > div > .main-title,
        .section-with-button > .section-container > .right > div > .main-title {
          width: 100%;
          height: auto;
          padding-bottom: 15px; }
        .section-with-button > .section-container > .left > .default-text,
        .section-with-button > .section-container > .right > .default-text {
          color: black;
          font-size: 16px;
          font-weight: 500;
          letter-spacing: 0.2px;
          line-height: 25px; }
        .section-with-button > .section-container > .left > .block-btn,
        .section-with-button > .section-container > .right > .block-btn {
          display: none; }
        .section-with-button > .section-container > .left > .ic-part,
        .section-with-button > .section-container > .right > .ic-part {
          display: none; }
        .section-with-button > .section-container > .left > .img-part.with-bg,
        .section-with-button > .section-container > .right > .img-part.with-bg {
          width: 100vw;
          height: 75vw; }
      .section-with-button > .section-container > .portrait-button-container {
        order: 1;
        width: 100%;
        height: 25vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .section-with-button > .section-container > .portrait-button-container > .block-btn {
          margin: 0;
          display: flex; } }

/* Media query mixins */
.basic-section {
  padding-bottom: 4rem; }
  .basic-section > .section-container {
    display: flex; }
    .basic-section > .section-container > .left > div > .main-title,
    .basic-section > .section-container > .right > div > .main-title {
      margin-bottom: 20px; }
    .basic-section > .section-container > .left .img-part.with-bg.--d3x2,
    .basic-section > .section-container > .right .img-part.with-bg.--d3x2 {
      width: 30vw;
      height: 20vw; }
    .basic-section > .section-container > .left .img-part.with-bg.--d3x3,
    .basic-section > .section-container > .right .img-part.with-bg.--d3x3 {
      width: 30vw;
      height: 30vw; }
    .basic-section > .section-container > .left > .default-text,
    .basic-section > .section-container > .right > .default-text {
      font-weight: 500; }
      .basic-section > .section-container > .left > .default-text > p,
      .basic-section > .section-container > .right > .default-text > p {
        font-weight: inherit;
        opacity: inherit;
        font-size: inherit;
        letter-spacing: inherit;
        line-height: inherit; }
    .basic-section > .section-container > .left > .default-text {
      padding-right: 3vw; }

@media only screen and (max-width: 992px) {
  .basic-section {
    margin-top: 25vw;
    padding-bottom: 25vw;
    position: relative; }
    .basic-section::after {
      content: '';
      position: absolute;
      background: repeating-linear-gradient(45deg, transparent, transparent 8px, #000 8px, #000 13px);
      bottom: 0;
      right: 0;
      width: 25vw;
      height: 25vw;
      opacity: 0.05;
      pointer-events: none; }
    .basic-section > .section-container {
      display: flex;
      flex-wrap: wrap; }
      .basic-section > .section-container > .left {
        order: 0; }
      .basic-section > .section-container > .right {
        order: 1; }
      .basic-section > .section-container.--reverse > .left {
        order: 1; }
      .basic-section > .section-container.--reverse > .right {
        order: 0; }
      .basic-section > .section-container > .left,
      .basic-section > .section-container > .right {
        width: 100%; }
        .basic-section > .section-container > .left > div > .main-title,
        .basic-section > .section-container > .right > div > .main-title {
          width: 100%;
          height: auto;
          padding-bottom: 15px; }
        .basic-section > .section-container > .left > .default-text,
        .basic-section > .section-container > .right > .default-text {
          color: black;
          font-size: 16px;
          font-weight: 500;
          letter-spacing: 0.2px;
          line-height: 25px; }
        .basic-section > .section-container > .left > .ic-part,
        .basic-section > .section-container > .right > .ic-part {
          display: none; }
        .basic-section > .section-container > .left > .img-part.with-bg.--d3x2,
        .basic-section > .section-container > .right > .img-part.with-bg.--d3x2 {
          width: 100vw;
          height: 75vw; }
        .basic-section > .section-container > .left > .img-part.with-bg.--d3x3,
        .basic-section > .section-container > .right > .img-part.with-bg.--d3x3 {
          width: 100vw;
          height: 100vw; } }

/* Media query mixins */
.video-section > div > div > .title-adv {
  width: 100%; }

@media only screen and (max-width: 992px) {
  .video-section > div > div > .title-adv {
    width: 100%;
    height: auto; } }