.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.inclusive-section {
  background-color: #fff; 
  font-family: Open Sans, sans-serif;
  padding: 50px 0;
}

.section-title {
  color: #3898ec;
  text-align: center;
  margin-bottom: 30px;
}

.section-description {
  color: #004D40;
  max-width: 600px;
  margin: 0 auto 50px;
  text-align: center;
}

.features-list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.feature-item {
  flex-basis: 30%;
  background-color: #E0F7FA;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  border-radius: 15px; 
  text-align: center; 
  text-align: center;
  transition: transform 0.3s ease; 
}
.feature-item:hover {
  transform: scale(1.05); /* Slightly enlarge items on hover */
}

.feature-item img {
  max-width: 60px;
  margin: 0 auto; 
  display: block;
}

.feature-item h3 {
  color: #333;
  margin-top: 15px;
}

.feature-item p {
  color: #333;
}

@keyframes popIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.feature-item {
  animation: popIn 0.5s ease-out forwards;
}

/* You can stagger the animation of feature items using nth-child */
.feature-item:nth-child(1) { animation-delay: 0.2s; }
.feature-item:nth-child(2) { animation-delay: 0.4s; }
.feature-item:nth-child(3) { animation-delay: 0.6s; }
/* Add more as needed based on the number of items */

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.footer-image-2 {
  height: 100%;
  object-fit: contain;
  object-position: 0% 50%;
}

.footer-flex-container-2 {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.list-item {
  margin-top: 0;
  margin-bottom: 0;
}

.footer {
  color: #0a0a0a;
  text-align: center;
  background-color: #edf1fc;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-logo-link-2 {
  width: 60px;
  max-height: 60px;
  min-width: 60px;
  flex: 0 auto;
}

.text-block-11 {
  margin-bottom: 5px;
  font-weight: 400;
}

.footer-heading-2 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.link-8 {
  color: #3898ec;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.container-2 {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  padding-left: 30px;
  padding-right: 30px;
}

.hero-content-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.hero-content-wrapper.sticky {
  height: 15%;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.hero-content-wrapper.left {
  width: 62%;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 49px;
  position: relative;
}

.screen {
  z-index: -1;
  width: 89%;
  height: 97%;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1.6em;
  position: absolute;
}

.screen._2 {
  z-index: -2;
  background-image: none;
}

.screen._3 {
  z-index: -4;
  background-image: none;
}

.screen.back {
  z-index: -5;
  width: auto;
  background-color: #fff;
  background-image: none;
}

.screenshot {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.circle {
  width: 200px;
  height: 200px;
  background-color: #111030;
  border-radius: 100%;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 8%;
  right: auto;
  box-shadow: -7px 7px 18px 1px rgba(0, 0, 0, .4);
}

.circle._5 {
  top: 80%;
}

.circle._3 {
  top: 46%;
}

.circle._4 {
  top: 65%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.circle._2 {
  top: 38%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.frame {
  width: 25em;
  border: 2px #080621;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hidden {
  display: none;
}

.h2 {
  color: #aee1f9;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1.3;
}

.phone-wrapper {
  z-index: 0;
  width: 33%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.small-title {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.1;
}

.p2 {
  color: #fff;
  font-size: 1.08em;
}

.sticky-content {
  margin-bottom: 0;
}

.sticky-wrapper {
  width: 240px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 237px;
  padding-top: 0;
  display: flex;
}

.sticky-wrapper-main {
  height: 80%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.desktop-section {
  max-height: 6000px;
  min-height: 600vh;
  background-color: #f05423;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: relative;
  top: 0;
}

.container {
  width: 100%;
  max-width: 1300px;
  padding-left: 40px;
  padding-right: 40px;
}

.container.sticky {
  height: 91vh;
  position: -webkit-sticky;
  position: sticky;
  top: 8%;
  bottom: 7%;
}

.container.verticle-centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.verticle-centered.hero-container {
  z-index: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-size: auto;
  border: 1px #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  position: relative;
}

.container.hori-ends {
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.outlined {
  color: rgba(0, 0, 0, 0);
}

.button-2 {
  color: #0b0931;
  letter-spacing: 1px;
  background-color: #eb5527;
  border-radius: 0;
  align-items: flex-end;
  margin-top: 0;
  margin-right: 10px;
  padding: 15px 34px 15px 45px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.p1 {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 1.1em;
}

.div-block-9 {
  width: 103%;
  background-color: #2e2b61;
  border-radius: 0;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0, 1005px);
}

.star-img {
  display: none;
}

.bg {
  font-size: 200px;
  line-height: 200px;
  position: absolute;
  top: auto;
  bottom: 66%;
  left: 8%;
  right: auto;
}

.bg.outlined {
  z-index: -6;
  opacity: .21;
  font-size: 100px;
  bottom: 70%;
  left: 6%;
}

.text-block-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  background-color: #0c0c0c;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 600;
}

.buttons-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.h1 {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: 1.2;
}

.h1.vim {
  color: #fff;
  font-family: Changa One, Impact, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.star {
  position: absolute;
  top: auto;
  bottom: -14%;
  left: -6%;
  right: auto;
}

.button-text {
  z-index: 2;
  color: #fff;
  border: 1px #998b8b;
  margin-bottom: 0;
  position: relative;
}

.overflow-hidden {
  text-align: left;
  align-self: flex-start;
  overflow: hidden;
}

.overflow-hidden._2 {
  align-self: flex-end;
}

.made-for-community {
  filter: invert();
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.hero {
  height: 100vh;
  min-height: 600px;
  filter: saturate(143%);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/MicrosoftTeams-image-15.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.cta-1-border {
  text-align: center;
  border: 2px solid #000;
  padding: 11px 25px;
  transition: background-color .35s;
}

.cta-1-border:hover {
  color: #010101;
  background-color: #c8f7fb;
}

._5-9 {
  margin-top: 15px;
}

.max-price-value {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.red-all-caps-text {
  color: #010101;
  text-transform: uppercase;
  font-weight: 700;
}

.flex-horizontal {
  color: #070d30;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.flex-horizontal._15-margin-top.pricing-big-text {
  margin-top: 0;
  font-size: 30px;
}

.question {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #c0c2ff;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  line-height: 36px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -33px;
  left: auto;
  right: -3px;
}

.calculator-radio-button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-color: #010101;
  margin-bottom: 30px;
  margin-left: 0;
}

.calculator-radio-button.w--redirected-checked {
  background-color: #c8f7fb;
  border-width: 2px;
  border-color: #010101;
}

.radio-label {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  position: absolute;
}

.design-yes {
  margin-top: 5px;
}

.estimate-price-value {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.design-no {
  margin-top: 5px;
}

.select-one {
  width: 33.34%;
  height: 100%;
  border-right: 1px solid #000;
}

.select-one.third-select {
  border-right-width: 0;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.select-one.third-select.no {
  width: 50%;
}

.select-one.yes {
  width: 50%;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

._1-4 {
  margin-top: 5px;
}

._200-vw {
  z-index: 51;
  width: 200vw;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.selection-div-outer {
  width: 560px;
  height: 250px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  top: 28%;
  bottom: 0%;
  left: 400px;
  right: auto;
  box-shadow: 1px 1px 20px rgba(1, 1, 1, .15);
}

.selection-div-outer.web-design {
  width: 600px;
  border-width: 3px;
  left: 1000px;
}

.selection-div-outer.web-development {
  width: 625px;
  border-left-width: 3px;
  left: 1640px;
}

.set-height-pricing {
  height: 39px;
}

.three-select-flex {
  height: 65%;
  align-items: center;
  display: flex;
  position: relative;
}

.estimate-price-div {
  z-index: 52;
  width: 400px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 30px rgba(1, 1, 1, .15);
}

.cta-arrow-lottie {
  width: 50px;
  margin-top: 5px;
}

.dev-yes {
  margin-top: 5px;
}

.section {
  color: #fff;
  background-color: #070d30;
  flex-direction: column;
  padding: 100px 5%;
  display: flex;
  position: relative;
}

.section.bg-white {
  color: #070d30;
  background-color: #fff;
}

.section.bg-white.fixed {
  min-height: 100vh;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.image-arrow-right {
  height: 30%;
  margin-left: auto;
  margin-right: auto;
}

.help-text {
  width: 520px;
  color: #000;
  background-color: #c0c2ff;
  justify-content: center;
  align-items: center;
  padding: 18px 12px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -545px;
}

.radio-button-field-3 {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.radio-button-field-3.bg-pink {
  background-color: #c0c2ff;
}

.radio-button-field-3.bg-dark-blue {
  color: #fff;
  background-color: #010101;
}

.dev-no {
  margin-top: 5px;
}

.block-white {
  z-index: 500;
  width: 100vw;
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -100vw;
  right: auto;
}

.amount-of-pages {
  height: 35%;
  border-bottom: 1px solid #010101;
  justify-content: center;
  align-items: center;
  padding: 23px;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  display: flex;
}

.arrow-right {
  z-index: 1550;
  width: 100px;
  height: 100px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.cta-1 {
  color: #010101;
  background-color: #c0c2ff;
  border-radius: 5px;
  padding: 7px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

._30-margin-top {
  margin-top: 30px;
}

.pricing-form {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

._1300-container {
  width: 100%;
  max-width: 1300px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

._1300-container.pricing-page {
  z-index: 52;
  width: 100%;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-block-43 {
  line-height: 16px;
}

.pricing-scroll-trigger {
  height: 350vh;
  display: block;
  position: relative;
}

._10-plus {
  margin-top: 15px;
}

.form-error {
  color: #1d1d1d;
  background-color: #e7ecf0;
  border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  line-height: 18px;
}

.button-3 {
  color: #fff;
  text-align: center;
  background-color: #1d1d1d;
  border-radius: 9px;
  flex: none;
  margin-bottom: 8px;
  padding: 8px 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
  box-shadow: 0 2px rgba(32, 32, 32, .05);
}

.button-3:hover {
  background-color: #33383f;
}

.button-3:active {
  background-color: #626a72;
  transform: translate(0, 2px);
  box-shadow: 0 0 rgba(32, 32, 32, 0);
}

.button-3.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.spacer {
  height: 48px;
  background-color: #e7ecf0;
}

.spacer._32 {
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.field-block {
  z-index: 1;
  min-height: 20px;
  min-width: 50px;
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  margin-bottom: 8px;
  display: flex;
}

.section-2 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-2.black-gradient {
  height: 100%;
  color: #fff;
  text-align: left;
  background-color: #1d1d1d;
  background-image: radial-gradient(circle at 0%, rgba(255, 1, 1, .15), rgba(0, 0, 0, 0) 47%), radial-gradient(circle at 40% 130%, rgba(122, 167, 255, .41), rgba(0, 0, 0, 0) 58%);
  margin-right: 0;
  overflow: visible;
}

.text-area {
  min-height: 120px;
  background-color: #f5f6f7;
  border: 1px solid #e7ecf0;
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .01);
}

.text-area::-ms-input-placeholder {
  color: #cbd5df;
}

.text-area::placeholder {
  color: #cbd5df;
}

.form-2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.form-success {
  width: 100%;
  color: #33383f;
  background-color: #e7ecf0;
  border-radius: 8px;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 1.4em;
}

.container-3 {
  width: 100%;
  height: 100%;
  max-width: 1230px;
  min-height: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.text-field {
  height: 44px;
  min-width: 120px;
  background-color: #f5f6f7;
  border: 1px solid #e7ecf0;
  border-radius: 9px;
  margin-bottom: 16px;
  padding: 19px 12px;
  font-size: 15px;
  line-height: 1.4em;
  transition: border-color .2s;
}

.text-field:focus {
  border-color: #33383f;
}

.text-field::-ms-input-placeholder {
  color: #cbd5df;
}

.text-field::placeholder {
  color: #cbd5df;
}

.form {
  margin-bottom: 0;
}

.paragraph.medium {
  font-size: 18px;
}

.heading-3 {
  font-weight: 600;
  display: block;
}

.heading-3.h1 {
  margin-bottom: 18px;
  font-size: 46px;
  line-height: 1.25em;
}

.text-box {
  max-width: 650px;
  position: relative;
}

.text-box._550px {
  max-width: 550px;
}

.text-box._550px.center-align {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-card {
  color: #1d1d1d;
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  padding: 40px;
}

.bly-a-wrap-logo-1 {
  position: relative;
}

.bly-bb-wrap-1 {
  color: #fff;
  align-items: center;
  margin-left: 3em;
  margin-right: 4em;
  display: flex;
}

.bly-section-1-2 {
  background-color: #fed441;
  border-bottom: .2em #e9e9e9;
  margin-left: auto;
  margin-right: auto;
  padding: 3.3em 5em;
  font-size: 1vw;
  display: none;
}

.bly-a-wrap-1 {
  flex: 1;
  align-items: center;
  display: flex;
}

.bly-b-wrap-1 {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bly-wrap-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bly-bc-wrap-1 {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.bly-menu2-wrap-icons-1 {
  align-items: center;
  margin-bottom: 41px;
  margin-right: 4em;
  display: flex;
}

.bly-ba-wrap-1 {
  display: flex;
}

.bly-ba-link-2 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3em;
  text-decoration: none;
}

.bly-container-1 {
  width: 100%;
  max-width: 90em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bly-section-1 {
  -webkit-text-fill-color: inherit;
  background-color: #38abe1;
  background-clip: border-box;
  border-bottom: .2em #e9e9e9;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 5em;
  font-size: 1vw;
  display: block;
}

.bly-bc-button-2 {
  color: #000;
  background-color: #fff;
  border-radius: .2em;
  padding: .6em 1em .5em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .53);
}

.bly-menu2-link-1 {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
}

.bly-bd-wrap-1 {
  display: none;
}

.bly-ba-wrap-link-1 {
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
  display: flex;
}

.bly-bc-wrap-link-2 {
  display: block;
}

.bly-bc-wrap-link-1 {
  align-items: center;
  display: flex;
}

.bly-bb-icon-1 {
  height: 1.5em;
  color: #fff;
}

.bly-section-menu2-1 {
  margin-top: 0;
  margin-bottom: 7em;
  padding-bottom: 10em;
  display: none;
}

.bly-container-menu2-1 {
  display: none;
}

.bly-a-logo-1 {
  width: 100px;
  padding-right: 0;
  position: relative;
}

.bly-bb-wrap-icons-1 {
  margin-left: 1em;
  margin-right: 1em;
}

.bly-menu2-wrap-grid-1 {
  display: block;
}

.navigation {
  z-index: 10;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  top: 0;
}

.logo {
  width: 130px;
  height: 50px;
  overflow-wrap: normal;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
}

.nav-right-wrapper {
  justify-content: space-around;
  align-items: center;
  display: flex;
  position: relative;
}

.link {
  color: #fff;
  text-transform: capitalize;
  margin-right: 25px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #1d1d1d;
  border-radius: 9px;
  flex: none;
  margin-bottom: 8px;
  padding: 8px 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
  box-shadow: 0 2px rgba(32, 32, 32, .05);
}

.button:hover {
  background-color: #33383f;
}

.button:active {
  background-color: #626a72;
  transform: translate(0, 2px);
  box-shadow: 0 0 rgba(32, 32, 32, 0);
}

.button.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.mobile-section {
  max-height: 6000px;
  min-height: 600vh;
  background-color: #080621;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.mobile-section.mobile {
  display: none;
}

.h2-2 {
  color: #aee1f9;
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 0;
  font-size: 3em;
}

.small-title-2 {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.4;
}

.p2-2 {
  font-size: 1.08em;
}

.main-profiles-name {
  color: #a7a7a7;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;
}

.container-4 {
  max-width: 1500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.netflix-logo {
  width: 150px;
  margin-top: 10px;
  margin-left: 30px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.main-profiles-image {
  border: 2px #e9e9e9;
  border-radius: 10px;
}

.main-profiles-image:hover {
  border: 2px #e9e9e9;
}

.manage-profiles-button {
  width: 20%;
  color: #a7a7a7;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(56, 152, 236, 0);
  border: 2px solid #a7a7a7;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 15px;
}

.manage-profiles-button:hover {
  color: #e9e9e9;
  border-color: #e9e9e9;
}

.main-profiles-image-div {
  border-radius: 10px;
}

.main-profiles-image-div:hover {
  border: 3px solid #e9e9e9;
}

.main-profiles-add-icon-div {
  border-radius: 10px;
}

.main-profiles-overlay {
  width: 100vw;
  height: 100vh;
  background-color: #1a1a1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.main-profiles-title {
  color: #e9e9e9;
  text-align: center;
  margin-bottom: 30px;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.4;
}

.main-profiles-icon-div {
  width: 20%;
  height: 100%;
  cursor: pointer;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.main-profiles-icon-container {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.category-hub-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
  display: block;
}

.section-container {
  max-width: 2200px;
}

.hub-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: stretch;
}

.category-hub-div {
  height: 220px;
  cursor: pointer;
  background-image: linear-gradient(#242a31, #201d29);
  border: 3px solid rgba(255, 255, 255, .31);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
  position: relative;
  box-shadow: 0 8px 20px -3px #000;
}

.category-hub-div:hover {
  border-color: #fff;
  transform: scale(1.03);
}

.hub-logo {
  width: 200px;
}

.hub-bg-div {
  width: 100%;
  height: 100%;
  border: 1px #000;
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hub-bg-video {
  width: 100%;
  height: 100%;
  border: 1px #000;
  border-radius: 20px;
}

.text-block-44 {
  color: #fff;
  -webkit-text-stroke-color: white;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

.text-block-45, .text-block-46, .text-block-47 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}

.text-block-48 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  background-color: #0c0c0c;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 600;
}

.h2-3 {
  color: #aee1f9;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1.3;
}

.h2-4 {
  color: #aee1f9;
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 0;
  font-size: 3em;
}

.hero-section {
  color: #fff;
  text-align: center;
  background-color: #38abe1;
  flex-direction: column;
  padding: 100px 5%;
  display: flex;
  position: relative;
}

.button-4 {
  color: #fff;
  text-align: center;
  background-color: #1d1d1d;
  border-radius: 9px;
  flex: none;
  margin-bottom: 8px;
  padding: 8px 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
  box-shadow: 0 2px rgba(32, 32, 32, .05);
}

.button-4:hover {
  background-color: #33383f;
}

.button-4:active {
  background-color: #626a72;
  transform: translate(0, 2px);
  box-shadow: 0 0 rgba(32, 32, 32, 0);
}

.button-4.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.small-title-3 {
  color: #aee1f9;
  margin-bottom: 20px;
  font-size: 2.3em;
  line-height: 1.1;
}

.container-5 {
  width: 100%;
  max-width: 1230px;
  min-height: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.sticky-wrapper-2 {
  width: 240px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 237px;
  display: flex;
}

.text-block-49 {
  margin-bottom: 5px;
  font-weight: 400;
}

.text-block-50 {
  line-height: 16px;
}

.container-6 {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  padding-left: 30px;
  padding-right: 30px;
}

.link-block, .link-block-2, .link-block-3 {
  text-decoration: none;
}

.navbar-1 {
  background-color: #f0f0f0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-bar-wrap {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.brand-4 {
  height: 100%;
}

.logo-text {
  color: #20193a;
  margin-top: 10px;
  font-size: 32px;
  font-weight: 500;
  line-height: 34px;
}

.nav-menu-2 {
  align-items: center;
  display: flex;
}

.nav-link-3 {
  color: #4f5e78;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
}

.nav-btn {
  letter-spacing: 1px;
  background-color: #38abe1;
  border-radius: 4px;
  margin-left: 25px;
  font-size: 12px;
  font-weight: 500;
}

.wrapper {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wrapper.hero {
  background-color: #fff;
}

.h3 {
  margin-bottom: 33px;
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}

.h3.txt-center {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
}

.text-block {
  padding-left: 10px;
  font-weight: 600;
  display: inline-block;
}

.header {
  background-color: #fdece8;
  background-image: url('../images/bg-pattern.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 41px;
  margin-top: -14px;
  padding: 116px 296px;
  position: relative;
  overflow: hidden;
}

.section-3 {
  clear: right;
  background-color: #fff;
  margin: 20px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.h1-2 {
  color: #38abe1;
  text-align: center;
  -webkit-text-stroke-color: #38abe1;
  font-size: 68px;
  font-weight: 900;
}

.button-icon {
  color: #fff;
  background-color: #005ca9;
  border-radius: 10px;
  padding: 16px 43px;
  display: inline-block;
}

.button-icon.button {
  width: auto;
  text-align: center;
  cursor: pointer;
  margin-left: 23px;
  margin-right: 23px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button-icon.button.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.downloads {
  text-align: center;
  margin-top: 24px;
}

.headimg {
  filter: brightness(200%);
  position: absolute;
  top: -19%;
  bottom: auto;
  left: -10%;
  right: auto;
}

.headimg._2 {
  top: auto;
  bottom: -12%;
  left: auto;
  right: -5%;
}

._2-col-img-grid {
  grid-template-rows: auto;
  justify-content: center;
  align-items: center;
  justify-items: center;
}

._2-col-img-grid.ft {
  margin-top: 50px;
  margin-bottom: 103px;
}

.paragraph-2 {
  font-weight: 400;
  line-height: 30px;
}

.paragraph-2.subhead {
  margin-bottom: -30px;
}

.feature-image {
  z-index: 1;
  width: 450px;
  margin-top: -24px;
  margin-bottom: -84px;
  position: relative;
}

.feature-image.right {
  width: 200px;
  width: 200px;
  margin-top: 29px;
  margin-left: -93px;
}

.feature-image.right.b {
  width: 200px;
}

.section-4 {
  clear: right;
  background-color: #fff;
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 50px;
  overflow: hidden;
}

.feature-dec {
  padding-right: 100px;
}

.feature-dec.left {
  margin-left: 104px;
  padding-right: 0;
}

.feature-dec.right {
  z-index: 0;
  margin-left: -28px;
  padding-right: 149px;
  position: relative;
}

.ft-icon {
  margin-bottom: 14px;
}

.heading-center {
  text-align: center;
  margin-bottom: 47px;
  padding-left: 285px;
  padding-right: 285px;
}

.section-5 {
  clear: right;
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 50px;
  overflow: hidden;
}

.section-5.et {
  padding-bottom: 111px;
}

.section-6 {
  clear: right;
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 50px;
  overflow: hidden;
}

.link-block-4 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  right: 10px;
}

.chat-block {
  width: 80%;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
}

.whatsapp-container {
  z-index: 30;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.45, .182, .111, .989);
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.whatsapp-container:hover {
  background-color: #383838;
  transform: scale(1.05);
}

.whatsapp-chat {
  width: 300px;
  height: 315px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 20px;
  flex-direction: column;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.whatsapp-block {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 30px;
  left: auto;
  right: 30px;
}

.small-whatsapp-icon {
  margin-right: 10px;
}

.live-chat-text {
  color: #fff;
  text-decoration: none;
}

.live-chat-bottom-text {
  font-size: 10px;
}

.live-chat-bottom-text.block {
  margin-bottom: 5px;
  font-size: 12px;
}

.live-icon-chat {
  margin-right: 0;
}

.live-chat-link {
  height: 25%;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.live-chat-top-text {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  position: static;
}

.live-chat-top-text.block {
  color: #b0b0b0;
  margin-bottom: 10px;
  font-size: 12px;
}

.live-icon {
  width: 15px;
  height: 15px;
  background-color: #00b94a;
  border-radius: 100%;
  position: absolute;
  top: -2px;
  bottom: auto;
  left: 0;
  right: auto;
}

.chat-section {
  height: 50%;
  background-color: #e6ddd4;
  padding: 16px 20px;
}

.close-live-chat-container {
  width: 10%;
  height: 100%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.livechat-button {
  width: 80%;
  height: 42px;
  background-color: #38abe1;
  border-radius: 200px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-decoration: none;
  display: flex;
}

.top-section {
  height: 25%;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hero--parent {
  height: 100vh;
  min-height: 600px;
  filter: saturate(143%);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/parent-hero-image.jpg');
  background-position: 0 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.hero-school {
  height: 100vh;
  min-height: 600px;
  filter: saturate(143%);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/MicrosoftTeams-image-15.jpg');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.button-2-investor, .button-2-parent, .button-2-teachers {
  color: #0b0931;
  letter-spacing: 1px;
  background-color: #eb5527;
  border-radius: 0;
  align-items: flex-end;
  margin-top: 0;
  margin-right: 10px;
  padding: 15px 34px 15px 45px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._5-50, ._50-plus {
  margin-top: 15px;
}

.text-single-200 {
  font-size: 18px;
  line-height: 20px;
}

.text-single-200.medium {
  font-weight: 500;
}

.text-single-200.bold {
  font-weight: 700;
}

.cloneable-container-default {
  min-height: 624px;
  border-radius: 20px;
  transform: translate(0);
}

.cloneable-container-default.center {
  min-height: auto;
  border-radius: 0;
  align-items: center;
  padding-top: 144px;
  padding-bottom: 144px;
  display: none;
}

.text-single-300 {
  font-size: 20px;
  line-height: 22px;
}

.text-single-300.medium {
  font-weight: 500;
}

.text-single-300.medium.text-color-600 {
  color: #6f6c90;
}

.list-pricing {
  margin-top: 24px;
  margin-bottom: 0;
}

.pricing {
  color: #170f49;
  margin-bottom: 18px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.pricing.pricing-2, .pricing.pricing-3 {
  display: none;
}

.flex-horizontal-2 {
  display: flex;
}

.flex-horizontal-2.start-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal-2.start-top.center {
  align-items: center;
}

.pricing-details-3 {
  display: none;
}

.icon-pricing---brix {
  margin-right: 18px;
}

.button-primary-start {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #38abe1;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12);
}

.button-primary-start:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15);
}

.mg-top-18px {
  margin-top: 18px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.container-785px-center {
  max-width: 785px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card-3 {
  display: none;
}

.calculator-slider {
  margin-top: 28px;
}

.icon-bullet---brix {
  margin-right: 14px;
}

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

.container-default {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card-2 {
  display: none;
}

.list-item-pricing {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.float-background-purple {
  width: 47%;
  background-color: #f7f7fc;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.text-uppercase.subtitle {
  color: #4a3aff;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.pricing-card-slider {
  border: 1px solid #eff0f6;
  border-radius: 20px;
  padding: 64px 50px;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08);
}

.content-pricig-table {
  margin-top: 76px;
}

.content-pricig-table.small {
  margin-top: 44px;
}

.grid-two-columns---brix {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
}

.grid-two-columns---brix.grid-align-center {
  z-index: 1;
  align-items: center;
  position: relative;
}

.pricing-details-2 {
  display: none;
}

.feature-wrap {
  margin-bottom: 80px;
  padding-top: 20px;
}

.pricing-header-container {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.plan-name {
  color: rgba(0, 0, 0, .5);
  letter-spacing: .1em;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

.plan-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}

.pricing-button {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: gold;
  border-radius: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  transform: translate(0);
  box-shadow: 0 20px 35px -10px rgba(80, 106, 121, .5);
}

.pricing-button:hover {
  background-color: #3898ec;
  cursor: pointer;
  transform: translate3d(0, 0, 20px);
}

.pricing-table-container {
  max-width: 1000px;
  perspective: 1000px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  display: flex;
}

.pricing-section {
  min-height: 100vh;
  color: #000;
  background-color: #eef8ff;
  padding: 10vh 50px 100px;
  font-family: Open Sans, sans-serif;
  display: block;
}

.pricing-section:hover {
  transform: translate(0);
}

.feature {
  background-image: url('../images/Path.svg');
  background-position: 0 60%;
  background-repeat: no-repeat;
  background-size: 13px;
  margin-bottom: 10px;
  padding-left: 22px;
}

.pricing-image {
  z-index: 0;
  min-width: 220px;
  position: absolute;
  top: -102px;
  bottom: auto;
  left: -19%;
  right: auto;
}

.plan-price-wrapper {
  z-index: 2;
  width: 50%;
  margin-left: auto;
  position: relative;
}

.plan-duration {
  color: rgba(0, 0, 0, .6);
  margin-bottom: 45px;
  font-size: 11px;
  font-weight: 400;
}

.pricing-plan {
  z-index: 1;
  width: 33.3333%;
  min-height: 400px;
  perspective: 1000px;
  perspective-origin: 50%;
  background-color: #fff;
  border-width: 1px;
  border-color: #dddeeb;
  border-radius: 9px;
  padding: 35px 61px 40px;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  box-shadow: 0 50px 100px -25px rgba(80, 106, 121, .5);
}

.pricing-plan.middle-pricing-plan {
  z-index: 2;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 100px);
  box-shadow: 0 0 50px 5px rgba(41, 72, 82, .1), 0 85px 100px -35px rgba(90, 114, 119, .2);
}

.pricing-header-text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
}

.pricing-h1 {
  letter-spacing: -.01em;
  font-size: 35px;
  font-weight: 600;
}

.pricing-button-copy {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #b87333;
  border-radius: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  transform: translate(0);
  box-shadow: 0 20px 35px -10px rgba(80, 106, 121, .5);
}

.pricing-button-copy:hover {
  background-color: #3898ec;
  cursor: pointer;
  transform: translate3d(0, 0, 20px);
}

.pricing-button-fedha {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: gray;
  border-radius: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  transform: translate(0);
  box-shadow: 0 20px 35px -10px rgba(80, 106, 121, .5);
}

.pricing-button-fedha:hover {
  background-color: #3898ec;
  cursor: pointer;
  transform: translate3d(0, 0, 20px);
}

.phone-loop-container {
  margin-top: -30px;
  position: relative;
}

.about-container {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: flex-end;
  padding-top: 100px;
  display: block;
}

.image-14 {
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.main-about-copy-contiainer {
  height: 100%;
  background-color: #274090;
  margin-top: 28px;
  margin-bottom: 0;
  padding-top: 35px;
  padding-left: 205px;
  padding-right: 168px;
  box-shadow: 0 -6px 35px rgba(50, 82, 184, .3);
}

.about-intro-container {
  z-index: 5;
  width: 546px;
  padding-top: 95px;
  padding-left: 91px;
  position: absolute;
}

.about-opening-paragraph {
  color: #6e6e6e;
  margin-top: 70px;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.loop-phone {
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.about-paragraph {
  color: #fff;
  margin-top: 23px;
  padding-right: 196px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.about-paragraph.about-points {
  padding-left: 49px;
  font-weight: 400;
}

.about-paragraph.last-about-paragraph {
  margin-bottom: 71px;
}

.about-header {
  font-size: 44px;
}

.info-section-title-wrapper {
  max-width: 60ch;
}

.info-section-paragraph {
  color: #4a556c;
  text-align: justify;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 30px;
}

.info-section-icon-wrapper {
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.section-title {
  max-width: 19ch;
}

.info-section-video-wrapper {
  max-width: 768px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 32px 64px -12px rgba(16, 24, 40, .2);
}

.info-section-text-wrapper {
  margin-top: 10px;
  padding-top: 31px;
  padding-bottom: 31px;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.page-padding {
  margin-top: 14px;
  padding: 30px 40px 0;
}

.info-toprow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.info-section {
  background-color: #faf8f6;
}

.info-section.is-video {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.info-section-icon {
  width: 24px;
  height: 24px;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.info-section-card-paragraph {
  color: #4a556c;
  margin-top: 12px;
}

.info-section-background {
  z-index: -1;
  height: 100%;
  background-color: #faf8f6;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.text-style-muted {
  opacity: .6;
}

.info-section-card-wrapper {
  flex-direction: row;
  margin-bottom: 17px;
  line-height: 28px;
  display: flex;
}

.about-container-2 {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  padding-top: 124px;
  display: block;
}

.image-15 {
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.about-paragraph-2 {
  color: #fff;
  text-align: center;
  margin-top: 23px;
  padding-right: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.about-paragraph-2.about-points {
  padding-left: 49px;
  font-weight: 400;
}

.about-paragraph-2.last-about-paragraph {
  margin-bottom: 71px;
}

.about-header-2 {
  margin-top: 0;
  font-size: 44px;
}

.about-opening-paragraph-2 {
  color: #6e6e6e;
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.about-intro-container-2 {
  z-index: 5;
  width: 546px;
  padding-top: 65px;
  padding-left: 91px;
  position: absolute;
}

.list-item-copy {
  margin-top: 9px;
  margin-bottom: 0;
}

.pricing-section-copy {
  min-height: 100vh;
  color: #000;
  background-color: #eef8ff;
  padding: 10vh 50px 100px;
  font-family: Open Sans, sans-serif;
  display: none;
}

.pricing-section-copy:hover {
  transform: translate(0);
}

.sticky_menu_item {
  color: #696969;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  transition: color .2s;
}

.sticky_menu_item:hover {
  color: #4c14e9;
}

.sticky_menu_item.w--current {
  cursor: pointer;
}

.privacy_content_wrapper {
  background-color: #fff;
  border: 1px solid rgba(105, 105, 105, .1);
  border-radius: 20px;
  padding: 24px 40px;
  overflow: visible;
}

.sticky_menu_wrapper {
  z-index: 0;
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  margin-bottom: 0;
  padding: 0 24px 0 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 182px;
  overflow: hidden;
}

.legal_bases_meaning_wrapper {
  height: auto;
  flex: 1;
  margin-top: 0;
  padding-left: 24px;
  overflow: hidden;
}

.datatable_line_atom {
  width: 20%;
  height: auto;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.datatable_line_atom.data_collect {
  width: 25%;
  justify-content: center;
  align-items: center;
}

.datatable_line_atom.service_provider {
  width: 18%;
  flex-direction: column;
}

.datatable_line_atom.place_processing {
  width: 22%;
}

.datatable_line_atom.data_give {
  width: 25%;
  justify-content: center;
  align-items: center;
}

.datatable_line_atom.key_cookies {
  width: 30%;
}

.datatable_line_atom.purpose {
  width: 50%;
}

.datatable_line_atom.purpose.third_party {
  width: 34%;
}

.datatable_line_atom.data_collected_shared {
  width: 26%;
}

.read_more_line {
  width: 8px;
  object-fit: none;
  object-position: 100% 0%;
  background-color: #eff2ff;
  border-radius: 16px;
  flex: 0 auto;
  margin-left: 16px;
  display: flex;
  overflow: hidden;
}

.paragraph_centered {
  text-align: center;
}

.data_reason_wrapper {
  flex-direction: column;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.privacy_grid {
  grid-column-gap: 0px;
  grid-template: "Lateral-Menu Content"
  / .5fr 1.25fr;
}

.read_more_content_wrapper {
  flex: 1;
  padding-left: 24px;
  overflow: hidden;
}

.legal_basis_text {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 4px;
  font-weight: 700;
  line-height: 1.6;
}

.datatable_wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.mini_button {
  color: #fff;
  cursor: pointer;
  background-color: #4c14e9;
  border-radius: 4px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 1.4;
  transition: background-color .2s, color .2s;
}

.mini_button:hover {
  color: #4c14e9;
  background-color: #eff2ff;
}

.mini_button.privacy_policy {
  margin-top: 4px;
  margin-left: 0;
  margin-right: 0;
}

.small_data_table {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h5_alt {
  color: #696969;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

.intro_wrapper {
  text-align: center;
}

.datatable_mobile {
  display: none;
}

.datatable_text {
  color: #696969;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.8;
}

.datatable_text.bold {
  font-weight: 700;
}

.check {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.check.off {
  width: 14px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Cross.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.check.on {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: rgba(105, 105, 105, .15);
  border-radius: 2px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider.datatable {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.accordion_trigger {
  cursor: pointer;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.list_item_privacy {
  color: #696969;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 22px;
}

.list_item_privacy.datatable_text {
  font-size: 12px;
  line-height: 1.8;
}

.datatable_line {
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.legal_bases_meaning_tilte_wrapper {
  margin-bottom: 22px;
}

.datatable_header {
  width: 100%;
  height: 32px;
  background-color: rgba(105, 105, 105, .1);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.small_datatable_line {
  width: 100%;
  justify-content: flex-start;
  display: flex;
}

.item_icon_wrapper {
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.item_icon_text {
  flex-direction: column;
  margin-left: 0;
  display: flex;
}

.content_wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  padding-left: 40px;
  display: flex;
}

.privacy-bloc {
  align-items: stretch;
  display: flex;
}

.privacy-bloc.data_storage, .privacy-bloc.our-role, .privacy-bloc.making_policy_great, .privacy-bloc.privacy_choices_rights, .privacy-bloc.how_and_why, .privacy-bloc.datatype {
  flex-direction: column;
}

.privacy-bloc.collect-data {
  flex-direction: column;
  align-items: flex-start;
}

.privacy-bloc.third_parties, .privacy-bloc.cookies {
  flex-direction: column;
}

.header_section_wrapper {
  align-items: flex-start;
  display: flex;
}

.read_more_data_wrapper {
  flex: 1;
  padding-left: 24px;
  display: block;
}

.small_dt_header {
  width: 100%;
  background-color: rgba(105, 105, 105, .1);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small_datatable_line_atom {
  width: 25%;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.small_datatable_line_atom.action {
  width: 50%;
  justify-content: flex-start;
}

.datatable_category_name {
  color: #696969;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.arrow {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  transform: rotate(0);
}

.read_more_text {
  color: #4c14e9;
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.list_datatable {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  font-size: 12px;
  line-height: 20px;
}

.item_icon_header {
  flex-direction: row-reverse;
  align-items: flex-start;
  display: flex;
}

.privacy_section {
  background-color: #ffcccb;
  margin-top: 0;
  padding: 100px 20px;
}

.small_datatable_header_atom {
  width: 25%;
  justify-content: center;
  padding: 8px;
  display: flex;
}

.small_datatable_header_atom.action {
  width: 50%;
  justify-content: flex-start;
  padding: 16px;
}

.container-7 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  text-align: left;
  flex: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.privacy_icon {
  width: auto;
  height: auto;
  max-height: 32px;
  max-width: 32px;
  margin-right: 16px;
}

.privacy_icon.top-margin {
  margin-top: 6px;
}

.privacy_icon.top-margin.big {
  margin-top: 10px;
}

.accordion_content {
  height: auto;
  flex-direction: row-reverse;
  align-items: stretch;
  margin-top: 8px;
  display: flex;
  overflow: hidden;
}

.legal_basis_wrapper {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.datatable_header_atom {
  width: 22%;
  height: 100%;
  align-items: center;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.datatable_header_atom.purpose {
  width: 50%;
  height: 100%;
}

.datatable_header_atom.purpose.third_party {
  width: 34%;
}

.datatable_header_atom.key_cookie {
  width: 30%;
  height: 100%;
}

.datatable_header_atom.data_collect {
  width: 25%;
  justify-content: center;
}

.datatable_header_atom.data_collected_shared {
  width: 26%;
}

.datatable_header_atom.service_provider {
  width: 20%;
  height: 100%;
}

.datatable_header_atom.service_provider.third_party {
  width: 18%;
}

.datatable_header_atom.data_give {
  width: 25%;
  justify-content: center;
}

.section-3-copy {
  clear: right;
  background-color: #fff;
  margin: 20px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.wrapper-success {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wrapper-success.hero {
  background-color: #fff;
}

.header-success {
  background-color: #fdece8;
  background-image: url('../images/bg-pattern.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 41px;
  margin-top: -14px;
  padding: 116px 66px;
  position: relative;
  overflow: hidden;
}

.headimg-success {
  filter: brightness(200%);
  position: absolute;
  top: -19%;
  bottom: auto;
  left: -10%;
  right: auto;
}

.headimg-success._2 {
  top: auto;
  bottom: -12%;
  left: auto;
  right: -5%;
}

.h1-2-success {
  color: #e13838;
  text-align: center;
  -webkit-text-stroke-color: #38abe1;
  margin-bottom: 10px;
  font-size: 68px;
  font-weight: 900;
  line-height: 60px;
}

.section-2-copy {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-2-copy.black-gradient, .section-2-copy.black-gradient-copy {
  height: 100%;
  color: #fff;
  text-align: left;
  background-color: #1d1d1d;
  background-image: radial-gradient(circle at 0%, rgba(255, 1, 1, .15), rgba(0, 0, 0, 0) 47%), radial-gradient(circle at 40% 130%, rgba(122, 167, 255, .41), rgba(0, 0, 0, 0) 58%);
  margin-right: 0;
  overflow: visible;
}

.paragraph-copy.medium {
  font-size: 18px;
}

.paragraph-copy.medium-copy {
  color: #ff7878;
  font-size: 18px;
}

.section-3-deleted, .section-3-error {
  clear: right;
  background-color: #fff;
  margin: 20px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.header-error {
  background-color: #fdece8;
  background-image: url('../images/bg-pattern.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 41px;
  margin-top: -14px;
  padding: 116px 66px;
  position: relative;
  overflow: hidden;
}

.h3-copy {
  margin-bottom: 33px;
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}

.h3-copy.txt-center {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
}

.h3-copy.txt-center-copy {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
}

.button-icon-copy {
  color: #fff;
  background-color: #005ca9;
  border-radius: 10px;
  padding: 16px 43px;
  display: inline-block;
}

.button-icon-copy.button {
  width: 100px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button-icon-copy.button.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.button-icon-copy.button-copy {
  width: 100px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button-icon-copy.button-copy.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.button-icon-retry {
  color: #fff;
  background-color: #005ca9;
  border-radius: 10px;
  padding: 16px 43px;
  display: inline-block;
}

.button-icon-retry.button {
  width: 100px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button-icon-retry.button.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.button-icon-retry.button-retry {
  width: 100px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button-icon-retry.button-retry.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.button-5 {
  color: #fff;
  background-color: #3144f3;
  border-radius: 4px;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.button-5:hover {
  background-color: #1875f0;
}

.button-5.line-button {
  color: #1875f0;
  background-color: #fff;
  border: 2px solid #1875f0;
  margin-top: 0;
  padding-top: 7px;
  padding-bottom: 6px;
  display: none;
}

.field-wrapper {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.field-wrapper.first-name-wrapper {
  margin-right: 15px;
}

.memberstack-form {
  padding-top: 10px;
  position: relative;
}

.button-wrapper {
  width: 180px;
  text-align: right;
}

.logo-text-2 {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: -4px;
}

.signup-nav-step {
  width: 115px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.signup-nav-step.current {
  font-weight: 700;
}

.field-row {
  display: flex;
}

.login-head {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
}

.login-head.sub-head {
  margin-top: -10px;
  font-size: 24px;
  font-weight: 400;
}

.nav-step {
  width: 26px;
  height: 26px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(24, 117, 240, .2);
  border-radius: 20px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
}

.nav-step.done {
  color: #fff;
  background-color: #1875f0;
}

.fake-logo {
  width: 30px;
  height: 30px;
  background-color: #1875f0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-top: 9px;
  padding-left: 9px;
  display: inline-block;
  position: relative;
  top: 4px;
  box-shadow: 0 10px 20px -5px #1875f0;
}

.signup-navigation-wrap {
  display: flex;
}

.signup-field {
  height: 54px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
}

.signup-field:focus {
  border: 1px solid #1875f0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 4px #1875f0;
}

.signup-field::-ms-input-placeholder {
  color: rgba(51, 51, 51, .3);
}

.signup-field::placeholder {
  color: rgba(51, 51, 51, .3);
}

.top-nav {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid rgba(51, 51, 51, .1);
  justify-content: space-between;
  align-items: center;
  padding: 1.2em 1.5em 1em;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px rgba(51, 51, 51, .1);
}

.login-page-link {
  color: #000;
  font-weight: 600;
}

.page-wrapper-2 {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.logo-link {
  z-index: 1;
  width: 180px;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.dot {
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 20px;
}

.gdpr-checkbox {
  text-align: left;
  margin-top: -5px;
}

.signup-label {
  z-index: -1;
  width: 100%;
  opacity: .6;
  color: #000;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 2px;
  font-size: 15px;
  font-weight: 400;
}

.terms-text {
  color: rgba(51, 51, 51, .6);
  padding-left: 5px;
  font-size: 13px;
  position: relative;
  top: -2px;
}

.login-button {
  width: 100%;
  background-color: #3144f3;
  border-radius: 4px;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.login-button:hover {
  background-color: #1875f0;
}

.login-container {
  z-index: 10;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
}

.login-page-wrapper {
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 5% 100px;
  position: relative;
}

.error-message {
  z-index: 100;
  color: #fff;
  text-align: center;
  background-color: #000;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 700;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.radio-button {
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0%;
  margin-left: 0;
  position: absolute;
  top: -3px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.radio-button.w--redirected-checked {
  opacity: 1;
  background-color: rgba(24, 117, 240, .15);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 2px;
  border-radius: 4px;
}

.radio-button-label {
  z-index: 10;
  position: relative;
}

.option-row {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.radio-wrap {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  margin-right: 12px;
  padding: 7px 10px;
  position: relative;
}

.select-field {
  color: #000;
  background-color: #fff;
}

.section_big {
  width: 100%;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  padding: 100px 5%;
  display: flex;
  position: relative;
}

.container-8 {
  max-width: 500px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  box-shadow: 0 9px 20px rgba(0, 0, 0, .07);
}

.check-wrap {
  background-color: #5cad2a;
  border-radius: 50%;
  padding: 7px;
}

.icon {
  width: 26px;
  height: 26px;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.button-6 {
  background-color: #000;
  border-radius: 5px;
}

.confetti {
  z-index: -1;
  width: 80%;
  position: absolute;
}

.section_big-2 {
  width: 100%;
  min-height: 100vh;
  background-image: linear-gradient(77deg, #5c32cc, #a35ad5 32%, #dc61bd 66%, #e64987);
  justify-content: center;
  align-items: stretch;
  padding: 20px;
  display: block;
  position: relative;
}

.section-inner {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-size: 500px;
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  box-shadow: inset 0 2px 20px rgba(0, 0, 0, .2);
}

.container-9 {
  width: 100%;
  max-width: 500px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.center {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.h1-3 {
  margin-top: 0;
  font-size: 33px;
  font-weight: 600;
}

.p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}

.button-7 {
  background-image: linear-gradient(49deg, #512cca, #aa5dd6 33%, #e763b7 70%, #e6457d);
  border-radius: 10px;
  padding: 13px 25px;
  font-weight: 500;
}

.button-8 {
  color: #fff;
  background-color: #3144f3;
  border-radius: 4px;
  margin-top: 20px;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
  display: block;
}

.button-8:hover {
  background-color: #1875f0;
}

.button-8.line-button {
  color: #1875f0;
  background-color: #fff;
  border: 2px solid #1875f0;
  margin-top: 0;
  padding-top: 7px;
  padding-bottom: 6px;
  display: inline-block;
}

.template-tag {
  display: inline-block;
}

.login-link {
  color: #1875f0;
  transition: color .2s;
  display: inline-block;
}

.login-link:hover {
  color: #1875f0;
}

.secondary-action {
  font-size: 15px;
  line-height: 1.6em;
}

.secondary-action.forgot-password {
  text-align: right;
  margin-top: -5px;
}

.ms-button {
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  background-color: #2962ff;
  border: 1px solid #2962ff;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 13px 16px 11.5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px 5px rgba(255, 255, 255, .25), 0 10px 20px -5px rgba(45, 62, 80, .3);
}

.ms-button:hover {
  box-shadow: none;
  color: #fff;
  background-color: #1051b9;
  transform: translate(0, 2px);
}

.ms-button:active {
  background-color: #0a3092;
}

.ms-button.is-form {
  width: 100%;
}

.ms-form-block {
  text-align: left;
  object-fit: fill;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ms-input {
  min-height: 40px;
  color: #121331;
  background-color: #fff;
  border: 1px solid rgba(18, 19, 49, .25);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #2962ff;
}

.ms-input::-ms-input-placeholder {
  color: rgba(18, 19, 49, .6);
}

.ms-input::placeholder {
  color: rgba(18, 19, 49, .6);
}

.ms-form-sub-heading {
  margin-top: -15px;
  margin-bottom: 20px;
}

.ms-form-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.4em;
}

.ms-input-label {
  text-align: left;
  margin-bottom: 5px;
  font-weight: 600;
}

.ms-form {
  width: 400px;
  min-width: 400px;
  padding: 7.5%;
}

.ms-link {
  color: #2962ff;
  border-bottom: 1px solid rgba(41, 98, 255, .01);
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.ms-link:hover {
  color: #1051b9;
  border-bottom-color: #2962ff;
}

.body {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.hide-2 {
  display: none;
}

.log-in__p {
  color: #737373;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 13px;
  line-height: 1.5;
}

.form-field {
  height: 50px;
  background-color: #eee;
  border: 1px #ddd;
  margin-bottom: 0;
  padding: 9px 15px 8px;
}

.form-field:hover {
  background-color: #ddd;
}

.form-field:focus {
  background-color: #fff;
  border-style: solid;
}

.form-field::-ms-input-placeholder {
  color: #999;
}

.form-field::placeholder {
  color: #999;
}

.password-requirements {
  width: 50%;
  color: #737373;
  background-image: none;
  background-position: 0 46%;
  background-repeat: no-repeat;
  background-size: 11px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 1.8;
  list-style-type: none;
}

.password-requirements.valid {
  background-image: none;
  background-size: 14px;
}

.show-password {
  width: 48px;
  height: 48px;
  color: #737373;
  background-color: #eee;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 13.5px;
  display: flex;
  bottom: -1px;
}

.show-password:hover {
  color: #333;
  background-color: #ddd;
}

.show-password.w--current {
  display: none;
}

.flex-row-outer {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.log-in__h {
  color: #333;
  margin-bottom: 30px;
  font-size: 34px;
  font-weight: 500;
}

.log-in__h.is-reset {
  margin-bottom: 0;
}

.form-button {
  width: 100%;
  background-color: #4253ff;
  align-self: flex-end;
  padding: .8em 2em;
  font-weight: 500;
  transition: all .2s;
}

.form-button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}

.login-logo {
  max-width: 95px;
  margin-left: 33px;
  padding-top: 42px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.login-list {
  width: 100%;
  color: #3d3d41;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-left: 0;
  display: flex;
}

.login-label {
  margin-top: 30px;
  margin-bottom: 10px;
}

.form-container {
  width: 475px;
  max-width: 475px;
  text-align: left;
  margin-bottom: 15px;
  padding-top: 10px;
}

.link-9 {
  color: #333;
  border-bottom: .5px solid #333;
  text-decoration: none;
}

.link-9:hover {
  color: #000;
}

.eye-svg {
  width: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.input-wrapper.is-token {
  grid-column-gap: 2%;
  flex-direction: row;
}

.show-password-wrap {
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #f0f0f0;
  margin-bottom: 12px;
  margin-left: 10px;
}

.fake-token-input {
  width: 28%;
  height: 60px;
  background-color: #f0f0f0;
  border: 1px #ddd;
}

.token-input {
  width: 110%;
  height: 60px;
  color: #000;
  text-align: left;
  letter-spacing: 64.5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  margin-bottom: 0;
  padding: 0 0 0 6%;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 25px;
  font-weight: 400;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: -10%;
}

.token-input::-ms-input-placeholder {
  color: #6b7b8a;
  font-weight: 400;
}

.token-input::placeholder {
  color: #6b7b8a;
  font-weight: 400;
}

.body-2 {
  display: flex;
}

.form-block {
  margin-left: auto;
  margin-right: auto;
}

.small-h1 {
  color: #000;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
}

.utility-wrap {
  width: 100%;
  max-width: 350px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-9 {
  height: 50px;
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px rgba(29, 1, 80, .1);
}

.button-9:hover {
  box-shadow: none;
  background-color: #000;
}

.large-icon-2 {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
  color: #434de7;
  background-color: #f2f3ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.large-icon-2.left-align {
  margin-left: 0;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.paragraph-3 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.spacer-l {
  width: 100%;
  height: 30px;
}

.form-wrapper {
  z-index: 50;
  width: 100%;
  max-width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-wrapper.left-align {
  text-align: left;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.border-wrap {
  width: auto;
  max-width: none;
  min-width: 400px;
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px rgba(29, 1, 80, .1);
}

.body-3 {
  display: flex;
}

@media screen and (min-width: 1440px) {
  .container.verticle-centered.hero-container {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .hero {
    background-image: url('../images/MicrosoftTeams-image-13.jpg'), url('../images/MicrosoftTeams-image-13.jpg');
    background-position: 0 0, 0 0;
    background-size: cover, auto;
  }

  .bly-section-1-2 {
    font-size: 14px;
  }

  .bly-container-1 {
    width: 100%;
    max-width: 90em;
    justify-content: space-between;
  }

  .bly-section-1 {
    font-size: 14px;
  }

  .hero--parent {
    background-image: url('../images/parent-hero-image.jpg');
    background-position: 0 0;
    background-size: cover;
  }

  .hero-school {
    background-image: url('../images/MicrosoftTeams-image-13.jpg'), url('../images/MicrosoftTeams-image-13.jpg');
    background-position: 0 0, 0 0;
    background-size: cover, auto;
  }

  .float-background-purple {
    width: 49%;
  }

  .grid-two-columns---brix.grid-align-center {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1920px) {
  .whatsapp-chat {
    display: none;
  }

  .livechat-button {
    transition: all .2s;
  }

  .livechat-button:hover {
    background-color: #000;
    transform: scale(1.05);
  }

  .hero--parent {
    background-image: url('../images/parent-hero-image.jpg');
    background-position: 0 0;
    background-size: cover;
  }
}

@media screen and (max-width: 991px) {
  .footer-flex-container-2 {
    grid-column-gap: 16px;
    grid-row-gap: 27px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-content-wrapper.left {
    width: 85%;
  }

  .circle._4 {
    top: 57%;
  }

  .circle._2 {
    top: 32%;
  }

  .phone-wrapper {
    width: 50%;
  }

  .sticky-content {
    margin-bottom: -172px;
  }

  .sticky-wrapper {
    width: 40%;
  }

  .sticky-wrapper-main {
    margin-top: -75px;
  }

  .desktop-section {
    display: none;
  }

  .text-block-2 {
    left: 10%;
  }

  .h1.vim {
    margin-top: 10px;
    font-size: 3.9em;
  }

  .star {
    bottom: -20%;
    left: 0%;
  }

  .made-for-community {
    margin-bottom: 0;
  }

  .flex-horizontal {
    z-index: 202;
    position: relative;
  }

  .question {
    display: none;
  }

  ._200-vw {
    width: 100vw;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .selection-div-outer {
    width: 90%;
    border-width: 3px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0%;
    left: 0;
  }

  .selection-div-outer.web-design, .selection-div-outer.web-development {
    width: 90%;
    left: 0;
  }

  .three-select-flex {
    z-index: 202;
    position: relative;
  }

  .estimate-price-div {
    margin-top: 50px;
  }

  .section.bg-white.fixed {
    height: auto;
    padding-top: 0;
    position: relative;
  }

  .help-text.pages, .help-text.design, .help-text.dev, .block-white, .arrow-right {
    display: none;
  }

  .cta-1 {
    line-height: 17px;
  }

  ._1300-container.pricing-page {
    flex-direction: column-reverse;
  }

  .pricing-scroll-trigger {
    height: auto;
  }

  .button-3 {
    position: relative;
  }

  .container-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-3.h1 {
    font-size: 40px;
  }

  .bly-bb-wrap-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .bly-section-1-2 {
    padding-top: 3em;
    padding-bottom: 3em;
    font-size: 1.3vw;
    display: block;
  }

  .bly-menu2-wrap-links-1 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .bly-bc-wrap-1 {
    flex: 1;
    justify-content: flex-end;
    margin-left: 4em;
    margin-right: 4em;
  }

  .bly-menu2-wrap-icons-1 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .bly-ba-wrap-1 {
    display: none;
  }

  .bly-container-1 {
    margin-left: auto;
    margin-right: auto;
  }

  .bly-section-1 {
    padding-top: 3em;
    padding-bottom: 3em;
    font-size: 1.3vw;
  }

  .bly-bc-button-2 {
    padding-top: .7em;
    padding-bottom: .4em;
  }

  .bly-bd-icon-1 {
    width: 2.8em;
    cursor: pointer;
  }

  .bly-menu2-link-1 {
    flex: 0 auto;
    justify-content: space-around;
    align-items: center;
    font-size: 1.5em;
    font-weight: 500;
    text-decoration: none;
    display: flex;
  }

  .bly-bd-wrap-1 {
    display: block;
  }

  .bly-ba-wrap-link-1 {
    margin-left: .5em;
    margin-right: .5em;
  }

  .bly-bc-wrap-link-1 {
    margin-right: 0;
  }

  .bly-section-menu2-1 {
    z-index: auto;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 7em;
    padding-bottom: 10em;
    font-size: 1.3vw;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .bly-container-menu2-1 {
    height: 100%;
    flex: 0 85%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5em 5em 8.1em;
    display: block;
    overflow: auto;
  }

  .bly-menu2-wrap-grid-1 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: stretch;
    align-items: center;
    justify-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .button {
    position: relative;
  }

  .mobile-section {
    display: none;
  }

  .mobile-section.mobile {
    display: flex;
  }

  .h2-2 {
    text-transform: capitalize;
    line-height: 1.2;
  }

  .manage-profiles-button {
    width: 25%;
    font-size: 14px;
  }

  .hub-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    justify-items: stretch;
  }

  .text-block-48 {
    left: 10%;
  }

  .h2-4 {
    text-transform: capitalize;
    line-height: 1.2;
  }

  .button-4 {
    position: relative;
  }

  .container-5 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sticky-wrapper-2 {
    width: 40%;
  }

  .nav-menu-2 {
    background-color: #fcfcfc;
  }

  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper.hero {
    margin-top: -44px;
    padding-top: 0;
  }

  .header {
    padding-left: 100px;
    padding-right: 100px;
  }

  .headimg {
    top: -45%;
    left: -14%;
  }

  .headimg._2 {
    bottom: -26%;
    right: -11%;
  }

  .feature-image.right {
    margin-left: -62px;
  }

  .feature-dec.left {
    margin-left: 38px;
  }

  .feature-dec.right {
    padding-right: 32px;
  }

  .heading-center {
    margin-bottom: 74px;
    padding-left: 88px;
    padding-right: 88px;
  }

  .whatsapp-block {
    bottom: 20px;
    right: 20px;
  }

  .content-pricig-table {
    margin-top: 60px;
  }

  .feature-wrap {
    margin-bottom: 40px;
    padding-top: 0;
  }

  .plan-name {
    margin-bottom: 20px;
  }

  .pricing-table-container {
    padding-top: 50px;
  }

  .pricing-section {
    padding-top: 70px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .pricing-image {
    padding-bottom: 1px;
    left: -10%;
  }

  .plan-price-wrapper {
    width: 150px;
    margin-left: 130px;
  }

  .pricing-plan {
    width: 100%;
    max-width: 600px;
    min-height: auto;
    flex-direction: column;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .pricing-plan.middle-pricing-plan {
    transform: none;
  }

  .pricing-row {
    display: flex;
  }

  .image-14 {
    margin-top: 24px;
  }

  .main-about-copy-contiainer {
    padding-left: 63px;
    padding-right: 63px;
  }

  .about-intro-container {
    width: 352px;
    padding-top: 19px;
    padding-left: 19px;
  }

  .about-opening-paragraph {
    margin-top: 24px;
    font-size: 10px;
  }

  .about-paragraph {
    padding-right: 23px;
    font-size: 11px;
  }

  .about-header {
    font-size: 35px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .image-15 {
    margin-top: 24px;
  }

  .about-paragraph-2 {
    padding-right: 23px;
    font-size: 11px;
  }

  .about-header-2 {
    font-size: 35px;
  }

  .about-opening-paragraph-2 {
    margin-top: 24px;
    font-size: 10px;
  }

  .about-intro-container-2 {
    width: 352px;
    padding-top: 19px;
    padding-left: 19px;
  }

  .pricing-section-copy {
    padding-top: 70px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .sticky_menu_wrapper {
    height: auto;
    flex-direction: row;
    display: none;
  }

  .datatable_line_atom {
    width: 24%;
  }

  .datatable_line_atom.service_provider {
    width: 26%;
  }

  .datatable_line_atom.place_processing {
    width: 18%;
  }

  .datatable_line_atom.purpose {
    width: 46%;
  }

  .datatable_line_atom.purpose.third_party {
    width: 30%;
  }

  .privacy_grid {
    grid-template: "Lateral-Menu"
                   "Content"
                   / 1fr;
    margin-top: 0;
    display: flex;
  }

  .small_data_table, .datatable_mobile {
    display: none;
  }

  .datatable_header {
    height: auto;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .item_icon_wrapper {
    flex-direction: column-reverse;
  }

  .datatable_category_name {
    flex-wrap: nowrap;
    font-size: 10px;
    line-height: 12px;
  }

  .item_icon_header {
    flex-direction: row-reverse;
    align-items: flex-start;
    display: flex;
  }

  .privacy_section {
    margin-top: 99px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-7 {
    width: 90%;
  }

  .privacy_icon.top-margin {
    margin-top: 8px;
  }

  .datatable_header_atom.purpose {
    width: 46%;
  }

  .datatable_header_atom.purpose.third_party {
    width: 30%;
  }

  .datatable_header_atom.place_processing {
    width: 18%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .datatable_header_atom.data_collected_shared {
    width: 26%;
    align-items: center;
  }

  .datatable_header_atom.service_provider {
    width: 24%;
  }

  .datatable_header_atom.service_provider.third_party {
    width: 26%;
    flex-wrap: wrap;
    overflow: visible;
  }

  .wrapper-success {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-success.hero {
    margin-top: -44px;
    padding-top: 0;
  }

  .header-success {
    padding-left: 100px;
    padding-right: 100px;
  }

  .headimg-success {
    top: -45%;
    left: -14%;
  }

  .headimg-success._2 {
    bottom: -26%;
    right: -11%;
  }

  .header-error {
    padding-left: 100px;
    padding-right: 100px;
  }

  .login-head {
    margin-bottom: 4%;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .login-container {
    padding-top: 7%;
  }

  .ms-button {
    position: relative;
  }

  .login-logo {
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .features-list {
    flex-direction: column;
    align-items: center;
  }

  .feature-item {
    flex-basis: 80%; 
    margin-bottom: 30px;
  }

  .feature-item img {
    max-width: 50px; 
  }

  .section-title, .feature-item h3 {
    font-size: 20px; 
  }

  .section-description, .feature-item p {
    font-size: 16px; 
  }
  .footer-image-2 {
    height: auto;
    object-fit: contain;
  }

  .footer-flex-container-2 {
    flex-direction: column;
  }

  .footer {
    padding: 40px 20px;
  }

  .hero-content-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .hero-content-wrapper.left {
    width: 93%;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .screen {
    width: 90%;
    height: 95%;
    margin-top: 0;
  }

  .frame {
    width: 19.7em;
    height: 39.4em;
    border-radius: 49px;
    margin-top: 0;
  }

  .h2 {
    font-size: 2.2em;
  }

  .phone-wrapper {
    width: 100%;
    margin-top: 41px;
    overflow: hidden;
  }

  .small-title {
    font-size: 1.8em;
  }

  .sticky-content {
    width: 250px;
    flex: none;
    margin-bottom: 0;
    margin-left: 60px;
    margin-right: 60px;
  }

  .sticky-content._1 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sticky-wrapper {
    width: 1250px;
    flex-direction: row;
    flex: none;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .sticky-wrapper-main {
    height: 81%;
    flex-direction: column;
    margin-top: 0;
    overflow: visible;
  }

  .desktop-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.sticky.mobile {
    overflow: hidden;
  }

  .container.verticle-centered {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.verticle-centered.hero-container {
    flex-direction: column;
  }

  .container.hori-ends {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .p1 {
    font-size: 1.1em;
  }

  .bg.outlined {
    line-height: 100px;
    bottom: 79%;
  }

  .text-block-2 {
    margin-top: 0;
    margin-left: 12px;
    padding: 0;
    font-size: 13px;
    position: static;
    transform: rotate(0);
  }

  .buttons-wrapper {
    display: block;
  }

  .h1.vim {
    font-size: 3.6em;
  }

  .star {
    bottom: -33%;
  }

  .hero {
    background-position: 62% 54%;
    overflow: hidden;
  }

  .spacer {
    height: 32px;
  }

  .field-block {
    min-height: auto;
  }

  .section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph {
    font-size: 15px;
  }

  .heading-3.h1 {
    font-size: 35px;
  }

  .bly-section-1-2 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.69vw;
  }

  .bly-menu2-wrap-links-1 {
    flex-direction: row;
  }

  .bly-menu2-wrap-icons-1 {
    display: none;
  }

  .bly-section-1 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.69vw;
  }

  .bly-menu2-link-1 {
    justify-content: space-between;
  }

  .bly-section-menu2-1 {
    font-size: 1.69vw;
  }

  .bly-container-menu2-1 {
    padding-top: 3em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .mobile-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mobile-section.mobile {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .h2-2 {
    font-size: 2.3em;
  }

  .small-title-2 {
    font-size: 1.8em;
  }

  .manage-profiles-button {
    width: 40%;
  }

  .main-profiles-title {
    font-size: 6vw;
  }

  .main-profiles-icon-div {
    height: auto;
    margin-bottom: 25px;
  }

  .main-profiles-icon-container {
    flex-wrap: wrap;
  }

  .hub-logo {
    width: 150px;
  }

  .text-block-48 {
    margin-top: 0;
    margin-left: 12px;
    padding: 0;
    font-size: 13px;
    position: static;
    transform: rotate(0);
  }

  .h2-3 {
    font-size: 2.2em;
  }

  .h2-4 {
    font-size: 2.3em;
  }

  .small-title-3 {
    font-size: 1.8em;
  }

  .sticky-wrapper-2 {
    width: 1250px;
    flex-direction: row;
    flex: none;
    margin-bottom: 60px;
    margin-left: 0;
  }

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

  .h3 {
    font-size: 30px;
  }

  .h3.txt-center {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header {
    padding-left: 0;
    padding-right: 0;
  }

  .headimg {
    left: -39%;
  }

  .headimg._2 {
    width: 210px;
    bottom: -16%;
    right: -11%;
  }

  ._2-col-img-grid {
    text-align: center;
    display: block;
  }

  .feature-image {
    width: 310px;
  }

  .feature-image.right {
    width: 350px;
    width: 350px;
    margin-left: 0;
  }

  .feature-image.right.b {
    margin-bottom: -26px;
  }

  .feature-dec.left, .feature-dec.right {
    margin-left: 0;
    padding-left: 57px;
    padding-right: 57px;
  }

  .ft-icon {
    width: 50px;
    margin-bottom: -11px;
  }

  .heading-center {
    padding-left: 0;
    padding-right: 0;
  }

  .whatsapp-block {
    bottom: 15px;
    right: 15px;
  }

  .hero--parent, .hero-school {
    background-position: 62% 54%;
    overflow: hidden;
  }

  .button-primary-start {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .float-background-purple {
    width: 100%;
    height: 42%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .grid-two-columns---brix {
    grid-column-gap: 100px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .pricing-button {
    z-index: 2;
    position: relative;
  }

  .pricing-image {
    width: 160px;
    min-width: 0;
    top: -13%;
    right: -80px;
  }

  .plan-price-wrapper {
    width: 33%;
    margin-left: 20%;
  }

  .pricing-plan {
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .pricing-h1 {
    font-size: 30px;
  }

  .pricing-row {
    padding-left: 0%;
  }

  .pricing-button-copy, .pricing-button-fedha {
    z-index: 2;
    position: relative;
  }

  .about-intro-container {
    width: 438px;
    padding-top: 60px;
    padding-left: 37px;
  }

  .loop-phone {
    height: 400px;
    display: none;
  }

  .column-9 {
    height: 325px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .page-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .info-toprow {
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .info-section-background {
    height: 70%;
  }

  .about-intro-container-2 {
    width: 438px;
    padding-top: 60px;
    padding-left: 37px;
  }

  .privacy_content_wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .legal_bases_meaning_wrapper {
    padding-left: 16px;
  }

  .privacy_grid {
    margin-top: 0;
    display: flex;
  }

  .read_more_content_wrapper {
    padding-left: 16px;
  }

  .datatable_wrapper {
    display: none;
  }

  .small_data_table, .datatable_mobile {
    width: 100%;
    display: block;
  }

  .datatable_text.mobile {
    margin-bottom: 24px;
  }

  .small_datatable_line {
    justify-content: space-between;
    display: flex;
  }

  .content_wrapper {
    padding-left: 40px;
  }

  .read_more_data_wrapper {
    padding-left: 16px;
  }

  .h5_top_margin {
    margin-top: 24px;
  }

  .small_dt_header {
    background-color: rgba(105, 105, 105, .1);
    border-radius: 8px;
    justify-content: space-between;
    display: flex;
  }

  .small_datatable_line_atom {
    width: 25%;
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex;
  }

  .small_datatable_line_atom.action {
    width: 50%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .datatable_category_name.mobile {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .list_datatable.mobile {
    margin-bottom: 24px;
  }

  .privacy_section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .small_datatable_header_atom {
    width: 25%;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    padding: 8px 16px;
    display: flex;
  }

  .small_datatable_header_atom.action {
    width: 50%;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .container-7 {
    width: 90%;
  }

  .privacy_icon {
    width: auto;
    max-height: 24px;
    max-width: 24px;
  }

  .datatable_header_mobile {
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }

  .header-success {
    padding-left: 0;
    padding-right: 0;
  }

  .headimg-success {
    left: -39%;
  }

  .headimg-success._2 {
    width: 210px;
    bottom: -16%;
    right: -11%;
  }

  .section-2-copy {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-copy {
    font-size: 15px;
  }

  .header-error {
    padding-left: 0;
    padding-right: 0;
  }

  .h3-copy {
    font-size: 30px;
  }

  .h3-copy.txt-center, .h3-copy.txt-center-copy {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-5 {
    margin-top: 15px;
  }

  .button-5.line-button {
    padding: 5px 14px 3px;
    font-size: 14px;
    position: absolute;
    top: 1em;
    bottom: auto;
    left: auto;
    right: 1em;
  }

  .field-wrapper.first-name-wrapper {
    margin-right: 5%;
  }

  .button-wrapper {
    width: auto;
  }

  .logo-text-2 {
    font-size: 14px;
  }

  .signup-nav-step {
    width: 70px;
    font-size: 12px;
  }

  .nav-step {
    width: 24px;
    height: 24px;
  }

  .fake-logo {
    width: 26px;
    height: 26px;
    padding-left: 8px;
  }

  .signup-field {
    height: 50px;
  }

  .top-nav {
    flex-direction: column;
  }

  .logo-link {
    margin-right: auto;
    padding-left: 0;
  }

  .dot {
    width: 10px;
    height: 10px;
  }

  .signup-label {
    margin-bottom: 2px;
  }

  .login-button {
    margin-top: 15px;
  }

  .login-page-wrapper {
    padding-top: 0;
  }

  .button-8 {
    margin-top: 15px;
  }

  .button-8.line-button {
    padding: 5px 14px 3px;
    font-size: 14px;
    position: absolute;
    top: 1em;
    bottom: auto;
    left: auto;
    right: 1em;
  }

  .ms-form-heading {
    font-size: 24px;
  }

  .log-in__h {
    font-size: 30px;
  }

  .large-icon-2 {
    width: 36px;
  }
}

@media screen and (max-width: 479px) {
  .feature-item {
    flex-basis: 90%; 
  }

  .section-title, .feature-item h3 {
    font-size: 18px; 
  }

  .section-description, .feature-item p {
    font-size: 14px; 
  }
  .footer-flex-container-2 {
    grid-column-gap: 16px;
    grid-row-gap: 23px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .list-item {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .footer {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-logo-link-2 {
    height: 60px;
    margin-bottom: 30px;
  }

  .footer-heading-2 {
    margin-top: 20px;
    margin-bottom: 11px;
    font-size: 1.2em;
  }

  .container-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .screen {
    width: 89%;
    height: 98%;
  }

  .screenshot {
    border-radius: 20px;
  }

  .frame {
    width: 200px;
    height: 400px;
    border-radius: 36px;
  }

  .h2 {
    font-size: 1.9em;
  }

  .phone-wrapper {
    overflow: visible;
  }

  .small-title {
    font-size: 2em;
  }

  .sticky-content._1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sticky-content._3 {
    width: 275px;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sticky-wrapper-main {
    justify-content: center;
  }

  .container {
    max-width: 99%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.sticky.mobile {
    height: auto;
  }

  .container.verticle-centered {
    max-width: 450px;
  }

  .container.verticle-centered.hero-container {
    margin-bottom: -150px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .p1 {
    font-size: 1em;
  }

  .text-block-2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 10px;
  }

  .h1.vim {
    font-size: 12vw;
    line-height: 1.3;
  }

  .star {
    bottom: -44%;
    left: 4%;
  }

  .hero {
    min-height: 10px;
    background-image: url('../images/MicrosoftTeams-image-13.jpg');
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0;
  }

  .cta-1-border {
    padding-left: 3px;
    padding-right: 3px;
  }

  .estimate-price-div {
    width: 100%;
  }

  .section, .section.bg-white {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .amount-of-pages {
    font-size: 20px;
    line-height: 24px;
  }

  ._1300-container {
    max-width: 100%;
  }

  .button-3 {
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
  }

  .text-area {
    width: 100%;
  }

  .form-2-grid {
    grid-template-columns: 1fr;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field {
    width: 100%;
  }

  .paragraph.medium {
    font-size: 16px;
  }

  .form-card {
    padding: 24px;
  }

  .bly-bb-wrap-1 {
    display: none;
  }

  .bly-section-1-2 {
    background-color: #38abe1;
    font-size: 2.5vw;
  }

  .bly-bc-wrap-1 {
    display: block;
  }

  .bly-menu2-wrap-icons-1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: flex;
  }

  .bly-ba-wrap-1 {
    display: none;
  }

  .bly-section-1 {
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 2.5vw;
  }

  .bly-section-menu2-1 {
    font-size: 2.5vw;
  }

  .bly-container-menu2-1 {
    display: block;
  }

  .bly-a-logo-1 {
    width: 100px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bly-bb-wrap-icons-1 {
    margin-left: 0;
    margin-right: 2em;
  }

  .bly-menu2-wrap-grid-1 {
    grid-template-rows: auto auto auto auto;
  }

  .link.cloneables {
    display: none;
  }

  .button {
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
  }

  .mobile-section.mobile {
    height: 5500px;
    margin-top: 0;
    padding-top: 100px;
    display: none;
  }

  .h2-2 {
    margin-bottom: 35px;
    font-size: 2.1em;
  }

  .small-title-2 {
    font-size: 2em;
  }

  .p2-2 {
    color: #fff;
  }

  .main-profiles-name {
    font-size: 20px;
  }

  .manage-profiles-button {
    width: 80%;
  }

  .main-profiles-title {
    font-size: 10vw;
  }

  .main-profiles-icon-div {
    margin-left: 20px;
    margin-right: 20px;
  }

  .main-profiles-icon-container {
    flex-wrap: wrap;
  }

  .section-container {
    flex-direction: column;
    display: flex;
  }

  .hub-grid {
    object-fit: fill;
    grid-template-columns: 1fr;
  }

  .text-block-48 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 10px;
  }

  .h2-3 {
    font-size: 1.9em;
  }

  .h2-4 {
    margin-bottom: 35px;
    font-size: 2.1em;
  }

  .hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .button-4 {
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
  }

  .small-title-3 {
    font-size: 2em;
  }

  .container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-btn {
    margin-bottom: 10px;
  }

  .wrapper.hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3 {
    margin-top: 42px;
  }

  .h3.txt-center {
    font-size: 23px;
    line-height: 30px;
  }

  .header {
    padding-left: 21px;
    padding-right: 21px;
  }

  .h1-2 {
    font-size: 50px;
  }

  .button-icon.button {
    margin-bottom: 19px;
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon.button.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .headimg {
    width: 230px;
    top: -11%;
    left: -24%;
  }

  .headimg._2 {
    bottom: -20%;
  }

  .feature-image {
    margin-top: -38px;
  }

  .feature-image.right {
    width: 200px;
  }

  .feature-image.right.b {
    margin-bottom: 10px;
  }

  .feature-dec.left, .feature-dec.right {
    padding-left: 11px;
    padding-right: 11px;
  }

  .section-5.et {
    padding-bottom: 0;
  }

  .whatsapp-container {
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 0;
  }

  .whatsapp-chat {
    width: 100%;
    height: 40vh;
    position: relative;
  }

  .whatsapp-block {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 0;
    right: 0;
  }

  .hero--parent {
    min-height: 10px;
    background-image: url('../images/parent-hero-image.jpg');
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0;
  }

  .hero-school {
    min-height: 10px;
    background-image: url('../images/MicrosoftTeams-image-13.jpg');
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0;
  }

  .button-primary-start {
    padding: 15px 34px 16px;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-uppercase.subtitle {
    font-size: 14px;
  }

  .pricing-card-slider {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-button {
    margin-right: 5%;
  }

  .pricing-image {
    width: 52%;
    top: 0;
    left: auto;
    right: -10%;
  }

  .pricing-image.starter-image {
    top: -51px;
  }

  .plan-price-wrapper {
    margin-left: 0%;
  }

  .pricing-plan {
    padding-right: 5%;
  }

  .pricing-row {
    flex-direction: column;
  }

  .pricing-button-copy, .pricing-button-fedha {
    margin-right: 5%;
  }

  .main-about-copy-contiainer {
    padding-left: 29px;
  }

  .about-intro-container {
    width: 283px;
    padding-left: 3px;
  }

  .about-paragraph {
    padding-right: 0;
    font-size: 10px;
  }

  .about-header {
    font-size: 28px;
  }

  .info-section-icon-wrapper {
    margin-bottom: 16px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-title {
    font-size: 40px;
    line-height: 48px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .info-section-card-wrapper {
    flex-direction: column;
  }

  .about-paragraph-2 {
    padding-right: 0;
    font-size: 10px;
  }

  .about-header-2 {
    font-size: 28px;
  }

  .about-intro-container-2 {
    width: 283px;
    padding-left: 3px;
  }

  .privacy_content_wrapper {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .legal_bases_meaning_wrapper {
    padding-left: 24px;
  }

  .read_more_line {
    margin-left: 0;
  }

  .privacy_grid {
    margin-top: 0;
    display: flex;
  }

  .read_more_content_wrapper {
    padding-left: 24px;
  }

  .datatable_mobile {
    width: auto;
  }

  .item_icon_wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 4px;
  }

  .content_wrapper {
    flex: 1;
    padding-left: 24px;
  }

  .header_section_wrapper {
    align-items: flex-start;
  }

  .read_more_data_wrapper {
    padding-left: 24px;
  }

  .datatable_category_name, .datatable_category_name.center {
    font-size: 9px;
  }

  .item_icon_header {
    flex-direction: row-reverse;
    align-items: flex-start;
    display: flex;
  }

  .privacy_section {
    margin-top: 78px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-7 {
    width: 90%;
  }

  .privacy_icon {
    max-height: 16px;
    max-width: 16px;
    margin-right: 8px;
  }

  .privacy_icon.top-margin {
    margin-top: 12px;
  }

  .privacy_icon.top-margin.big {
    margin-top: 15px;
  }

  .wrapper-success.hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-success {
    padding-left: 21px;
    padding-right: 21px;
  }

  .headimg-success {
    width: 230px;
    top: -11%;
    left: -24%;
  }

  .headimg-success._2 {
    bottom: -20%;
  }

  .h1-2-success {
    font-size: 50px;
  }

  .paragraph-copy.medium, .paragraph-copy.medium-copy {
    font-size: 16px;
  }

  .header-error {
    padding-left: 21px;
    padding-right: 21px;
  }

  .h3-copy {
    margin-top: 42px;
  }

  .h3-copy.txt-center, .h3-copy.txt-center-copy {
    font-size: 23px;
    line-height: 30px;
  }

  .button-icon-copy.button {
    margin-bottom: 19px;
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon-copy.button.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .button-icon-copy.button-copy {
    margin-bottom: 19px;
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon-copy.button-copy.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .button-icon-retry.button {
    margin-bottom: 19px;
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon-retry.button.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .button-icon-retry.button-retry {
    margin-bottom: 19px;
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon-retry.button-retry.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .button-wrapper {
    width: auto;
  }

  .login-head {
    font-size: 22px;
  }

  .top-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    padding-right: 0;
  }

  .logo-link {
    width: auto;
    margin-bottom: 12px;
    margin-right: auto;
  }

  .login-container {
    min-width: 0;
  }

  .container-8 {
    padding: 20px;
  }

  .ms-button {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .ms-form-block {
    width: 100%;
  }

  .ms-form {
    width: 100%;
    min-width: auto;
  }

  .log-in__h {
    font-size: 28px;
  }

  .fake-token-input {
    width: 34px;
  }

  .token-input {
    letter-spacing: 30.5px;
    margin-left: 10px;
    font-size: 20px;
  }
}

#w-node-a47a20f8-89f1-e840-883b-e919b10f3e7c-fa2141f6, #w-node-_2cc5e42a-935a-b89a-8f99-676635ac8d65-17c37ef5, #w-node-_1fc12993-8fef-8686-1e96-fa6a8cb89117-1572ce60, #w-node-_53d04412-83d2-e610-bc30-b66cbb1297e1-9abaa8ea, #w-node-_53d04412-83d2-e610-bc30-b66cbb1297f7-9abaa8ea, #w-node-_53d04412-83d2-e610-bc30-b66cbb12980d-9abaa8ea, #w-node-_53d04412-83d2-e610-bc30-b66cbb129823-9abaa8ea, #w-node-_53d04412-83d2-e610-bc30-b66cbb129837-9abaa8ea, #w-node-_53d04412-83d2-e610-bc30-b66cbb12984b-9abaa8ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5b94a38-8a0e-e141-bf95-3158d549d56e-0b066d8d {
  grid-area: Lateral-Menu;

}

#w-node-d5b94a38-8a0e-e141-bf95-3158d549d585-0b066d8d {
  grid-area: Content;
}

#w-node-d99f74bd-455c-0dad-ad8e-5d45706a9a0a-4b1ae27e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}