.goto-text-designed {
  .section-divider {
    text-align: center;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;

    @media screen and (min-width:768px) {
      margin-bottom: 40px
    }
  }

  .section-divider__line {
    flex: 1;
    height: 2px;
    background: linear-gradient(to right, #aab2cd, #dce19c, #e6b7d9, #6da9b2);
    position: relative;
    bottom: 15px;

    @media screen and (min-width:768px) {
      bottom: 40px;
      height: 6px
    }
  }

  .section-divider__line--reversed {
    transform: scaleX(-1)
  }

  .section-divider__title {
    margin: 0 8px;
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    max-width: 550px;
    line-height: 1;

    @media screen and (max-width:768px) {
      max-width: 200px
    }

    @media screen and (min-width:768px) {
      font-size: 64px
    }
  }

  .container {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    padding-bottom: 100px;
    background-color: #171717
  }

  h2 {
    font-size: 1.5rem;
    text-align: center;
    color: #fff
  }

  .description {
    font-size: 16px;
    font-family: "Urbanist", sans-serif;
    text-align: center;
    color: #fff;
    padding: .5rem 1.875rem;
    max-width: 980px;
    margin: 0 auto;

    @media screen and (min-width:768px) {
      font-size: 20px
    }
  }

  .button-container {
    display: flex;
    justify-content: center;
    margin-top: 1rem
  }

  .btn-goto {
    background-color: #fff;
    color: #000;
    padding: .5rem 1rem;
    border-radius: .25rem;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    font-weight: 800;
    font-family: "Urbanist";

    @media screen and (min-width:768px) {
      font-size: 35px;
      padding: 9px 63px
    }

    &:hover {
      background-color: #000;
      color: #fff;
      text-decoration: none
    }
  }

  .hero_banner_style_spring {
    background-color: #dfb3a9;

    .section-divider__title {
      color: #2d3238
    }

    .description {
      color: #2d3238
    }
  }

  .hero_banner_style_marshbello {
    background-color: #CBCBCB;

    .section-divider__title {
      color: #2d3238
    }

    .description {
      color: #2d3238
    }
  }

  .hero_banner_style_r4_collection {
    background-color: #CFD7D9;

    .section-divider__title {
      font-family: Urbanist;
      color: #2E4869;
      font-weight: 600;
      margin: 0 20px;
      font-size: 28px;

      @media screen and (min-width: 768px) {
        font-size: 50px;
        margin: 0 60px;
      }
    }

    .section-divider__line {
      background: linear-gradient(90deg, #ECF7FE 0%, #ACCAE8 25%, #BDC5D5 50%, #A1A5D5 75%, #8684D5 100%);
      bottom: 0;
    }

    .text-content .description,
    .text-content .description p {
      color: #343A41;
      font-size: 14px;
      line-height: 20px;

      @media screen and (min-width: 768px) {
        font-size: 22px;
        line-height: 32px;
      }
    }

    .btn-goto {
      border-radius: 8px;
      font-size: 14px;
      padding: 10px 14px;
      line-height: 1;
  
      @media screen and (min-width: 768px) {
        font-size: 28px;
        padding: 12px 42px;
      }
  
      @media screen and (max-width: 768px) {
        box-shadow: none;
      }
    }
  }

  .hero_banner_style_m1_collection {
    background-color: #b5c1d2;

    .section-divider__line {
      background: linear-gradient(90deg, #b9c1c6 0%, #e5cfbd 19.23%, #eeb599 47.12%, #dfb3a9 66.35%, #d59b8d 84.13%, #cc7e7e 100%)
    }

    .section-divider__line--reversed {
      background: linear-gradient(90deg, rgba(185, 193, 198, .88) 0%, rgba(229, 207, 189, .88) 19.23%, rgba(238, 181, 153, .88) 47.12%, rgba(223, 179, 169, .88) 66.35%, rgba(213, 155, 141, .88) 84.13%, rgba(204, 126, 126, .88) 100%)
    }

    .section-divider__title {
      color: #2d3238
    }

    .description {
      color: #2d3238
    }
  }

  .hero_banner_style_o2_bed {
    background-color: #e9f1f2;

    .section-divider__line {
      background: linear-gradient(90deg, #b9c0c6 0%, #bde5e2 19.23%, #99d7ee 47.12%, #a9dcdf 66.35%, #8db8d5 84.13%, #7ea1cc 100%)
    }

    .section-divider__line--reversed {
      background: linear-gradient(90deg, rgba(185, 192, 198, .88) 0%, rgba(189, 229, 226, .88) 19.23%, rgba(153, 215, 238, .88) 47.12%, rgba(169, 220, 223, .88) 66.35%, rgba(141, 184, 213, .88) 84.13%, rgba(126, 161, 204, .88) 100%)
    }

    .section-divider__title {
      color: #2d3238
    }

    .description {
      color: #2d3238
    }

    .btn-goto {
      background-color: #2c4960;
      color: #fff;

      @media screen and (min-width:768px) {
        font-size: 35px;
        padding: 9px 63px
      }

      &:hover {
        background-color: #fff;
        color: #2c4960;
        text-decoration: none
      }
    }
  }
}