@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

.ParagraphPromote-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600; }

.ParagraphPromote {
  position: relative; }
  @media (max-width: 767px) {
    .ParagraphPromote {
      padding: 8rem 0 0; } }
  .ParagraphPromote:after, .ParagraphPromote:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("../../../img/tear-top@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    top: calc(100% - 60px);
    min-height: 100px;
    z-index: 1; }
  .ParagraphPromote:before {
    top: unset;
    bottom: calc(100% - 45px); }
  .ParagraphPromote + .ParagraphPromote:before {
    content: none; }
  .ParagraphPromote:last-child:after {
    content: none; }
  .ParagraphPromote-wrapper {
    display: flex;
    padding: 12rem 0; }
    @media (max-width: 767px) {
      .ParagraphPromote-wrapper {
        padding: 12rem 0 0; } }
  .ParagraphPromote-medias {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 100vw;
    margin-left: -50vw; }
    .ParagraphPromote-medias img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    @media (max-width: 767px) {
      .ParagraphPromote-medias img {
        width: auto;
        height: auto;
        top: 1rem;
        -o-object-fit: initial;
           object-fit: initial; } }
  .ParagraphPromote-title {
    font-size: 4.5rem;
    margin: 0;
    padding: 0;
    color: #FFDF07; }
    @media (max-width: 767px) {
      .ParagraphPromote-title {
        font: normal normal 600 35px/29px Poppins;
        position: relative; }
        .ParagraphPromote-title a {
          position: relative; }
          .ParagraphPromote-title a:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #FFDF07; } }
  .ParagraphPromote-content {
    position: relative;
    padding: 4rem 11rem;
    margin-left: 5%;
    border-image-source: url("../../../img/promote_text_background.png");
    border-image-width: 100px;
    border-image-slice: 100 150 fill;
    width: 33%; }
    @media screen and (max-width: 1440px) {
      .ParagraphPromote-content {
        width: 40%; } }
    @media (max-width: 767px) {
      .ParagraphPromote-content {
        width: 100%;
        margin: 0 auto;
        padding: 3rem 3.3rem 4.5rem;
        border-image-width: 10px; } }
    @media screen and (max-width: 320px) {
      .ParagraphPromote-content {
        width: 100%;
        padding: 3rem 2rem; } }
  .ParagraphPromote-body {
    color: #fff;
    font-size: 1.6rem;
    margin-top: 2.3rem; }
  .ParagraphPromote-link {
    margin: 2rem 0; }
    @media (max-width: 767px) {
      .ParagraphPromote-link {
        padding: 0; } }
    @media (max-width: 767px) {
      .ParagraphPromote-link .btn {
        width: 100%;
        text-align: center; } }
  .ParagraphPromote.red .ParagraphPromote-title {
    color: #B1272D; }
    @media (max-width: 767px) {
      .ParagraphPromote.red .ParagraphPromote-title a:after {
        background-color: #B1272D; } }
  .ParagraphPromote.red .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #B1272D;
    color: #B1272D; }
    .ParagraphPromote.red .ParagraphPromote-link .btn:hover, .ParagraphPromote.red .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #B1272DAA, 0 0 16px #B1272DAA; }
  .ParagraphPromote.yellow .ParagraphPromote-title {
    color: #FFDF07; }
    @media (max-width: 767px) {
      .ParagraphPromote.yellow .ParagraphPromote-title a:after {
        background-color: #FFDF07; } }
  .ParagraphPromote.yellow .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #FFDF07;
    color: #FFDF07; }
    .ParagraphPromote.yellow .ParagraphPromote-link .btn:hover, .ParagraphPromote.yellow .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #FFDF07AA, 0 0 16px #FFDF07AA; }
  .ParagraphPromote.pink .ParagraphPromote-title {
    color: #AC145A; }
    @media (max-width: 767px) {
      .ParagraphPromote.pink .ParagraphPromote-title a:after {
        background-color: #AC145A; } }
  .ParagraphPromote.pink .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #AC145A;
    color: #AC145A; }
    .ParagraphPromote.pink .ParagraphPromote-link .btn:hover, .ParagraphPromote.pink .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #EC80B6AA, 0 0 16px #EC80B6AA; }
  .ParagraphPromote.purple .ParagraphPromote-title {
    color: #6B159B; }
    @media (max-width: 767px) {
      .ParagraphPromote.purple .ParagraphPromote-title a:after {
        background-color: #6B159B; } }
  .ParagraphPromote.purple .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #6B159B;
    color: #6B159B; }
    .ParagraphPromote.purple .ParagraphPromote-link .btn:hover, .ParagraphPromote.purple .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #6B159BAA, 0 0 16px #6B159BAA; }
  .ParagraphPromote.orange .ParagraphPromote-title {
    color: #e94b26; }
    @media (max-width: 767px) {
      .ParagraphPromote.orange .ParagraphPromote-title a:after {
        background-color: #e94b26; } }
  .ParagraphPromote.orange .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #e94b26;
    color: #e94b26; }
    .ParagraphPromote.orange .ParagraphPromote-link .btn:hover, .ParagraphPromote.orange .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #e94b26AA, 0 0 16px #e94b26AA; }
  .ParagraphPromote.green .ParagraphPromote-title {
    color: #156e33; }
    @media (max-width: 767px) {
      .ParagraphPromote.green .ParagraphPromote-title a:after {
        background-color: #156e33; } }
  .ParagraphPromote.green .ParagraphPromote-link .btn {
    padding: 1.7rem 3rem;
    transition: box-shadow 0.2s ease-out;
    border: 2px solid #156e33;
    color: #156e33; }
    .ParagraphPromote.green .ParagraphPromote-link .btn:hover, .ParagraphPromote.green .ParagraphPromote-link .btn:focus {
      transition: box-shadow 0.2s ease-in;
      box-shadow: inset 0 0 16px #156e33AA, 0 0 16px #156e33AA; }
  .ParagraphPromote.red .ParagraphPromote-link .btn, .ParagraphPromote.purple .ParagraphPromote-link .btn, .ParagraphPromote.yellow .ParagraphPromote-link .btn, .ParagraphPromote.pink .ParagraphPromote-link .btn, .ParagraphPromote.orange .ParagraphPromote-link .btn, .ParagraphPromote.green .ParagraphPromote-link .btn {
    padding: 1.5rem 1.5rem; }

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