@charset "utf-8";

.full-bg-text-wrapper { width: 100%; height: auto; position: relative; }

.full-bg-text-wrapper .accent-image { position: absolute; bottom: -1px; z-index: 99; }

.full-bg-text-wrapper .flip-horizontal { transform: scaleX(-1); }

.full-bg-text-wrapper img { width: 100%; height: auto; line-height: 0; }

.full-bg-text-container { width: 100%; height: 100%; position: absolute; display: flex; align-items: center; z-index: 9; padding: 0px 10%; }

.full-bg-text { width: 70%; height: auto; background-color: rgb(188, 24, 181); padding: 30px 50px 25px; border-radius: 20px; }

.full-bg-text h2 { font-size: 3.4vw; line-height: 2.9vw; padding-bottom: 10px; color: rgb(255, 255, 255) !important; }

.full-bg-text p { padding-bottom: 25px; color: rgb(255, 255, 255) !important; font-size: 1vw !important; }

@media only screen and (max-width: 766px) {
  .full-bg-text-wrapper { height: auto; position: relative; display: flex; flex-direction: column-reverse; margin: 15px auto 0px; width: 90% !important; }
  .full-bg-text-wrapper .accent-image { display: none; }
  .full-bg-text-container { width: 100%; height: 100%; position: relative; display: block; align-items: center; z-index: 9; padding: 0px; }
  .full-bg-text { width: 100%; height: auto; border-top-left-radius: unset !important; border-top-right-radius: unset !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; padding: 25px 25px 0px !important; }
  .full-bg-text h2 { padding-bottom: 5px; font-size: 8vw !important; line-height: 8.3vw !important; }
  .full-bg-text p { font-size: 4.2vw !important; line-height: 5.2vw !important; }
}