/**
 * _global.scss contains all global variables/color variables/layout variables
 * _main.scss is for the bulk of single page content
 * _form.scss is for the form
 * _header.scss is for header
 * _footer.scss is for footer
 * _swiper.scss is for slider carousel import
 *_carousels.scss are for the carousel overrides
 */
/* color vairable */
@import url(/resources/style/root.css);
/* responsive variable */
/* font import */
@import url(/resources/type/sharp-sans.css);
@import url(/resources/type/inter.css);
/* Import swiper */
/* Import other scss */
/*********
Animations
*********/
[data-aos=opac] {
  opacity: 0;
  transition-property: opacity;
}
[data-aos=opac].aos-animate {
  opacity: 1;
}

/* global variable */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html {
  scroll-behavior: smooth;
}

.content-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px;
}

img {
  width: 100%;
}

.btn, .form_block .hbspt-form .hs-button {
  border-radius: 80px;
  font-size: 16px;
  font-family: "Inter";
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  height: 54px;
  display: inline-block;
  justify-content: center;
  align-items: center;
  padding: 16px 45px;
  letter-spacing: 1.28px;
  transition: 0.2s background-color ease-in-out;
}

.btn-primary {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #4326c4;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #4326c4;
  color: #ffffff;
}

.btn-secondary, .form_block .hbspt-form .hs-button {
  border: 1px solid #4326c4;
  background-color: #4326c4;
  color: #ffffff;
}
.btn-secondary:hover, .form_block .hbspt-form .hs-button:hover, .btn-secondary:focus, .form_block .hbspt-form .hs-button:focus {
  background-color: #ffffff;
  color: #4326c4;
}

h2 {
  font-size: 50px;
  font-family: "SharpSans";
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  h2 {
    font-size: 40px;
  }
}

h4 {
  font-family: SharpSans;
  font-size: 26px;
  font-weight: 800;
}

p {
  font-size: 20px;
  font-family: "Inter";
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  p {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .hide-for-mobile {
    display: none !important;
  }
}

.show-for-tablet {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .show-for-tablet {
    display: inherit !important;
  }
}

.show-for-mobile {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .show-for-mobile {
    display: inherit !important;
  }
}

.show-for-desktop {
  display: inherit !important;
}
@media screen and (max-width: 1024px) {
  .show-for-desktop {
    display: none !important;
  }
}

/***********
Main Styles
***********/
.together_block {
  background-color: #e9f0f2;
}
.together_block .together_content-wrapper {
  max-width: 1160px;
  margin: 140px auto;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1024px) {
  .together_block .together_content-wrapper {
    margin: 50px auto;
    flex-direction: column;
    text-align: center;
  }
}
.together_block .together_video-container {
  width: 100%;
}
.together_block .together_video-container iframe {
  max-width: 560px;
  width: 80%;
}
.together_block .together_copy-container {
  display: inline-block;
  max-width: 560px;
  padding: 30px 0px 0px 40px;
}
@media screen and (max-width: 1024px) {
  .together_block .together_copy-container {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0px 0px 0px;
  }
}
.together_block .together_copy-container h2 {
  color: #4326c4;
}

.workplace_block {
  background-color: #4326c4;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .workplace_block .flex_wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.workplace_block h2 {
  margin: 86px 0px 42px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .workplace_block h2 {
    margin: 30px 0px 50px;
    flex-basis: 100%;
  }
}
.workplace_block .bullet-points {
  display: block;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .workplace_block .bullet-points {
    display: inline-block;
    width: inherit;
  }
}
.workplace_block .bullet-points .horizontal_bullets {
  position: absolute;
  max-width: 828px;
  width: 70%;
  transform: translate(-50%, 0px);
  left: 50%;
  top: 96px;
}
.workplace_block .bullet-points .vertical_bullets {
  height: 360px;
}
.workplace_block .workplace_card-container {
  display: flex;
  justify-content: center;
  margin: 0px 0px 90px;
}
@media screen and (max-width: 767px) {
  .workplace_block .workplace_card-container {
    flex-direction: column;
    width: 90%;
    padding-left: 18px;
    margin: 0px;
  }
}
.workplace_block .workplace_card {
  max-width: 320px;
  display: inline-block;
  text-align: center;
  margin: 0px 3%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .workplace_block .workplace_card {
    text-align: left;
    margin: 0px 3% 44px;
  }
}
.workplace_block .workplace_card h4 {
  display: inline-block;
  max-width: 250px;
  margin: 0px 0px 78px;
  min-height: 54px;
}
@media screen and (max-width: 1024px) {
  .workplace_block .workplace_card h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .workplace_block .workplace_card h4 {
    font-size: 14px;
    display: block;
    min-height: 0px;
    margin: 0px 0px 6px;
    max-width: 350px;
  }
}
.workplace_block .workplace_card .percentage {
  display: inline-block;
  font-family: SharpSans;
  font-size: 70px;
  font-weight: bold;
  margin: 0px 0px 10px;
}
@media screen and (max-width: 767px) {
  .workplace_block .workplace_card .percentage {
    font-size: 30px;
    margin: 0px;
  }
}
.workplace_block .workplace_card .number {
  width: 92px;
}
@media screen and (max-width: 767px) {
  .workplace_block .workplace_card .number {
    width: 40px;
  }
}
.workplace_block .workplace_card P {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  max-width: 320px;
}
@media screen and (max-width: 1024px) {
  .workplace_block .workplace_card P {
    font-size: 14px;
  }
}

.action_block {
  background-color: #e9f0f2;
}
.action_block .content-container {
  padding: 20px 0px;
}
.action_block h2 {
  text-align: center;
  margin: 88px 0px 46px;
}
.action_block .carousel_container {
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .action_block .swiper-slide {
    max-width: 460px;
  }
}
@media only screen and (min-width: 1280px) {
  .action_block .cards {
    flex-direction: initial;
    transform: none !important;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0 auto 70px;
    max-width: 1200px;
  }
}
.action_block .cards .card_copy-container {
  padding: 20px 20px 28px;
  min-height: 275px;
  margin-bottom: 40px;
}
.action_block .cards .card {
  max-width: 460px;
  margin: 20px auto 0px;
  background-color: #ffffff;
  border-radius: 30px;
  box-shadow: 0px 0px 30px rgba(24, 29, 73, 0.1);
}
.action_block .cards .card:hover, .action_block .cards .card:focus {
  box-shadow: 0px 0px 20px rgba(24, 29, 73, 0.4);
}
@media screen and (max-width: 1024px) {
  .action_block .cards .card {
    max-width: 304px;
  }
}
@media only screen and (min-width: 1280px) {
  .action_block .cards .card {
    display: inline-block;
  }
}
.action_block .cards h5 {
  font-size: 26px;
  font-family: "SharpSans";
  margin-bottom: 16px;
  height: 70px;
}
.action_block .cards p {
  font-family: "inter";
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 22px;
  height: 100px;
}
@media screen and (max-width: 450px) {
  .action_block .cards p {
    height: 170px;
  }
}
@media screen and (max-width: 767px) {
  .action_block .cards p {
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .action_block .cards p {
    max-width: 304px;
  }
}
.action_block .cards a {
  font-family: "Inter";
  font-weight: 700;
  color: #4326c4;
  font-size: 14px;
}
.action_block a {
  text-decoration: none;
}
.action_block .action_footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 70px;
}
.action_block .action_carousel-pagination {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1280px) {
  .action_block .action_carousel-pagination {
    display: none;
  }
}

.meet_block {
  background-color: #4326c4;
  color: #ffffff;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .meet_block {
    text-align: center;
  }
}
.meet_block .content-container {
  padding: 124px 140px 0px;
}
@media screen and (max-width: 1279px) {
  .meet_block .content-container {
    padding: 60px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .meet_block .content-container {
    padding: 50px 30px;
  }
}
.meet_block .meet_content-wrapper {
  display: flex;
  flex-direction: row;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .meet_block .meet_content-wrapper {
    flex-direction: column;
  }
}
.meet_block .meet_image-mobile {
  max-width: 432px;
  margin: 0 auto;
}
.meet_block .meet_copy-container {
  max-width: 460px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .meet_block .meet_copy-container {
    margin: 0 auto;
    max-width: 526px;
  }
}
.meet_block .meet_copy-container h2 {
  margin-bottom: 18px;
}
.meet_block .meet_copy-container p {
  font-family: Inter;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .meet_block .meet_copy-container p {
    font-size: 14px;
    line-height: 1.79;
  }
}

.testimonial_block {
  background-color: #e9f0f2;
  color: #000000;
  text-align: center;
}
.testimonial_block .testimonial_carousel-container {
  padding: 82px 0px;
}
@media screen and (max-width: 767px) {
  .testimonial_block .testimonial_carousel-container {
    padding: 40px 0px;
  }
}
.testimonial_block .testimonial {
  max-width: 1088px;
  margin: 0 auto;
}
.testimonial_block .testimonial_copy {
  font-family: "SharpSans";
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .testimonial_block .testimonial_copy {
    font-size: 26px;
  }
}
.testimonial_block .testimonial_copy span {
  color: #4326c4;
}
.testimonial_block .testimonial_name, .testimonial_block .testimonial_position {
  font-family: "Inter";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .testimonial_block .testimonial_name, .testimonial_block .testimonial_position {
    font-size: 18px;
  }
}
.testimonial_block .testimonial_name {
  font-weight: 800;
}

.form_block {
  background-color: #e3dff6;
}
.form_block .form_background {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/resources/images/backgrounds/form-background-desktop.png);
}
@media screen and (max-width: 1024px) {
  .form_block .form_background {
    background-image: url(/resources/images/backgrounds/form-background-tablet.png);
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .form_block .form_background {
    background-image: url(/resources/images/backgrounds/form-background-mobile.png);
    background-size: cover;
  }
}
.form_block .form_container {
  max-width: 560px;
  gap: 10px;
  margin: 132px 104px;
  padding: 46px 46px;
  border-radius: 20px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .form_block .form_container {
    margin: 115px 0px;
    padding: 44px 24px;
  }
}
@media screen and (max-width: 767px) {
  .form_block .form_container {
    margin: 50px 0px;
    padding: 44px 24px;
  }
}
.form_block .form_copy {
  margin: 0px 20px 40px 0px;
}
@media screen and (max-width: 1024px) {
  .form_block .form_copy {
    margin: 0px 20px 25px 0px;
  }
}
.form_block .form_copy h3 {
  font-family: "SharpSans";
  font-size: 50px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  margin-bottom: -10px;
}
@media screen and (max-width: 1024px) {
  .form_block .form_copy h3 {
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .form_block .form_copy h3 {
    font-size: 40px;
  }
}
.form_block .form_copy p {
  line-height: 1.6;
}
.form_block .hbspt-form label {
  font-family: "Inter";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
}
.form_block .hbspt-form input, .form_block .hbspt-form select {
  height: 50px;
  margin-bottom: 20px;
  padding: 10px 10px;
  border-radius: 4px;
  border: solid 1px #adb2b8;
}
.form_block .hbspt-form input:hover, .form_block .hbspt-form select:hover {
  border: solid 1px #4326c4;
}
.form_block .hbspt-form input:focus, .form_block .hbspt-form select:focus {
  border: solid 1px #4326c4;
}
.form_block .hbspt-form input[type=text]:focus, .form_block .hbspt-form input[type=text]:focus-visible {
  border: solid 2px #4326c4;
}
.form_block .hbspt-form .error {
  position: relative;
  border: solid 1px #ef435e !important;
}
.form_block .hbspt-form .error:after {
  content: "";
  display: inline-block;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url("/resources/images/icons/error.png");
}
.form_block .hbspt-form ::placeholder {
  color: #adb2b8;
  opacity: 1;
  /* Firefox */
}
.form_block .hbspt-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #adb2b8;
}
.form_block .hbspt-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #adb2b8;
}
.form_block .hbspt-form ul {
  margin-top: -16px;
  margin-bottom: 38px;
}
.form_block .hbspt-form li {
  color: #ef435e;
  list-style: none;
  text-align: right;
  margin-right: 30px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  margin: 6px 8px 0px;
  background-color: transparent;
  border: 1px solid #4326c4;
  opacity: 1;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
  background-color: #4326c4;
}

/************
Header Styles
*************/
header, .thanks_header {
  background-color: #4326c4;
}
header .content-container, .thanks_header .content-container {
  padding: 72px 148px;
}
@media screen and (max-width: 1279px) {
  header .content-container, .thanks_header .content-container {
    padding: 60px 80px;
  }
}
@media screen and (max-width: 1024px) {
  header .content-container, .thanks_header .content-container {
    padding: 50px 30px;
  }
}
header .top_logo-container, .thanks_header .top_logo-container {
  position: relative;
}
@media screen and (max-width: 1024px) {
  header .top_logo-container, .thanks_header .top_logo-container {
    text-align: center;
  }
}
header .top_logo-container .enablo_logo, .thanks_header .top_logo-container .enablo_logo {
  width: 200px;
  height: 40px;
}
header .top_logo-container .workplace_logo, .thanks_header .top_logo-container .workplace_logo {
  width: 200px;
  height: 58px;
  justify-content: flex-end;
  position: absolute;
  right: 0px;
}
@media screen and (max-width: 1024px) {
  header .top_logo-container .workplace_logo, .thanks_header .top_logo-container .workplace_logo {
    display: none;
  }
}
header .main_hero-container, .thanks_header .main_hero-container {
  position: relative;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1024px) {
  header .main_hero-container, .thanks_header .main_hero-container {
    flex-direction: column-reverse;
  }
}
header .top_logo-container, .thanks_header .top_logo-container {
  margin: 6px 0px 0px;
}
header .hero_copy-container, .thanks_header .hero_copy-container {
  display: inline-block;
  font-family: "SharpSans", sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 70px;
  padding-top: 112px;
}
@media screen and (max-width: 1279px) {
  header .hero_copy-container, .thanks_header .hero_copy-container {
    font-size: 60px;
  }
}
@media screen and (max-width: 1024px) {
  header .hero_copy-container, .thanks_header .hero_copy-container {
    font-size: 50px;
    text-align: center;
    padding-top: 0px;
  }
}
@media screen and (max-width: 450px) {
  header .hero_copy-container, .thanks_header .hero_copy-container {
    font-size: 40px;
  }
}
header .hero_copy-container .v-slider-frame, .thanks_header .hero_copy-container .v-slider-frame {
  height: 90px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  header .hero_copy-container .v-slider-frame, .thanks_header .hero_copy-container .v-slider-frame {
    display: inline-block;
  }
}
header .hero_copy-container ul.v-slides, .thanks_header .hero_copy-container ul.v-slides {
  list-style-type: none;
  transform: translateY(100px);
  padding: 0;
}
header .hero_copy-container .v-slide, .thanks_header .hero_copy-container .v-slide {
  line-height: 100px;
}
header .hero_copy-container .static-heading, .thanks_header .hero_copy-container .static-heading {
  margin-bottom: 24px;
  min-width: 490px;
}
@media screen and (max-width: 1279px) {
  header .hero_copy-container .static-heading, .thanks_header .hero_copy-container .static-heading {
    min-width: 420px;
  }
}
@media screen and (max-width: 1024px) {
  header .hero_copy-container .static-heading, .thanks_header .hero_copy-container .static-heading {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  header .hero_copy-container .static-heading, .thanks_header .hero_copy-container .static-heading {
    min-width: 0px;
  }
}
@media screen and (max-width: 1024px) {
  header .hero_copy-container .btn, .thanks_header .hero_copy-container .btn, header .hero_copy-container .form_block .hbspt-form .hs-button, .thanks_header .hero_copy-container .form_block .hbspt-form .hs-button, .form_block .hbspt-form header .hero_copy-container .hs-button, .form_block .hbspt-form .thanks_header .hero_copy-container .hs-button {
    margin: 0 auto 60px;
  }
}
header .hero_image-container .hero_image-desktop, .thanks_header .hero_image-container .hero_image-desktop {
  display: block;
}
@media screen and (max-width: 1024px) {
  header .hero_image-container .hero_image-desktop, .thanks_header .hero_image-container .hero_image-desktop {
    display: none;
  }
}
header .hero_image-container .hero_image-mobile, .thanks_header .hero_image-container .hero_image-mobile {
  margin: 0 auto;
  max-width: 550px;
  display: none;
}
@media screen and (max-width: 1024px) {
  header .hero_image-container .hero_image-mobile, .thanks_header .hero_image-container .hero_image-mobile {
    display: block;
  }
}
header .hero_image-container img, .thanks_header .hero_image-container img {
  width: 108%;
}
@media screen and (max-width: 1279px) {
  header .hero_image-container img, .thanks_header .hero_image-container img {
    width: 100%;
  }
}
header .mobile_logo-container, .thanks_header .mobile_logo-container {
  display: none;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  header .mobile_logo-container, .thanks_header .mobile_logo-container {
    display: block;
    margin-bottom: 10px;
  }
}
header .mobile_logo-container img, .thanks_header .mobile_logo-container img {
  width: 160px;
}

.thanks_header {
  color: #ffffff;
}
.thanks_header .content-container {
  padding: 30px;
}
.thanks_header .top_logo-container {
  text-align: center;
  margin: 114px 30px 72px;
}
@media screen and (max-width: 1024px) {
  .thanks_header .top_logo-container {
    margin: 86px 0px 120px;
  }
}
@media screen and (max-width: 767px) {
  .thanks_header .top_logo-container {
    margin: 54px 0px 72px;
  }
}
.thanks_header .thanks_logo-desktop {
  max-width: 688px;
}
@media screen and (max-width: 1024px) {
  .thanks_header .thanks_logo-desktop {
    max-width: 536px;
  }
}
@media screen and (max-width: 767px) {
  .thanks_header .thanks_logo-desktop {
    display: none;
  }
}
.thanks_header .thanks_logo-mobile {
  display: none;
  max-width: 328px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .thanks_header .thanks_logo-mobile {
    display: block;
  }
}
.thanks_header .thanks_hero-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.thanks_header h1 {
  font-family: "SharpSans";
  font-size: 70px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .thanks_header h1 {
    line-height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .thanks_header h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
.thanks_header p {
  font-family: "Inter";
  font-size: 35px;
  line-height: 42px;
  max-width: 1040px;
  margin-bottom: 70px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .thanks_header p {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .thanks_header p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 50px;
  }
}
.thanks_header a {
  margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .thanks_header a {
    margin-bottom: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .thanks_header a {
    margin-bottom: 120px;
  }
}

/************
Footer Styles
*************/
footer {
  background-color: #000000;
  color: #ffffff;
}
footer .footer-content {
  position: relative;
  padding: 60px 60px;
}
footer .footer-content img {
  margin: 0px;
  width: 120px;
}
@media screen and (max-width: 1024px) {
  footer .footer-content img {
    margin: 0 auto 30px;
    width: 100px;
  }
}
@media screen and (max-width: 1024px) {
  footer .footer-content {
    padding: 24px 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
footer .footer-links {
  color: #ffffff;
  font-size: 14px;
  font-family: "inter";
  position: absolute;
  right: 0px;
  top: 60px;
}
@media screen and (max-width: 1024px) {
  footer .footer-links {
    position: relative;
    top: 0px;
  }
}
footer a {
  text-decoration: none;
}
footer a:visited {
  color: #ffffff;
}

/*# sourceMappingURL=index.css.map */