@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Medium.woff2") format("woff2"),
    url("GeistMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Light.woff2") format("woff2"),
    url("GeistMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-ExtraLight.woff2") format("woff2"),
    url("GeistMono-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Bold.woff2") format("woff2"),
    url("GeistMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-ExtraLight.woff2") format("woff2"),
    url("Geist-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-Medium.woff2") format("woff2"),
    url("Geist-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-Light.woff2") format("woff2"),
    url("Geist-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-Bold.woff2") format("woff2"),
    url("Geist-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Small phone Orientation portrait */
@media screen and (min-device-width: 200px)  and (orientation: portrait) {
  #full_body_flex {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
    width: 100vw;
    height: 100vh;
    /*box-sizing: border-box;*/
    position: static;
    background-color: transparent;
    border: none;
    visibility: visible;
    z-index: 1;
    gap: 0px;
    overflow-y: visible;
    overflow-x: hidden;
    container-type: size;
  }

  #full_body_flex > #ID_headr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 7cqw;
    padding-right: 7cqw;
    width: 100cqw;
    height: 8cqh;
    /*box-sizing: border-box;*/
    overflow:visible;
    position: relative;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: none;
  }

  #full_body_flex > #ID_headr > #ID_logo_contnr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px 4cqw;
    padding: 0px;
    width: auto;
    height: auto;
    position: static;
    background-color: transparent;
    border: none;
  }
  .logohorizontal {
    display: none;
  }
  .dropdownButtonHorizontal {
    display: none;
  }
  .navdrophorizontal {
    display: none;
  }

  .poprow {
    display: none;
  }

  .mainRowhorizontal {
    display: none;
  }
  .headrcontainerhorizontal {
    display: none;
  }
  .logcontnrhorizontal {
    display: none;
  }
  .remaindernavwidth {
    display: none;
  }

  #full_body_flex > #ID_headr > #ID_logo_contnr > #ID_logo {
    display: block;
    width: auto;
    height: 6cqh;
    align-self: baseline;
    margin: 0px;
    padding: 0px;
    /*box-sizing: border-box;*/
    position: static;
    background-color: transparent;
    border: none;
  }

  #full_body_flex > #ID_headr > #remainder_of_nav_width_cont {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
    width: 75cqw;
    height: 8cqh;
    position: static;
  }

  #full_body_flex > #ID_headr > #remainder_of_nav_width_cont > #ID_hamButton {
    width: auto;
    height: auto;
    color: transparent;
    background-color: transparent;
    border: none;
  }

  #full_body_flex
    > #ID_headr
    > #remainder_of_nav_width_cont
    > #ID_hamButton
    > #theham {
    width: 3cqh;
    height: 3cqh;
    margin: 0px;
    padding: 0px;
    /*box-sizing: border-box;*/
    position: static;
    background-color: transparent;
    border: none;
  }

  #full_body_flex > #ID_dropdwn_contnr {
    visibility: hidden;
    position: absolute;
    top: -10cqh;
    transition: top 1000ms cubic-bezier(0.39, 0, 0.58, 1) 250ms;
  }

  #full_body_flex > #ID_dropdwn_contnr.noshow {
    visibility: hidden;
    position: absolute;
    display: none;
    top: 0cqh;
    transition: top 1000ms cubic-bezier(0.39, 0, 0.58, 1) 250ms;
  }

  #full_body_flex > #ID_dropdwn_contnr.show {
    visibility: visible;
    display: flex;
    transition: top 1000ms cubic-bezier(0.39, 0, 0.58, 1) 250ms;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100cqw;
    height: auto;
    position: absolute;
    top: 9cqh;
    right: 0;
    color: transparent;
    z-index: 2;
    border-style: none solid solid solid;
    border-width: 0px 2px 2px 2px;
    border-radius: 0px 0px 9px 9px;
    border-color: #ffffff #f6f6f6 #f6f6f6 #f6f6f6;
    background-color: #ffffff;
    padding: 0px 0px 5cqh 0px;
  }
  .show .dropdown_button {
    box-sizing: content-box;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 95cqw;
    height: 2cqh;
    margin: 0px;
    padding-top: 5cqh;
    padding-bottom: 5cqh;
    padding-left: 4cqw;
    padding-right: 0cqw;
    cursor: auto;
    border-style: none none solid none;
    border-bottom-color: #f6f6f6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #ffffff;
    background-color: #ffffff;
  }

  .label_left {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
    position: static;
    font-family: "Geist Mono";
    font-weight: 500;
    font-style: normal;
    font-size: 5cqw;
    letter-spacing: 0.357cqw;
    color: #2c2d2d;
    z-index: 2;
  }
  .chevron {
    display: inline-flex;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 3cqw;
    height: 3cqh;
    max-height: 100%;
    max-width: 100%;
    transform: rotate(-90deg);
    z-index: 2;
  }
  .show #book_button_container {
    width: 95cqw;
    height: auto;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 5cqh 0px 0px 0px;
  }

  .show #book_button_container #book_buttonnav {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 80cqw;
    height: 6cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }
  .show #book_button_container #book_buttonnav #book_nav_text {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
  }

  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr {
    visibility: hidden;
    top: 9cqh;
    display: none;
    margin: -9cqh;
  }

  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr.showNavList {
    visibility: visible;
    display: flex;
    position: static;
    width: 100cqw;
    height: auto;
    margin: 0px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
    background-color: #ffffff;
  }
  #full_body_flex
    > #ID_dropdwn_contnr.show
    > #ID_navList_contnr.showNavList
    > .LABEL {
    display: flex;
    margin-left: 7cqw;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3cqh;
    padding-bottom: 3cqh;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: auto;
    height: auto;
    width: auto;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 3.5cqw;
    color: #2c2d2d;
    letter-spacing: 0.1071cqw;
    z-index: 2;
  }
  /* first nav list ID */
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > .SUBITEMBUTTON {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding-left: 6.5cqw;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10cqh;
    width: 100cqw;
    height: 12.5cqw;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
    overflow: visible;
  }
  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop {
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0.714cqw 0.714cqw 3.57cqw #4660f9);
    position: absolute;
    border: none;
    padding: 1cqw 1cqw 1cqw 1cqw;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 9;
    box-sizing: border-box;
    border-radius: 3.213cqw;
    /* added monday 6 2025 just for popperjs 
    top: 0;
    left: 0;
  }*/

  /*copied from productpop id above once form is removed i can comment out productpop styles*/
  .thepopoverclass {
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(2px 2px 10px #4660f9);
    /* changed position from absolute to relative to make popover work without popper
    if need to use popper change back to absolute */
    position: relative;
    border: none;
    padding: 1cqw 1cqw 1cqw 1cqw;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 9;
    box-sizing: border-box;
    border-radius: 3.213cqw;
    /* added monday 6 2025 just for popperjs */
    top: 0;
    left: 0;
  }

  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #productText {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
  }*/

  /*copied from above #producttext*/
  .thepopovertextclass {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
  }

  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #popCancContainer {
    height: auto;
    width: auto;
    background-color: transparent;
    border: none;
  }*/

  /*copied from above popcanccontainer*/
  .thepopovercancelbuttonclass {
    height: auto;
    width: auto;
    background-color: #ffffff;
    border: none;
    box-shadow: 0 0.4cqw #9B9B9B;
  }
  .thepopovercancelbuttonclass:hover {
    background-color: #dddddd;
  }
  .thepopovercancelbuttonclass:active {
    box-shadow: 0 0.2cqw #6e6e6e;
  }

  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #popCancContainer
    > #productPopCancel {
    height: 3.5cqw;
    width: 3.5cqw;
  }*/

  /*copied from above productpopcancel*/
  .popoverimgclass {
    height: 3.5cqw;
    width: 3.5cqw;
  }

  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #showFormPop {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 40cqw;
    height: 5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }*/

  /*copied from showformpop above*/
  .showformpopclass {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 40cqw;
    height: 5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }
  /*copied from showformpop:hover above*/
  .showformpopclass:hover {
    background-color: #fceea2;
  }
  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #showFormPop:hover {
    background-color: #fceea2;
  }*/

  /*#full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #productPop
    > #showFormPop
    > #showFormPopTEXT {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
  }*/

  /*copied from above showformpoptext*/
  .showformpoptextclass {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
  }
  .popUnderline {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #2c2d2d;
    text-decoration-style: solid;
    text-decoration-thickness: 0.357cqw;
  }
  /* onboard form */
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM {
    height: 88cqh;
    width: 90cqw;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    border-style: solid;
    border-width: 0.714cqw 0.714cqw 0.714cqw 0.714cqw;
    border-radius: 3.213cqw 3.213cqw 3.213cqw 3.213cqw;
    border-color: #4660f9;
    padding: 1cqw 1cqw 1cqw 1cqw;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 14;
    box-sizing: border-box;
    border-radius: 3.213cqw;
  }

  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM::backdrop {
    background-color: #2c2d2d;
    opacity: 50%;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX {
    height: 100%;
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formLOGO {
    width: auto;
    height: 5cqh;
    max-width: 100%;
    max-height: 100%;
    align-self: flex-start;
    margin: 3cqw 0px 0px 3cqw;
    padding: 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formText {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 15cqw 0px 0px 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer {
    height: auto;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    display: flex;
    margin: 3cqw 0px 9cqw 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #actualform {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    scroll-snap-type: x mandatory;
    scroll-padding: 0;
    flex-wrap: wrap;
    overflow: scroll;
    anchor-name: --my-carausel;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #actualform::scroll-button(left) {
      content: "Back";
      position-anchor: --my-carausel;
      display: flex;
      /* overriding flex-direction-row with the position, bottom, and left properties */
      position: absolute;
      bottom: 0;
      left: 0;
      width: 25cqw;
      height: 5cqh;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      padding: 1.5cqw 0px 1.5cqw 0px;
      background-color: #fbe574;
      border-style: none none none none;
      border-radius: 2cqw 2cqw 2cqw 2cqw;
      font-family: "Geist Mono";
      font-weight: 700;
      font-style: normal;
      font-size: 4cqw;
      letter-spacing: 0.357cqw;
      color: #4660f9;
      margin: 0px 0px 0px 0px;
    }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #actualform::scroll-button(right){
      content: "Next";
      position-anchor: --my-carausel;
      display: flex;
      width: 25cqw;
      height: 5cqh;
      flex-direction: row;
      /* overriding flex-direction-row with the position, bottom, and left properties */
      position: absolute;
      bottom: 0;
      right: 0;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      padding: 1.5cqw 0px 1.5cqw 0px;
      background-color: #fbe574;
      border-style: none none none none;
      border-radius: 2cqw 2cqw 2cqw 2cqw;
      font-family: "Geist Mono";
      font-weight: 700;
      font-style: normal;
      font-size: 4cqw;
      letter-spacing: 0.357cqw;
      color: #4660f9;
      margin: 0px 0px 0px 0px;
    }  
  .formdiv {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    scroll-snap-align: center;
    scroll-margin: 0;
    scroll-snap-stop: normal;
    margin: 0px 7.14cqw 0px 7.14cqw;
  }
  .formdiv22 {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    scroll-snap-align: center;
    scroll-margin: 0;
    scroll-snap-stop: normal;
    margin: 0px 7.14cqw 0px 7.14cqw;    
  }
  /* copied from formdiv22 */
  .formdivconfirm {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    scroll-snap-align: center;
    scroll-margin: 0;
    scroll-snap-stop: normal;
    margin: 0px 7.14cqw 0px 7.14cqw;
  }
  .formdivconfirmopaque {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    scroll-snap-align: center;
    scroll-margin: 0;
    scroll-snap-stop: normal;
    margin: 0px 7.14cqw 0px 7.14cqw;
    opacity: 0.23;
  }
  .formlabels {
    font-family: "Geist";
    font-weight: bold;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 6cqw 0px 0px 0px;
  }
  .formlabelsubtext {
    font-family: "Geist";
    font-weight: 200;
    font-size: 2cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    display: flex;
  }
  .calendarinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    color: transparent;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 1cqw 0px 0px 0px;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    width: 1px;
    outline: none;
    height: 1px;
  }
  .calendarinput:active {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    border-radius: 1cqw;
    outline: none;
  }
  .calendarinput:focus {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
  }
  .calendarinput:is(input):open {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
    background-color: #fbea8b;
  }
  /* toggle calendarinput and calendarinputopaque */
  .calendarinputopaque {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    color: transparent;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    width: 1px;
    outline: none;
    height: 1px;
    opacity: 0;
  }
  .showcalendarbutton {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 14.5cqw;
    height: 3cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #e8ebfe;
    border-style: none;
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 0px 0px 0px;
  }
  /* toggle showcalendarbutton and showcalendarbuttonopaque */
  .showcalendarbuttonopaque {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 14.5cqw;
    height: 3cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #e8ebfe;
    border-style: none;
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 0px 0px 0px;
    opacity: 0.23;
  }
  .zonecontroller {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 13cqw;
    height: 3cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #e8ebfe;
    border-style: none;
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 4.284cqw 0px 0px;
  }
  .fourzonelabel {
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    text-align: center;
  }
  .fourzonelabelopaque {
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    text-align: center;
    opacity: 0.23;
  }
  .pickzonebutton {
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 2.5cqw;
    height: 2.5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #ffffff;
    margin: 0px 1.5cqw 0px 0px;
    opacity: 1;
  }
  .pickzonebuttonopaque {
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 2.5cqw;
    height: 2.5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #ffffff;
    margin: 0px 1.5cqw 0px 0px;
    opacity: 0.23;
  }
  .zoneborder {
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    border-color: #fbe574;
    border-radius: 2.142cqw;
    display: flex;
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .zoneborderopaque {
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    border-color: #fbe574;
    border-radius: 2.142cqw;
    display: flex;
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    opacity: 0.23;
  }
  .smallwords {
    font-family: "Geist";
    font-weight: 500;
    font-style: normal;
    font-size: .7cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 0px 0px 0px;
  }
  .calendarbuttontext {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 0px 0px 0px;
  }
  .inputstyleopaque {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.257cqw 0.257cqw 0.257cqw 0.257cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
    opacity: 0.23;
  }
  .inputstyle {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.257cqw 0.257cqw 0.257cqw 0.257cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
  }
  .selectoptionclass2 {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
  }
  .selectoptionclass {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
  }
  .selectoptionclass:active {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
  }
  .selectoptionclass:checked {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 32cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: capitalize;
    display: flex;
    height: 5cqw;
    outline: none;
  }
  .selectoptionclassredline {
    text-decoration-line: line-through;
    text-decoration-color: red;
    text-decoration-thickness: .50cqw;
    width: 100%;
  }
  .inputstyle:active {
    border-width: 1cqw 1cqw 1cqw 1cqw;
    border-color: #fbea8b;
    border-radius: 1cqw;
    outline: none;
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
  }
  .inputstyle:focus {
    border-width: 1cqw 1cqw 1cqw 1cqw;
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
  }
  .inputstyleTY {
    background-color: #fbe574;
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    appearance: none;
  }
  .inputstyleAM {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 1cqw 0px 0px 0px;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: uppercase;
  }
  .namelabel44 {
    font-family: "Geist";
    font-weight: bold;
    font-size: 6.6cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4271cqw;
    text-decoration: none;
    text-align: center;
    margin: 0cqw 0px 0px 0cqw;
    padding: 0px 0px 0px 0cqw;
    display: flex;
    align-self: center;
    width: auto;
    height: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .namelabel44opaque {
    font-family: "Geist";
    font-weight: bold;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 6cqw 0px 0px 0px;
    display: flex;
    opacity: 0.23;
  }
  .namelabelconfirm {
    font-family: "Geist";
    font-weight: bold;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 0cqw 0px 0px 0px;
    display: flex;
  }
  .namelabel {
    font-family: "Geist";
    font-weight: bold;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 6cqw 0px 0px 0px;
    display: flex;
  }
  /* toggle namelabel and namelabelopaque */
  .namelabelopaque {
    font-family: "Geist";
    font-weight: bold;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 6cqw 0px 0px 0px;
    display: flex;
    opacity: 0.23;
  }
  .phoneinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 7cqw;
    border-color: #4660f9;
    border-style: none  none solid solid;
    border-width: 0px 0px 0.257cqw 0.257cqw;
    text-transform: capitalize;
    display: flex;
    height: 3.5cqw;
    outline: none;
  }
  .phonefieldset {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    width: 7cqw;
    border: none;
    margin: 0px;
  }
  .name1stpageinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    border-color: #4660f9;
    border-style: none  none solid solid;
    border-width: 0px 0px 0.257cqw 0.257cqw;
    text-transform: capitalize;
    display: flex;
    justify-content: flex-start;
    height: 3.5cqw;
    outline: none;
  }
  .name1stpageinput:active {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    border-radius: 1cqw;
    outline: none;
  }
  .name1stpageinput:focus {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
  }
  .confirmationdisplaytext {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    display: flex;
    height: 3.5cqw;
    outline: none;
  }
  .passwordinput2 {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    border-style: none;
    text-transform: none;
    display: flex;
    height: 3.5cqw;
    outline: none;
  }
  .passwordinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    border-color: #4660f9;
    border-style: none  none solid solid;
    border-width: 0px 0px 0.257cqw 0.257cqw;
    text-transform: none;
    display: flex;
    height: 3.5cqw;
    outline: none;
  }
  .passwordinput:active {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    border-radius: 1cqw;
    outline: none;
  }
  .passwordinput:focus {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
  }
  .nameinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    border-color: #4660f9;
    border-style: solid;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    text-transform: capitalize;
    display: flex;
    height: 3.5cqw;
    outline: none;
  }
  .nameinput:active {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    border-radius: 1cqw;
    outline: none;
    /* copied from nameinput styles below here */
  }
  .nameinput:focus {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
    /* copied from nameinput styles below here */
  }
  .datetimeconfirm {
    font-family: "Geist";
    font-weight: 200;
    font-size: 2.5cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 0cqw 0px 0px 0px;
    text-transform: none;
    display: flex;
  }
  .emailconfirm {
    font-family: "Geist";
    font-weight: 200;
    font-size: 2.5cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    text-transform: none;
    display: flex;
  }
  .emailinput {
    font-family: "Geist";
    font-weight: 200;
    font-size: 2.5cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 1cqw 0px 0px 0px;
    width: 30cqw;
    border-color: transparent transparent #4660f9 #4660f9;
    border-style: none none solid solid;
    border-width: 0px 0px 0.257cqw 0.257cqw;
    text-transform: none;
    display: flex;
    height: 3.5cqw;
    outline: none;
    background-color: #ffffff;
  }
  .emailinput:active {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
    background-color: #ffffff;
    /* copied from nameinput styles below here */
  }
  .emailinput:focus {
    filter: drop-shadow(0.7cqw 0.7cqw 0.7cqw #fbea8b);
    border-color: #fbea8b;
    outline: none;
    border-radius: 1cqw;
    background-color: #ffffff;
    /* copied from nameinput styles below here */
  }
  .emailinput:is(:autofill) {
    background-color: #ffffff;
  }
  .formnavcontainer {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 6cqw 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .formnavbuttonclass {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    width: 25cqw;
    height: 5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #fbea8b;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }
  .formnavbuttonclass:hover {
    background-color: #fbea8b;
  }
  .formnavresetcontainer {
    flex-direction: column;
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: auto;
  }
  .formnavresetbutton {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 2.5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: transparent;
    border-color: red;
    border-width: .257cqw;
    border-style: solid;
    margin: 0px;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 2.8cqw;
    letter-spacing: 0.357cqw;
    color: red;
    margin: 0px 0px 0px 0px;
    text-decoration-thickness: 0.357cqw;
    text-decoration-color: red;
    text-transform: uppercase;
  }
  .formnavresettext {
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 2.8cqw;
    letter-spacing: 0.357cqw;
    color: red;
    margin: 0px 0px 0px 0px;
    text-decoration-thickness: 0.357cqw;
    text-decoration-color: red;
    text-transform: uppercase;
  }
  .formnavleftbuttonclass {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    width: 25cqw;
    height: 5cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }
  .formnavleftbuttonclass:hover {
    background-color: #fceea2;
  }
  .formnavtext {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 0px 0px 0px 0px;
  }
  .formnavarrowright {
    margin: 0px 0px 0px 4cqw;
    padding: 0px 0px 0px 0px;
    width: 3cqw;
    height: 3cqh;
    max-height: 100%;
    max-width: 100%;
    display: inline-flex;
  }
  .formnavarrowleft {
    margin: 0px 4cqw 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 3cqw;
    height: 3cqh;
    max-height: 100%;
    max-width: 100%;
    display: inline-flex;
  }
  .formnavcancelbutton {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    width: 25cqw;
    height: 2cqh;
    padding: 1.5cqw 0px 1.5cqw 0px;
    background-color: transparent;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    margin: 0px;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 2.8cqw;
    letter-spacing: 0.357cqw;
    color: red;
    margin: 0px 0px 0px 0px;
    text-decoration: underline;
    text-decoration-thickness: 0.357cqw;
    text-decoration-color: red;
  }
  .formnavcanceltext {
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 2.8cqw;
    letter-spacing: 0.357cqw;
    color: red;
    margin: 0px 0px 0px 0px;
    text-decoration: underline;
    text-decoration-thickness: 0.357cqw;
    text-decoration-color: red;
  }
  .datedisplay {
    font-family: "Geist";
    font-weight: bold;
    font-size: 4cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 6cqw 0px 6cqw 0px;
    display: flex;
  }
  .thespandatedisplay {
    font-weight: bold;
    font-size: 4cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    display: flex;    
  }
  /* 2nd slide of the real form */
  .containerfortwoboxes {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 7cqw;
  }
  .containerfortwoboxes22 {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 3.5cqw 0px 12cqw;
  }
  .containerfortwoboxes33 {
    height: 7.5cqh;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 3.5cqw 0px 12cqw;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    border-color: #4660f9;
  }
  .containerforboxesconfirmation {
    height: 25cqh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 3.5cqw 0px 12cqw;
    flex-wrap: nowrap;
    align-content: flex-start;
    margin-bottom: 0px;
  }
  .confirm2boxescontainer {
    height: 25cqh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 3.5cqw 0px 0cqw;
    flex-wrap: nowrap;
    align-content: flex-start;
  }
  .containerforzones {
    height: auto;
    width: auto;
    display: flex;
    visibility: hidden;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 0px 0px;
  }
  .box1and2 {
    height: 30cqh;
    width: 50%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1cqw;
    appearance: none;
    display: flex;
    z-index: 14;
  }
  .box1and2opaque {
    height: 30cqh;
    width: 50%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1cqw;
    appearance: none;
    display: flex;
    z-index: 14;
    opacity: 0.23;
  }
  .timefieldsetcontainerclasshidden {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    border-color: #4660f9;
    visibility: hidden;
  }
  .timefieldsetcontainerclass {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    border-width: 0.357cqw 0.357cqw 0.357cqw 0.357cqw;
    border-color: #4660f9;
  }
  .elevencontainerclassfade {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 2cqw 0px 2cqw 0px;
    opacity: 0.23;
  }
  .elevencontainerclasshide {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 2cqw 0px 2cqw 0px;
    visibility: hidden;
  }
  .elevencontainerclass {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 2cqw 0px 2cqw 0px;
  }
  .firstbutton {
    height: auto;
    width: auto;
    flex-direction: row;
  }
  .yourmeeting {
    font-family: "Geist";
    font-weight: 200;
    font-size: 3.3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    display: flex;
    visibility: visible;
  }
  .meetattention {
    font-family: "Geist";
    font-weight: 500;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: left;
    display: flex;
    margin: 0px 0px 2cqw 0px;
    align-self: flex-start;
  }
  .submitbuttonclass {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 80cqw;
    height: 5cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #baf946;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
  }

  /* used these for the font in submitbuttonclass right above */
  .submitbuttonclasstext{
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps1 {
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 0px 1.5cqw 0px 1.5cqw;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps1
    > #onboardicon {
    width: 10cqw;
    height: 10cqw;
    margin: 0px 0px 0px 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps1
    > #onboardtext {
    height: auto;
    font-family: "Geist";
    font-weight: 300;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 3cqw 0px 0px 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps2 {
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps2
    > #onboardicon2 {
    width: 10cqw;
    height: 10cqw;
    margin: 0px 0px 0px 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps2
    > #onboardtext2 {
    visibility: hidden;
    height: auto;
    font-family: "Geist";
    font-weight: 300;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 3cqw 0px 0px 0px;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    > #onBoardFORM
    > #firstslideBOX
    > #formPhaseContainer
    > #onboardsteps3 {
    height: auto;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: visible;
  }
  .submit33 {
    height: auto;
    font-family: "Geist";
    font-weight: 300;
    font-size: 3.3cqw;
    font-style: normal;
    color: #4660f9;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 0px 0px 0px 0px;
    display: flex;
    visibility: visible;
  }
  .submit33opaque {
    height: auto;
    font-family: "Geist";
    font-weight: 300;
    font-size: 3.3cqw;
    font-style: normal;
    color: #6671b7;
    letter-spacing: 0.4071cqw;
    text-decoration: none;
    text-align: center;
    margin: 0px 0px 0px 0px;
    opacity: 0.48;
    display: flex;
    visibility: visible;
  }
  /* onboard form END */

  /* styled second nav list ID */
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr2 {
    visibility: hidden;
    top: 9cqh;
    display: none;
    margin: -9cqh;
  }
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr2.showNavList {
    visibility: visible;
    display: flex;
    position: static;
    width: 100cqw;
    height: auto;
    margin: 0px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr.show
    > #ID_navList_contnr2.showNavList
    > .LABEL {
    display: flex;
    margin-left: 7cqw;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3cqh;
    padding-bottom: 3cqh;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: auto;
    height: auto;
    width: auto;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 3.5cqw;
    color: #2c2d2d;
    letter-spacing: 0.1071cqw;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr2.showNavList
    > .SUBITEMBUTTON {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding-left: 6.5cqw;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10cqh;
    width: 100cqw;
    height: 12.5cqw;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr2.showNavList
    .SUBITEMBUTTON
    .SUBITEMBUTTONtextbox {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
  }
  /* end of styled second nav list ID */
  /* styled THIRD nav list ID */
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr3 {
    visibility: hidden;
    top: 9cqh;
    display: none;
    margin: -9cqh;
  }
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr3.showNavList {
    visibility: visible;
    display: flex;
    position: static;
    width: 100cqw;
    height: auto;
    margin: 0px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr.show
    > #ID_navList_contnr3.showNavList
    > .LABEL {
    display: flex;
    margin-left: 7cqw;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3cqh;
    padding-bottom: 3cqh;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: auto;
    height: auto;
    width: auto;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 3.5cqw;
    color: #2c2d2d;
    letter-spacing: 0.3px;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr3.showNavList
    > .SUBITEMBUTTON {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding-left: 6.5cqw;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10cqh;
    width: 100cqw;
    height: 12.5cqw;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr3.showNavList
    .SUBITEMBUTTON
    .SUBITEMBUTTONtextbox {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
  }
  /* end of styled THIRD nav list ID */
  /* styled FOURTH nav list ID */
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr4 {
    visibility: hidden;
    top: 9cqh;
    display: none;
    margin: -9cqh;
  }
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr4.showNavList {
    visibility: visible;
    display: flex;
    position: static;
    width: 100cqw;
    height: auto;
    margin: 0px;
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr.show
    > #ID_navList_contnr4.showNavList
    > .LABEL {
    display: flex;
    margin-left: 7cqw;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3cqh;
    padding-bottom: 3cqh;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: auto;
    height: auto;
    width: auto;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 3.5cqw;
    color: #2c2d2d;
    letter-spacing: 0.1071cqw;
    z-index: 2;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr4.showNavList
    > .SUBITEMBUTTON {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding-left: 6.5cqw;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 10cqh;
    width: 100cqw;
    height: 12.5cqw;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
  }
  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr4.showNavList
    .SUBITEMBUTTON
    .SUBITEMBUTTONtextbox {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
  }
  /* end of styled FOURTH nav list ID */
  .SUBITEMBUTTONimg {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 6cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 7cqh;
    width: 7cqh;
    position: relative;
  }
  .aboutpagemobile {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 6cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 7cqh;
    width: 7cqh;
    position: relative;
    border-radius: 50%;
  }


  #full_body_flex
    > #ID_dropdwn_contnr
    > #ID_navList_contnr.showNavList
    .SUBITEMBUTTON
    .SUBITEMBUTTONtextbox {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
  }
  .SUBITEMBUTTONhead {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
    font-family: "Geist Mono";
    font-weight: 500;
    font-size: 3.5cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.1785cqw;
    text-decoration: none;
  }
  .SUBITEMBUTTONhead + .SUBITEMBUTTONsubhead {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
    font-family: "Geist Mono";
    font-weight: 200;
    font-size: 3cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.1071cqw;
    text-decoration: none;
  }
  .blog_logo {
    height: 2cqh;
    width: auto;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 1cqh 0px 0px 0px;
    position: static;
  }

  /* Started referencing actual Parent container using container: type.....all others prior are referencing Full Body Flex */

  .heading {
    font-family: "Geist Mono";
    font-weight: 700;
    font-size: 8cqw;
    font-style: normal;
    background: linear-gradient(-201deg, #7488FB 21%, #CBFB74 80%);
    letter-spacing: 0.1071cqw;
    text-decoration: none;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    margin: 20cqw 0px 0px 0px;
  }
  .subheading {
    font-family: "Geist Mono";
    font-weight: 300;
    font-size: 4.5cqw;
    font-style: normal;
    background: linear-gradient(197deg, #fbe574 21%, #8446F9 99%);
    letter-spacing: 0.1071cqw;
    text-decoration: none;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    margin: 4cqw 0px 0px 0px;
  }
  .heroexplorebutton {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 50cqw;
    height: 6cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #4660f9;
    margin: 4cqw 0px 0px 0px;
  }

  .heroexplorebutton:active {
    border-style: solid;
    border-color: #4660f9;
  }

  .navloginbuttoncontainer {
    width: 95cqw;
    height: auto;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 3cqh 0px 0px 0px;
  }

  .navloginbuttoncontainerlogout {
    width: 95cqw;
    height: 6cqh;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    background-color: transparent;
    margin: 5cqh 0px 0px 0px;
  }

  .navloginbutton {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 39cqw;
    height: 6cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #ffffff;
    border-color: #4660f9;
    border-width: 0.2cqw;
    border-style: solid;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
    margin-right: 0.5cqw;
  }
  .navloginbutton:active {
    border-style: solid;
    border: #fbe574;
  }

  .navloginbuttonright {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 39cqw;
    height: 6cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #4660f9;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
    margin-left: 0.5cqw;
  }
  .navloginbuttonright:active {
    border-style: solid;
    border: #fbe574;
  }
  .todashcontainer {
    width: 95cqw;
    height: auto;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 3cqh 0px 0px 0px;
  }
  .todashboardbutton {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 80cqw;
    height: 6cqh;
    padding: 1.4cqw 5cqw 1.4cqw 5cqw;
    background-color: #A374FB;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
    align-self: center;
  }
  .todashboardbutton:active {
    border-style: solid;
    border: #fbe574;
  }
  .dashbtnicon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0cqh 1.5cqw 0px 0px;
    padding: 0px;
    height: 5cqw;
    width: 5cqw;
  }

  .navloginbuttonlogout {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 27cqw;
    height: 4cqh;
    padding: 2.8cqw 2.5cqw 2.8cqw 2.5cqw;
    background-color: #ffffff;
    border-color: #4660f9;
    border-style: solid;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
  }
  .navloginbuttonlogout:active {
    border-style: solid;
    border-color: #fbe574;
  }

  .navloginbuttontext {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
  }

  .navloginbuttontextlogout {
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 2cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
  }

  .theheroimg {
    display: flex;
    height: auto/*84cqw*/;
    width: 100.463cqw;
    aspect-ratio: 92.463 / 69.972;
    margin-top: 6cqw;
    /*aspect-ratio: 3.1458 / 2.3854; from c4d cam*/
  }

  .blogimagemobile {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 7cqh;
    width: 12cqh;
    position: relative;
    border-radius: 50%;
  }



  /*.theheroimg {
    the original sizes for a slightly smaller pic
    display: flex;
    height: 69.972cqw;
    width: 92.463cqw;
    aspect-ratio: 92.463 / 69.972;
    margin-top: 10cqw;
    /*aspect-ratio: 3.1458 / 2.3854; from c4d cam
  }*/


}


/* Orientation LANDSCAPE */
@media screen and (orientation: landscape) {
  .abody {
    margin: 0 0 0 0;
  }

  /*from fullBodyFlex*/
  .abovefoldcontainerhorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    position: static;
    background-color: transparent;
    border: none;
    visibility: visible;
    z-index: 1;
    gap: 0px;
    overflow-y: visible;
    overflow-x: hidden;
    container-type: size;
  }

  /*from idheadr*/
  .headrcontainerhorizontal {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.45cqw;
    padding-right: 0.45cqw;
    width: 100cqw;
    height: 5cqw;
    background-color: #ffffff;
    box-shadow: none;
  }

  /*the log div*/
  .logcontnrhorizontal {
    display: none;
  }

  .logohorizontal {
    width: auto;
    height: 3cqw;
    margin: 0cqw 0px 0px 2cqw;
    padding: 0px;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: flex-start;
  }

  .remaindernavwidth {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0.3cqw 0px 0px 0px;
    padding: 0px;
    width: 100cqw;
    height: 5cqw;
  }
  .hamBtn {
    display: none;
  }

  .dropdowncontainer {
    display: none;
  }
  .dropdowncontainerhorizontal {
    display: none;
  }
  #full_body_flex > #ID_dropdwn_contnr.show {
    display: none;
  }
  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr {
    display: none;
  }

  #full_body_flex > #ID_dropdwn_contnr.show > #ID_navList_contnr.showNavList {
    display: none;
  }

  /*the nav bracket---putting inside header*/
  .navdrophorizontal {
    display: flex;
    flex-direction: row-reverse;
    width: 75cqw;
    margin-right: 8cqh;
    position: relative;
    z-index: 15;
  }

  /*from .show .dropdown_button and label_left*/
  .dropdownButtonHorizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 6.7cqw;
    height: 5cqw;
    margin: 8cqh 5.5cqh 8cqh 5.5cqh;
    padding-top: 0.5cqh;
    padding-bottom: 0.5cqh;
    padding-left: 0.4cqw;
    padding-right: 0cqw;
    cursor: auto;
    border-style: none;
    background-color: #ffffff;
    font-family: "Geist Mono";
    font-weight: 500;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.100cqw;
    color: #2c2d2d;
  }
  .dropdownButtonHorizontal:hover {
    color: #7488FB;
    cursor: pointer;
  }
  .dropdownButtonHorizontal:focus {
    color: #0025f7;
    background-color: #D1D7FE;
  }

  .dropdownButtonHorizontal2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 5cqw;
    height: 0.25cqh;
    margin: 8cqh 7cqh 8cqh 7cqh;
    padding-top: 0.5cqh;
    padding-bottom: 0.5cqh;
    padding-left: 0.4cqw;
    padding-right: 0cqw;
    cursor: auto;
    border-style: none;
    background-color: #ffffff;
    font-family: "Geist Mono";
    font-weight: 500;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.100cqw;
    color: #2c2d2d;
    anchor-name: --prod;
  }

  .popcol {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 20cqw;
    height: 11.1cqw;
    margin: 1cqw 6cqw 0px 0px;
  }
  .popcolright {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 20cqw;
    height: 11.1cqw;
  }

  .poprow {
    display: none;
    flex-direction: row;
    justify-content: center;
    height: 15.3cqw;
    width: 60cqw;
    overflow: hidden;
    border-style: solid solid solid solid;
    border-width: 0.1cqw 0.1cqw 0.1cqw 0.1cqw;
    border-radius: 0.9cqw;
    border-color: #7488FB;
    background-color: #ffffff;
    top: -23cqw;
  }

  .neonavcol {
    display: flex;
    flex-direction: column;
    width: 15cqw;
    height: 45cqw;
    z-index: 15;
    overflow: hidden;
    border: none
  }

  /*from dropdown container*/
  .ACTUALdropdownmenuhorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: center;
    width: 18cqw;
    height: 40cqh;
    color: #ffffff;
    border-style: none solid solid solid;
    border-width: 0px 2px 2px 2px;
    border-radius: 0px 0px 9px 9px;
    border-color: #ffffff #f6f6f6 #f6f6f6 #f6f6f6;
    background-color: #ffffff;
    padding: 10px 0px 0cqh 0px;
    overflow-x: hidden;
    margin: 0cqw 0px 0px 0cqw;
    position: absolute;
    z-index: 15;
  }

  .productLABEL {
    display: flex;
    align-self: flex-start;
    margin-left: 0.7cqw;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0.3cqh;
    padding-bottom: 0.3cqh;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: auto;
    height: auto;
    width: auto;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 1cqw;
    color: #2c2d2d;
    letter-spacing: 0.1071cqw;
    z-index: 15;
  }

  /*from SUBITEMBUTTON*/
  .ACTUALdropdownmenuButtonhorizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 1.3cqw 0px 1.3cqw 0px;
    padding-left: 0.65cqw;
    padding-right: 0px;
    padding-top: 3cqw;
    padding-bottom: 1cqh;
    width: 25cqw;
    height: 1.25cqw;
    text-decoration: none;
    background-color: #ffffff;
    border: none;
    overflow: visible;
    z-index: 15;
  }
  .ACTUALdropdownmenuButtonhorizontal {
    cursor: pointer;
  }
  .ACTUALdropdownmenuButtonhorizontal:focus {
    background-color: #D1D7FE;
  }

  /*from SUBITEMBUTTONimg*/
  .ACTUALdropdownmenuImghorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0.6cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 6cqh;
    width: 6cqh;
  }

  /*from SUBITEMBUTTONtextbox*/
  .ACTUALdropdownmenuTextboxhorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 21cqw
  }
  .ACTUALdropdownmenuTextboxhorizontal:hover {
    border-color: #D1D7FE;
    border-style: solid;
    border-width: 0.1cqw;
  }

  /*from SUBITEMBUTTONhead*/
  .ActualdropdownmenuTextHeadhorizontal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
    padding: 0px;
    font-family: "Geist Mono";
    font-weight: 500;
    font-size: 2cqh;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.100cqw;
    text-decoration: none;
  }
  .ActualdropdownmenuTextHeadhorizontal:hover {
    color: #7488FB;
  }

  /*from SUBITEMBUTTONSubhead*/
  .ActualdropdownmenuTextSubheadhorizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    position: static;
    font-family: "Geist Mono";
    font-weight: 200;
    font-size: 1.5cqh;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.085cqw;
    text-decoration: none;
  }

  .navloginbutton {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 5cqw;
    height: 1.5cqw;
    padding: 0.175cqw 0.3125cqw 0.175cqw 0.3125cqw;
    background-color: #4660f9;
    border-style: none none none none;
    border-radius: 0.35cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.0357cqw;
    color: #fbe574;
    /*to fix log btn*/
    margin: 4cqw 0px 7cqh 7cqh;
    align-self: center;
    cursor: pointer;
  }
  .navloginbutton:hover {
    border-style: solid;
    border-color: #fbe574;
  }
  .navloginbutton:active {
    border-style: solid;
    border: #fbe574;
  }

  .secondpophorizontal {
    display: none;
    height: 15cqw;
    width: 30cqw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0.2cqw 0.2cqw 1cqw #4660f9);
    /* changed position from absolute to relative to make popover work without popper
    if need to use popper change back to absolute */
    position: fixed;
    border: none;
    background-color: #ffffff;
    border-radius: 1cqw;
    /* added monday 6 2025 just for popperjs */
    z-index: 52;
    top: -15cqw
  }
  .secondpophorizontal::backdrop {
    color: #A374FB;
  }
  .popcanchorizontal {
    height: 3cqw;
    width: 3cqw;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
  }

  .popovertexthorizontal {
    font-family: "Geist";
    font-weight: 500;
    font-size: 1cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.15cqw;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 1cqw;
  }

  .popunderlinehorizontal {
    font-family: "Geist";
    font-weight: 500;
    font-size: 1.1cqw;
    font-style: normal;
    color: #2c2d2d;
    letter-spacing: 0.15cqw;
    text-decoration: none;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #2c2d2d;
    text-decoration-style: solid;
    text-decoration-thickness: 0.1cqw;
    display: flex;
    flex-direction: row;
  }
  .secondpopshowform {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 14cqw;
    height: 5cqh;
    padding: 0.5cqw 0px 0.5cqw 0px;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 0.4cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1.4cqw;
    letter-spacing: 0.1cqw;
    color: #4660f9;
    cursor: pointer;
  }
  .secondpopshowform:hover {
    border-style: solid;
    border-width: 0.2cqw;
    border-color: #4660f9;
  }
  .wordcancelbtn {
    display: flex;
    font-family: "Geist Mono";
    font-weight: 300;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.1cqw;
    color: #cb1c1c;
    background-color: transparent;
    width: auto;
    height: auto;
    border: none;
    margin: 1cqw;
    cursor: pointer;
  }

  .heading {
    display: none;
  }
  .subheading {
    display: none;
  }
  .heroexplorebutton {
    display: none;
  }
  .theheroimg {
    display: none;
  }
  .mainRowhorizontal {
    width: 100cqw;
    height: 40cqw;
    display: flex;
    margin: 0cqw 0px 0px 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .maintextcolhorizontal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 30cqw;
    height: 30cqh;
    margin: 0px 5cqw 0px 0px;
  }
  .herocolhorizontal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 50.2232cqw;
    height: 42cqw;
    margin: 0px 0px 0px 5cqw;
  }
  .heading2horizontal {
    display: flex;
    font-family: "Geist Mono";
    font-weight: 700;
    font-size: 2.9cqw;
    font-style: normal;
    background: linear-gradient(-201deg, #7488FB 21%, #CBFB74 80%);
    letter-spacing: 0.1071cqw;
    text-decoration: none;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    margin: .2cqw 0px 1cqw 0px;
  }

  .subheading2horizontal {
    font-family: "Geist Mono";
    font-weight: 300;
    font-size: 1.9cqw;
    font-style: normal;
    background: linear-gradient(197deg, #fbe574 21%, #8446F9 99%);
    letter-spacing: 0.033cqw;
    text-decoration: none;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    margin: 0.4cqw 0px 0px 0px;
  }

  .heroimg2 {
    display: flex;
    height: 42cqw;
    width: 50.2232cqw;
    aspect-ratio: 92.463 / 69.972;
    margin-top: 6cqw;
    /*aspect-ratio: 3.1458 / 2.3854; from c4d cam*/
  }

  .heroexplorebutton2horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 15cqw;
    height: 3cqw;
    padding: 0.8cqw .5cqw 0.8cqw .5cqw;
    background-color: #fbe574;
    border-style: none none none none;
    border-radius: 0.8cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1.3cqw;
    letter-spacing: 0.03cqw;
    color: #4660f9;
    margin: 1cqw 0px 0px 0px;
    cursor: pointer;
  }
  .heroexplorebutton2horizontal:hover {
    border-style: solid;
    border-width: 0.2cqw;
    border-color: #4660f9;
  }

  #productpop {
    display: none;
  }

  .blogsububheadteximg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0cqh 0px 0px 0px;
    padding: 0px;
    height: 1.5cqw;
    width: 6cqw;
  }
  .loginpopcol {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 7cqw;
    width: 15cqw;
    overflow: hidden;
    border-style: solid solid solid solid;
    border-width: 0.1cqw 0.1cqw 0.1cqw 0.1cqw;
    border-radius: 0.9cqw;
    border-color: #7488FB;
    background-color: #ffffff;
    top: -30cqw;
    right: -80cqw;
  }
  .loginpopicon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0cqh 0px 0px 0px;
    padding: 0px;
    height: 2cqw;
    width: 2cqw;
  }

  .loginrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 1.8;
    width: 100%;
    margin-top: 1cqw;
  }

  .navloginbutton2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 6cqw;
    height: 1.5cqw;
    padding: 0.175cqw 0.3125cqw 0.175cqw 0.3125cqw;
    background-color: #4660f9;
    border-style: none none none none;
    border-radius: 0.35cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.0357cqw;
    color: #fbe574;
    /*to fix log btn*/
    margin: 0cqw 0cqw 0cqw 0.5cqw;
    align-self: center;
    cursor: pointer;
  }
  .navloginbutton2:hover {
    border-style: solid;
    border-color: #fbe574;
    border-width: 0.3cqw;
    width: 6.3cqw;
  }
  .navloginbutton2:active {
    border-style: solid;
    border: #fbe574;
  }
  .navlogoutbutton {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 6cqw;
    height: 1.5cqw;
    padding: 0.175cqw 0.3125cqw 0.175cqw 0.3125cqw;
    background-color: #ffffff;
    border-style: solid;
    border-radius: 0.35cqw;
    border-width: 0.1cqw;
    border-color: #4660f9;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.0357cqw;
    color: #fbe574;
    /*to fix log btn*/
    margin: 0cqw 0.5cqw 0cqw 0cqw;
    align-self: center;
    cursor: pointer;
  }
  .navlogoutbutton:hover {
    border-style: solid;
    border-color: #fbe574;
    border-width: 0.3cqw;
  }
  .navlogoutbutton:active {
    border-style: solid;
    border: #fbe574;
  }
  
  .dashbtn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 13cqw;
    height: 1.5cqw;
    padding: 0.175cqw 0.3125cqw 0.175cqw 0.3125cqw;
    background-color: #A374FB;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.0357cqw;
    color: #fbe574;
    /*to fix log btn*/
    margin-top: 1cqw;
    align-self: center;
    cursor: pointer;
    border-style: none;
    border-radius: 0.35cqw;
  }
  .dashbtn:hover {
    border-style: solid;
    border-radius: 0.35cqw;
    border-width: 0.2cqw;
    border-color: #fbe574;
  }

  .dashbtnicon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0cqh 0px 0px 0px;
    padding: 0px;
    height: 1cqw;
    width: 1cqw;
  }
  .dasbtntext {
    display: flex;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 1cqw;
    letter-spacing: 0.0357cqw;
    color: #fbe574;
  }

  .navloginbuttoncontainer2 {
    width: 95cqw;
    height: auto;
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 5cqh 0px 0px 0px;
  }

  .navloginbutton232323 {
    position: relative;
    display: flex;
    z-index: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    /*width: 80cqw;*/
    width: 39cqw;
    height: 6cqh;
    padding: 2.8cqw 5cqw 2.8cqw 5cqw;
    background-color: #4660f9;
    border-style: none none none none;
    border-radius: 2cqw 2cqw 2cqw 2cqw;
    font-family: "Geist Mono";
    font-weight: 700;
    font-style: normal;
    font-size: 4cqw;
    letter-spacing: 0.357cqw;
    color: #fbe574;
  }
  .navloginbutton2:active {
    border-style: solid;
    border: #fbe574;
  }

  .aboutpageImghorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0.6cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 6cqh;
    width: 6cqh;
    border-radius: 50%;
  }

  .blogImghorizontal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0.6cqw;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-decoration: none;
    height: 14cqh;
    width: 14cqh;
    border-radius: 50%;
  }

  


  

}