/* ////// SITE ARCHITECTURE ////// */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }
  @media only screen and (max-width: 90em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (max-width: 67.5em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (max-width: 63.93em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (max-width: 47.93em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (max-width: 30em) {
    html {
      font-size: 62.5%; } }

body {
  box-sizing: border-box; }

@font-face {
  font-family: 'sf_pro_displaybold';
  src: url("/home/styles/fonts/sfprodisplay-bold-webfont.woff") format("woff2"), url("/home/styles/fonts/sfprodisplay-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sf_pro_displaysemibold';
  src: url("/home/styles/fonts/sfprodisplay-semibold-webfont.woff2") format("woff2"), url("/home/styles/fonts/sfprodisplay-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sf_pro_displayregular';
  src: url("/home/styles/fonts/sfprodisplay-regular-webfont.woff2") format("woff2"), url("/home/styles/fonts/sfprodisplay-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sf_pro_textmedium';
  src: url("/home/styles/fonts/sfprotext-medium-webfont.woff2") format("woff2"), url("/home/styles/fonts/sfprotext-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sf_pro_textbold';
  src: url("/home/styles/fonts/sfprotext-bold-webfont.woff2") format("woff2"), url("/home/styles/fonts/sfprotext-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sf_pro_textregular';
  src: url("/home/styles/fonts/sfprotext-regular-webfont.woff2") format("woff2"), url("/home/styles/fonts/sfprotext-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #425466; }

h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 3.8rem;
  line-height: 1.3;
  letter-spacing: -.25px;
  font-weight: 600; }
  @media only screen and (max-width: 30em) {
    h1 {
      font-size: 3.4rem;
      line-height: 1.294117647; } }

h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 2.4rem;
  line-height: 1; }

h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 500; }
  @media only screen and (max-width: 30em) {
    h3 {
      line-height: 1.555555556; } }

h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem; }

h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600; }

h6 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500; }

p {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 3rem;
  font-size: 1.8rem; }
  @media only screen and (max-width: 30em) {
    p {
      line-height: 1.555555556; } }

.learn-more-btn-solid-purple {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  text-align: left; }

.see-all-btn-solid-neon-blue {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  text-align: left; }

.learn-more-btn-transparent {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  text-align: left; }

.shopify-desktop-form__email-input {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  line-height: 1.3; }

.shopify-desktop-form__email-input::placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  line-height: 1.3; }

.shopify-desktop-form__email-submit {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem; }

.promo-copy {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #BDC6D2; }

.footer__heading {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem; }

.footer__flex-item ul li {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  line-height: 1.8;
  list-style: none;
  font-weight: 400; }

.footer__item--col a:link {
  text-decoration: none; }

.u-top-pad-50 {
  padding-top: 5rem; }

.u-top-pad-30 {
  padding-top: 3rem; }

.u-right-pad-30 {
  padding-right: 3rem; }

.u-bottom-pad-22 {
  padding-bottom: 2.2rem; }

.u-bottom-pad-45 {
  padding-bottom: 4.5rem; }

.u-left-pad-15 {
  padding-left: 1.5rem; }

.u-right-left-pad-15 {
  padding: 0 1.5rem; }

.u-top-mar-20 {
  margin-top: 2rem; }

.u-top-mar-22 {
  margin-top: 2.2rem; }

.u-right-mar-20 {
  margin-right: 2rem; }

.u-bottom-mar-0 {
  margin-bottom: 0rem; }

.u-bottom-mar-10 {
  margin-bottom: 1rem; }

.u-bottom-mar-14 {
  margin-bottom: 1.4rem; }

.u-bottom-mar-20 {
  margin-bottom: 2rem; }

.u-bottom-mar-30 {
  margin-bottom: 3rem; }

.u-bottom-mar-40 {
  margin-bottom: 4rem; }

.u-bottom-mar-41 {
  margin-bottom: 4.1rem; }

.u-bottom-mar-43 {
  margin-bottom: 4.3rem; }

.u-bottom-mar-45 {
  margin-bottom: 4.5rem; }

.u-bottom-mar-50 {
  margin-bottom: 5rem; }

.u-bottom-mar-60 {
  margin-bottom: 6rem; }

.u-bottom-mar-62 {
  margin-bottom: 6.2rem; }

.u-left-mar-13 {
  margin-left: 1.5rem; }

.u-align-text-center {
  text-align: center; }

.u-left-text {
  text-align: left; }

.u-right-text {
  text-align: right; }

.u-block-display {
  display: block; }

.u-color-black {
  color: #000000; }

.u-color-blue {
  color: #3A66DB; }

.u-color-grey-2 {
  color: #BDC6D2; }

.u-color-green {
  color: #2DCCA7; }

.u-color-medgrey-2 {
  color: #425466; }

.u-color-medgrey-3 {
  color: #1E364F; }

.u-color-medgrey-4 {
  color: #0B2540; }

.u-color-neon-blue {
  color: #00EAFB; }

.u-color-neon-green {
  color: #00D924; }

.u-color-horizon-orange {
  color: #F49342; }

.u-color-purple {
  color: #5836E5; }

.u-color-white {
  color: #FFFFFF; }

.u-background-blue {
  background-color: #3A66DB; }

.u-background-green {
  background-color: #2DCCA7; }

.u-background-gray-1 {
  background-color: #F6F9FC; }

.u-background-med-gray-4 {
  background-color: #0B2540; }

.u-background-med-gray-5 {
  background-color: #041c35; }

.u-background-neon-blue {
  background-color: #00EAFB; }

.u-background-neon-green {
  background-color: #00D924; }

.u-background-neon-purple {
  background-color: #8055FF; }

.u-background-horizon-orange {
  background-color: #F49342; }

.u-background-purple {
  background-color: #5836E5; }

.u-background-white {
  background-color: #FFFFFF; }

.u-background-ultramarine {
  background-color: #105FF8; }

.u-border-purple {
  border-color: #5836E5 !important; }

.u-border-medgrey-4 {
  border-color: #0B2540 !important; }

.u-border-neon-blue {
  border-color: #00EAFB !important; }

.u-border-neon-purple {
  border-color: #8055FF !important; }

.u-border-transparent {
  border-color: transparent !important; }

.u-background-img-med-gray-4 {
  background-image: url(/home/images/key_features_background_ray.png);
  background-color: #0B2540;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right; }

.u-boxshadow-dark {
  box-shadow: 0 1.8rem 2.5rem #001429; }

.u-boxshadow-grey {
  box-shadow: 0 1.8rem 2.5rem #c7ced6; }

.u-boxshadow-purple {
  box-shadow: 0px 1.8rem 2.5rem #4027a9; }

.u-boxshadow-teal {
  box-shadow: 0px 1.8rem 2.5rem #00a1ad; }

.u-boxshadow-neon-green {
  box-shadow: 0px 1.8rem 2.5rem #1da233; }

.u-boxshadow-blue {
  box-shadow: 0px 1.8rem 2.5rem #0932b5; }

.u-weight-600-19 {
  font-size: 1.9rem;
  font-weight: 600; }

/*/////////ANIMATIONS/////////*/
@-webkit-keyframes move-right {
  0% {
    transform: translateX(10px); }
  20% {
    transform: translateX(2px); }
  40% {
    transform: translateX(6px); }
  60% {
    transform: translateX(3px); }
  80% {
    transform: translateX(6px); }
  90% {
    transform: translateX(4px); }
  100% {
    transform: translateX(10px); } }

@keyframes move-right {
  0% {
    transform: translateX(10px); }
  20% {
    transform: translateX(2px); }
  40% {
    transform: translateX(6px); }
  60% {
    transform: translateX(3px); }
  80% {
    transform: translateX(6px); }
  90% {
    transform: translateX(4px); }
  100% {
    transform: translateX(10px); } }

a {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .02rem;
  line-height: 1;
  cursor: pointer;
  text-decoration: none; }

@media only screen and (max-width: 30em) {
  .btn-mbl-mrgn {
    margin-left: 1.5rem !important; } }

/*/////////FULL-BUTTON-V1/////////*/
.full-v1-btn-icon {
  align-items: center;
  overflow: hidden;
  padding: .8rem 1.6rem .8rem 1.6rem;
  position: relative;
  border-radius: 50px;
  margin-left: -1.5rem;
  text-decoration: none; }

.full-v1-btn-icon i {
  margin-left: 1rem;
  font-size: 1.5rem; }

.full-v1-btn-icon-type-1 {
  border: 1px solid; }

.full-v1-btn-icon-type-1:hover i {
  -webkit-animation: move-right 2s infinite;
  animation: move-right 2s infinite; }

/*/////////FULL-BUTTON-V2/////////*/
.full-v2-btn-icon {
  align-items: center;
  overflow: hidden;
  padding: .8rem 1.6rem .8rem 1.6rem;
  position: relative;
  border-radius: 50px;
  margin-left: -1.5rem;
  text-decoration: none; }
  @media only screen and (max-width: 30em) {
    .full-v2-btn-icon {
      margin-left: 0rem; } }

.full-v2-btn-icon i {
  margin-left: 1rem;
  font-size: 1.5rem; }

.full-v2-btn-icon-type-1 {
  border: 1px solid; }

.full-v2-btn-icon-type-1:hover i {
  -webkit-animation: move-right 2s infinite;
  animation: move-right 2s infinite; }

/*/////////FULL-BUTTON-V3/////////*/
.full-v3-btn-icon {
  align-items: center;
  overflow: hidden;
  padding: .8rem 1.6rem .8rem 1.6rem;
  position: relative;
  border-radius: 50px; }

.full-v3-btn-icon i {
  margin-left: 1rem;
  font-size: 1.5rem; }

.full-v3-btn-icon-type-1 {
  border: 1px solid; }

.full-v3-btn-icon-type-1:hover i {
  -webkit-animation: move-right 2s infinite;
  animation: move-right 2s infinite; }

/*/////////HALF-BUTTON/////////*/
.half-btn-icon {
  align-items: center;
  overflow: hidden;
  padding: .4rem 1.6rem .4rem 0;
  position: relative;
  border-radius: 0 50px 50px 0;
  text-decoration: none; }

.half-btn-icon i {
  margin-left: 1rem;
  font-size: 1.5rem; }

.half-btn-icon-type-1 {
  border: 1px solid; }

.half-btn-icon-type-1:hover i {
  -webkit-animation: move-right 2s infinite;
  animation: move-right 2s infinite; }

.learn-more-btn-solid-purple {
  position: relative;
  border-radius: 5rem;
  border: none;
  padding: 1rem 1.6rem;
  letter-spacing: .02rem;
  line-height: 1;
  color: #FFFFFF;
  background-color: #5836E5;
  width: 12.5rem;
  cursor: pointer; }
  .learn-more-btn-solid-purple img {
    display: inline-block;
    width: .7rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%); }
  .learn-more-btn-solid-purple:hover {
    background-color: #4303D5; }
  .learn-more-btn-solid-purple:focus {
    background-color: #4303D5;
    border: 1px solid #4303D5; }

.see-all-btn-solid-neon-blue {
  position: relative;
  border-radius: 5rem;
  border: none;
  padding: 1rem 1.6rem;
  letter-spacing: .02rem;
  line-height: 1;
  color: #0B2540;
  background-color: #00EAFB;
  width: 15rem;
  cursor: pointer; }
  .see-all-btn-solid-neon-blue img {
    display: inline-block;
    width: .7rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%); }
  .see-all-btn-solid-neon-blue:hover {
    background-color: #4303D5; }
  .see-all-btn-solid-neon-blue:focus {
    background-color: #4303D5;
    border: 1px solid #4303D5; }

.learn-more-btn-transparent {
  position: relative;
  border-radius: 0 5rem 5rem 0;
  border: none;
  padding: 1rem 1.6rem 1rem 0;
  letter-spacing: .02rem;
  line-height: 1;
  background-color: transparent;
  width: 10.9rem;
  cursor: pointer; }
  .learn-more-btn-transparent img {
    display: inline-block;
    width: .7rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%); }

.shopify-desktop-form {
  position: relative;
  width: 80%;
  margin-bottom: 3rem; }
  .shopify-desktop-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #BDC6D2;
    padding-left: 2rem;
    display: block;
    transition: all .3s; }
  .shopify-desktop-form__email-input::placeholder {
    color: #8898AA; }
  .shopify-desktop-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .shopify-desktop-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }

.shopify-laptop-form {
  position: relative;
  width: 90%;
  margin-bottom: 3rem; }
  .shopify-laptop-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #BDC6D2;
    padding-left: 2rem;
    display: block;
    transition: all .3s; }
  .shopify-laptop-form__email-input::placeholder {
    color: #8898AA; }
  .shopify-laptop-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .shopify-laptop-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }

.shopify-mobile-form {
  position: relative;
  width: 100%;
  margin-bottom: 3rem; }
  .shopify-mobile-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #31308ebd;
    padding-left: 2rem;
    display: block;
    transition: all .3s; }
    @media only screen and (max-width: 30em) {
      .shopify-mobile-form__email-input {
        text-align: center;
        font-size: 1.5rem;
        padding-left: 0; } }
  .shopify-mobile-form__email-input::placeholder {
    color: #8898AA; }
  .shopify-mobile-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .shopify-mobile-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 2rem;
    transform: translateY(-50%); }
    @media only screen and (max-width: 30em) {
      .shopify-mobile-form__email-submit {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 1rem;
        height: 4.5rem;
        font-size: 1.5rem;
        top: 0;
        transform: none;
        left: 0; } }

.home-desktop-form {
  position: relative;
  width: 100%;
  margin: 2rem 0; }
  .home-desktop-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #BDC6D2;
    padding-left: 2rem;
    display: block;
    transition: all .3s;
    font-size: 1.5rem; }
    @media only screen and (max-width: 30em) {
      .home-desktop-form__email-input {
        text-align: center;
        font-size: 1.5rem;
        padding-left: 0;
        box-shadow: 0px 1.8rem 2.5rem #1b4680; } }
  .home-desktop-form__email-input::placeholder {
    color: #8898AA; }
  .home-desktop-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .home-desktop-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }
    @media only screen and (max-width: 30em) {
      .home-desktop-form__email-submit {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 1rem;
        height: 4.5rem;
        font-size: 1.5rem;
        top: 0;
        transform: none;
        left: 0; } }

.home-laptop-form {
  position: relative;
  width: 90%;
  margin-bottom: 3rem; }
  .home-laptop-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #BDC6D2;
    padding-left: 2rem;
    display: block;
    transition: all .3s; }
  .home-laptop-form__email-input::placeholder {
    color: #8898AA; }
  .home-laptop-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .home-laptop-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }

.home-mobile-form {
  position: relative;
  width: 100%;
  margin-bottom: 3rem; }
  .home-mobile-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    box-shadow: 0px 1.8rem 2.5rem #31308ebd;
    display: block;
    transition: all .3s;
    text-align: center;
    font-size: 1.5rem; }
  .home-mobile-form__email-input::placeholder {
    color: #8898AA; }
  .home-mobile-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .home-mobile-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }
    @media only screen and (max-width: 30em) {
      .home-mobile-form__email-submit {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 1rem;
        height: 4.5rem;
        font-size: 1.5rem;
        top: 0;
        transform: none;
        left: 0; } }

.register-form {
  width: 100%;
  /*background-color: pink;*/ }
  .register-form__flex-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    /*background-color: blue;*/
    margin-bottom: .8rem; }
    @media only screen and (max-width: 30em) {
      .register-form__flex-container {
        flex-direction: column; } }
  .register-form__flex-item-field-label {
    /*background-color: purple;*/
    width: 40%; }
    @media only screen and (max-width: 30em) {
      .register-form__flex-item-field-label {
        width: 100%; } }
  .register-form__flex-item-field-input {
    background-color: #F6F9FC;
    color: #8898AA;
    border: none;
    border-radius: .3rem;
    min-height: 3.9rem;
    width: 60%;
    padding: .8rem 1.5rem; }
    @media only screen and (max-width: 30em) {
      .register-form__flex-item-field-input {
        width: 100%; } }
  .register-form__flex-item-field-input:focus {
    outline: none; }
  .register-form__select {
    width: 60%;
    background-color: #F6F9FC;
    color: #8898AA;
    border: none;
    cursor: pointer;
    border-radius: .3rem;
    padding: .8rem 1.5rem; }
    @media only screen and (max-width: 30em) {
      .register-form__select {
        width: 100%; } }
  .register-form__select {
    outline: none; }
  .register-form__radio-copy {
    margin-left: 1rem;
    margin-right: 2rem; }
  .register-form__formdtls-flex-container {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0; }

.contact-form {
  width: 100%;
  background-color: white;
  padding: 1.5rem;
  border-radius: .7rem; }
  .contact-form__flex-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    /*background-color: blue;*/
    margin-bottom: .8rem; }
    @media only screen and (max-width: 30em) {
      .contact-form__flex-container {
        flex-direction: column; } }
  .contact-form__flex-item-field-label {
    /*background-color: purple;*/
    width: 40%; }
    @media only screen and (max-width: 30em) {
      .contact-form__flex-item-field-label {
        width: 100%; } }
  .contact-form__flex-item-field-input {
    background-color: #F6F9FC;
    color: #8898AA;
    border: none;
    border-radius: .3rem;
    min-height: 3.9rem;
    width: 60%;
    padding: .8rem 1.5rem; }
    @media only screen and (max-width: 30em) {
      .contact-form__flex-item-field-input {
        width: 100%; } }
  .contact-form__flex-item-field-input:focus {
    outline: none; }
  .contact-form__select {
    width: 60%;
    background-color: #F6F9FC;
    color: #8898AA;
    border: none;
    cursor: pointer;
    border-radius: .3rem;
    padding: .8rem 1.5rem; }
    @media only screen and (max-width: 30em) {
      .contact-form__select {
        width: 100%; } }
  .contact-form__select {
    outline: none; }
  .contact-form__radio-copy {
    margin-left: 1rem;
    margin-right: 2rem; }
  .contact-form__formdtls-flex-container {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0; }

.footer-form {
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 30em) {
    .footer-form {
      width: 100%; } }
  .footer-form__email-input {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: #8898AA;
    border-left: 0.3rem solid #FFFFFF;
    border-radius: .7rem;
    height: 5rem;
    padding-left: 2rem;
    display: block;
    transition: all .3s; }
    @media only screen and (max-width: 30em) {
      .footer-form__email-input {
        box-shadow: none;
        margin-bottom: 1rem;
        text-align: center;
        padding-left: 0;
        font-size: 1.5rem; } }
  .footer-form__email-input::placeholder {
    color: #8898AA; }
  .footer-form__email-input:focus {
    outline: none;
    border-left: .3rem solid orange;
    border-radius: 0 .7rem .7rem 0; }
  .footer-form__email-submit {
    position: absolute;
    top: 50%;
    right: .6rem;
    color: #FFFFFF;
    background-color: #2DCCA7;
    border: none;
    border-radius: .7rem;
    padding: 1rem 4rem;
    transform: translateY(-50%);
    cursor: pointer;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem; }
    @media only screen and (max-width: 30em) {
      .footer-form__email-submit {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 1rem;
        height: 4.5rem;
        font-size: 1.5rem;
        top: 0;
        transform: none;
        left: 0; } }

.mrgn-spacer {
  margin-bottom: 3rem;
  display: block; }

.header-block {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 30em) {
    .header-block {
      position: relative;
      margin: 0 3rem;
      height: 50rem;
      transform: none;
      width: auto;
      top: 9%;
      left: auto;
      display: block; } }

/*NEW-FEATURE-MENU*/
.feature-main-menu {
  background-color: #FFFFFF;
  width: 105rem;
  padding: .4rem .4rem 0 .4rem;
  border-radius: .4rem; }
  @media only screen and (max-width: 30em) {
    .feature-main-menu {
      width: auto; } }
  .feature-main-menu__flex-container {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 30em) {
      .feature-main-menu__flex-container {
        flex-direction: column; } }
  .feature-main-menu__flex-item {
    width: 100%;
    border-radius: .4rem; }
    .feature-main-menu__flex-item:not(:last-child) {
      margin-right: .4rem; }
      @media only screen and (max-width: 30em) {
        .feature-main-menu__flex-item:not(:last-child) {
          margin-bottom: .4rem; } }
  .feature-main-menu__flex-item-header {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    text-align: left;
    border-radius: .4rem;
    color: #FFFFFF;
    margin-bottom: .4rem;
    padding: 1.3rem 1.3rem;
    font-weight: 600; }
  .feature-main-menu__flex-item-section {
    margin-bottom: .4rem;
    padding: 1rem 1.3rem; }
    .feature-main-menu__flex-item-section span {
      font-family: 'Roboto', sans-serif;
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 1rem;
      display: block; }
    .feature-main-menu__flex-item-section ul li {
      font-family: 'Roboto', sans-serif;
      font-size: 1.5rem;
      list-style: none;
      color: #0B2540;
      font-weight: 400;
      margin-bottom: .9rem; }

.desktop-dspl {
  display: block; }
  @media only screen and (max-width: 30em) {
    .desktop-dspl {
      display: none; } }

.mobile-dspl {
  display: none; }
  @media only screen and (max-width: 30em) {
    .mobile-dspl {
      display: block; } }

.short-head-wrapper {
  background: #53fbdd;
  background: linear-gradient(120deg, #53fbdd 0%, #53fbdd 14%, #5836e5 71%, #8055ff 100%);
  height: 86px;
  position: relative;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */ }
  @media only screen and (max-width: 30em) {
    .short-head-wrapper {
      height: 11vh; } }

.how-head-wrapper {
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #53fbdd 14%, #5836e5 71%, #8055ff 100%);
  height: 100vh;
  position: relative;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */ }
  @media only screen and (max-width: 30em) {
    .how-head-wrapper {
      background: #53fbdd;
      background: linear-gradient(300deg, #53fbdd 30%, #53fbdd 20%, #5836e5 71%, #8055ff 100%);
      height: 84rem; } }

.feature-head-wrapper {
  background: #53fbdd;
  background: linear-gradient(120deg, #53fbdd 0%, #53fbdd 14%, #5836e5 71%, #8055ff 100%);
  height: 90vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 30em) {
    .feature-head-wrapper {
      height: 126rem; } }

@media only screen and (max-width: 30em) {
  background: #53fbdd;
  background: linear-gradient(300deg, #53fbdd 30%, #53fbdd 20%, #5836e5 71%, #8055ff 100%);
  height: 80vh; }

.home-head-wrapper {
  background-image: url(/home/images/lockstok_home_desktop_hero_background.jpg);
  height: 100vh;
  position: relative;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */ }
  @media only screen and (max-width: 30em) {
    .home-head-wrapper {
      background: #53fbdd;
      background: linear-gradient(300deg, #53fbdd 30%, #53fbdd 20%, #5836e5 71%, #8055ff 100%);
      height: 114rem; } }

.home-head-hero {
  width: 1080px;
  margin: 0 auto;
  /*background-color: yellow;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 30em) {
    .home-head-hero {
      width: 100%;
      margin: 0;
      position: absolute;
      top: 10%;
      left: 0;
      transform: none; } }
  .home-head-hero__flex-container {
    display: flex;
    width: 100%;
    /*background-color: red;*/ }
    @media only screen and (max-width: 30em) {
      .home-head-hero__flex-container {
        flex-direction: column; } }
  .home-head-hero__flex-item-left {
    width: 50%;
    padding: 0 30px 0 15px;
    /*background-color: violet;*/ }
    @media only screen and (max-width: 30em) {
      .home-head-hero__flex-item-left {
        width: 100%;
        padding: 0 30px 0 30px;
        margin-bottom: 4rem; } }
  .home-head-hero__flex-item-right {
    height: 642px;
    /*background-color: greenyellow;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    width: 100%; }
    @media only screen and (max-width: 118em) {
      .home-head-hero__flex-item-right {
        height: 542px; } }
    @media only screen and (max-width: 90em) {
      .home-head-hero__flex-item-right {
        height: 500px; } }
    @media only screen and (max-width: 30em) {
      .home-head-hero__flex-item-right {
        position: static;
        transform: none;
        height: 100%; } }
    .home-head-hero__flex-item-right img {
      display: block;
      width: 100%; }
      @media only screen and (max-width: 90em) {
        .home-head-hero__flex-item-right img {
          width: 90%; } }
      @media only screen and (max-width: 30em) {
        .home-head-hero__flex-item-right img {
          display: block;
          width: 170%; } }

.mobile-container {
  width: 100%;
  height: 8rem; }

.topnav {
  overflow: hidden;
  background-color: transparent;
  position: relative;
  padding-left: 3rem; }
  .topnav img {
    margin: 3rem 0; }

.topnav #myLinks {
  display: none;
  background-color: #FFFFFF;
  border: none;
  border-radius: .7rem; }

.topnav a {
  color: white;
  padding: 1.4rem 3rem;
  text-decoration: none;
  font-size: 1.7rem;
  display: block;
  border: none; }

.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 2.4rem; }

.active {
  color: white; }

.dropbx {
  margin-right: 3rem; }
  .dropbx__item {
    color: #0B2540 !important;
    font-family: 'Roboto', sans-serif;
    padding: 1.4rem 1.4rem !important; }
    .dropbx__item :not(:last-child) {
      border-bottom: 1px solid black; }

.header-row {
  max-width: 108rem;
  margin: 0 auto;
  padding: 0 1.5rem; }
  @media only screen and (max-width: 67.5em) {
    .header-row {
      margin: 0; } }

.section-row {
  max-width: 108rem;
  margin: 0 auto;
  padding: 12.8rem 1.5rem; }
  @media only screen and (max-width: 67.5em) {
    .section-row {
      margin: 0; } }
  @media only screen and (max-width: 47.93em) {
    .section-row {
      padding: 6.4rem 3rem; } }
  @media only screen and (max-width: 30em) {
    .section-row {
      padding: 6.4rem 3rem; } }

.lighray-rhs {
  position: absolute;
  top: -2.6rem;
  right: 0;
  z-index: 1000; }
  @media only screen and (max-width: 30em) {
    .lighray-rhs {
      top: -4.6rem;
      right: 0; } }
  .lighray-rhs img {
    width: 15rem; }
    @media only screen and (max-width: 90em) {
      .lighray-rhs img {
        width: 10.5rem; } }
    @media only screen and (max-width: 30em) {
      .lighray-rhs img {
        width: 7.2rem; } }

.lighray-lhs {
  position: absolute;
  bottom: -2.6rem;
  left: 0;
  z-index: 1000; }
  @media only screen and (max-width: 30em) {
    .lighray-lhs {
      bottom: -4.6rem;
      left: 0; } }
  .lighray-lhs img {
    width: 15rem; }
    @media only screen and (max-width: 90em) {
      .lighray-lhs img {
        width: 10.5rem; } }
    @media only screen and (max-width: 30em) {
      .lighray-lhs img {
        width: 7.2rem; } }

.section-row-v1 {
  /*background-color: red;*/
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-row-v1 {
      padding: 6.4rem 0; } }
  .section-row-v1__flex-container {
    display: flex;
    flex-direction: row;
    /*background-color: green;*/
    align-items: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-row-v1__flex-container {
        flex-direction: column;
        align-items: flex-start; } }
  .section-row-v1__flex-item-left {
    /*background-color: yellow;*/
    width: 50%;
    min-height: 57.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem; }
    .section-row-v1__flex-item-left h1 {
      margin-bottom: 4rem; }
    .section-row-v1__flex-item-left h3 {
      margin-bottom: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-row-v1__flex-item-left p {
        margin-bottom: 1.2rem; } }
    @media only screen and (max-width: 90em) {
      .section-row-v1__flex-item-left {
        min-height: 38.3rem; } }
    @media only screen and (max-width: 30em) {
      .section-row-v1__flex-item-left {
        width: 100%;
        min-height: 100%;
        padding-left: 3rem;
        margin-bottom: 3rem; } }
  .section-row-v1__flex-item-right {
    /*background-color: blueviolet;*/
    position: absolute;
    left: 50%;
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .section-row-v1__flex-item-right {
        position: static;
        width: 100%; } }
    .section-row-v1__flex-item-right img {
      display: block;
      height: 100%;
      width: 100%; }

.section-row-v2 {
  /*background-color: orange;*/
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-row-v2 {
      padding: 6.4rem 0; } }
  .section-row-v2__flex-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    /*background-color: green;*/
    align-items: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-row-v2__flex-container {
        flex-direction: column-reverse;
        align-items: flex-start; } }
  .section-row-v2__flex-item-left {
    /*background-color: blueviolet;*/
    position: absolute;
    right: 50%;
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .section-row-v2__flex-item-left {
        position: static;
        width: 100%; } }
    .section-row-v2__flex-item-left img {
      display: block;
      height: 100%;
      width: 100%; }
  .section-row-v2__flex-item-right {
    /*background-color: yellow;*/
    width: 50%;
    min-height: 57.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem; }
    @media only screen and (max-width: 30em) {
      .section-row-v2__flex-item-right p {
        margin-bottom: 1.2rem; } }
    .section-row-v2__flex-item-right h1 {
      margin-bottom: 4rem; }
    .section-row-v2__flex-item-right h3 {
      margin-bottom: 1rem; }
    @media only screen and (max-width: 90em) {
      .section-row-v2__flex-item-right {
        min-height: 38.3rem; } }
    @media only screen and (max-width: 30em) {
      .section-row-v2__flex-item-right {
        width: 100%;
        min-height: 100%;
        padding-left: 3rem;
        margin-bottom: 3rem; } }

.section-row-v3 {
  /*background-color: burlywood;*/
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-row-v3 {
      padding: 6.4rem 0; } }
  .section-row-v3__flex-container {
    display: flex;
    flex-direction: row;
    /*background-color: green;*/
    align-items: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-row-v3__flex-container {
        flex-direction: column;
        align-items: flex-start; } }
  .section-row-v3__flex-item-left {
    /*background-color: yellow;*/
    width: 67.6%;
    min-height: 57.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem; }
    .section-row-v3__flex-item-left h1 {
      margin-bottom: 4rem; }
    .section-row-v3__flex-item-left h3 {
      margin-bottom: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-row-v3__flex-item-left p {
        margin-bottom: 1.2rem; } }
    @media only screen and (max-width: 90em) {
      .section-row-v3__flex-item-left {
        width: 61.6%;
        min-height: 38.2rem; } }
    @media only screen and (max-width: 30em) {
      .section-row-v3__flex-item-left {
        width: 100%;
        min-height: 100%;
        padding-left: 3rem;
        margin-bottom: 3rem; } }
  .section-row-v3__flex-item-right {
    /*background-color: blueviolet;*/
    position: absolute;
    left: 60%;
    width: 40%; }
    @media only screen and (max-width: 30em) {
      .section-row-v3__flex-item-right {
        position: static;
        width: 100%; } }
    .section-row-v3__flex-item-right img {
      display: block;
      height: 100%;
      width: 100%; }

.section-row-v4 {
  /*background-color: brown;*/
  padding: 6.4rem 0;
  position: relative; }
  .section-row-v4__flex-container {
    display: flex;
    flex-direction: row;
    /*background-color: green;*/
    align-items: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-row-v4__flex-container {
        flex-direction: column;
        align-items: flex-start; } }
  .section-row-v4__flex-item-left {
    /*background-color: yellow;*/
    width: 50%;
    min-height: 57.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem; }
    .section-row-v4__flex-item-left h1 {
      margin-bottom: 4rem; }
    .section-row-v4__flex-item-left h3 {
      margin-bottom: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-row-v4__flex-item-left p {
        margin-bottom: 1.2rem; } }
    @media only screen and (max-width: 90em) {
      .section-row-v4__flex-item-left {
        min-height: 38.3rem; } }
    @media only screen and (max-width: 30em) {
      .section-row-v4__flex-item-left {
        width: 100%;
        min-height: 100%;
        padding-left: 3rem;
        margin-bottom: 3rem; } }
  .section-row-v4__flex-item-right {
    /*background-color: blueviolet;*/
    position: absolute;
    left: 50%;
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .section-row-v4__flex-item-right {
        position: static;
        width: 100%; } }
    .section-row-v4__flex-item-right img {
      display: block;
      height: 100%;
      width: 100%; }

.section-row-v5 {
  /*background-color: aqua;*/
  padding: 6.4rem 0;
  position: relative; }
  .section-row-v5__flex-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    /*background-color: green;*/
    align-items: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-row-v5__flex-container {
        flex-direction: column-reverse;
        align-items: flex-start; } }
  .section-row-v5__flex-item-left {
    /*background-color: blueviolet;*/
    position: absolute;
    right: 50%;
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .section-row-v5__flex-item-left {
        position: static;
        width: 100%; } }
    .section-row-v5__flex-item-left img {
      display: block;
      height: 100%;
      width: 100%; }
  .section-row-v5__flex-item-right {
    /*background-color: yellow;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    min-height: 57.6rem;
    padding-left: 1.5rem;
    padding-right: 3rem; }
    .section-row-v5__flex-item-right h1 {
      margin-bottom: 4rem; }
    .section-row-v5__flex-item-right h3 {
      margin-bottom: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-row-v5__flex-item-right p {
        margin-bottom: 1.2rem; } }
    @media only screen and (max-width: 90em) {
      .section-row-v5__flex-item-right {
        min-height: 38.3rem; } }
    @media only screen and (max-width: 30em) {
      .section-row-v5__flex-item-right {
        width: 100%;
        min-height: 100%;
        padding-left: 3rem;
        margin-bottom: 3rem; } }

.contact-details {
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .contact-details {
      padding: 6.4rem 0; } }
  .contact-details__header-flex-container {
    display: flex;
    max-width: 108rem;
    margin: 0 auto;
    /*background-color: yellow;*/
    padding: 0 1.5rem;
    margin-bottom: 4rem; }
    @media only screen and (max-width: 30em) {
      .contact-details__header-flex-container {
        flex-direction: column;
        padding: 0 3rem 0 3rem; } }
  .contact-details__contact-form-flex-container {
    display: flex;
    align-items: center;
    max-width: 108rem;
    margin: 0 auto;
    /*background-color: orange;*/
    padding: 0 1.5rem 0 0; }
    @media only screen and (max-width: 30em) {
      .contact-details__contact-form-flex-container {
        flex-direction: column;
        padding: 0 3rem; } }
  .contact-details__contact-form-flex-item-lft {
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .contact-details__contact-form-flex-item-lft {
        width: 100%; } }
  .contact-details__contact-form-flex-item-rgt {
    padding: 0 3rem 0 1.5rem;
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .contact-details__contact-form-flex-item-rgt {
        margin-top: 2rem;
        width: 100%; } }
    .contact-details__contact-form-flex-item-rgt h3 {
      margin-bottom: 2rem; }

.u-can__flex-container {
  display: flex;
  flex-direction: row;
  align-items: center; }

.u-can__flex-item-lft img {
  margin-right: 1.5rem; }

@media only screen and (max-width: 30em) {
  .u-can__flex-item-rgt {
    margin-bottom: 2rem; } }

.section-try-lockstok {
  position: relative; }
  .section-try-lockstok__flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .8rem;
    padding: 6.6rem 6.6rem; }
    @media only screen and (max-width: 30em) {
      .section-try-lockstok__flex-container {
        flex-direction: column;
        padding: 2rem 2rem; } }
  .section-try-lockstok__flex-item--left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
    @media only screen and (max-width: 30em) {
      .section-try-lockstok__flex-item--left {
        margin-bottom: 3rem;
        align-items: center; } }
    @media only screen and (max-width: 30em) {
      .section-try-lockstok__flex-item--left h1 {
        font-size: 3rem; } }
    .section-try-lockstok__flex-item--left p {
      margin: 1rem 0 0 0;
      line-height: 1.5;
      text-align: left; }
      @media only screen and (max-width: 30em) {
        .section-try-lockstok__flex-item--left p {
          text-align: center; } }
  .section-try-lockstok__flex-item--right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }

.footer__flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.footer__heading {
  color: #0B2540;
  margin-bottom: .5rem; }

.footer__flex-item {
  width: 25%; }
  .footer__flex-item img {
    width: 13rem; }
  @media only screen and (max-width: 30em) {
    .footer__flex-item {
      width: 50%; } }

@media only screen and (max-width: 30em) {
  .footer__mm-30 {
    margin-top: 3rem; } }

.footer__flex-item ul li {
  color: #0B2540; }

.section-feature-highlight-section {
  position: relative; }

.section-feature-highlight {
  width: 108rem;
  margin: 0 auto;
  padding: 12.8rem 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-feature-highlight {
      width: 100%;
      margin: 0;
      padding: 6.4rem 3rem; } }
  .section-feature-highlight__flex-container {
    display: flex; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-container {
        flex-direction: column; } }
  .section-feature-highlight__flex-item-left {
    width: 25%;
    margin-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-left {
        width: 100%; } }
  .section-feature-highlight__flex-item-right {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-right {
        width: 100%; } }
  .section-feature-highlight__flex-item-mcopy {
    margin-bottom: 3rem; }
    .section-feature-highlight__flex-item-mcopy h1 {
      margin-bottom: 4rem; }
    .section-feature-highlight__flex-item-mcopy p {
      margin-bottom: 0; }
  .section-feature-highlight__flex-item-testimonial {
    background-color: #FFFFFF;
    padding: 3rem;
    border-radius: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-testimonial {
        margin-bottom: 3rem; } }
    .section-feature-highlight__flex-item-testimonial p {
      font-size: 1.5rem;
      margin-bottom: 0;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight__flex-item-testimonial p {
          line-height: 2; } }
    .section-feature-highlight__flex-item-testimonial img {
      display: block;
      margin-bottom: 1.6rem; }
    .section-feature-highlight__flex-item-testimonial--footer {
      display: flex;
      margin-top: 1.6rem; }
    .section-feature-highlight__flex-item-testimonial--footer-img img {
      display: block;
      margin-right: 1rem;
      margin-bottom: 0; }
  .section-feature-highlight__flex-item-highlight {
    display: flex;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-highlight {
        flex-direction: column;
        padding: 2.5rem; } }
  .section-feature-highlight__flex-item-main-img img {
    display: block; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-main-img img {
        width: 100%; } }
  .section-feature-highlight__flex-item-p1 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-p1 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight__flex-item-p1 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight__flex-item-p1 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight__flex-item-p1 p {
          margin-bottom: 3rem; } }
    .section-feature-highlight__flex-item-p1 i {
      margin-right: .5rem; }
  .section-feature-highlight__flex-item-p2 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-p2 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight__flex-item-p2 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight__flex-item-p2 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight__flex-item-p2 p {
          margin-bottom: 3rem; } }
    .section-feature-highlight__flex-item-p2 i {
      margin-right: .5rem; }
  .section-feature-highlight__flex-item-p3 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight__flex-item-p3 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight__flex-item-p3 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight__flex-item-p3 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
    .section-feature-highlight__flex-item-p3 i {
      margin-right: .5rem; }
  .section-feature-highlight__flex-item-button {
    width: 100%;
    margin-top: 3rem;
    text-align: center;
    padding: 1rem;
    border-radius: .5rem;
    font-weight: 500;
    cursor: pointer;
    transition-duration: .5s; }
    .section-feature-highlight__flex-item-button:hover {
      background-color: #01ffa8; }

.section-feature-highlight-np {
  width: 108rem;
  margin: 0 auto;
  padding: 0rem 1.5rem 12.8rem 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-feature-highlight-np {
      width: 100%;
      margin: 0;
      padding: 0 3rem 6.4rem 3rem; } }
  .section-feature-highlight-np__flex-container {
    display: flex; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-container {
        flex-direction: column; } }
  .section-feature-highlight-np__flex-item-left {
    width: 25%;
    margin-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-left {
        width: 100%; } }
  .section-feature-highlight-np__flex-item-right {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-right {
        width: 100%; } }
  .section-feature-highlight-np__flex-item-mcopy {
    margin-bottom: 3rem; }
    .section-feature-highlight-np__flex-item-mcopy h1 {
      margin-bottom: 4rem; }
    .section-feature-highlight-np__flex-item-mcopy p {
      margin-bottom: 0; }
  .section-feature-highlight-np__flex-item-testimonial {
    background-color: #FFFFFF;
    padding: 3rem;
    border-radius: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-testimonial {
        margin-bottom: 3rem; } }
    .section-feature-highlight-np__flex-item-testimonial p {
      font-size: 1.5rem;
      margin-bottom: 0;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight-np__flex-item-testimonial p {
          line-height: 2; } }
    .section-feature-highlight-np__flex-item-testimonial img {
      display: block;
      margin-bottom: 1.6rem; }
    .section-feature-highlight-np__flex-item-testimonial--footer {
      display: flex;
      margin-top: 1.6rem; }
    .section-feature-highlight-np__flex-item-testimonial--footer-img img {
      display: block;
      margin-right: 1rem;
      margin-bottom: 0; }
  .section-feature-highlight-np__flex-item-highlight {
    display: flex;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: 1rem; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-highlight {
        flex-direction: column;
        padding: 2.5rem; } }
  .section-feature-highlight-np__flex-item-main-img img {
    display: block; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-main-img img {
        width: 100%; } }
  .section-feature-highlight-np__flex-item-p1 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-p1 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight-np__flex-item-p1 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight-np__flex-item-p1 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight-np__flex-item-p1 p {
          margin-bottom: 3rem; } }
    .section-feature-highlight-np__flex-item-p1 i {
      margin-right: .5rem; }
  .section-feature-highlight-np__flex-item-p2 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-p2 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight-np__flex-item-p2 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight-np__flex-item-p2 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
      @media only screen and (max-width: 30em) {
        .section-feature-highlight-np__flex-item-p2 p {
          margin-bottom: 3rem; } }
    .section-feature-highlight-np__flex-item-p2 i {
      margin-right: .5rem; }
  .section-feature-highlight-np__flex-item-p3 {
    padding-right: 3rem;
    width: 33.333333%; }
    @media only screen and (max-width: 30em) {
      .section-feature-highlight-np__flex-item-p3 {
        width: 100%;
        padding-right: 0; } }
    .section-feature-highlight-np__flex-item-p3 h2 {
      font-size: 1.9rem;
      font-weight: 400;
      margin-bottom: 1.4rem; }
    .section-feature-highlight-np__flex-item-p3 p {
      margin-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.6; }
    .section-feature-highlight-np__flex-item-p3 i {
      margin-right: .5rem; }
  .section-feature-highlight-np__flex-item-button {
    width: 100%;
    margin-top: 3rem;
    text-align: center;
    padding: 1rem;
    border-radius: .5rem;
    font-weight: 500;
    cursor: pointer;
    transition-duration: .5s; }
    .section-feature-highlight-np__flex-item-button:hover {
      background-color: #01ffa8; }

.header-desktop-hero {
  margin: 0 auto;
  max-width: 108rem;
  background-color: green;
  position: relative;
  height: 70rem; }

.header-navi {
  height: 6.7rem;
  background-color: yellow; }

.home-header {
  height: 93vh;
  background-image: url(/home/images/svg/lockstok_desktop_home_hero_clipped_path.svg);
  background-size: cover;
  background-position: right top;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 30em) {
    .home-header {
      background-image: url(/home/images/svg/lockstok_mobile_home_hero_clipped_path.svg);
      background-position: left top; } }
  .home-header__home-flex-container {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .home-header__hero-image {
    position: absolute;
    right: -224%;
    top: 50%;
    transform: translateY(-45%); }
    @media only screen and (max-width: 63.93em) {
      .home-header__hero-image {
        right: -252%; } }
    @media only screen and (max-width: 30em) {
      .home-header__hero-image {
        display: none; } }
  .home-header__hero-image--width {
    width: 100%; }
    @media only screen and (max-width: 63.93em) {
      .home-header__hero-image--width {
        width: 90%; } }
  .home-header__value-add-flex-container {
    display: flex;
    margin: 2rem 0 0 0; }
    @media only screen and (max-width: 30em) {
      .home-header__value-add-flex-container {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center; } }
  .home-header__value-add-flex-item:not(:last-child) {
    margin-right: 2rem; }
  .home-header__value-add-text {
    font-size: 1.4rem; }

@media only screen and (max-width: 30em) {
  .desktop-navi {
    display: none !important; } }

.desktop-navi__flex-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  height: 67px; }

.desktop-navi__logo-white {
  display: block; }

.desktop-navi__flex-item {
  display: flex; }

.desktop-navi__center-btns {
  transition: all .3s; }
  .desktop-navi__center-btns:not(:last-child) {
    margin-right: 40px; }
  .desktop-navi__center-btns:hover {
    opacity: 50%; }

.desktop-navi__right-btns:not(:last-child) {
  margin-right: 17px; }

.home-hero-heading-primary--main {
  color: #000000;
  display: block; }
  @media only screen and (max-width: 30em) {
    .home-hero-heading-primary--main {
      color: #FFFFFF; } }

.home-hero-heading-primary--sub {
  color: #425466;
  display: block; }
  @media only screen and (max-width: 30em) {
    .home-hero-heading-primary--sub {
      color: #FFFFFF; } }

.new-features-desktop-header {
  font-family: 'Roboto', sans-serif;
  font-size: 9.4rem;
  line-height: 1;
  margin-bottom: 3rem;
  font-weight: 700;
  letter-spacing: -3px;
  display: block; }
  @media only screen and (max-width: 30em) {
    .new-features-desktop-header {
      display: none; } }

.new-features-mobile-header {
  font-family: 'Roboto', sans-serif;
  font-size: 5.4rem;
  line-height: 1;
  margin-bottom: 3rem;
  font-weight: 700;
  letter-spacing: -3px;
  display: none; }
  @media only screen and (max-width: 30em) {
    .new-features-mobile-header {
      display: block; } }

.shopify-desktop-hero-header {
  background-image: url(/home/images/svg/lockstok_shopify_desktop_hero_background.svg);
  height: 93vh;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .shopify-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .shopify-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .shopify-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .shopify-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .shopify-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .shopify-desktop-hero-header {
      display: none; } }

.new-final-home-desktop-main-hero__sub-heading {
  display: none; }
  @media only screen and (max-width: 30em) {
    .new-final-home-desktop-main-hero__sub-heading {
      display: block;
      color: #FFFFFF;
      margin: 3rem 0; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.shopify-desktop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .shopify-desktop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .shopify-desktop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 70%;
    /*background-color: red;*/ }
  .shopify-desktop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /*background-color: aqua;*/
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translateY(-50%); }
    .shopify-desktop-main-hero__flex-item-rhs img {
      display: block; }
  .shopify-desktop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .shopify-desktop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 2rem 0;
    display: block; }
  .shopify-desktop-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: center;
    width: 80%; }
  .shopify-desktop-main-hero__value-add-flex-item {
    font-size: 1.4rem; }
  .shopify-desktop-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .shopify-desktop-main-hero__buttons {
    margin-top: 3rem; }
  .shopify-desktop-main-hero__success {
    display: none;
    background-color: #00d92438;
    border: 1px solid #00D924;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-desktop-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #00D924; }
  .shopify-desktop-main-hero__error {
    display: none;
    background-color: #fa011538;
    border: 1px solid #FA0115;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-desktop-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FA0115; }

.shopify-laptop-hero-header {
  background-image: url(/home/images/svg/lockstok_shopify_laptop_hero_background.svg);
  height: 93vh;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .shopify-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .shopify-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .shopify-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .shopify-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .shopify-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .shopify-laptop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.shopify-laptop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .shopify-laptop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .shopify-laptop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 50%;
    /*background-color: red;*/ }
  .shopify-laptop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    /*background-color: aqua;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%); }
    .shopify-laptop-main-hero__flex-item-rhs img {
      display: block;
      width: 85%; }
  .shopify-laptop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .shopify-laptop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 3rem; }
  .shopify-laptop-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: center;
    width: 80%; }
  .shopify-laptop-main-hero__value-add-flex-item {
    font-size: 1.4rem; }
  .shopify-laptop-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .shopify-laptop-main-hero__buttons {
    margin-top: 3rem; }
  .shopify-laptop-main-hero__success {
    display: none;
    background-color: #00d92438;
    border: 1px solid #00D924;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-laptop-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #00D924; }
  .shopify-laptop-main-hero__error {
    display: none;
    background-color: #fa011538;
    border: 1px solid #FA0115;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-laptop-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FA0115; }

.shopify-mobile-hero-header {
  background-image: url(/home/images/svg/lockstok_shopify_mobile_hero_background.svg);
  height: 96.2rem;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .shopify-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .shopify-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .shopify-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .shopify-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .shopify-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .shopify-mobile-hero-header {
      display: flex; } }

.mobile-main-navigation {
  /*background-color: greenyellow;*/
  padding: 0 3rem; }
  .mobile-main-navigation__flex-container {
    display: flex;
    align-items: center;
    height: 6.7rem;
    justify-content: space-between; }
  .mobile-main-navigation__flex-item-left a img {
    display: block; }

.shopify-mobile-main-hero {
  padding: 3rem 3rem 0 3rem; }
  .shopify-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .shopify-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    display: block; }
  .shopify-mobile-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    display: block;
    margin-bottom: 3rem; }
  .shopify-mobile-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 30em) {
      .shopify-mobile-main-hero__value-add-flex-container {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center; } }
  .shopify-mobile-main-hero__flex-item-rhs img {
    display: block; }
    @media only screen and (max-width: 30em) {
      .shopify-mobile-main-hero__flex-item-rhs img {
        position: absolute;
        bottom: 0; } }
  .shopify-mobile-main-hero__value-add-flex-item {
    font-size: 1.2rem; }
  .shopify-mobile-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .shopify-mobile-main-hero__success {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-mobile-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }
  .shopify-mobile-main-hero__error {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .shopify-mobile-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }

.home-desktop-hero-header {
  background-image: url(/home/images/svg/lockstok_home_desktop_hero_background.svg);
  height: 93vh;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .home-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .home-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .home-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .home-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .home-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .home-desktop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.home-desktop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .home-desktop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .home-desktop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 60%;
    /*background-color: red;*/ }
  .home-desktop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /*background-color: aqua;*/
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translateY(-50%); }
    .home-desktop-main-hero__flex-item-rhs img {
      display: block; }
  .home-desktop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
    @media only screen and (max-width: 118em) {
      .home-desktop-main-hero__prime-heading {
        font-size: 8.4rem; } }
    @media only screen and (max-width: 90em) {
      .home-desktop-main-hero__prime-heading {
        font-size: 8rem; } }
    @media only screen and (max-width: 30em) {
      .home-desktop-main-hero__prime-heading {
        font-size: 5.4rem;
        letter-spacing: -2px;
        color: #FFFFFF !important; } }
  .home-desktop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.6;
    margin: 3rem 0;
    display: block; }
    @media only screen and (max-width: 30em) {
      .home-desktop-main-hero__sub-heading {
        display: none; } }
  .home-desktop-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: center;
    width: 100%; }
    @media only screen and (max-width: 30em) {
      .home-desktop-main-hero__value-add-flex-container {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center; } }
  .home-desktop-main-hero__value-add-flex-item {
    font-size: 1.4rem; }
    @media only screen and (max-width: 30em) {
      .home-desktop-main-hero__value-add-flex-item {
        color: #FFFFFF; } }
  .home-desktop-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .home-desktop-main-hero__buttons {
    margin-top: 3rem; }
  .home-desktop-main-hero__success {
    display: none;
    background-color: #00d92438;
    border: 1px solid #00D924;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-desktop-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #00D924; }
  .home-desktop-main-hero__error {
    display: none;
    background-color: #fa011538;
    border: 1px solid #FA0115;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-desktop-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FA0115; }

.home-laptop-hero-header {
  background-image: url(/home/images/svg/lockstok_home_laptop_hero_background.svg);
  height: 93vh;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .home-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .home-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .home-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .home-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .home-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .home-laptop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.home-laptop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .home-laptop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .home-laptop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 50%;
    /*background-color: red;*/ }
  .home-laptop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    /*background-color: aqua;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%); }
    .home-laptop-main-hero__flex-item-rhs img {
      display: block;
      width: 85%; }
  .home-laptop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .home-laptop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 3rem; }
  .home-laptop-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: center;
    width: 80%; }
  .home-laptop-main-hero__value-add-flex-item {
    font-size: 1.4rem; }
  .home-laptop-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .home-laptop-main-hero__buttons {
    margin-top: 3rem; }
  .home-laptop-main-hero__success {
    display: none;
    background-color: #00d92438;
    border: 1px solid #00D924;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-laptop-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #00D924; }
  .home-laptop-main-hero__error {
    display: none;
    background-color: #fa011538;
    border: 1px solid #FA0115;
    width: 80%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-laptop-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FA0115; }

.home-mobile-hero-header {
  background-image: url(/home/images/svg/lockstok_shopify_mobile_hero_background.svg);
  height: 94.2rem;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .home-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .home-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .home-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .home-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .home-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .home-mobile-hero-header {
      display: flex; } }

.mobile-main-navigation {
  /*background-color: greenyellow;*/
  padding: 0 3rem; }
  .mobile-main-navigation__flex-container {
    display: flex;
    align-items: center;
    height: 6.7rem;
    justify-content: space-between; }
  .mobile-main-navigation__flex-item-left a img {
    display: block; }

.home-mobile-main-hero {
  padding: 3rem 3rem 0 3rem; }
  .home-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .home-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    display: block; }
  .home-mobile-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    display: block;
    margin-bottom: 3rem; }
  .home-mobile-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 30em) {
      .home-mobile-main-hero__value-add-flex-container {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center; } }
  .home-mobile-main-hero__flex-item-rhs img {
    display: block; }
    @media only screen and (max-width: 30em) {
      .home-mobile-main-hero__flex-item-rhs img {
        position: absolute;
        bottom: 0; } }
  .home-mobile-main-hero__value-add-flex-item {
    font-size: 1.2rem; }
  .home-mobile-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .home-mobile-main-hero__success {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-mobile-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }
  .home-mobile-main-hero__error {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .home-mobile-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }

.why-desktop-hero-header {
  height: 63vh;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .why-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .why-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .why-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .why-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .why-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .why-desktop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.why-desktop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .why-desktop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .why-desktop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 70%;
    /*background-color: red;*/ }
  .why-desktop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*background-color: aqua;*/
    position: absolute;
    top: 80%;
    left: 70%;
    transform: translateY(-50%); }
    .why-desktop-main-hero__flex-item-rhs img {
      display: block; }
  .why-desktop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .why-desktop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 3rem; }

.why-laptop-hero-header {
  height: 63vh;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .why-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .why-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .why-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .why-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .why-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .why-laptop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.why-laptop-main-hero {
  /*background-color: purple;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .why-laptop-main-hero__flex-container {
    /*background-color: peru;*/
    width: 108rem;
    display: flex;
    position: relative; }
  .why-laptop-main-hero__flex-item-lhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3rem 0 1.5rem;
    width: 50%;
    /*background-color: red;*/ }
  .why-laptop-main-hero__flex-item-rhs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /*background-color: aqua;*/
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateY(-50%); }
    .why-laptop-main-hero__flex-item-rhs img {
      display: block; }
  .why-laptop-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .why-laptop-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 3rem; }

.why-mobile-hero-header {
  background: #53fbdd;
  background: linear-gradient(150deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  height: 62.3rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .why-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .why-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .why-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .why-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .why-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .why-mobile-hero-header {
      display: flex; } }

.why-mobile-main-hero {
  margin: 3rem; }
  .why-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  @media only screen and (max-width: 30em) {
    .why-mobile-main-hero__flex-item-rhs img {
      position: absolute;
      bottom: 0; } }
  .why-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    display: block; }
  .why-mobile-main-hero__sub-heading {
    display: block;
    margin-bottom: 3rem; }

.features-mobile-submenu {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: .3rem;
  padding: .4rem;
  height: 100%;
  display: flex;
  flex-direction: column; }

.features-desktop-hero-header {
  height: 80vh;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .features-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .features-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .features-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .features-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .features-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .features-desktop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.features-desktop-main-head-section {
  width: 105rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.features-desktop-sub-menu {
  background-color: #FFFFFF;
  border-radius: .3rem;
  padding: .4rem; }
  .features-desktop-sub-menu__flex-container {
    display: flex;
    justify-content: space-evenly; }
  .features-desktop-sub-menu__onboarding-flex-item {
    flex-grow: 1; }
  .features-desktop-sub-menu__sowners-flex-item {
    flex-grow: 1; }
  .features-desktop-sub-menu__sellers-flex-item {
    flex-grow: 1; }
  .features-desktop-sub-menu__manage-flex-item {
    flex-grow: 1;
    margin-right: -4px; }
  .features-desktop-sub-menu__flex-header-item {
    font-size: 1.8rem;
    border-radius: .3rem;
    color: #FFFFFF;
    text-align: left;
    padding: 1rem 1.3rem;
    font-weight: 550; }
    .features-desktop-sub-menu__flex-header-item:not(:last-child) {
      margin-right: .4rem; }
  .features-desktop-sub-menu__flex-sub-item {
    background-color: #F6F9FC;
    padding: 1rem 1.3rem;
    margin: .4rem .4rem .4rem 0;
    border-radius: .3rem; }
    .features-desktop-sub-menu__flex-sub-item h5 {
      margin-bottom: 1.8rem; }
    .features-desktop-sub-menu__flex-sub-item ul {
      list-style: none; }
    .features-desktop-sub-menu__flex-sub-item ul li {
      margin-bottom: 1.4rem; }
    .features-desktop-sub-menu__flex-sub-item ul a {
      color: #0B2540; }
  .features-desktop-sub-menu__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px;
    display: block; }

.features-laptop-hero-header {
  height: 90vh;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .features-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .features-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .features-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .features-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .features-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .features-laptop-hero-header {
      display: none; } }

.main-navigation {
  /*background-color: green;*/
  width: 108rem;
  height: 6.7rem;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .main-navigation__flex-container {
    /*background-color: yellow;*/
    display: flex; }
  .main-navigation__flex-item-left {
    /*background-color: pink;*/
    display: flex;
    justify-content: flex-start; }
    .main-navigation__flex-item-left img {
      display: block; }
  .main-navigation__flex-item-center {
    /*(background-color: orangered;*/
    display: flex;
    justify-content: center;
    flex-grow: 2; }
    .main-navigation__flex-item-center a:not(:last-child) {
      margin-right: 3.9rem; }
  .main-navigation__flex-item-right {
    /*background-color: blue;*/
    display: flex;
    justify-content: flex-end; }
    .main-navigation__flex-item-right a:not(:last-child) {
      margin-right: 3.9rem; }

.features-laptop-main-head-section {
  width: 105rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.features-laptop-sub-menu {
  background-color: #FFFFFF;
  border-radius: .3rem;
  padding: .4rem; }
  .features-laptop-sub-menu__flex-container {
    display: flex;
    justify-content: space-evenly; }
  .features-laptop-sub-menu__onboarding-flex-item {
    flex-grow: 1; }
  .features-laptop-sub-menu__sowners-flex-item {
    flex-grow: 1; }
  .features-laptop-sub-menu__sellers-flex-item {
    flex-grow: 1; }
  .features-laptop-sub-menu__manage-flex-item {
    flex-grow: 1;
    margin-right: -4px; }
  .features-laptop-sub-menu__flex-header-item {
    border-radius: .3rem;
    color: #FFFFFF;
    text-align: left;
    padding: 1rem 1.3rem; }
    .features-laptop-sub-menu__flex-header-item:not(:last-child) {
      margin-right: .4rem; }
  .features-laptop-sub-menu__flex-sub-item {
    background-color: #F6F9FC;
    padding: 1rem 1.3rem;
    margin: .4rem .4rem .4rem 0;
    border-radius: .3rem; }
    .features-laptop-sub-menu__flex-sub-item h5 {
      margin-bottom: 1.8rem; }
    .features-laptop-sub-menu__flex-sub-item ul {
      list-style: none; }
    .features-laptop-sub-menu__flex-sub-item ul li {
      margin-bottom: 1.4rem; }
    .features-laptop-sub-menu__flex-sub-item ul a {
      color: #0B2540; }
  .features-laptop-sub-menu__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px;
    display: block; }

.features-mobile-hero-header {
  background-image: url(/home/images/svg/lockstok_shopify_mobile_hero_background.svg);
  height: 126rem;
  /*background-color: orange;*/
  background-size: cover;
  background-position: right top;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .features-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .features-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .features-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .features-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .features-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .features-mobile-hero-header {
      display: flex; } }

.features-mobile-main-hero {
  padding: 3rem 3rem 0 3rem; }
  .features-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .features-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    display: block; }
  .features-mobile-main-hero__sub-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    display: block;
    margin-bottom: 3rem; }
  .features-mobile-main-hero__value-add-flex-container {
    /*background-color: greenyellow;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 3rem; }
  .features-mobile-main-hero__flex-item-rhs img {
    display: block; }
  .features-mobile-main-hero__value-add-flex-item {
    font-size: 1.2rem; }
  .features-mobile-main-hero__value-add-flex-item:not(:last-child) {
    margin-right: 2.7rem; }
  .features-mobile-main-hero__success {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .features-mobile-main-hero__success p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }
  .features-mobile-main-hero__error {
    display: none;
    background-color: #ffffff38;
    border: 1px solid #ffffff;
    width: 100%;
    padding: .6rem;
    line-height: 1;
    margin-bottom: 3rem;
    border-radius: .7rem; }
    .features-mobile-main-hero__error p {
      text-align: center;
      margin-bottom: 0;
      color: #FFFFFF; }

.features-mobile-main-head-section {
  width: 105rem;
  margin: 0 auto;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%); }

.features-mobile-sub-menu {
  background-color: #FFFFFF;
  border-radius: .3rem;
  padding: .4rem; }
  .features-mobile-sub-menu__flex-container {
    display: flex;
    justify-content: space-evenly; }
  .features-mobile-sub-menu__manage-flex-item {
    margin-right: -4px; }
  .features-mobile-sub-menu__flex-header-item {
    border-radius: .3rem;
    color: #FFFFFF;
    text-align: left;
    padding: 1rem 1.3rem;
    font-weight: 500; }
    .features-mobile-sub-menu__flex-header-item:not(:last-child) {
      margin-right: 0; }
  .features-mobile-sub-menu__flex-sub-item {
    background-color: #F6F9FC;
    padding: 1rem 1.3rem;
    margin: .4rem .4rem .4rem 0;
    border-radius: .3rem; }
    .features-mobile-sub-menu__flex-sub-item h5 {
      margin-bottom: 1.8rem; }
    .features-mobile-sub-menu__flex-sub-item ul {
      list-style: none; }
    .features-mobile-sub-menu__flex-sub-item ul li {
      margin-bottom: 1.4rem; }
    .features-mobile-sub-menu__flex-sub-item ul a {
      color: #0B2540; }
  .features-mobile-sub-menu__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }

.li-mrgn-rmv {
  margin-bottom: 0 !important; }

.register-desktop-hero-header {
  height: 6.7rem;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .register-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .register-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .register-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .register-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .register-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .register-desktop-hero-header {
      display: none; } }

.register-laptop-hero-header {
  height: 6.7rem;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .register-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .register-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .register-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .register-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .register-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .register-laptop-hero-header {
      display: none; } }

.register-mobile-hero-header {
  background: white;
  background: linear-gradient(131deg, #53fbdd 5%, #5836e5 60%, #8055ff 100%);
  height: 39.2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .register-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .register-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .register-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .register-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .register-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .register-mobile-hero-header {
      display: flex; } }

.register-mobile-main-hero {
  margin: 3rem; }
  .register-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .register-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 9.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -3px; }
  .register-mobile-main-hero__sub-heading {
    display: block;
    margin-bottom: 3rem; }

@media only screen and (max-width: 30em) {
  .mobile-display {
    display: none; } }

.contact-desktop-hero-header {
  height: 6.7rem;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .contact-desktop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 90em) {
    .contact-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .contact-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .contact-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .contact-desktop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .contact-desktop-hero-header {
      display: none; } }

.contact-laptop-hero-header {
  height: 6.7rem;
  background: #53fbdd;
  background: linear-gradient(90deg, #53fbdd 0%, #5836e5 46%, #8055ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .contact-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .contact-laptop-hero-header {
      display: flex; } }
  @media only screen and (max-width: 67.5em) {
    .contact-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .contact-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .contact-laptop-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .contact-laptop-hero-header {
      display: none; } }

.contact-mobile-hero-header {
  background: white;
  background: linear-gradient(131deg, #53fbdd 5%, #5836e5 60%, #8055ff 100%);
  height: 39.2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; }
  @media only screen and (max-width: 118em) {
    .contact-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 90em) {
    .contact-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 67.5em) {
    .contact-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 63.93em) {
    .contact-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 47.93em) {
    .contact-mobile-hero-header {
      display: none; } }
  @media only screen and (max-width: 30em) {
    .contact-mobile-hero-header {
      display: flex; } }

.contact-mobile-main-hero {
  margin: 3rem; }
  .contact-mobile-main-hero__flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .contact-mobile-main-hero__prime-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    display: block; }
  .contact-mobile-main-hero__sub-heading {
    display: block;
    margin-bottom: 3rem; }

.communication-support {
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .communication-support {
      padding: 6.4rem 0; } }
  .communication-support__flex-container {
    display: flex;
    flex-direction: row;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .communication-support__flex-container {
        flex-direction: column; } }
  .communication-support__flex-item-lft {
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .communication-support__flex-item-lft {
        padding: 0 3rem 0 3rem; } }
  .communication-support__flex-item-rgt {
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .communication-support__flex-item-rgt {
        padding: 0 3rem 0 3rem; } }

.section-features-list {
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-features-list {
      padding: 6.4rem 0; } }
  .section-features-list__list-flex-container {
    display: flex;
    align-items: center; }
  .section-features-list__header {
    max-width: 108rem;
    margin: 0 auto;
    padding: 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-features-list__header {
        padding: 0 3rem; } }
    .section-features-list__header h2 {
      margin-bottom: 4rem; }
    .section-features-list__header p {
      margin-bottom: 7rem; }
  @media only screen and (max-width: 30em) {
    .section-features-list {
      padding: 6.4rem 0; } }
  .section-features-list__flex-container {
    display: flex;
    flex-direction: column;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-features-list__flex-container {
        margin: 0 3rem; } }
  .section-features-list__flex-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 6.4rem; }
    @media only screen and (max-width: 30em) {
      .section-features-list__flex-item {
        flex-direction: column; } }
    .section-features-list__flex-item__header {
      width: 25%;
      /* background-color: green; */
      margin: 0 3rem 0 0; }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__header h5 {
          font-size: 2.5rem; } }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__header {
          margin: 0 0 3rem 0; } }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__header {
          width: 100%; } }
      .section-features-list__flex-item__header__container {
        display: flex; }
      .section-features-list__flex-item__header__border {
        margin-right: 1.5rem;
        width: .1rem; }
        @media only screen and (max-width: 30em) {
          .section-features-list__flex-item__header__border {
            margin-right: 3rem; } }
    .section-features-list__flex-item__body {
      width: 50%;
      /* background-color: blue; */
      margin: 0 3rem 0 0;
      padding-left: 1.5rem; }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__body {
          width: 100%;
          padding: 0 0 0 3rem;
          margin-bottom: 3rem; } }
      .section-features-list__flex-item__body p {
        margin-bottom: 0;
        font-size: 1.5rem; }
    .section-features-list__flex-item__img {
      width: 25%;
      /* background-color: pink; */
      margin: 0; }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__img {
          width: 100%; } }
      .section-features-list__flex-item__img img {
        width: 100%;
        height: 100%;
        display: block; }
    .section-features-list__flex-item__check {
      width: 25%;
      /* background-color: pink; */
      margin: 0; }
      @media only screen and (max-width: 30em) {
        .section-features-list__flex-item__check {
          width: 80%;
          margin-left: 3rem; } }
      .section-features-list__flex-item__check h6 {
        padding-left: 1.5rem; }

.section-branding-recognition {
  width: 108rem;
  margin: 0 auto;
  padding: 12.8rem 1.5rem 12.8rem 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-branding-recognition {
      width: 100%;
      margin: 0;
      padding: 6.6rem 3rem 6.4rem 3rem; } }
  .section-branding-recognition h1 {
    margin-bottom: 4rem; }
  .section-branding-recognition__flex-container-logo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center; }
  .section-branding-recognition__flex-item-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 10rem; }
    @media only screen and (max-width: 30em) {
      .section-branding-recognition__flex-item-logo {
        width: 50%; } }
    @media only screen and (max-width: 30em) {
      .section-branding-recognition__flex-item-logo img {
        width: 80%; } }
  .section-branding-recognition hr {
    margin: 4rem 0 6rem 0;
    border: 1px dashed #BDC6D2; }
  .section-branding-recognition__flex-container-info {
    display: flex; }
    @media only screen and (max-width: 30em) {
      .section-branding-recognition__flex-container-info {
        flex-direction: column; } }
  .section-branding-recognition__flex-item-info:not(:last-child) {
    margin-bottom: 4rem; }
  .section-branding-recognition__flex-item-info p {
    padding-left: 1.5rem;
    padding-right: 3rem;
    margin-bottom: 0; }

@media only screen and (max-width: 30em) {
  .br-04 img {
    width: 40% !important; } }

.mrgn-extra {
  margin-bottom: 3rem !important; }

.mrgn-extra-top {
  margin-top: 1.8rem; }

@media only screen and (max-width: 30em) {
  .testi-header {
    letter-spacing: 0;
    font-size: 2rem;
    line-height: 1.5; } }

@media only screen and (max-width: 30em) {
  .mrg-btn-neg {
    margin-bottom: 3rem !important; } }

.section-brands__logo-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 30em) {
    .section-brands__logo-flex-container {
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center; } }

.section-brands__info-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  @media only screen and (max-width: 30em) {
    .section-brands__info-flex-container {
      flex-wrap: nowrap;
      flex-direction: column; } }

@media only screen and (max-width: 30em) {
  .section-brands__logo-flex-item:not(:last-child) {
    margin-bottom: 2rem; } }

.section-brands__logo-flex-item img {
  display: block;
  width: 60%; }
  @media only screen and (max-width: 30em) {
    .section-brands__logo-flex-item img {
      display: inline-block;
      width: 50%; } }

.section-brands__info-flex-item {
  width: 25%;
  padding-right: 3rem; }
  @media only screen and (max-width: 30em) {
    .section-brands__info-flex-item {
      width: 100%;
      padding-right: 0; } }

@media only screen and (max-width: 30em) {
  .section-brands__mm-2 {
    margin-bottom: 4rem; } }

@media only screen and (max-width: 30em) {
  .section-brands__mp-3 {
    padding-right: 3rem; } }

.section-brands hr {
  margin: 6.5rem 0;
  border: 1px dashed #BDC6D2; }

.section-brands h1 {
  margin-bottom: 6.9rem; }

.section-brands__info-head {
  border-left: 1px solid #8055FF;
  margin-bottom: 2rem;
  padding-left: 1.5rem;
  color: #0B2540; }

.section-key-features {
  padding: 12.8rem 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  position: relative; }
  .section-key-features__light-ray-rhs {
    position: absolute;
    top: -5rem;
    right: 0; }
    @media only screen and (max-width: 67.5em) {
      .section-key-features__light-ray-rhs {
        width: 10%; } }
    @media only screen and (max-width: 63.93em) {
      .section-key-features__light-ray-rhs {
        top: -4rem; } }
    @media only screen and (max-width: 47.93em) {
      .section-key-features__light-ray-rhs {
        width: 15%;
        top: -4rem; } }
    @media only screen and (max-width: 30em) {
      .section-key-features__light-ray-rhs {
        width: 25%; } }
  .section-key-features p {
    flex-grow: 1; }
    @media only screen and (max-width: 30em) {
      .section-key-features p {
        flex-grow: 0;
        margin-bottom: 1.2rem; } }
  .section-key-features__header {
    max-width: 108rem;
    margin: 0 auto;
    padding: 0 1.5rem; }
    @media only screen and (max-width: 67.5em) {
      .section-key-features__header {
        margin: 0; } }
    @media only screen and (max-width: 47.93em) {
      .section-key-features__header {
        padding: 0 3rem; } }
    @media only screen and (max-width: 30em) {
      .section-key-features__header {
        padding: 0 3rem; } }
    .section-key-features__header h1 {
      padding-bottom: 3.7rem; }
    .section-key-features__header h3 {
      padding-bottom: 1rem; }
  .section-key-features__footer {
    max-width: 108rem;
    margin: 0 auto;
    padding: 0 1.5rem; }
    @media only screen and (max-width: 67.5em) {
      .section-key-features__footer {
        margin: 0; } }
  .section-key-features__flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 67.5em) {
      .section-key-features__flex-container {
        margin: 0; } }
    @media only screen and (max-width: 47.93em) {
      .section-key-features__flex-container {
        justify-content: flex-start;
        padding: 0 1.5rem; } }
    @media only screen and (max-width: 30em) {
      .section-key-features__flex-container {
        flex-wrap: nowrap;
        flex-direction: column; } }
  .section-key-features__flex-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 25%;
    min-height: 24.8rem;
    padding: 0 3rem 0 1.5rem;
    margin-bottom: 6rem; }
    @media only screen and (max-width: 47.93em) {
      .section-key-features__flex-item {
        width: 33.333%; } }
    @media only screen and (max-width: 30em) {
      .section-key-features__flex-item {
        width: 100%;
        padding: 0 1.5rem 0 1.5rem;
        min-height: auto; } }
    .section-key-features__flex-item h3 {
      margin-bottom: .5rem; }
  .section-key-features__icon {
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 30em) {
      .section-key-features__icon {
        width: 11%; } }

.section-testimonials {
  position: relative; }
  .section-testimonials__light-ray-lhs {
    position: absolute;
    top: -11rem;
    left: 0; }
    @media only screen and (max-width: 67.5em) {
      .section-testimonials__light-ray-lhs {
        width: 11%;
        top: -8rem; } }
    @media only screen and (max-width: 47.93em) {
      .section-testimonials__light-ray-lhs {
        width: 15%; } }
    @media only screen and (max-width: 30em) {
      .section-testimonials__light-ray-lhs {
        width: 25%;
        top: -6rem; } }
  .section-testimonials__flex-container {
    display: flex;
    background-image: linear-gradient(to bottom right, #53FBDD, #5836E5, #8055FF);
    box-shadow: 0px 1.8rem 2.5rem #BDC6D2;
    padding: 1.3rem;
    border-radius: .8rem;
    justify-content: center; }
    @media only screen and (max-width: 30em) {
      .section-testimonials__flex-container {
        flex-direction: column; } }
  .section-testimonials__flex-item--left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem;
    margin-right: .65rem;
    background-color: rgba(0, 0, 0, 0.2);
    width: 50%; }
    @media only screen and (max-width: 30em) {
      .section-testimonials__flex-item--left {
        width: 100%;
        margin-right: 0;
        padding: 3rem 3rem; } }
    .section-testimonials__flex-item--left h1 {
      font-size: 3.8rem;
      line-height: 1.3; }
      @media only screen and (max-width: 30em) {
        .section-testimonials__flex-item--left h1 {
          font-size: 2.2rem;
          line-height: 1.8; } }
  .section-testimonials__flex-item--right {
    margin-left: .65rem;
    background-color: #FFFFFF;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 30em) {
      .section-testimonials__flex-item--right {
        width: 100%;
        margin-top: 2rem;
        margin-left: 0; } }
    .section-testimonials__flex-item--right img {
      display: block;
      height: 100%; }
      @media only screen and (max-width: 30em) {
        .section-testimonials__flex-item--right img {
          width: 100%; } }

.title-mrgn {
  border-left: 0.1rem solid #5836E5;
  line-height: 1;
  padding-left: 1.5rem; }
  @media only screen and (max-width: 30em) {
    .title-mrgn {
      margin-bottom: .5rem !important; } }

.section-how-features h1 {
  margin: 0 0 3.7rem 0; }

.section-how-features h3 {
  margin-bottom: 1rem; }

.section-how-features__header {
  max-width: 108rem;
  margin: 0 auto;
  padding: 12.8rem 1.5rem 0 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-how-features__header {
      padding: 6.4rem 3rem 0 3rem; } }

.section-how-features__flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
  max-width: 108rem;
  margin: 0 auto;
  padding-bottom: 12.8rem; }
  @media only screen and (max-width: 30em) {
    .section-how-features__flex-container {
      padding-bottom: 6.4rem;
      flex-wrap: nowrap;
      flex-direction: column; } }

.section-how-features__flex-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 25%;
  padding: 0 3rem 0 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-how-features__flex-item:nth-of-type(2), .section-how-features__flex-item:nth-of-type(1), .section-how-features__flex-item:nth-of-type(3) {
      margin: 0 0 6rem 0; } }
  @media only screen and (max-width: 30em) {
    .section-how-features__flex-item {
      width: 100%;
      padding: 0 3rem 0 3rem; } }
  .section-how-features__flex-item img {
    padding-left: 1.5rem;
    margin: 0 0 2.5rem 0; }
    @media only screen and (max-width: 30em) {
      .section-how-features__flex-item img {
        width: 16%; } }
  .section-how-features__flex-item p {
    margin: 0;
    padding-left: 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-how-features__flex-item p {
        margin: 0; } }

.section-ui-highlight-pb {
  padding: 0 0 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-ui-highlight-pb {
      padding: 6.4rem 0; } }
  .section-ui-highlight-pb__flex-container {
    display: flex;
    flex-direction: row;
    max-width: 108rem;
    margin: 0 auto;
    padding-bottom: 10rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight-pb__flex-container {
        flex-direction: column;
        padding-bottom: 3.2rem; } }
  .section-ui-highlight-pb__flex-item-sml {
    /*background-color: green;*/
    width: 25%;
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight-pb__flex-item-sml {
        width: 100%;
        padding: 0 3rem 0 3rem; } }
    .section-ui-highlight-pb__flex-item-sml h3 {
      margin-bottom: 1rem; }
    .section-ui-highlight-pb__flex-item-sml h1 {
      margin-bottom: 4rem; }
  .section-ui-highlight-pb__flex-item-lrg {
    /*background-color: pink;*/
    flex-grow: 1; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight-pb__flex-item-lrg {
        margin: 0 1.5rem; } }
    .section-ui-highlight-pb__flex-item-lrg img {
      width: 100%;
      height: 100%;
      display: block; }
  .section-ui-highlight-pb__flex-container-b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight-pb__flex-container-b {
        flex-direction: column; } }
  .section-ui-highlight-pb__testimonial-footer {
    display: flex; }
  .section-ui-highlight-pb__testimonial-Flex-item-lft img {
    margin-right: 1rem; }
  .section-ui-highlight-pb__flex-item-b {
    width: 25%;
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight-pb__flex-item-b {
        width: 100%;
        padding: 0 3rem 0 3rem; } }
    .section-ui-highlight-pb__flex-item-b h2 {
      margin-bottom: 2.4rem; }
    .section-ui-highlight-pb__flex-item-b:first-child {
      background-color: #FFFFFF;
      border-radius: 1rem;
      padding: 2rem 1.5rem; }
      @media only screen and (max-width: 30em) {
        .section-ui-highlight-pb__flex-item-b:first-child {
          width: 84%;
          margin-left: 3rem;
          margin-bottom: 6.4rem; } }
    .section-ui-highlight-pb__flex-item-b img {
      display: block;
      padding: 0 0 1.5rem 0; }

.section-ui-highlight {
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-ui-highlight {
      padding: 6.4rem 0; } }
  .section-ui-highlight__flex-container {
    display: flex;
    flex-direction: row;
    max-width: 108rem;
    margin: 0 auto;
    padding-bottom: 10rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight__flex-container {
        flex-direction: column;
        padding-bottom: 3.2rem; } }
  .section-ui-highlight__flex-item-sml {
    /*background-color: green;*/
    width: 25%;
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight__flex-item-sml {
        width: 100%;
        padding: 0 3rem 0 3rem; } }
    .section-ui-highlight__flex-item-sml h3 {
      margin: 0 0 1rem 0; }
    .section-ui-highlight__flex-item-sml h1 {
      margin-bottom: 4rem; }
  .section-ui-highlight__flex-item-lrg {
    /*background-color: pink;*/
    flex-grow: 1; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight__flex-item-lrg {
        margin: 0 1.5rem; } }
    .section-ui-highlight__flex-item-lrg img {
      width: 100%;
      height: 100%;
      display: block; }
  .section-ui-highlight__flex-container-b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight__flex-container-b {
        flex-direction: column; } }
  .section-ui-highlight__testimonial-footer {
    display: flex; }
  .section-ui-highlight__testimonial-Flex-item-lft img {
    margin-right: 1rem; }
  .section-ui-highlight__flex-item-b {
    width: 25%;
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-ui-highlight__flex-item-b {
        width: 100%;
        padding: 0 3rem 0 3rem; } }
    .section-ui-highlight__flex-item-b h2 {
      margin-bottom: 2.4rem; }
    .section-ui-highlight__flex-item-b:first-child {
      background-color: #FFFFFF;
      border-radius: 1rem;
      padding: 2rem 1.5rem; }
      @media only screen and (max-width: 30em) {
        .section-ui-highlight__flex-item-b:first-child {
          width: 84%;
          margin-left: 3rem;
          margin-bottom: 6.4rem; } }
    .section-ui-highlight__flex-item-b img {
      display: block;
      padding: 0 0 1.5rem 0; }

.section-resources {
  padding: 12.8rem 0;
  position: relative; }
  @media only screen and (max-width: 30em) {
    .section-resources {
      padding: 6.4rem 0; } }
  .section-resources__flex-container {
    display: flex;
    flex-direction: row;
    max-width: 108rem;
    margin: 0 auto 4.1rem auto; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-container {
        flex-direction: column; } }
  .section-resources__flex-item-left {
    width: 50%;
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-left {
        width: 100%;
        padding: 0 3rem 0 3rem; } }
    .section-resources__flex-item-left h1 {
      margin-bottom: 4rem; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-left h3 {
        margin: 0 0 1rem 0; } }
  .section-resources__flex-item-rgt {
    width: 50%;
    padding: 0 1.5rem 0 0; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-rgt {
        width: 90%;
        padding: 0;
        margin-left: 3rem; } }
    .section-resources__flex-item-rgt img {
      width: 100%;
      height: 100%;
      display: block; }
      @media only screen and (max-width: 30em) {
        .section-resources__flex-item-rgt img {
          width: 82%; } }
  .section-resources__flex-container-b {
    display: flex;
    flex-direction: row;
    max-width: 108rem;
    margin: 0 auto; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-container-b {
        flex-direction: column; } }
  .section-resources__flex-item-b {
    padding: 0 3rem 0 1.5rem; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-b {
        margin-bottom: 3rem;
        padding: 0 3rem 0 3rem; } }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-b button {
        margin-bottom: 2rem; } }
    .section-resources__flex-item-b h2 {
      margin-bottom: 2.4rem; }
    @media only screen and (max-width: 30em) {
      .section-resources__flex-item-b p {
        margin-bottom: 1.2rem; } }

.section-features__flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  @media only screen and (max-width: 30em) {
    .section-features__flex-container {
      flex-direction: column; } }

.section-features__flex-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50%;
  padding: 0 3rem 0 1.5rem;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 30em) {
    .section-features__flex-item:nth-child(4) {
      margin-bottom: 3.3rem; } }
  @media only screen and (max-width: 30em) {
    .section-features__flex-item {
      width: 100%;
      padding: 0; } }
  .section-features__flex-item h1 {
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 30em) {
      .section-features__flex-item h1 {
        font-size: 2.4rem;
        font-weight: 500;
        letter-spacing: -.2px;
        margin-bottom: 1.5rem; } }
  .section-features__flex-item p {
    margin-bottom: 0; }

.section-features__h3 {
  padding-bottom: 1rem;
  margin-left: 1.5rem; }
  @media only screen and (max-width: 30em) {
    .section-features__h3 {
      margin-left: 0; } }