.blackBG {
  background-color: #303735;
}

.whiteBG {
  background-color: #fff;
}

.gray1BG {
  background-color: #F0F3F4;
}

.gray2BG {
  background-color: #F2F9F7;
}

.gray3BG {
  background-color: #eeeeee;
}

.gray4BG {
  background-color: #B2B2B2;
}

.gray5BG {
  background-color: #5A5A5A;
}

.greenBG {
  background-color: #32D57C;
}

.neonGreenBG {
  background-color: #51FF83;
}

.paleGreenBG {
  background-color: #98EABD;
}

.purpleBG {
  background-color: #9756FF;
}

.neonPurpleBG {
  background-color: #7C31F4;
}

.palePurpleBG {
  background-color: #8C5FF4;
}

.vibrantGreenBG {
  background-color: #31D57C;
}

.vibrantPurpleBG {
  background-color: #7C31F4;
}

.vibrantBlueBG {
  background-color: #02B8EB;
}

.vibrantRedBG {
  background-color: #F53F3A;
}

.vibrantOrangeBG {
  background-color: #FFA147;
}

.button {
  display: inline-block;
  font-family: "proxima-nova";
  color: #fff;
  background-color: #9756FF;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 45rem 13rem 45rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14rem;
  line-height: 1.2;
  letter-spacing: 1rem;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
          box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
}
.button:hover, .button:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button:hover {
  text-decoration: none !important;
}

.button-small {
  display: inline-block;
  font-family: "proxima-nova";
  color: #fff;
  background-color: #9756FF;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 45rem 13rem 45rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14rem;
  line-height: 1.2;
  letter-spacing: 1rem;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
          box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  padding: 8rem 20rem 7rem 20rem;
  font-size: 12rem;
  line-height: 1.2;
}
.button-small:hover, .button-small:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-small:hover {
  text-decoration: none !important;
}

.button-stroked {
  display: inline-block;
  font-family: "proxima-nova";
  color: #9756FF;
  background-color: transparent;
  border: solid 2rem #9756FF;
  border-radius: 50rem;
  padding: 13rem 30rem 10rem 30rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  text-decoration: none !important;
  cursor: pointer;
}
.button-stroked:hover, .button-stroked:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-stroked:hover {
  text-decoration: none !important;
}

.button-stroked-small {
  display: inline-block;
  font-family: "proxima-nova";
  color: #9756FF;
  background-color: transparent;
  border: solid 2rem #9756FF;
  border-radius: 50rem;
  padding: 13rem 30rem 10rem 30rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  text-decoration: none !important;
  cursor: pointer;
  padding: 8rem 20rem 7rem 20rem;
  font-size: 12rem;
  line-height: 1.2;
}
.button-stroked-small:hover, .button-stroked-small:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-stroked-small:hover {
  text-decoration: none !important;
}

.button-text {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
}
.button-text:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-text:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-text:after {
    top: 2rem;
  }
}
.button-text:hover, .button-text:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-text:hover:before, .button-text:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-text:hover:after, .button-text:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-text {
    font-size: 13rem;
  }
}
.button-text:hover {
  text-decoration: none !important;
}

.button-text-small {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
  font-size: 13rem;
}
.button-text-small:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-text-small:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-text-small:after {
    top: 2rem;
  }
}
.button-text-small:hover, .button-text-small:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-text-small:hover:before, .button-text-small:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-text-small:hover:after, .button-text-small:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-text-small {
    font-size: 13rem;
  }
}
.button-text-small:before {
  content: "";
  width: calc(100% + 20rem);
  height: 2rem;
  bottom: 3px;
}
.button-text-small:after {
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleSmallArrow_sym.svg");
  top: 3rem;
  right: -20rem;
  width: 13rem;
  height: 10rem;
}
.button-text-small:hover, .button-text-small:focus {
  text-decoration: none !important;
}
.button-text-small:hover:before, .button-text-small:focus:before {
  width: calc(100% + 25rem);
  bottom: 5rem;
}
.button-text-small:hover:after, .button-text-small:focus:after {
  right: -25rem;
}
.button-text-small:hover {
  text-decoration: none !important;
}

.button-text-pale {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
  color: #C9A7FF;
}
.button-text-pale:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-text-pale:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-text-pale:after {
    top: 2rem;
  }
}
.button-text-pale:hover, .button-text-pale:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-text-pale:hover:before, .button-text-pale:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-text-pale:hover:after, .button-text-pale:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-text-pale {
    font-size: 13rem;
  }
}
.button-text-pale:hover, .button-text-pale:focus {
  text-decoration: none !important;
  color: #C9A7FF !important;
}
.button-text-pale:before {
  background: #C9A7FF !important;
}
.button-text-pale:after {
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/palePurpleArrow_sym.svg") !important;
}
.button-text-pale:hover {
  text-decoration: none !important;
}

.button-text-pale-small {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
  font-size: 13rem;
  color: #C9A7FF;
}
.button-text-pale-small:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-text-pale-small:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-text-pale-small:after {
    top: 2rem;
  }
}
.button-text-pale-small:hover, .button-text-pale-small:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-text-pale-small:hover:before, .button-text-pale-small:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-text-pale-small:hover:after, .button-text-pale-small:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-text-pale-small {
    font-size: 13rem;
  }
}
.button-text-pale-small:before {
  content: "";
  width: calc(100% + 20rem);
  height: 2rem;
  bottom: 3px;
}
.button-text-pale-small:after {
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleSmallArrow_sym.svg");
  top: 3rem;
  right: -20rem;
  width: 13rem;
  height: 10rem;
}
.button-text-pale-small:hover, .button-text-pale-small:focus {
  text-decoration: none !important;
}
.button-text-pale-small:hover:before, .button-text-pale-small:focus:before {
  width: calc(100% + 25rem);
  bottom: 5rem;
}
.button-text-pale-small:hover:after, .button-text-pale-small:focus:after {
  right: -25rem;
}
.button-text-pale-small:hover, .button-text-pale-small:focus {
  text-decoration: none !important;
  color: #C9A7FF !important;
}
.button-text-pale-small:before {
  background: #C9A7FF !important;
}
.button-text-pale-small:after {
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/palePurpleSmallArrow_sym.svg") !important;
}
.button-text-pale-small:hover {
  text-decoration: none !important;
}

.button-white {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
  margin: 20rem 0;
  padding: 15rem 60rem 13rem 45rem;
  background-color: #fff;
  border-radius: 50rem;
  letter-spacing: 0.8rem;
}
.button-white:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-white:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-white:after {
    top: 2rem;
  }
}
.button-white:hover, .button-white:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-white:hover:before, .button-white:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-white:hover:after, .button-white:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-white {
    font-size: 13rem;
  }
}
.button-white:before {
  display: none;
}
.button-white:after {
  right: 35rem;
  top: 19rem;
}
.button-white:hover:after, .button-white:focus:after {
  right: 30rem;
}
.button-white:hover {
  text-decoration: none !important;
}

.button-white-small {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
  font-size: 13rem;
  margin: 20rem 0;
  padding: 5rem 30rem 3rem 15rem;
  background-color: #fff;
  border-radius: 50rem;
  letter-spacing: 0.8rem;
}
.button-white-small:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
.button-white-small:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
@media (max-width: 580px) {
  .button-white-small:after {
    top: 2rem;
  }
}
.button-white-small:hover, .button-white-small:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
.button-white-small:hover:before, .button-white-small:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
.button-white-small:hover:after, .button-white-small:focus:after {
  right: -30rem;
}
@media (max-width: 580px) {
  .button-white-small {
    font-size: 13rem;
  }
}
.button-white-small:before {
  content: "";
  width: calc(100% + 20rem);
  height: 2rem;
  bottom: 3px;
}
.button-white-small:after {
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleSmallArrow_sym.svg");
  top: 3rem;
  right: -20rem;
  width: 13rem;
  height: 10rem;
}
.button-white-small:hover, .button-white-small:focus {
  text-decoration: none !important;
}
.button-white-small:hover:before, .button-white-small:focus:before {
  width: calc(100% + 25rem);
  bottom: 5rem;
}
.button-white-small:hover:after, .button-white-small:focus:after {
  right: -25rem;
}
.button-white-small:before {
  display: none;
}
.button-white-small:after {
  right: 13rem;
  top: 9rem;
}
.button-white-small:hover:after, .button-white-small:focus:after {
  right: 10rem;
}
.button-white-small:hover {
  text-decoration: none !important;
}

.button-dark {
  display: inline-block;
  font-family: "proxima-nova";
  color: #fff;
  background-color: #9756FF;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 45rem 13rem 45rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14rem;
  line-height: 1.2;
  letter-spacing: 1rem;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
          box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  background-color: #303735;
}
.button-dark:hover, .button-dark:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-dark:hover, .button-dark:focus {
  background-color: #9756FF;
}

.button-dark-small {
  display: inline-block;
  font-family: "proxima-nova";
  color: #fff;
  background-color: #9756FF;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 45rem 13rem 45rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14rem;
  line-height: 1.2;
  letter-spacing: 1rem;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
          box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  padding: 8rem 20rem 7rem 20rem;
  font-size: 12rem;
  line-height: 1.2;
  background-color: #303735;
}
.button-dark-small:hover, .button-dark-small:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-dark-small:hover, .button-dark-small:focus {
  background-color: #9756FF;
}

.button-stroked-white {
  display: inline-block;
  font-family: "proxima-nova";
  color: #9756FF;
  background-color: transparent;
  border: solid 2rem #9756FF;
  border-radius: 50rem;
  padding: 13rem 30rem 10rem 30rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  text-decoration: none !important;
  cursor: pointer;
  color: #fff;
  border-color: #fff;
}
.button-stroked-white:hover, .button-stroked-white:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-stroked-white:hover {
  background-color: #fff;
  color: #303735;
}

.button-stroked-white-small {
  display: inline-block;
  font-family: "proxima-nova";
  color: #9756FF;
  background-color: transparent;
  border: solid 2rem #9756FF;
  border-radius: 50rem;
  padding: 13rem 30rem 10rem 30rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  text-decoration: none !important;
  cursor: pointer;
  color: #fff;
  border-color: #fff;
  padding: 8rem 20rem 7rem 20rem;
  font-size: 12rem;
  line-height: 1.2;
}
.button-stroked-white-small:hover, .button-stroked-white-small:focus {
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
.button-stroked-white-small:hover {
  background-color: #fff;
  color: #303735;
}

.arrowContain {
  margin: 50rem auto;
  max-width: 1024rem;
  padding: 10% 20% 10% 10% !important;
  position: relative;
  background-color: #F2F9F7 !important;
  -webkit-clip-path: polygon(0 20%, 90% 20%, 91% 0, 100% 50%, 86% 100%, 87% 80%, 0 80%);
          clip-path: polygon(0 20%, 90% 20%, 91% 0, 100% 50%, 86% 100%, 87% 80%, 0 80%);
  border: none !important;
}
@media (max-width: 768px) {
  .arrowContain {
    -webkit-clip-path: none;
            clip-path: none;
    padding: 40rem 40rem 40rem 36rem;
    margin-left: auto;
    border-left: 4rem solid #9756FF !important;
  }
}
@media (max-width: 580px) {
  .arrowContain {
    padding: 30rem 20rem 30rem 16rem;
  }
}
.arrowContain > * {
  background: none !important;
  border: none !important;
  color: #303735;
  padding: 0 !important;
  margin: 0 !important;
}
.arrowContain br {
  display: none;
}
.arrowContain a {
  color: #303735;
  font-weight: 700 !important;
}
.arrowContain span {
  color: #9756FF;
}
.arrowContain span:hover {
  color: #803ee9;
  text-decoration: underline;
}

html {
  font-size: 1px;
}

/* auto scale down elements on mobile */
@media (max-width: 580px) {
  html {
    font-size: 1px;
  }
}

/* auto scale up elements on large displays */
@media (min-width: 2560px) {
  html {
    font-size: 1px;
  }
}

section.u4m-pricing-cards-alt {
  margin: 80rem auto;
  position: relative;
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt {
    margin: 50rem auto;
  }
}
section.u4m-pricing-cards-alt.reverse-text h2.heading,
section.u4m-pricing-cards-alt.reverse-text h3.subheading {
  color: #fff;
}
section.u4m-pricing-cards-alt div.intro {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1340rem;
  padding-left: 20rem;
  padding-right: 20rem;
  max-width: 1280rem;
  margin: 0 auto 50rem auto;
}
@media (max-width: 768px) {
  section.u4m-pricing-cards-alt div.intro {
    margin: 0 auto 30rem auto;
  }
}
section.u4m-pricing-cards-alt div.intro .heading {
  font-family: "proxima-nova";
  font-size: 50rem;
  font-weight: 800;
  letter-spacing: 0.25rem;
  margin-bottom: 20rem;
  line-height: 1.2;
  text-align: center;
  max-width: 800rem;
  margin: 0 auto 14rem;
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt div.intro .heading {
    font-size: 32rem;
    margin-bottom: 20rem;
  }
}
section.u4m-pricing-cards-alt div.intro .subheading {
  font-family: "proxima-nova";
  font-size: 20rem;
  line-height: 1.6;
  letter-spacing: 0.25rem;
  margin-bottom: 20rem;
  text-align: center;
  max-width: 700rem;
  line-height: 1.7;
  margin: 0 auto;
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt div.intro .subheading {
    font-size: 15rem;
  }
}
section.u4m-pricing-cards-alt .wrapper {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400rem;
  padding-left: 20rem;
  padding-right: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.u4m-pricing-cards-alt .wrapper.full { 

}
section.u4m-pricing-cards-alt .wrapper div.card {
  margin: 30rem 20rem;
  background-color: #fff;
  -ms-flex-preferred-size: calc(25% - 40rem);
  flex-basis: calc(25% - 40rem);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 440rem;
  width: 100%;
  position: relative;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  border-bottom-right-radius: 5rem;
  border-bottom-left-radius: 5rem;
  border-bottom: 5rem solid #51FF83;
  z-index: 2;
  padding: 0rem;
}
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container {
  display: flex;
  padding: 15rem 0;
}
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .price-container,
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .feature-container {
  flex-basis: 50%;
}
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .price-container {
  text-align: left;
  align-self: center;
}
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .price-container .teaser {
  font-size: 23.747px;
  font-style: normal;
  line-height: normal;
}
section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .feature-container {
  border-left: 1rem solid rgba(48,55,53,.5);
  justify-content: center;
  min-height: unset!important;
  margin: 20rem 0;
  padding: 0 21.86px;
  display: flex;
  flex-direction: column;
}

section.u4m-pricing-cards-alt .wrapper.full .product_feature-container .feature-container .list-title {
  border: none;
  font-weight: 700;
  font-size: 23.747px;
}
section.u4m-pricing-cards-alt .wrapper.full div.card { 
  max-width: unset;
}
@media (max-width: 1024px) {
  section.u4m-pricing-cards-alt .wrapper div.card {
    -ms-flex-preferred-size: calc(50% - 40rem);
        flex-basis: calc(50% - 40rem);
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card {
  }
}
@media (max-width: 768px) {
  section.u4m-pricing-cards-alt .wrapper div.card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: unset;
    margin: 20rem 0rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card {
  }
}

section.u4m-pricing-cards-alt .wrapper div.card.popular {
  border-left: 3rem solid #51FF83;
  border-right: 3rem solid #51FF83;
  border-top-right-radius: 5rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card.popular { 
}
section.u4m-pricing-cards-alt .wrapper div.card .title {
  background-color: #F2F9F7;
  padding: 35rem;
  text-align: center;
  font-size: 27px;
  line-height: 29px;
  font-weight: 700;
  letter-spacing: 1.25rem;
  border-top-right-radius: 5rem;
  border-top-left-radius: 5rem;
  margin-bottom: 30rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .title {
  font-size: 39.425px;
  line-height: 44px;
  font-weight: 800;
  margin-bottom: 0;
}
section.u4m-pricing-cards-alt .wrapper div.card.popular .title {
  background-color: #51FF83;
  position: relative;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
section.u4m-pricing-cards-alt .wrapper.full div.card.popular .title {
}
section.u4m-pricing-cards-alt .wrapper div.card.popular .title .popular-label {
  position: absolute;
  top: 0;
  left: -3rem;
  font-weight: 800;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0;
  background: #7C31F4;
  border-radius: 5px 5px 0px 0px;
  padding: 6rem 9rem;
  transform: translateY(-100%);
}
section.u4m-pricing-cards-alt .wrapper.full div.card.popular .title .popular-label {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: unset!important;
  padding: 0 40rem;
  text-align: center;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container {
  padding: 15rem 37.76px;
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container .price {
  letter-spacing: 0.25rem;
  margin-top: 0;
  font-family: "proxima-nova";
  font-weight: 700;
  font-size: 0;
  line-height: 1;
  min-height: 55rem;
  margin-bottom: 25rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container .price {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container .price .cost {
  font-size: 29.0116px;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container .price .cost 
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container .price .price-frequency {
  font-size: 29.0116px;
  font-weight: 700;
  letter-spacing: .25rem;
  line-height: 35px;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container .price .price-frequency {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container .price .detail {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 148%;
  display: block;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container .price .detail {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container .teaser {
  font-family: "proxima-nova";
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0.25rem;
  margin-bottom: 30rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container .teaser {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 30rem;
  width: 100%;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link {
  -webkit-box-align: left;
  -ms-flex-align: left;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
}
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link {
  margin-top: auto;
  margin-bottom: 60rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-url,
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-cta, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.bottom-link-url, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.top-link-cta {
  display: block;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-url,
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-cta, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.bottom-link-url, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.top-link-cta {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-url a,
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-cta a, 
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-popup_modal,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.bottom-link-url a,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.bottom-link-url a,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.bottom-link-popup_modal {
  display: inline-block;
  font-family: "proxima-nova";
  color: #fff;
  background-color: #9756FF;
  border: 0;
  border-radius: 50rem;
  padding: 15rem 20rem 13rem;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 15.023px;
  line-height: 1;
  letter-spacing: 0.451px;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
  margin: 0;
  min-width: 180rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-url a,
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-cta a, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.bottom-link-url a,
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.bottom-link-url a {
}
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-url a:focus,
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-cta a:hover,
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-url a:hover, 
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-popup_modal:hover,
section.u4m-pricing-cards-alt .wrapper div.card .price-container div.top-link span.top-link-cta a:focus, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.top-link-url a:focus, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.top-link-cta a:hover, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.top-link-url a:hover, 
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.bottom-link-popup_modal:hover,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.top-link-cta a:focus{
  background-color: #803ee9;
  color: #fff;
  text-decoration: none !important;
}
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-url a:focus,
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-cta a:hover,
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-url a:hover, 
section.u4m-pricing-cards-alt .wrapper.full div.card .price-container div.top-link span.top-link-cta a:focus, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.top-link-url a:focus, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.top-link-cta a:hover, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.top-link-url a:hover, 
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.top-link-cta a:focus{
}
section.u4m-pricing-cards-alt .wrapper div.card .list-title {
  display: block;
  font-family: 'proxima-nova';
  font-size: 25rem;
  font-weight: 600;
  letter-spacing: .25rem;
  line-height: 1.2;
  border-top: 1rem solid rgba(48,55,53,.5);
  padding: 30rem 0 0;
  margin: 0 auto 20rem;
  width: calc(100% - 40rem);
}
section.u4m-pricing-cards-alt .wrapper.full div.card .list-title {
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card .list-title {
    font-size: 18rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card .list-title {
  }
}
section.u4m-pricing-cards-alt .wrapper div.card ul {
  list-style: none;
  padding: 0 20rem;
  margin-bottom: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul {
  margin-bottom: 0;
  flex-direction: row;
}
section.u4m-pricing-cards-alt .wrapper div.card ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "proxima-nova";
  margin-bottom: 20rem;
  font-weight: 500;
  font-size: 13.634px;
  line-height: normal;
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul li {
  width: 50%;
}
section.u4m-pricing-cards-alt .wrapper div.card ul li span img {
  position: relative;
  top: -4rem;
  width: 20rem;
  height: 20rem;
  margin: 5rem 10rem 0 0;
  display: block;
  min-width: 20rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul li span img {
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card ul li span img {
    margin: 0rem 10rem 0 0;
    top: 0px;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card ul li span img {
  }
}
section.u4m-pricing-cards-alt .wrapper div.card ul .excluded-reports {
  color: rgba(48, 55, 53, 0.5);
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul .excluded-reports {
}
section.u4m-pricing-cards-alt .wrapper div.card ul .excluded-reports span img {
  opacity: 0.5;
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul .excluded-reports span img {
}
section.u4m-pricing-cards-alt .wrapper div.card ul .excluded-reports span svg {
  fill: rgba(48, 55, 53, 0.5);
}
section.u4m-pricing-cards-alt .wrapper.full div.card ul .excluded-reports span svg {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link {
  margin-bottom: 30rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a {
  font-weight: 800;
  text-transform: uppercase;
  margin: 20rem 0 10rem;
  padding-bottom: 10rem;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.8rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:before,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:before {
  content: "";
  width: calc(100% + 25rem);
  height: 2rem;
  background: #9756FF;
  position: absolute;
  bottom: 5px;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:before,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:before {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:after,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url("https://blog.greenlight.guru/hubfs/GG22_theme-files/button-assets/purpleArrow_sym.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 5rem;
  right: -25rem;
  width: 18rem;
  height: 14rem;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:after,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:after {
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:after,
  section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:after {
    top: 2rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:after,
  section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:after {
  }
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:hover, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:hover,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:focus {
  opacity: 0.7;
  text-decoration: none !important;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:hover, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:hover,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:focus {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:hover:before, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus:before,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:hover:before,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:focus:before {
  width: calc(100% + 30rem);
  bottom: 8rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:hover:before, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus:before,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:hover:before,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:focus:before {
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:hover:after, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus:after,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:hover:after,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:focus:after {
  right: -30rem;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:hover:after, section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:focus:after,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:hover:after,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:focus:after {
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a,
  section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a {
    font-size: 13rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a,
  section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a {
  }
}
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-url a:hover,
section.u4m-pricing-cards-alt .wrapper div.card div.features-list-link span.features-cta a:hover {
  color: #C9A7FF;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-url a:hover,
section.u4m-pricing-cards-alt .wrapper.full div.card div.features-list-link span.features-cta a:hover {
}
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.url,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.cta {
  font-family: "proxima-nova";
  font-size: 22rem;
  font-weight: 800;
  letter-spacing: 0.25rem;
  margin-bottom: 10rem;
  line-height: 1.2;
  display: block;
  font-size: 25rem;
  font-family: "proxima-nova";
  text-align: center;
  font-weight: normal;
  margin-bottom: 0rem;
  background-color: #9756FF;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.url,
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.cta {
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.url,
  section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.cta {
    font-size: 18rem;
    margin-bottom: 20rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.url,
  section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.cta {
  }
}
@media (max-width: 580px) {
  section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.url,
  section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.cta {
    margin-bottom: 0rem;
  }
  section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.url,
  section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.cta {
  }
}
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.url:hover,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.cta:hover {
  background-color: #C9A7FF;
  color: #fff;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.url:hover,
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.cta:hover {
}
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.url a,
section.u4m-pricing-cards-alt .wrapper div.card div.bottom-link span.cta a {
  text-transform: uppercase;
  color: #fff;
  padding: 20rem;
  display: block;
}
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.url a,
section.u4m-pricing-cards-alt .wrapper.full div.card div.bottom-link span.cta a {
}

    /* The modal container */
    .modal-container {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9);
      align-items: center;
      justify-content: center;
      z-index: 9999;
      flex-direction: column;
    }
    .modal-wrapper {
      max-width: 900px;
      width: 100%;
      height: calc(100% - 50px);
      max-height: 550px;
      min-height: 250px;
    }
    /* The modal content */
    .modal-content {
      display: flex;
      flex-direction: column;
      background-color: #fff;
      color: black;
      font-size: 20px;
      border-radius: 8px;
      text-align: center;
      max-width: 900px;
      max-height: 550px;
      min-height: 250px;
      width: 100%;
      height: calc(100% - 50px);
      -webkit-transition: 0.25s ease-in;
      transition: 0.25s ease-in;
      -webkit-box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
      box-shadow: 0rem 1rem 12rem 0 rgba(48, 55, 53, 0.1);
      border-bottom-right-radius: 5rem;
      border-bottom-left-radius: 5rem;
      border-bottom: 5rem solid #51FF83;
    }
    .modal-content .richtext {
      padding: 52.45px 43.47px 73.75px 43.47px;
      max-height: 550px;
      overflow: auto;
    }
    /* The modal title */
    .modal-title {
      color: #303735;
      background: white;
      border-radius: 4px 4px 0 0;
      text-align: center;
      font-size: 40px;
      font-style: normal;
      font-weight: 800;
      line-height: 1;
      padding: 35rem;
    }
    .modal-title.dark {
      color: white;
      background: #303735;
    }

    /* Close button for the modal */
    .close-btn {
      display: flex;
      justify-content: flex-end;
      color: #303735;
      font-size: 20rem;
    }
    .close-btn:before {
      content: "\f00d";
      font-family: 'Font Awesome 5 Pro';
      border: solid 2rem #303735;
      padding: 1rem 11rem;
      border-radius: 100%;
      margin-bottom: 10rem;
      cursor: pointer;
      transition: 0.25s ease-in;
    }
    .close-btn:hover:before {
      color: white;
      border-color: white;
      background:#303735;
  }
  /* div table */
  .responsive-div-table {
    text-align: left;
  }
  .responsive-div-table .child-div .content h5 {
    font-size: 24px;
}
  .responsive-div-table .child-div .content ul li {
    font-size: 19px;
    line-height: 1.3;
}
.responsive-div-table  .child-div {
    box-sizing: border-box;
    display: flex;
  }
  .responsive-div-table .child-div .content {
    flex: 1;
  }
  @media (max-width: 768px) {
    .modal-container {
      height: 100%;
    }
    .modal-wrapper, .modal-content {
      max-width: unset;
    }
    .modal-content .richtext {
      max-height: 400px;
      overflow: auto;
    }
    .modal-content .richtext {
      padding: 10px 5px 10px 5px;
    }
    .modal-wrapper {
      width: 95%;
    }
  }
  
  @media (max-width: 500px) {
    .modal-title {
      font-size: 33px;
    }
    .responsive-div-table {
      flex-wrap: nowrap;
      flex-direction: column;
    }
    .child-div {
      flex-direction: column;
  }
}
@media (min-width: 1400px) {
.modal-wrapper,
.modal-content .richtext,
.modal-content {
  max-height: 750px;
  }
}