#a,
#wrapper {
  height: 100%;
}
#a,
body,
html {
  background: 0 0;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/assets/fonts/HelveticaNeueLTProRoman/font.woff2) format("woff2"),
    url(/assets/fonts/HelveticaNeueLTProRoman/font.woff) format("woff");
}
@font-face {
  font-family: Helvetica;
  src: url(/assets/fonts/Helvetica/HelveticaNeue.woff);
}
@font-face {
  font-family: HelveticaBold;
  src: url(/assets/fonts/Helvetica/HelveticaNeueBold.ttf) format("truetype");
}
@font-face {
  font-family: Agrandir-Regular;
  src: url(/assets/fonts/Agrandir-GrandRegular.otf) format("opentype");
}
@font-face {
  font-family: Agrandir-Light;
  src: url(/assets/fonts/Agrandir-GrandLight.otf) format("opentype");
}
@font-face {
  font-family: Agrandir-Medium;
  src: url(/assets/fonts/Agrandir-GrandMedium.otf) format("opentype");
}
@font-face {
  font-family: Agrandir-Thin;
  src: url(/assets/fonts/Agrandir-GrandThin.otf) format("opentype");
}
@font-face {
  font-family: HelveticaLight;
  src: url(/assets/fonts/HelveticaNeueLTProThin/font.woff2);
}
body,
html {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}
#hero-video {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
}
#a .pnl,
#a .pnlcont {
  text-align: left;
}
.panels,
.panels2 {
  position: relative;
  width: 100%;
  z-index: 1000;
}
#a {
  position: relative;
}
#a .browse-down,
#a .pnl {
  position: absolute;
}
#a .pnl {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 76px;
  bottom: 10%;
}
#wrapper .btnpnl {
  top: 1%;
  right: 1%;
  font-family: Helvetica;
  cursor: pointer;
  position: fixed;
  z-index: 1001;
}
#wrapper .btnpnl .pnlbutton {
  background-color: #fff;
  height: 44px;
  width: 150px;
  display: -webkit-box;
  display: flex;
  font-size: 20px;
  -webkit-box-align: center;
  align-items: center;
  border: 0;
  text-decoration: none;
  color: #1c1c1c;
}
#a .hero-text,
#a .hero-text-a {
  font-weight: 300;
  font-size: 48px;
}
#b #target1,
#f .trow {
  -webkit-box-align: center;
}
#wrapper .btnpnl .pnlbutton .ctext {
  padding-top: 3px;
}
#wrapper .btnpnl .pnlbutton svg {
  margin-left: 7px;
  margin-right: 4px;
}
#a .hero-logo {
  width: 312px;
  height: auto;
}
#a .hero-text-a {
  font-family: Agrandir-Medium;
  color: #fff;
  line-height: 54px;
}
#a .hero-text {
  font-family: Agrandir-Light;
  color: #fff;
}
#a .browse-down {
  margin: 50px 0 16px;
  text-align: center;
  color: #fff;
  font-family: HelveticaLight;
  font-size: 14px;
  letter-spacing: -0.07px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: 0;
}
#b .hero-text,
#b .hero-text-a {
  font-weight: 300;
  font-size: 48px;
  color: #fff;
  line-height: 54px;
}
#b .pnl,
#c .pnl {
  position: absolute;
  bottom: 10%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: left;
}
#b {
  background: #f3f4f4;
}
#b .b-video {
  width: 100%;
  height: auto;
  padding-top: 15px;
}
#b .pnl {
  padding: 0 76px;
}
#b .pnlcont {
  text-align: left;
}
#b .hero-text-a {
  font-family: Agrandir-Medium;
}
#b .hero-text {
  font-family: Agrandir-Light;
}
#b #target1 {
  height: 44px;
  text-transform: uppercase;
  min-width: 81px;
  cursor: pointer;
  font-size: 14px;
  outline: 0;
  padding: 0 20px;
  border: none;
  display: -webkit-inline-box;
  display: inline-flex;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
  color: #1c1c1c;
  border-radius: unset;
}
#c .hero-text,
#c .hero-text-b,
#d .hero-text,
#d .hero-text-a {
  font-weight: 300;
  font-size: 48px;
  line-height: 54px;
  color: #fff;
}
#b #mcontent1 {
  -webkit-transform: translate(-95%, 30%);
  transform: translate(-95%, 30%);
}
#c {
  background: #f3f4f4;
}
#c .pnl {
  padding: 0 76px;
}
#c .c-video,
#d .d-video {
  width: 100%;
  padding-top: 15px;
  height: auto;
}
#c .pnlcont {
  text-align: left;
}
#c .hero-text-b {
  font-family: Agrandir-Medium;
}
#c .hero-text {
  font-family: Agrandir-Light;
}
#d {
  background: #f3f4f4;
  position: relative;
}
#d #vidtext,
#d .pnl,
#d .vid-skip,
#d .vid-skip .rubynew,
#e .pnl {
  position: absolute;
}
#d .pnl {
  text-align: left;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 50px;
  top: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#d .hero-text-a {
  font-family: Agrandir-Medium;
}
#d .hero-text {
  font-family: Agrandir-Light;
}
#d #vidtext {
  bottom: 6%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 22px;
  font-family: Agrandir-Medium;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 28px;
}
#d .vid-skip,
#g #vidtext {
  -webkit-transform: translateX(-50%);
}
#d .vid-skip,
#g .vid-skip {
  font-size: 12px;
  background-color: #fff;
  grid-gap: 8px;
}
#d .vid-skip {
  bottom: 12%;
  line-height: normal;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  display: -webkit-box;
  display: flex;
  gap: 8px;
  padding: 16px;
}
#d .vid-skip img {
  cursor: pointer;
  width: 32px;
  height: auto;
  opacity: 0.3;
}
#d .vid-skip .rubynew {
  top: -5px;
  right: -10px;
  color: #fff;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ffb755),
      color-stop(39%, #f77886),
      to(#45c6fc)
    )
    no-repeat padding-box;
  background: linear-gradient(90deg, #ffb755, #f77886 39%, #45c6fc) no-repeat
    padding-box;
  padding: 2px 4px 0;
  font-family: Helvetica;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: -0.05px;
}
#e,
#f {
  background: #f3f4f4;
}
#e .hero-text,
#e .hero-text-b {
  font-weight: 300;
  color: #fff;
  line-height: 54px;
  font-size: 48px;
}
#e .e-video {
  width: 100%;
  height: auto;
  padding-top: 15px;
}
#e .pnl {
  text-align: left;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 76px;
  bottom: 10%;
}
#e .hero-text-b {
  font-family: Agrandir-Medium;
}
#e .hero-text,
#f .secrow {
  font-family: Agrandir-Light;
}
#f {
  padding: 50px 0;
  overflow: hidden !important;
}
#f .e-video {
  width: 100%;
  height: auto;
  padding-top: 15px;
}
#f .carouselContainer {
  height: 200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-24%);
  transform: translateX(-24%);
}
#f .carouselContainer svg {
  stroke-width: 1px;
  width: 20px;
}
#f .carouselContainer .left-arrow-svg {
  position: absolute;
  bottom: 0;
  left: 48%;
}
#f .carouselContainer .ProfilePic {
  position: absolute;
  -webkit-transform: translateX(-192px);
  transform: translateX(-192px);
  width: 176px;
  height: 212px;
  margin-right: 16px;
}
#f .carouselContainer .testimonyCarousel div {
  -webkit-transition: opacity 0.1s ease-in-out 0.1s;
  transition: opacity 0.1s ease-in-out 0.1s;
}
#f .carouselContainer .testimonyCarousel ul {
  width: auto;
  left: 280px;
  text-align: left;
}
#f .banner-main .banner-container {
  background-color: #fff;
  border-radius: 16px;
  padding: 55px 44px;
  width: 608px;
  height: 212px;
  margin-right: 16px;
  line-height: 28px;
  margin-bottom: 8px;
  -webkit-transition: opacity 0.1s ease-in-out 0.1s;
  transition: opacity 0.1s ease-in-out 0.1s;
}
#f .banner-main .banner-quote {
  font-family: Times New Roman, Times, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  margin: 0;
}
#f .banner-main .banner-text {
  font-family: Helvetica;
  font-size: 16px;
  width: 518px;
  min-height: 51px;
  margin: 0;
}
#f .banner-main .banner-textbold {
  font-family: HelveticaBold;
  font-size: 16px;
  width: 100%;
  text-align: right;
  margin: 0;
}
#f .secrow {
  font-size: 48px;
  text-align: center;
  width: 100%;
  margin-bottom: 49px;
}
#f .secrow span,
#f .tleft {
  font-family: Agrandir-Medium;
  font-weight: 700;
}
#f .tright,
#g {
  text-align: left;
}
#f .secrow .break {
  display: none;
}
#f .trow {
  display: -webkit-box;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
#f .tleft {
  font-size: 68px;
  margin-right: 15px;
  color: #6f203d;
}
#f .tright {
  font-family: HelveticaBold;
  font-size: 20px;
  width: 468px;
}
#g {
  background: #f3f4f4;
  position: relative;
  font-size: 10px;
  line-height: 2;
  margin: auto;
  overflow: hidden;
}
#g #vidtext {
  position: absolute;
  bottom: 22%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 22px;
  font-family: Agrandir;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 28px;
}
#g .vid-skip {
  position: absolute;
  bottom: 26%;
  line-height: normal;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 15px;
  display: -webkit-box;
  display: flex;
  gap: 8px;
  padding: 16px;
}
#g .vid-skip img {
  cursor: pointer;
  width: 32px;
  height: auto;
  opacity: 0.3;
}
#g .vid-skip .rubynew {
  position: absolute;
  top: -5px;
  right: -10px;
  color: #fff;
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ffb755),
      color-stop(39%, #f77886),
      to(#45c6fc)
    )
    no-repeat padding-box;
  background: linear-gradient(90deg, #ffb755, #f77886 39%, #45c6fc) no-repeat
    padding-box;
  padding: 2px 4px 0;
  font-family: Helvetica;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: -0.05px;
}
#h {
  background: #f3f4f4;
  position: relative;
}
#h .footergens {
  height: 24%;
}
.modal-backdrop {
  z-index: unset !important;
}
@media (max-width: 767.98px) {
  #wrapper .btnpnl {
    right: 5%;
  }
  #b .b-video,
  #c .c-video {
    left: 50%;
    width: auto;
    height: 100%;
  }
  #a .pnl {
    padding: 0 25px;
    bottom: 16%;
  }
  #a .hero-text,
  #a .hero-text-a {
    font-size: 40px;
    line-height: 45px;
  }
  #b .hero-text,
  #b .hero-text-a,
  #c .hero-text,
  #c .hero-text-b,
  #d .hero-text,
  #d .hero-text-a,
  #e .hero-text,
  #e .hero-text-b {
    line-height: 30px;
    font-size: 28px;
  }
  #b .mobpanel {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  #b .b-video {
    padding-top: 40px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #c .c-video,
  #d .d-video {
    -webkit-transform: translateX(-50%);
  }
  #b .pnl {
    padding: 40px 25px;
    bottom: unset;
    top: 5%;
  }
  #c .mobpanel {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  #c .c-video {
    padding-top: 40px;
    position: absolute;
    transform: translateX(-50%);
  }
  #c .pnl,
  #d .pnl {
    padding: 40px 25px;
    width: 100%;
    bottom: unset;
  }
  #c .pnl {
    top: 5%;
  }
  #d .mobpanel {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  #d .pnl {
    top: 10%;
    left: 53%;
  }
  #d .d-video,
  #e .e-video {
    padding-top: 40px;
    left: 50%;
    width: auto;
    height: 100%;
  }
  #d .d-video {
    position: absolute;
    transform: translateX(-50%);
  }
  #e .mobpanel {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  #e .e-video {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #e .pnl {
    padding: 40px 25px;
    bottom: unset;
    top: 5%;
    width: 100%;
  }
  #f {
    height: 100%;
    padding: 40px 0;
  }
  #f .carouselContainer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: unset;
    position: unset;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
  }
  #f .carouselContainer .ProfilePic {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
    width: 176px;
    height: 212px;
    margin: auto;
  }
  #f .carouselContainer .slick-track {
    left: 6%;
  }
  #f .carouselContainer .slick-track .banner-container {
    width: 380px;
  }
  #f .carouselContainer .slick-track .banner-container .banner-text {
    width: 100%;
  }
  #f .carouselContainer .right-arrow-svg {
    margin-left: 50px;
  }
  #f .secrow {
    font-size: 28px;
  }
  #f .secrow .break {
    display: block;
  }
  #f .trow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
  }
  #f .tleft {
    font-size: 28px;
    margin-right: 15px;
  }
  #f .tright {
    font-size: 20px;
    text-align: center;
    width: 80%;
  }
  #h .footergens {
    height: 47%;
  }
  #h .fotgens {
    text-align: left;
  }
  #h .fotlogo {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 48px;
  }
}