#landing #join {
  z-index: 100;
}
#landing #footer.transfers .wrapper {
  background-color: #291361;
}
#landing #hero_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
}
#landing #hero_video video {
  width: 100%;
  height: auto;
}
#landing #hero_video:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../bg_grid.png);
  background-repeat: repeat;
  top: 0;
  left: 0;
}
#landing ._top {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#landing ._top h2 {
  color: #291361;
  font-size: 3.4rem;
  font-weight: 600;
  text-align: center;
  max-width: 20em;
  line-height: 1.2;
  margin-bottom: 0.61em;
}
#landing ._top .desc {
  color: #291361;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
  max-width: 36em;
  text-align: center;
}
#landing .both_buttons {
  display: flex;
  gap: 3em;
  align-items: center;
}
#landing .land_btn {
  padding: 1em 2em;
  font-weight: 700;
  font-size: 1.8em;
  border-radius: 2em;
  display: flex;
  align-items: center;
  gap: 3em;
  background: #291361;
  color: #fff;
  justify-content: space-between;
  max-width: 18em;
  transition: background 0.6s;
}
#landing .land_btn ._icon {
  font-size: 1.6em;
}
#landing .land_btn._trial:hover {
  background: #5b44dd;
}
#landing .land_btn._demo {
  background: #fff;
  color: #291361;
}
#landing .land_btn._demo:hover {
  background: #fff;
}
#landing .land_btn:hover {
  background: #5b44dd !important;
  color: #fff;
}
#landing .logo {
  width: 28rem;
}
#landing .logo img {
  width: inherit;
  height: auto;
}
#landing .home_header .wrapper {
  position: relative;
  border-radius: 0;
  margin-top: -5rem;
  height: auto;
}
#landing .home_header ._main {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: auto;
  margin-top: 2em;
  gap: 4em;
  padding-bottom: 30vh;
  padding-top: 7vh;
  min-height: 100vh;
  margin: auto;
}
#landing .home_header ._main h1 {
  font-family: "Roboto";
  max-width: 15em;
  font-size: 6em;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.15;
}
#landing .home_header ._main .description {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: center;
}
#landing .home_header ._main .description p {
  line-height: 1.26;
  font-size: 2.8em;
  max-width: 35em;
  text-align: left;
}
#landing .home_header .wrapper::after {
  content: "";
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 0;
  position: relative;
  mix-blend-mode: multiply;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 90%);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#landing #cta_banner {
  margin-top: 10em;
}
#landing #cta_banner .image {
  height: 45em;
}
#landing #cta_banner.landing .desc {
  background-color: #291361;
  gap: 2em;
}
#landing #cta_banner.landing .desc h1 {
  margin: 0;
  font-size: 4.2em;
}
#landing #cta_banner.landing .desc p {
  font-size: 2.2em;
  line-height: 1.4;
}
#landing #cta_banner .land_btn {
  margin-top: 2em;
}
#landing #blue_section ._text {
  color: #fff;
  border-radius: 4rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15em 0 30em 0;
}
#landing #blue_section ._text h2 {
  font-size: 6rem;
  margin: auto;
  font-weight: 400;
  width: 90vw;
  max-width: 18em;
  line-height: 1.2;
  text-align: center;
}
#landing #blue_section ._text h2 span {
  color: #A9D9DE;
}
#landing .password_input {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
#landing .full_line {
  grid-column: 1/-1;
}
#landing .join_errors {
  margin: 1em 0 2em 0;
  font-size: 2.2em;
  color: #e63a1c;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landing #country {
  gap: 0.5em;
  z-index: 100;
}
#landing #country ._flag_icon {
  display: flex;
  align-items: center;
}
#landing .selector {
  position: absolute;
}
#landing .selector select {
  width: 15rem;
}
#landing ._mvc {
  box-shadow: rgba(0, 0, 0, 0.5) 0.41em 0.41em 1.3em -0.2em;
  background-color: #8E4EEE;
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  padding: 2em 2em;
  border-radius: 1em;
}
#landing ._mvc label {
  color: #fff;
  text-align: center;
  width: 100%;
}
#landing ._mvc label a {
  color: #fff;
}
#landing ._mvc.single_input input {
  border-bottom: solid 4px #fff;
  color: #fff;
}
#landing ._mvc .btn {
  margin-top: 1em;
  background: #fff;
  padding: 0.6em 1.4em;
  font-size: 1em;
  border-radius: 2em;
  font-weight: 700;
  cursor: pointer;
  color: #8E4EEE;
}
#landing ._mvc .mvc_fields {
  display: grid;
  grid-template-columns: repeat(4, 5rem);
  gap: 1rem;
  margin: auto;
}
#landing ._mvc .mvc_fields input {
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
}
#landing ._mvc._captcha {
  background-color: #291361;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landing ._mvc._captcha ._image {
  width: 25rem;
  margin-top: 1rem;
}
#landing ._mvc._captcha ._image img {
  width: 100%;
}
#landing ._mvc._captcha input {
  font-size: 5.8rem;
  font-weight: 700;
  text-align: center;
  padding: 0;
  display: flex;
  width: 3em;
}
#landing .submit_row.required .terms {
  background-color: #e63a1c;
}
#landing .submit_row.required label {
  color: #e63a1c;
}
#landing .submit_row.required label a {
  color: #e63a1c;
}
#landing #join_success {
  opacity: 0;
  padding-bottom: 20em;
  position: fixed;
  top: 0;
  lefT: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
  padding: 20px;
  background: rgba(0, 0, 0, 0.68);
}
#landing #join_success h2 {
  margin-bottom: 0;
  text-align: center;
}
#landing #join_success img {
  width: 5em;
  margin: 0;
}
#landing #join_success .desc {
  font-size: 3em;
  color: #291361;
  margin-bottom: 0em;
  max-width: 28em;
  line-height: 1.3;
  text-align: center;
}
#landing #join_success .btn {
  font-size: 2.2em;
  color: #fff;
  background-color: #291361;
  border-radius: 2em;
  padding: 1.2em 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#landing #join_success .btn:hover {
  background-color: #5b44dd;
}
#landing #join_success .wrapper {
  background-color: #fff;
  width: 100%;
  max-width: 120rem;
  margin: auto;
  align-items: center;
  gap: 2em;
  padding: 3em;
  display: flex;
  flex-direction: column;
}
#landing #join_success ._top_bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 0.4em;
}
#landing #join_success ._top_bar .c_btn {
  cursor: pointer;
}
#landing #phone_selector {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -3vh;
  height: 40vh;
  overflow: auto;
  width: 100vw;
  max-width: 200px;
  background: #fff;
  padding: 2em 0;
  border: solid 1px #eee;
}
#landing #phone_selector span {
  display: block;
  padding: 0.6em 2em;
  cursor: pointer;
}
#landing #phone_selector span:hover {
  background: #eee;
}

#sl_landing {
  margin-top: -19vh;
}
#sl_landing p {
  font-size: 1em !important;
  line-height: 1.2;
}
#sl_landing h3 {
  font-size: 3.6em;
  font-weight: 700;
}
#sl_landing .desc {
  font-size: 2.4em;
  display: flex;
  flex-direction: column;
  gap: 0.61em;
  margin-bottom: 1em;
}
#sl_landing .land_btn {
  max-width: 16em;
  background-color: #291361 !important;
  color: #fff !important;
}
#sl_landing .slideshow._main {
  grid-template-columns: 42% 1fr;
}
#sl_landing .slideshow._main ._left {
  gap: 3em;
}

#landing_clients {
  padding: 20em 0;
}
#landing_clients .clients_slide {
  -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 10% 90%, rgba(0, 0, 0, 0));
          mask: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 10% 90%, rgba(0, 0, 0, 0));
  margin-top: 10em;
}
#landing_clients .clients_slide .single_cl {
  width: 25em;
  height: 9em;
  padding: 1em 2em;
  box-sizing: content-box;
}
#landing_clients .clients_slide .single_cl img {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

#landing_details .details_list {
  display: flex;
  flex-direction: column;
  gap: 15em;
}
#landing_details .single_detail {
  display: flex;
  gap: 15em;
  align-items: center;
  margin: auto;
}
#landing_details .single_detail .desc {
  width: 47em;
  display: flex;
  gap: 3em;
  flex-direction: column;
}
#landing_details .single_detail .desc h3 {
  font-size: 3.4em;
  font-weight: 700;
  color: #291361;
  max-width: 85%;
  line-height: 1.24;
}
#landing_details .single_detail ul {
  list-style: disc;
  color: #291361;
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 0;
}
#landing_details .single_detail p, #landing_details .single_detail li {
  font-size: 2em;
  line-height: 1.4;
}
#landing_details .land_btn {
  max-width: 16em;
  background-color: #291361 !important;
  color: #fff !important;
  margin-top: 3em;
}
#landing_details .detail_image {
  border-radius: 1.5em;
  overflow: hidden;
  height: 53em;
  width: 70em;
}
#landing_details .detail_image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: inherit;
  height: inherit;
}
#landing_details .single_detail:nth-child(2) .detail_image {
  order: 1;
}
#landing_details .single_detail:nth-child(2) .desc {
  order: 2;
}

#land_statistic {
  margin: 25em 0 0 0;
  position: relative;
  z-index: 1;
}
#land_statistic .stats {
  display: grid;
  grid-template-columns: repeat(3, 43rem);
  gap: 1em;
  align-items: center;
  justify-content: center;
  margin: auto;
}
#land_statistic .stats .single_stat {
  font-size: 1rem;
  border-radius: 0;
  padding: 3em;
  background-color: #BC64FF;
  display: flex;
  flex-direction: column;
  gap: 1em;
  box-shadow: rgba(0, 0, 0, 0.6) 2em 2em 4em -2em;
}
#land_statistic .stats .single_stat h2 {
  font-weight: 700;
  color: #291361;
  font-size: 6em;
}
#land_statistic .stats .single_stat .desc {
  font-weight: 500;
  color: #fff;
  font-size: 2em;
  line-height: 1.4;
}
#land_statistic .stats .single_stat ._icon {
  margin-left: auto;
  color: #fff;
  font-size: 6em;
}
#land_statistic .stats .single_stat:first-child {
  background-color: #40228b;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}
#land_statistic .stats .single_stat:first-child h2 {
  color: #fff;
}
#land_statistic .stats .single_stat:nth-child(2) {
  background-color: #8E4EEE;
}
#land_statistic .stats .single_stat:nth-child(2) h2 {
  color: #291361;
}
#land_statistic .stats .single_stat:nth-child(2) ._icon {
  color: #291361;
}
#land_statistic .stats .single_stat:last-child {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

#landing_features {
  padding-top: 5em;
  margin-top: -22em;
}
#landing_features ._top {
  position: relative;
  z-index: 1;
}
#landing_features ._top h2 {
  color: #fff;
}
#landing_features .container {
  background: #291361;
  border-radius: 4em;
  padding-top: 24em;
  position: relative;
  overflow: hidden;
}
#landing_features .container:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../bg_grid.png);
  background-repeat: repeat;
  top: 0;
  left: 0;
  z-index: 0;
}
#landing_features .features_content {
  display: flex;
  flex-direction: column;
  gap: 0em;
  position: relative;
  z-index: 1;
}
#landing_features .features_content .single_ft {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9em;
  padding: 8em 0;
}
#landing_features .features_content .det {
  color: #fff;
  width: 60em;
}
#landing_features .features_content .det .desc {
  font-size: 2.4em;
  line-height: 1.4;
}
#landing_features .features_content .single_ft_image {
  border-radius: 1em;
  overflow: hidden;
  height: 60em;
  box-shadow: rgba(0, 0, 0, 0.6) 3em 3em 8em -2em;
}
#landing_features .features_content .single_ft_image img {
  height: inherit;
  width: auto;
}
#landing_features .features_content h3 {
  font-size: 3.4em;
  font-weight: 600;
  margin-bottom: 0.61em;
  color: #fff;
}
#landing_features .features_content .single_ft:first-child .single_ft_image {
  order: 1;
}
#landing_features .features_content .single_ft:first-child .det {
  order: 2;
}
#landing_features .features_content .single_ft:nth-child(2) {
  flex-direction: column;
  align-items: center;
  gap: 6em;
}
#landing_features .features_content .single_ft:nth-child(2) .single_ft_image {
  height: 70em;
}
#landing_features .features_content .single_ft:nth-child(2) .det {
  width: 100em;
}

#landing_testimonials {
  position: relative;
  z-index: 1;
  margin-top: -15rem;
}
#landing_testimonials h3 {
  font-size: 3.6rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1em;
}
#landing_testimonials .testimonials_sl_wrapper {
  display: grid;
  grid-template-columns: 8em 1fr 8em;
}
#landing_testimonials .sl_arrow {
  font-size: 1em;
  margin-top: 11em;
  color: #291361;
  cursor: pointer;
}
#landing_testimonials .sl_arrow:hover {
  color: #DCDBDB;
}
#landing_testimonials .sl_arrow span {
  font-size: 7em;
}
#landing_testimonials .sl_arrow._left {
  margin-left: auto;
}
#landing_testimonials .testies_slideshow {
  /* display: grid;
   grid-template-columns: repeat(3,32%);
   gap:2%; */
  width: 72vw;
  margin: auto;
  padding-bottom: 10em;
}
#landing_testimonials .testies_slideshow .single_testimonial {
  width: 24vw;
  padding: 0 2em;
  margin-bottom: 10em;
}
#landing_testimonials .testies_slideshow .single_testimonial > div {
  background-color: #fff;
  padding: 3em;
  border-radius: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
  box-shadow: rgba(0, 0, 0, 0.2) 2em 2em 2em -1.2em;
}
#landing_testimonials .testies_slideshow .single_testimonial > div .desc {
  font-size: 1.85em;
  font-weight: 400;
  line-height: 1.4;
}
#landing_testimonials .testies_slideshow .single_testimonial > div ._info {
  margin-top: auto;
}
#landing_testimonials .testies_slideshow .single_testimonial > div ._info h4 {
  display: flex;
  flex-direction: column;
  font-size: 1.85em;
  font-weight: 700;
  gap: 0.61em;
}
#landing_testimonials .testies_slideshow .single_testimonial > div ._info h4 small {
  font-size: 0.8em;
  font-weight: 400;
}

#demo_vid {
  margin: 0 0 0 0;
}
#demo_vid .container {
  position: relative;
}
#demo_vid .vid_cnt {
  position: relative;
  margin-top: 10em;
  box-shadow: rgba(0, 0, 0, 0.2) 3em 3em 4em -2em;
  background-color: #000;
  border-radius: 2em;
  overflow: hidden;
}
#demo_vid video {
  width: 100%;
  height: auto;
  opacity: 0.7;
  cursor: pointer;
}
#demo_vid #vid2_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.2;
  transition: opacity 0.6s;
}
#demo_vid #vid2_play ._icon {
  font-size: 16em;
  cursor: pointer;
}
#demo_vid #vid2_play ._icon:hover {
  color: #121C44;
}
#demo_vid.play_demo video {
  opacity: 1;
}
#demo_vid.play_demo #vid2_play {
  opacity: 0;
}
#demo_vid.show_btn #vid2_play {
  opacity: 1 !important;
}

#landing_faq {
  margin-top: 25em;
}
#landing_faq .faq_content {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 3em;
}
#landing_faq .single_faq {
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-bottom: 5em;
  border-bottom: solid 1px #DCDBDB;
  margin: 0;
  padding: 2em 0;
}
#landing_faq .single_faq h3 {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3;
  color: #291361;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
#landing_faq .single_faq .answer {
  font-size: 2.2em;
  font-weight: 400;
  color: #121212;
  line-height: 1.4;
  display: none;
}
#landing_faq .single_faq.show_answer {
  background-color: #f9f9f9;
  border-bottom: solid 0px #DCDBDB;
  box-shadow: rgba(0, 0, 0, 0.45) 3em 3em 4em -3em;
  border-radius: 3em;
  padding: 5em;
  margin: 2em 0;
}
#landing_faq .single_faq.show_answer .answer {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#landing_faq .single_faq.show_answer .faq_arrow {
  transform: rotate(180deg);
}
#landing_faq .faq_arrow {
  color: #291361;
}
#landing_faq .faq_arrow span {
  font-size: 2em;
}

@media (max-aspect-ratio: 1.5) {
  #landing #hero_video {
    min-height: 100vh;
  }
  #landing #hero_video video {
    height: 100%;
    width: auto;
    transform: translateX(-50%);
  }
  #landing #cta_banner.landing .desc {
    padding: 6em 4em;
  }
  #landing #blue_section ._text h2 {
    font-size: 4.5rem;
  }
  #sl_landing {
    margin-top: -10vh;
  }
}
@media (max-width: 1000px), (max-aspect-ratio: 1) {
  #landing ._top {
    max-width: 90vw;
    margin: auto;
  }
  #landing ._top h2 {
    font-size: 3.6rem;
    max-width: inherit;
  }
  #landing ._top h2 .desc {
    font-size: 2.1rem;
    max-width: inherit;
  }
  #landing .land_btn {
    font-size: 2.2rem;
  }
  #landing #cta_banner ._grid {
    grid-template-columns: 1fr;
  }
  #landing_details .single_detail {
    flex-direction: column;
    gap: 3em;
    width: 90%;
    margin: auto;
  }
  #landing_details .single_detail .desc {
    width: 100%;
    order: 2;
  }
  #landing_details .single_detail .desc h3 {
    font-size: 4rem;
  }
  #landing_details .single_detail p, #landing_details .single_detail li {
    font-size: 2.5em;
  }
  #landing_details .single_detail ul {
    padding-left: 3em;
  }
  #landing_details .single_detail .detail_image {
    width: 90vw;
    height: 35vw;
    margin: auto;
    order: 1;
  }
  #landing_details .land_btn {
    margin-top: 1em;
  }
  #landing_features .container {
    max-width: 100%;
    border-radius: 0;
  }
  #landing_features .features_content .det {
    width: 100%;
  }
  #landing_features .features_content .single_ft {
    width: 90vw;
    margin: auto;
  }
  #landing_features .features_content .single_ft .single_ft_image {
    width: 100%;
    height: auto;
  }
  #landing_features .features_content .single_ft .single_ft_image img {
    width: 100%;
    height: auto;
  }
  #landing_features .features_content .single_ft:nth-child(2) .det {
    width: 100%;
  }
  #landing_features .features_content .single_ft:nth-child(2) .single_ft_image {
    width: 100%;
    height: auto;
  }
  #landing_features .features_content .single_ft:nth-child(2) .single_ft_image img {
    width: 100%;
    height: auto;
  }
  #landing_features .features_content .single_ft:nth-child(3) .single_ft_image {
    width: 50%;
    height: auto;
  }
  #land_statistic .stats {
    grid-template-columns: 1fr;
    padding: 2em;
  }
  #land_statistic .stats .single_stat {
    flex-direction: row;
    border-radius: 2em;
  }
  #landing_testimonials .testies_slideshow {
    width: 86vw;
  }
  #landing_testimonials .testies_slideshow .single_testimonial {
    width: 43vw;
  }
}
@media (max-width: 1000px), (max-aspect-ratio: 0.7222222222) {
  #landing .home_header ._main {
    font-size: 0.8rem;
  }
  #landing .both_buttons {
    flex-direction: column;
    width: 100%;
  }
  #landing .land_btn {
    width: 100%;
    max-width: 100%;
  }
  #landing ._mvc {
    padding: 2em;
  }
  #landing #country {
    display: grid;
    grid-template-columns: 3em 3em 1fr;
    gap: 1em;
    align-items: center;
  }
  #landing #country label {
    grid-column: 1/-1;
  }
  #landing #country ._flag_icon {
    margin-left: 0;
    grid-column: 1/span 1;
    grid-row: 2/span 1;
  }
  #landing #country .tel_code {
    grid-column: 2/span 1;
    grid-row: 2/span 1;
  }
  #landing #country input {
    grid-column: 3/span 1;
    grid-row: 2/span 1;
  }
  #landing .selector {
    position: relative;
    grid-column: 1/span 2;
    grid-row: 2/span 1;
  }
  #landing .selector select {
    width: 15rem;
  }
  #landing #fleet_size {
    padding-bottom: 0.5em;
    border-bottom: solid 1px #DCDEE1;
    margin-bottom: 0.5em;
    border-radius: 0;
  }
  #landing #fleet_selector {
    width: 100%;
    height: 3em;
    padding: 0.5em;
  }
  #sl_landing h3 {
    font-size: 3em;
  }
  #sl_landing .desc {
    font-size: 2em;
  }
  #landing_features .features_content .single_ft {
    flex-direction: column;
  }
  #landing_features .features_content .single_ft:nth-child(2) .det {
    order: 2;
  }
  #landing_features .features_content .single_ft:nth-child(3) .det {
    order: 2;
  }
  #landing_testimonials .sl_arrow {
    display: none;
  }
  #landing_testimonials .testimonials_sl_wrapper {
    display: flex;
    grid-template-columns: 6vw 1fr 6vw;
  }
  #landing_testimonials .testies_slideshow {
    width: 86vw;
  }
  #landing_testimonials .testies_slideshow .single_testimonial {
    width: 86vw;
  }
}/*# sourceMappingURL=landing.css.map */