:root{
  --rwp-purple:#7d3198;
  --rwp-purple-2:#b25a96;

  --rwp-text:#ffffff;
  --rwp-subtext:#f5f5f5;

  --rwp-note-bg: rgba(16,79,108,.72);
  --rwp-note-pill: rgba(251,251,251,.23);

  --rwp-bg-guitar: url('/assets/img/home12/guitarist-playing-guitar-concert-illuminated-with-neon-lights-ai-generative%201.webp');
  --rwp-bg-overlay: url('/assets/img/home12/inage_01%202.png');
  --rwp-wave-bg: url('/assets/img/register/registerbelowbg.webp');

  --rwp-ico-1: url('/assets/img/register/1st.png');
  --rwp-ico-2: url('/assets/img/register/2nd.png');
  --rwp-ico-3: url('/assets/img/register/3rd.png');
  --rwp-ico-4: url('/assets/img/register/4th.png');
  --rwp-ico-5: url('/assets/img/register/5th.png');
}

.rwp-page,
.rwp-page *{
  box-sizing:border-box;
}

.rwp-page{
  background:#000;
  color:var(--rwp-text);
  overflow-x:hidden;
  font-family: "Avenir", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

.rwp-container--wide{
  width:min(1650px, 88vw);
  margin:0 auto;
}

/* =========================
   ACCORDION SECTION
========================= */
.rwp-accordion-section{
  position:relative;
  padding:60px 0 180px;
  background:
    linear-gradient(to right, rgb(43 14 56), rgb(33 17 82 / 52%)),
    var(--rwp-bg-guitar);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:1;
}

.rwp-accordion{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rwp-acc-item{
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}

.rwp-acc-btn{
  width:100%;
  border:0;
  background:var(--rwp-purple);
  color:#fff;
  display:flex;
  align-items:center;
  gap:18px;
  padding:1px 15px;
  cursor:pointer;
  text-align:left;
  height:55px;
}

.rwp-acc-icon{
  width:76px;
  height:76px;
  flex:0 0 76px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rwp-acc-icon.rwp-acc-icon--cms::after{
  content:none !important;
  display:none !important;
}

.rwp-acc-logo{
  width:35px;
  height:35px;
  display:block;
  object-fit:contain;
}

.rwp-acc-icon::after{
  content:"";
  width:35px;
  height:35px;
  display:block;
  background:var(--rwp-ico-1) center / contain no-repeat;
}

.rwp-acc-item:nth-child(5n + 1) .rwp-acc-icon::after{ background-image:var(--rwp-ico-1); }
.rwp-acc-item:nth-child(5n + 2) .rwp-acc-icon::after{ background-image:var(--rwp-ico-2); }
.rwp-acc-item:nth-child(5n + 3) .rwp-acc-icon::after{ background-image:var(--rwp-ico-3); }
.rwp-acc-item:nth-child(5n + 4) .rwp-acc-icon::after{ background-image:var(--rwp-ico-4); }
.rwp-acc-item:nth-child(5n + 5) .rwp-acc-icon::after{ background-image:var(--rwp-ico-5); }

.rwp-acc-icon svg{
  display:none !important;
}

.rwp-acc-title{
  flex:1 1 auto;
  font-family:"AvenirLtStd-55Roman", sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:1.15;
}

.rwp-acc-chev{
  width:29px;
  height:29px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.7);
  flex:0 0 29px;
  position:relative;
}

.rwp-acc-chev:before{
  content:"";
  position:absolute;
  left:50%;
  top:51%;
  width:8px;
  height:8px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:translate(-50%, -60%) rotate(45deg);
}

.rwp-acc-btn.collapsed .rwp-acc-chev:before{
  transform:translate(-50%, -40%) rotate(-135deg);
}

.rwp-acc-body{
  background:rgba(0,10,26,.64);
  color:var(--rwp-subtext);
  padding:14px 37px 26px;
  line-height:1.3;
  border-top:1px solid rgba(255,255,255,.14);
}

.rwp-acc-body p,
.rwp-acc-body li,
.rwp-acc-body span,
.rwp-acc-body div{
  font-size:17px !important;
  line-height:inherit !important;
  margin:0 0 12px;
  color:var(--rwp-subtext);
  font-family:"AvenirLtStd-55Roman", sans-serif;
}

.rwp-acc-body p:last-child,
.rwp-acc-body li:last-child{
  margin-bottom:0;
}

/* =========================
   NOTE OVERLAP SECTION
========================= */
.rwp-note-overlap{
  position:relative;
  margin-top:-105px;
  margin-bottom:-150px;
  z-index:5;
  background:transparent;
}

.rwp-note{
  position:relative;
  border-radius:40px;
  padding:14px 47px;
  display:flex;
  gap:22px;
  align-items:flex-start;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  border:1px solid rgba(5, 143, 166, .55);
  background-image:
    linear-gradient(0deg, rgba(16, 79, 108, .72), rgba(16, 79, 108, .72)),
    url('/assets/img/register/small.png');
  background-size:cover, cover;
  background-position:center, center;
  background-repeat:no-repeat;
}

.rwp-note__icon{
  width:112px;
  height:100px;
  border-radius:25px;
  background:#04415a;
  border:1px solid #058fa6;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
  
}

.rwp-note__content{
  flex:1 1 auto;
  margin-left:0 !important;
  padding-right:260px;
}

.rwp-note__text{
  font-size:20px;
  line-height:1.4;
  margin:0 0 37px;
  color:var(--rwp-subtext);
}

.rwp-note__subtext{
  font-size:21px;
  line-height:1.25;
  margin:0 0 14px;
  color:var(--rwp-subtext);
}

.rwp-note__email{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50px;
  background:var(--rwp-note-pill);
  height:44px;
  padding:1px 20px;
  font-family:"PT Sans", system-ui, sans-serif;
  font-size:24px;
  color:#110404;
  text-decoration:underline !important;
}

p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: white;
    font-family: 'AvenirLtStd-35Light';
}
.rwp-note__art{
  position:absolute;
  right:51px;
  top:50%;
  background-image:url('/assets/img/register/image28.png');
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  transform:translateY(-50%) rotate(-7.29deg);
  width:240px;
  height:170px;
  max-width:17%;
  display: none;
}
.rwp-cta__text{
  font-size: 23px;
  color: var(--rwp-subtext);
  line-height: 1.25;
  flex: 0 0 auto;
  font-weight: 100 !important;
  font-family: 'AvenirLtStd-35Light';
  text-align: center;
  max-width: 700px;
}
/* =========================
   CTA SECTION
========================= */
.rwp-cta-section{
  position:relative;
  padding:185px 20px 42px;
  background-image:
    linear-gradient(0deg, rgba(0,0,0,.15), rgba(0,0,0,.15)),
    var(--rwp-wave-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:1;
}


.rwp-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:60px;
  flex-wrap:wrap;
  background:#04415a;
  padding:28px 60px;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:20px;
  margin-bottom:41px;
}

.rwp-cta__btn{
  background: var(--rwp-purple-2);
  color: #fff;
  border: 0;
  border-radius: 99999px;
  padding: 13px 12px;
  font-size: 22px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
  margin-right: 0;
  font-family: 'AvenirLtStd-35Light';
}

.rwp-form{
  margin-top:16px;
  border-radius:18px;
  overflow:hidden;
  background:rgba(0,0,0,.18);
}

.rwp-form iframe{
  width:100%;
  height:820px;
  border:0;
  display:block;
}

/* =========================
   RESPONSIVE
========================= */
/* =========================================
   MOBILE + TABLET ONLY FIXES
   Add this at the END of registerwithppl-figma.css
   Desktop will remain unchanged
========================================= */

@media (max-width: 1199px) {
  .rwp-container--wide {
    width: min(100%, 92vw);
    padding-left: 16px;
    padding-right: 16px;
  }

  .rwp-note__content {
    padding-right: 0;
  }

  .rwp-note__art {
    display: none;
  }

  .rwp-note {
    gap: 18px;
  }

  .rwp-cta {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .rwp-cta__text {
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 991px) {
  .rwp-accordion-section {
    padding: 48px 0 145px;
  }

  .rwp-acc-btn {
    min-height: 64px;
    height: auto;
    padding: 12px 16px;
    gap: 14px;
  }

  .rwp-acc-title {
    font-size: 20px;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .rwp-acc-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
  }

  .rwp-acc-icon::after {
    width: 34px;
    height: 34px;
  }

  .rwp-acc-icon.rwp-acc-icon--cms::after{
    content:none !important;
    display:none !important;
  }

  .rwp-acc-chev {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }

  .rwp-acc-body {
    padding: 16px 20px 22px;
  }

  .rwp-acc-body p,
  .rwp-acc-body li,
  .rwp-acc-body span,
  .rwp-acc-body div {
    font-size: 16px !important;
    line-height: 1.5 !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .rwp-note-overlap {
    margin-top: -70px;
    margin-bottom: -70px;
  }

  .rwp-note {
    padding: 20px 20px;
    border-radius: 26px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .rwp-note__icon {
    width: 88px;
    height: 88px;
    border-radius: 20px;
  }

  .rwp-note__icon .rwp-svg--note {
    width: 54px !important;
    height: 54px !important;
  }

  .rwp-note__content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: center;
  }

  .rwp-note__text,
  .rwp-note__subtext,
  .rwp-note__email {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .rwp-note__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
  }

  .rwp-note__subtext {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .rwp-note__email {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    height: auto;
    padding: 12px 18px;
    font-size: 18px;
    max-width: 100%;
    text-align: center;
  }

  .rwp-cta-section {
    padding: 135px 0 36px;
  }

  .rwp-cta {
    gap: 22px;
    padding: 24px 20px;
    border-radius: 0;
    flex-direction: column;
    align-items: center;
  }

  .rwp-cta__text {
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    margin: 0;
  }

  .rwp-cta__btn {
    font-size: 18px;
    line-height: 1.2;
    padding: 14px 24px;
    min-height: 50px;
    width: 100%;
    max-width: 340px;
    white-space: normal;
  }

  .rwp-form {
    border-radius: 14px;
  }

  .rwp-form iframe {
    height: 1850px;
  }
}

@media (max-width: 767px) {
  .rwp-container--wide {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .rwp-accordion-section {
    padding: 36px 0 120px;
  }

  .rwp-accordion {
    gap: 12px;
  }

  .rwp-acc-item {
    border-radius: 10px;
  }

  .rwp-acc-btn {
    padding: 12px 14px;
    gap: 12px;
    min-height: 60px;
  }

  .rwp-acc-title {
    font-size: 16px;
    line-height: 1.35;
  }

  .rwp-acc-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }

  .rwp-acc-icon::after {
    width: 26px;
    height: 26px;
  }

  .rwp-acc-icon.rwp-acc-icon--cms::after{
    content:none !important;
    display:none !important;
  }

  .rwp-acc-chev {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }

  .rwp-acc-chev:before {
    width: 7px;
    height: 7px;
  }

  .rwp-acc-body {
    padding: 14px 14px 18px;
  }

  .rwp-acc-body p,
  .rwp-acc-body li,
  .rwp-acc-body span,
  .rwp-acc-body div {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .rwp-note-overlap {
    margin-top: -62px;
    margin-bottom: -46px;
  }

  .rwp-note {
    padding: 16px 14px;
    border-radius: 20px;
    gap: 14px;
  }

  .rwp-note__icon {
    width: 72px;
    height: 72px;
    border-radius: 16px;
  }

  .rwp-note__icon .rwp-svg--note {
    width: 42px !important;
    height: 42px !important;
  }

  .rwp-note__text {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 12px;
  }

  .rwp-note__subtext {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .rwp-note__email {
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    font-size: 15px;
    padding: 10px 12px;
    border-radius: 999px;
  }

  .rwp-cta-section {
    padding: 104px 0 28px;
  }

  .rwp-cta {
    padding: 20px 14px;
    gap: 16px;
  }

  .rwp-cta__text {
    font-size: 15px;
    line-height: 1.55;
  }

  .rwp-cta__btn {
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    font-size: 16px;
    padding: 12px 16px;
  }

  .rwp-form iframe {
    height: 2300px;
  }
}

@media (max-width: 480px) {
  .rwp-container--wide {
    padding-left: 12px;
    padding-right: 12px;
  }

  .rwp-accordion-section {
    padding: 30px 0 110px;
  }

  .rwp-acc-btn {
    padding: 10px 12px;
    gap: 10px;
  }

  .rwp-acc-title {
    font-size: 15px;
  }

  .rwp-acc-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }

  .rwp-acc-icon::after {
    width: 22px;
    height: 22px;
  }

  .rwp-acc-icon.rwp-acc-icon--cms::after{
    content:none !important;
    display:none !important;
  }

  .rwp-acc-body {
    padding: 12px 12px 16px;
  }

  .rwp-acc-body p,
  .rwp-acc-body li,
  .rwp-acc-body span,
  .rwp-acc-body div {
    font-size: 13px !important;
  }

  .rwp-note-overlap {
    margin-top: -55px;
    margin-bottom: -38px;
  }

  .rwp-note {
    padding: 14px 12px;
    border-radius: 18px;
  }

  .rwp-note__icon {
    width: 64px;
    height: 64px;
  }

  .rwp-note__icon .rwp-svg--note {
    width: 36px !important;
    height: 36px !important;
  }

  .rwp-note__text {
    font-size: 14px;
  }

  .rwp-note__subtext {
    font-size: 13px;
  }

  .rwp-note__email {
    font-size: 14px;
    min-height: 44px;
    padding: 10px;
  }

  .rwp-cta-section {
    padding: 95px 0 24px;
  }

  .rwp-cta {
    padding: 18px 12px;
  }

  .rwp-cta__text {
    font-size: 14px;
  }

  .rwp-cta__btn {
    min-height: 44px;
    font-size: 15px;
  }

  .rwp-form iframe {
    height: 2380px;
  }
}

/* .banner{
  background:url("/assets/img/register/banner.png") center / cover no-repeat !important;
  height:100vh;
} */


section h1 {
  position: absolute;
  top: 50%;
  /* left: 29%; */
  z-index: 2;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: left;
  white-space: nowrap;
  font-size: 72px;
  /* line-height: 1; */
}



@media screen and (max-width: 767px) {
  .page_header h1 {
      text-align: left;
      max-width: 567px;
      font-size: 33px;
      font-weight: bold;
      color: white;
      line-height: 1.3;
      position: relative;
      /* padding-bottom: 61px;
      padding-left: 19px; */
  }

}
@media screen and (max-width: 767px) {
  .page_header p {
      font-size: 24px;
      line-height: 1.3;
      color: white;
      max-width: 550px;
      text-shadow: 1px 1px 2px #000000;
      margin-top: 66px;
      padding-top: 62px;
      text-align: center;
      margin-left: 27px;
  }
}

@media screen and (max-width: 767px) {
  .page_header .text-white {
  color: #f0eaea !important;
  font-size: 27px;
  /* margin-left: 18px; */
  margin-top: 257px;
}
}


/* .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 140px;
  margin-left: -11px;
  margin-top: 45px;
} */

.page_header .text-white {
  color: #f0eaea !important;
  font-size: 30px;
  /* margin-left: 18px; */
  /* margin-top: 204px; */
}
@media screen and (max-width: 767px) {
  .bannertext.mobile-resp {
    position: relative;
    height: 100%;
  }

  .bannertext.mobile-resp .row {
    margin: 0 !important;
    height: 100%;
  }

  .bannertext.mobile-resp .col-md-12.page-content.position-relative.text-white.tagline {
    position: absolute !important;
    left: 10px !important;
    right: 24px !important;
    top: 29% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .bannertext.mobile-resp #dynamicTitle,
  .bannertext.mobile-resp h1#dynamicTitle,
  .bannertext.mobile-resp .page-content h1 {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 14px 0 !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    text-align: left !important;
    max-width: 100% !important;
    z-index: 2;
  }

  .bannertext.mobile-resp p,
  .bannertext.mobile-resp .text-white,
  .bannertext.mobile-resp .page-content p {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    max-width: 100% !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000000;
  }
}