:root {
  --brown: #744343;
  --rosy-brown: #967272;
  --light-coral: #dd7979;
  --light-pink: #b16565;
  --snow: #fff4f4;
  --ghost-white: #f9f4ff;
  --k12green: #459a71;
  --k12-yellow-light: #ffdf76;
  --ghost-white-2: #edf2ff;
  --k12-bright-red: #d72e36;
  --k12red: #a23a39;
  --k12pinkback: rgba(255, 255, 255, .71);
  --k12-drk-brwn: #755045;
  --medium-purple: #aa79dd;
  --light-goldenrod-yellow: #f7fae1;
  --lavender: #eadbfa;
  --k12-trans-red: rgba(214, 44, 52, .1);
  --k12-trans-green: rgba(69, 154, 113, .1);
  --k12-drk-red: #a23a39;
  --k12-yellow: #ffce2c;
}

.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;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

h1 {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

h2 {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
}

h3 {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
}

h4 {
  color: var(--brown);
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

h5 {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

h6 {
  color: var(--brown);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

p {
  color: var(--rosy-brown);
  text-align: left;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

a {
  color: var(--light-coral);
  text-decoration: underline;
}

ol {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

li {
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 600;
}

strong {
  color: var(--brown);
  font-weight: 700;
}

em {
  color: var(--light-coral);
  font-family: Montserrat, sans-serif;
  font-style: italic;
}

blockquote {
  border-left: 10px solid var(--light-coral);
  background-color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, .74), rgba(255, 255, 255, .74)), url('../images/lime-29.png'), url('../images/bermuda-417.png');
  background-position: 0 0, 0 100%, 120% 100%;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, contain, 300px;
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 60px 100px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.container {
  z-index: 2;
}

.container.hero {
  z-index: 0;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container.top-padding {
  margin-top: 120px;
  margin-bottom: -220px;
}

.container.features {
  width: 100%;
  max-width: none;
}

.container.videotour {
  display: none;
}

.container.contact {
  margin-top: -198px;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  background-color: #ff6932;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
  transition: background-color .4s;
  display: inline-block;
}

.button:hover {
  color: #000;
  background-color: #fff;
  text-decoration: none;
}

.button.full {
  background-color: var(--light-coral);
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 10px;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.button.full:hover {
  border-color: var(--brown);
  background-color: var(--brown);
  color: var(--light-pink);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

.button.full.w--current {
  background-color: var(--brown);
}

.button.full.line {
  border: 2px solid var(--light-coral);
  color: var(--brown);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  width: auto;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.button.full.line:hover {
  border-color: var(--light-coral);
  background-color: var(--light-coral);
  color: #fff;
  text-decoration: none;
}

.button.full.line.w--current {
  border-color: var(--light-coral);
  background-color: var(--light-coral);
  color: var(--snow);
}

.button.line {
  border: 2px solid var(--light-coral);
  color: var(--brown);
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
}

.button.line:hover {
  background-color: var(--light-coral);
}

.button.line.white {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 30px 40px;
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-weight: 700;
}

.button.line.white:hover {
  border-color: #fff;
}

.button.white:hover {
  color: var(--light-coral);
  background-color: #fff;
}

.social-icon-2 {
  width: 20px;
  height: 20px;
}

.list-item {
  margin: 4px;
  display: flex;
}

.hero-side-image {
  z-index: 10;
  background-image: url('../images/Responsive1.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 600px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 96px 0 0;
  display: flex;
  position: relative;
}

.hero-side-image.cenetr {
  background-image: url('../images/Responsive6.png');
  background-position: 50% 0;
  height: 600px;
  padding-right: 0;
}

.hero-side-image.third-center {
  background-image: url('../images/K12logoCB.png');
  background-position: 0%;
  background-size: contain;
  justify-content: flex-start;
  width: 800px;
  height: 375px;
  margin-top: -8px;
  padding-right: 0;
}

.hero-side-image.right {
  background-image: url('../images/Responsive2.png');
}

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

.left-hero-content {
  max-width: 500px;
  padding-right: 40px;
}

.left-hero-content.left {
  z-index: 10;
  filter: none;
  background-image: none;
  border-style: none;
  border-width: 0;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin-top: 0;
  padding-right: 20px;
  position: relative;
}

.button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.button-wrapper.left {
  justify-content: space-between;
  align-items: center;
  margin-top: 54px;
}

.home-section {
  background-color: var(--snow);
  padding-top: 110px;
  padding-bottom: 110px;
  transition: box-shadow .3s;
  position: relative;
}

.home-section.hero {
  flex-direction: column;
  justify-content: center;
  height: 750px;
  margin-bottom: 40px;
  display: flex;
}

.home-section.hero.big-hero {
  background-color: var(--snow);
  color: rgba(0, 0, 0, 0);
  background-image: url('../images/Cut-Stripe.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 800px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.home-section.hero.second {
  background-color: var(--ghost-white);
  background-image: url('../images/Cut-Stripe.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-top: 60px;
  padding-bottom: 0;
  overflow: visible;
}

.home-section.hero.third {
  background-color: var(--light-coral);
  background-image: url('../images/BlackBoard.png');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: -65px;
  padding: 13vh 10vw;
}

.home-section.hero.third.hide {
  display: none;
}

.hero-big-image-wrapper {
  background-color: #37e083;
  border-bottom-left-radius: 0;
  width: 50%;
  height: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.hero-big-image-wrapper.darker {
  background-color: rgba(0, 0, 0, 0);
  right: -2%;
}

.section {
  background-color: var(--k12green);
  color: var(--brown);
  background-image: url('../images/Cut-Stripe-invers.png'), radial-gradient(circle, rgba(19, 77, 49, .55), rgba(9, 46, 28, .27)), url('../images/Hotdog.png');
  background-position: 100% 0, 0 0, -5vw 50vh;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: auto, auto, auto 50vh;
  margin-top: 60px;
  margin-bottom: 0;
  padding: 0 10vw 120px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  display: block;
  position: relative;
}

.section.color {
  background-color: var(--snow);
  background-image: url('../images/Cut-Stripe.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: visible;
}

.section.color.header {
  background-color: var(--k12-yellow-light);
  background-image: url('../images/Cut-Stripe.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.color.no-stripe {
  background-color: rgba(255, 255, 255, .1);
  background-image: none;
  padding: 125px 10vw;
}

.section.color.no-stripe.blog {
  background-color: var(--ghost-white-2);
}

.section.color.no-stripe.tech {
  background-image: url('../images/Cut-Stripe-invers.png'), linear-gradient(rgba(237, 242, 255, .95), rgba(237, 242, 255, .95)), url('../images/Bag.png');
  background-position: 100% 0, 0 0, -20% 100%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: 105vw, auto, 80vh;
  padding-top: 18px;
}

.section.color.no-stripe.hide {
  display: none;
}

.section.top-stripe {
  background-color: var(--ghost-white);
  background-image: url('../images/Cut-Stripe-invers.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.no-padding-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.section.color-pink {
  background-color: var(--ghost-white);
  background-image: url('../images/Cut-Stripe.svg'), url('../images/Cut-Stripe-invers.png');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.section.color-pink.no-padding-top {
  background-image: none;
  padding-top: 0;
  position: relative;
}

.section.color-pink.no-bottom-cut {
  background-image: url('../images/Cut-Stripe-invers.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.color-pink.fundraising {
  background-color: var(--k12green);
  background-image: url('../images/Cut-Stripe-invers.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 102vw;
}

.section.top-padding {
  border-radius: 20px;
  padding-top: 220px;
  padding-bottom: 0;
}

.section.no-padding-top {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Cut-Stripe-invers.png'), radial-gradient(circle, rgba(19, 77, 49, .55), rgba(9, 46, 28, .27)), url('../images/Hotdog.png');
  background-position: 100% 0, 0 0, -5vw 50vh;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: 105vw, auto, auto 50vh;
  padding-top: 0;
}

.section.no-padding-top.contactform {
  background-image: url('../images/Cut-Stripe-invers.png'), linear-gradient(to bottom, var(--k12-bright-red), var(--k12-bright-red));
  background-position: 100% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 105vw, auto;
  margin-top: 85px;
  padding-top: 118px;
}

.section.no-padding-top.register {
  background-image: url('../images/Cut-Stripe-invers.png'), url('../images/Burrito.png'), linear-gradient(to bottom, var(--k12-yellow-light), var(--k12-yellow-light));
  background-position: 100% 0, 120%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 105vw, auto 50vh, auto;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section.pink-section-color {
  background-color: var(--ghost-white);
}

.section.pink-section-color.no-padding-top {
  background-color: #fff;
  padding-top: 0;
  position: relative;
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.color-brown {
  background-color: var(--snow);
  background-image: url('../images/Cut-Stripe.svg'), url('../images/Cut-Stripe-invers.png');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.section.subcta {
  background-color: var(--k12red);
  background-image: radial-gradient(circle, rgba(255, 122, 121, .59), rgba(129, 25, 24, .3)), url('../images/Burger.png');
  background-position: 0 0, 80vw 5vh;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 50vh;
}

.section.subcta.green {
  background-color: var(--k12green);
  background-image: url('../images/Burger.png'), radial-gradient(circle, rgba(43, 106, 75, .68), rgba(129, 25, 24, .3));
  background-position: 80vw 5vh, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 50vh, auto;
  margin-top: -2px;
}

.section.subcta.whitewave {
  background-image: radial-gradient(circle, rgba(255, 122, 121, .59), rgba(129, 25, 24, .3)), url('../images/Burger.png');
  background-position: 0 0, 80vw 10vh;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 50vh;
  margin-top: 0;
}

.section.about-video {
  background-color: var(--k12pinkback);
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
  padding-bottom: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: block;
}

.section.features {
  background-color: var(--k12red);
  background-image: url('../images/Cut-Stripe-invers.png'), url('../images/Cookies.png');
  background-position: 100% 0, -5vw 50vh;
  background-repeat: no-repeat, no-repeat;
  background-size: 105vw, auto 50vh;
  margin-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section.news-aritcle-thumbs {
  background-color: var(--k12-drk-brwn);
  background-image: url('../images/Cut-Stripe-invers.png'), url('../images/Pizza.png'), radial-gradient(circle, rgba(19, 77, 49, .55), rgba(9, 46, 28, .27));
  background-position: 100% 0, -5vw 50vh, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 105vw, auto 50vh, auto;
  padding-top: 44px;
}

.section.home {
  background-image: url('../images/Cut-Stripe.svg'), radial-gradient(circle, rgba(19, 77, 49, .55), rgba(9, 46, 28, .27)), url('../images/Pizza.png');
  background-position: 100% 100%, 0 0, -5vw 50vh;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: 105vw, auto, auto 50vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section.home.hide {
  display: none;
}

.section.blogpost {
  background-color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
}

.section.green {
  background-image: url('../images/Cut-Stripe-invers.png'), radial-gradient(circle, rgba(19, 77, 49, .55), rgba(9, 46, 28, .27)), url('../images/Hotdog.png');
  background-position: 100% 0, 0 0, -5vw 50vh;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: auto, auto, auto 50vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

.dot-cursoe {
  z-index: 20;
  background-color: var(--light-coral);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin-bottom: 20px;
  position: relative;
}

.gallery-content {
  color: var(--medium-purple);
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 20px;
  display: flex;
  position: relative;
  bottom: 0;
  box-shadow: 0 5px 15px rgba(116, 67, 67, .1);
}

.gallery-content.second-galery {
  width: 80%;
  position: absolute;
  bottom: 25px;
}

.gallery-content.third-portfolio {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding-top: 20px;
  position: relative;
  bottom: auto;
}

.blog-post-link {
  cursor: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 500px;
  text-decoration: none;
  display: flex;
}

.blog-post-link.second-portfolio {
  position: relative;
}

.text-block {
  color: var(--light-coral);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.animation-content {
  cursor: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.animation-content.second-portfolio {
  cursor: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 23px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.collection-list-portfolio {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 220px;
}

.pattern {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/Numeracy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -20px;
  left: 40px;
  right: auto;
}

.pattern.right {
  z-index: 2;
  background-image: url('../images/pattern-4.png');
  bottom: auto;
  left: auto;
  right: 5%;
}

.pattern.newsletter {
  opacity: .3;
  background-image: url('../images/Untitled-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
  bottom: 25%;
  left: 25px;
}

.pattern.newsletter.right {
  filter: hue-rotate(330deg);
  background-image: url('../images/pattern-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  bottom: 5%;
  left: auto;
  right: 8%;
}

.pattern.new {
  z-index: 2;
  background-image: url('../images/K12Bus.png');
  width: 250px;
  height: 250px;
  margin-left: 10vw;
  bottom: -50px;
  left: 60px;
}

.pattern.cross {
  z-index: 2;
  background-image: url('../images/boardItems_hotdog_1.png');
  width: 400px;
  bottom: -22px;
  left: -104px;
}

.pattern.top {
  opacity: .5;
  background-image: url('../images/Untitled-1.png');
  width: 400px;
  height: 400px;
  top: -200px;
  bottom: auto;
  left: auto;
  right: 0;
}

.pattern.fries {
  z-index: 2;
  background-image: url('../images/boardItems_hotdog.png');
  width: 400px;
  height: 400px;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.second-services-card {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #494035;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  transition: border-color .4s;
  display: flex;
  position: relative;
}

.second-services-card:hover {
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-color: #4b4136;
}

.title-section-center {
  color: var(--k12-bright-red);
  text-align: center;
  margin-bottom: 0;
  font-family: molto, sans-serif;
  font-weight: 700;
}

.title-section-center.newsletter {
  font-family: molto, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.title-section-center.slide, .title-section-center.sub {
  color: var(--ghost-white);
}

.title-section-center.ongreen {
  color: var(--snow);
  margin-top: 94px;
  font-family: tablet-gothic-condensed, sans-serif;
}

.title-section-center.contact {
  color: var(--k12green);
}

.features-content {
  margin-left: 0;
  position: relative;
}

.icon-div {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.icon-div.two {
  background-image: url('../images/3d-buddy-girl-satisfied-4.png'), url('../images/Circle-4.png');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, cover;
  width: 120px;
  height: 120px;
}

.icon-div.two.footer {
  background-color: rgba(0, 0, 0, 0);
  width: 60px;
  height: auto;
  padding-top: 20px;
}

.icon-div.two.school {
  background-image: url('../images/Untitled-2.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
}

.icon-div.two.accessible {
  background-image: url('../images/Untitled-4.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
}

.title-section {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
}

.text-label {
  color: var(--brown);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-top: 104px;
  font-family: tablet-gothic-condensed, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
}

.text-label.slide {
  color: var(--ghost-white);
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-size: 22px;
}

.text-label.ongreen {
  color: var(--snow);
}

.text-label.features {
  color: var(--ghost-white);
}

.text-label.contact {
  color: var(--k12-yellow-light);
  padding-top: 120px;
}

.background-icon.footer {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(rgba(116, 67, 67, .84), rgba(116, 67, 67, .84));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.intro {
  color: #fff;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.intro.dark {
  color: #000;
  margin-bottom: 60px;
}

.text-field {
  float: none;
  border: 2px solid var(--light-pink);
  color: var(--brown);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  height: 60px;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: -1px;
  padding: 12px 20px;
  font-family: Inter, sans-serif;
  display: inline-block;
}

.text-field:hover {
  border-color: var(--light-coral);
}

.text-field:active {
  border-color: #e9e9e9;
}

.text-field:focus {
  background-color: #f7f7f7;
  border-color: #e9e9e9;
}

.text-field.single {
  float: left;
  border: 2px solid var(--light-pink);
  opacity: 1;
  color: #000;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex: 1;
  height: 60px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
}

.text-field.single:hover {
  border-color: var(--light-coral);
}

.text-field.single:focus {
  background-color: #f7f7f7;
}

.text-field.single.email {
  border-width: 2px;
  border-color: var(--light-pink);
  color: var(--brown);
  background-color: #fff;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: -1px;
  font-family: Inter, sans-serif;
}

.text-field.message {
  float: left;
  border: 2px solid var(--light-pink);
  color: #000;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex: 1;
  height: 120px;
  margin: -1px 0 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
}

.text-field.message:hover {
  border-color: var(--light-coral);
}

.success-message {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0dcc43;
  border-radius: 10px;
  margin-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
}

.form-third {
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.error-message {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: red;
  border-radius: 10px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 700;
}

.single-form {
  color: rgba(12, 21, 47, .6);
  text-align: center;
  border-radius: 0;
  max-width: 600px;
  margin: 0 auto;
  font-size: 12px;
  display: block;
}

.text-block-2 {
  color: #303030;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.text-link {
  background-color: var(--snow);
  color: var(--light-coral);
  text-align: center;
  border-radius: 4px;
  width: auto;
  margin-top: 0;
  padding: 2px 8px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .4s, color .4s, background-color .4s;
  display: inline-block;
  position: relative;
}

.text-link:hover {
  background-color: var(--light-coral);
  color: #fff;
  transform: translate(5px);
}

.text-link.blog {
  text-align: center;
  width: 90px;
  display: block;
}

.text-link.white {
  color: var(--light-coral);
  background-color: #fff;
  margin-top: 0;
}

.text-link.white:hover {
  background-color: var(--light-coral);
  color: #fff;
}

.text-link.white.padding {
  margin-top: 20px;
}

.author-title {
  color: var(--brown);
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
}

.testimonials-arrow {
  color: #151515;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 14px;
  font-size: 20px;
  transition: background-color .4s;
  display: flex;
  left: -32px;
  box-shadow: 0 1px 5px rgba(116, 67, 67, .14);
}

.testimonials-arrow:hover {
  border: 1px solid var(--light-coral);
  background-color: var(--light-coral);
  box-shadow: none;
  color: #fff;
  left: -32px;
}

.testimonials-arrow.right {
  border-radius: 10%;
  transition: background-color .4s;
  left: auto;
  right: -32px;
}

.info-review {
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.testimonials-text {
  color: var(--brown);
  text-align: left;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.testimonials-slide {
  z-index: 1;
  color: #151515;
  background-color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url('../images/Untitled-1.png'), url('../images/pattern-5.png');
  background-position: 0 0, 500px 0, 0 100%;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, 300px, 100px;
  border-radius: 20px;
  max-width: 670px;
  height: auto;
  margin: 0 auto;
  padding: 60px;
  box-shadow: 0 10px 30px -10px rgba(116, 67, 67, .14);
}

.testimonials-slide.styles {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  max-width: 1200px;
  padding: 0;
}

.highlated-copy {
  background-color: var(--light-coral);
  color: var(--snow);
  border-radius: 20px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  display: inline-block;
}

.review-card {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.testimonials-v3-nav {
  height: 28px;
  font-size: 6px;
  line-height: 16px;
  bottom: -36px;
}

.author-name {
  color: var(--light-coral);
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.info-wrapper {
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.strech {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.minus {
  background-color: var(--light-coral);
  width: 18px;
  height: 2px;
}

.toogle-answer {
  text-align: left;
  padding: 0;
  font-size: 17px;
  line-height: 26px;
  display: block;
}

.plus {
  background-color: var(--light-coral);
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.toogle-wrapper {
  border: 0px none var(--snow);
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  transition: border-color .4s;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(116, 67, 67, .1);
}

.toogle-wrapper:hover {
  background-color: #fff;
  border: 0 #000;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px -10px rgba(116, 67, 67, .1);
}

.toogle-wrapper.last {
  border: 1px #000;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.toogle-questions {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px rgba(70, 70, 83, .1);
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: -1px;
  padding: 20px 20px 20px 40px;
  font-weight: 400;
  display: flex;
}

.toogle-questions:hover {
  border: 1px #000;
}

.toogle-info {
  border: 3px #000;
  padding: 30px;
}

.toogle-icon {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 12px;
  display: flex;
}

.toogle-icon.second {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.toogle-icon.three {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-4.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.toogle-icon.four {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-3.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.toogle-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.all-wrapper {
  border: 0px none var(--light-pink);
  border-radius: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.all-wrapper.center {
  box-shadow: none;
  border-radius: 0;
  width: 60%;
}

.tab {
  color: var(--light-coral);
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  transition: color .2s;
}

.tab:hover {
  color: var(--brown);
  text-decoration: none;
}

.tab.w--current {
  border-style: none none none solid;
  border-width: 1px 1px 1px 10px;
  border-color: black black black var(--light-coral);
  color: var(--brown);
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 20px 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  box-shadow: 0 1px 5px rgba(116, 67, 67, .1);
}

.tabs-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-tab {
  flex-direction: column;
  flex: 1;
  padding-right: 5%;
  display: flex;
}

.tabs-content-second {
  width: 60%;
  overflow: visible;
}

.container-3 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.features-card {
  color: #333;
  text-transform: capitalize;
  background-color: #fff;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 60px 40px 40px;
  text-decoration: none;
  transition: box-shadow .2s, transform .3s;
  display: flex;
  position: relative;
}

.features-card:hover {
  transform: translate(0, -10px);
  box-shadow: 0 5px 20px rgba(106, 16, 64, .1);
}

.features-card.small {
  border-color: rgba(0, 0, 0, 0);
  justify-content: center;
  height: 300px;
  padding: 20px;
  transition: transform .3s;
  box-shadow: 0 1px 5px rgba(116, 67, 67, .1);
}

.features-card.small:hover {
  text-decoration: none;
}

.features-card.color {
  border-radius: 0;
}

.illustration-image {
  color: #00cca7;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 120px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.illustration-title {
  color: #6a1040;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.categories {
  color: var(--light-coral);
  text-align: center;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.blog-icon-white {
  object-fit: cover;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: none;
  position: absolute;
  right: 50px;
}

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

.collection-list.no-space {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.fotter-upper-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
}

.title-footer {
  color: var(--snow);
  letter-spacing: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.full-container {
  color: #1a1a1a;
  background-color: rgba(0, 0, 0, 0);
  max-width: 1170px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  display: block;
}

.full-container.hidden {
  display: none;
}

.footer-link {
  color: #fff;
  border: 1px #000;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: border .3s, color .3s;
  display: inline-block;
}

.footer-link:hover {
  color: #ff7579;
  border: 1px #000;
  text-decoration: none;
}

.grid-footer {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template: "."
  / .75fr .25fr .25fr;
  margin-bottom: 40px;
}

.footer {
  z-index: 2;
  color: var(--brown);
  background-image: url('../images/BlackBoard.png');
  background-repeat: repeat;
  background-size: cover;
  padding: 60px 10vw 20px;
  font-family: Inter, sans-serif;
  display: block;
  position: relative;
}

.contact-link {
  color: #666;
  line-height: 30px;
  text-decoration: none;
}

.contact-link.space {
  margin-left: 4px;
  margin-right: 4px;
}

.contact-link.space.white {
  color: #ffe2d4;
  font-size: 10px;
}

.div-usefull-links {
  text-align: left;
  flex-direction: column;
  display: flex;
}

.footer-grid-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.footer-div-line {
  text-align: left;
  border-left: 1px solid #e2eff8;
  height: 230px;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-div-line.first {
  border-left-style: none;
  padding-left: 0;
  padding-right: 40px;
}

.footer-div-line.sec {
  border-left-style: none;
  padding-left: 0;
}

.footer-bottom-text {
  color: #30364d;
  font-size: 14px;
  line-height: 22px;
}

.footer-bottom-text.white-text {
  color: #fff;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
}

.separator {
  background-color: #e0e0e0;
  height: 1px;
  margin-top: 40px;
}

.separator.padding {
  background-color: #995858;
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer-bottom-div {
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

.link-block.footer {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.grid-title-section {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
}

.grid-title-section.member {
  grid-template-columns: .75fr .5fr;
}

.page-header {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-header.hero {
  width: 100%;
  margin-bottom: 60px;
}

.blog-button-text {
  color: #ff7579;
  margin-top: 20px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.blog-button-text:hover {
  color: #6a1040;
  text-decoration: underline;
}

.blog-button-text.right {
  text-align: right;
}

.blog-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
}

.progress-left-text {
  text-align: left;
  margin-bottom: 0;
  margin-right: 10px;
}

.progress-left-text.padding {
  padding-left: 80px;
  padding-right: 80px;
}

.progress-left-text.padding.new {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.vertical-blog-card {
  z-index: 3;
  flex-direction: column;
  margin-bottom: 120px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vertical-blog-card:hover {
  text-decoration: none;
}

.vertical-blog-card.paddings {
  margin-bottom: 120px;
}

.blog-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 420px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-image:hover {
  text-decoration: none;
}

.blog-image.single {
  border-radius: 20px;
  height: 700px;
  margin-top: 53px;
}

.blog-image.card {
  border-radius: 10px;
  height: 240px;
}

.blog-post-div {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-bottom: -100px;
  padding: 40px;
  font-family: Inter, sans-serif;
  box-shadow: 0 5px 15px rgba(116, 67, 67, .1);
}

.blog-post-div:hover {
  text-decoration: none;
}

.blog-post-div.cms {
  width: 80%;
  padding: 60px;
  position: relative;
  top: 90px;
}

.blog-top-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 0;
  display: grid;
}

.date-text {
  color: var(--light-coral);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.horizontal-blog-card {
  background-color: #fff;
  border-radius: 6px;
  height: 250px;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.horizontal-blog-card:hover {
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(106, 16, 64, .1);
}

.horizontal-blog-card.color {
  background-color: #fff;
  border: 1px rgba(0, 0, 0, 0);
  border-radius: 10px;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  position: relative;
  box-shadow: 0 3px 15px rgba(116, 67, 67, .1);
}

.horizontal-blog-card.color.padding {
  margin-bottom: 40px;
}

.horizontal-blog-post {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 0 40px;
  font-family: Inter, sans-serif;
  text-decoration: none;
  display: flex;
}

.blog-image-post {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 200px;
  height: 200px;
}

.link {
  color: var(--light-pink);
}

.wrapper {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.wrapper.nav-bar-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  max-width: none;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.menu-icon-line-bottom {
  background-color: #151515;
  height: 2px;
}

.dropdown-link {
  color: var(--brown);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 7px;
  align-items: center;
  width: 50%;
  padding: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: var(--snow);
}

.dropdown-link.w--current {
  background-color: var(--snow);
  font-weight: 600;
}

.dropdown-link.single-row {
  width: 10050%;
}

.dropdown-link.single-row.w--current {
  background-color: var(--snow);
}

.menu-icon {
  float: right;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.branding {
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.navigation {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.dropdown-bridge {
  z-index: 1;
  height: 8px;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
}

.nav-right {
  z-index: 1;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-bar {
  z-index: 100;
  background-color: #fff;
  justify-content: center;
  height: 120px;
  padding-left: 10vw;
  padding-right: 10vw;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.menu-icon-line-top {
  background-color: #151515;
  height: 2px;
}

.nav-dropdown-icon {
  color: var(--light-pink);
  margin-right: 10px;
}

.dropdown-corner {
  z-index: 1;
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: -4px;
  left: 33px;
  transform: rotate(45deg);
}

.dropdown-corner.padding {
  left: 89px;
}

.menu-icon-line-middle {
  background-color: #151515;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.navigation-link {
  color: var(--brown);
  text-transform: none;
  border-radius: 7px;
  padding: 8px 14px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .4s;
}

.navigation-link:hover {
  background-color: #f5f5f5;
}

.navigation-link.w--current {
  color: #151515;
  font-size: 20px;
  font-weight: 700;
}

.navigation-link.nav-dropdown {
  padding-right: 26px;
}

.navigation-link.nav-dropdown:hover {
  background-color: rgba(150, 114, 114, .07);
}

.navigation-link.hide {
  display: none;
}

.nav-menu {
  flex: none;
  align-items: center;
  margin-right: auto;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  flex-wrap: wrap;
  width: 180px;
  margin-top: 8px;
  margin-left: -4px;
  padding: 10px;
  left: 0;
  box-shadow: 0 6px 24px rgba(48, 54, 77, .22);
}

.dropdown-list.components-list.w--open {
  width: 460px;
  margin-left: -48px;
  padding: 12px;
  display: flex;
  box-shadow: 0 6px 24px rgba(116, 67, 67, .2);
}

.nav-dropdown-link-info {
  flex: 1;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
}

.nav-dropdown-box {
  color: #452c48;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Cross.png'), url('../images/Untitled-1.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, repeat;
  background-size: 16px, contain;
  border: 1px #e3e3e3;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.blog-title {
  color: var(--brown);
  margin-bottom: 20px;
  transition: transform .4s;
}

.blog-title:hover {
  transform: translate(5px);
}

.social-icons-list {
  justify-content: flex-end;
  align-items: center;
  margin-left: -4px;
  margin-right: -4px;
  padding-left: 0;
  display: flex;
}

.social-icons-list.team {
  justify-content: center;
  margin-top: 40px;
  list-style-type: none;
}

.button-social {
  border-style: none;
  border-width: 0;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: transform .2s;
  display: flex;
}

.button-social:hover {
  transform: scale(1.1);
}

.button-social.color {
  background-color: var(--light-coral);
  width: 48px;
  height: 48px;
}

.collection-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.style-title {
  color: var(--snow);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.link-style {
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.white {
  color: #fff;
  font-weight: 600;
  line-height: 26px;
}

.link-footer {
  color: var(--light-pink);
}

.ads-text {
  color: var(--snow);
  font-weight: 600;
  line-height: 48px;
}

.big-headline {
  color: var(--k12green);
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: molto, sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 70px;
}

.big-headline.centered {
  color: var(--ghost-white);
  text-align: center;
  width: 700px;
  margin-top: -33px;
  font-family: Fredericka the Great, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
}

.big-headline.centered.white {
  color: #fff;
  font-family: Fredericka the Great, sans-serif;
  font-weight: 400;
}

.big-headline.centered.hero {
  font-size: 48px;
}

.big-headline.about, .big-headline.features {
  color: var(--ghost-white);
}

.big-headline.register {
  color: #fff;
}

.big-headline.contact {
  color: var(--ghost-white-2);
  text-align: left;
}

.gray-space {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.gray-space.dark {
  background-color: var(--brown);
  color: #020224;
  border-radius: 10px;
  margin-bottom: 0;
}

.rich-text blockquote {
  background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/Fries.png');
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 300px;
  font-family: tablet-gothic-narrow, sans-serif;
  font-size: 28px;
  box-shadow: 0 10px 30px 10px rgba(116, 67, 67, .1);
}

.block-wrapper {
  background-color: var(--snow);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px;
  display: block;
  box-shadow: 0 8px 15px 1px rgba(0, 0, 0, .22);
}

.block-wrapper.last {
  background-color: var(--snow);
  margin-bottom: 0;
}

.color-example {
  background-color: #000;
  border-radius: 300px;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.color-example.third {
  background-color: #ffe1cd;
}

.color-example.second {
  background-color: #f60;
}

.color-example.sixth {
  background-color: var(--rosy-brown);
  border: 0 rgba(0, 0, 0, 0);
}

.color-example.fourth {
  background-color: var(--medium-purple);
}

.color-example.fifth {
  background-color: var(--snow);
}

.color-example.seventh {
  background-color: var(--ghost-white);
}

.color-example.eight {
  background-color: var(--light-goldenrod-yellow);
}

.color-example.nine {
  background-color: var(--ghost-white-2);
}

.container-4 {
  max-width: 1200px;
}

.grid-scales {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.padding-paragraph {
  margin-bottom: 60px;
}

.paragraph-wrapper {
  margin-bottom: 30px;
}

.big-paragraph {
  color: var(--rosy-brown);
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.colors {
  color: #24336b;
  background-color: #fff;
  border: 1px #ddd;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.color-text {
  color: var(--brown);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 5px 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.italic-text {
  color: var(--rosy-brown);
  font-family: Inter, sans-serif;
}

.bold-text {
  color: var(--brown);
  font-family: Inter, sans-serif;
}

.section-hero {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-hero.hero-page-section {
  background-color: var(--snow);
  background-image: url('../images/Cut-Stripe.svg'), linear-gradient(rgba(255, 244, 244, .5), rgba(255, 244, 244, .5)), url('../images/pattern-3.png');
  background-position: 50% 100%, 0 0, 100% -50px;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  padding: 40px 20px 0;
  display: flex;
  position: relative;
}

.section-hero.hero-page-section.blog {
  background-image: url('../images/burgerBack.jpg');
  background-position: 100% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  height: 500px;
  padding-top: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.section-hero.hero-page-section.blog.features {
  background-image: url('../images/wrapBackground.jpg');
  background-position: 100% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section-hero.hero-page-section.blog.register {
  background-image: url('../images/pexels-mikhail-nilov-6740517.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section-hero.hero-page-section.blog.contact {
  background-image: url('../images/pancakesBack.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.section-hero.hero-page-section.team {
  background-image: url('../images/Cut-Stripe.svg'), linear-gradient(rgba(255, 244, 244, .5), rgba(255, 244, 244, .5));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  height: auto;
  padding-top: 60px;
}

.section-hero.hero-page-section.about {
  background-color: var(--ghost-white);
  background-image: linear-gradient(rgba(249, 244, 255, .05), rgba(249, 244, 255, .05)), url('../images/pexels-cottonbro-4676401.jpg'), url('../images/Untitled-2.png');
  background-position: 0 0, 50%, 100% -400px;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, cover, auto;
  justify-content: flex-start;
  height: 600px;
  margin-bottom: 1px;
  padding-top: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.section-hero.hero-page-section.news {
  background-image: url('../images/pexels-daniel-reche-1556688.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  height: 600px;
  padding-top: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.section-hero.no-stripe {
  background-color: var(--snow);
  background-image: url('../images/Untitled-11.png');
  background-position: 100% 400%;
  background-repeat: no-repeat;
  background-size: 695px;
}

.title-section-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.title-section-wrapper.page-header {
  align-items: flex-end;
  padding-right: 5vw;
}

.text-block-link {
  color: var(--brown);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.portfolio-name {
  margin-bottom: 4px;
}

.grid-categories {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template: "."
  / .25fr 1fr;
  margin-top: 20px;
  margin-bottom: 40px;
}

.collection-list-cms-styles {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-categorie {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-sumary {
  width: 500px;
}

.post-info {
  color: #666;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16px;
  padding: 4px 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.post-info.author {
  font-family: Inter, sans-serif;
}

.post-info-text {
  color: var(--brown);
  margin-left: 2px;
  margin-right: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.author-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 100%;
  width: 38px;
  height: 38px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
}

.author-image.single {
  background-color: var(--lavender);
  background-position: 50% 0;
  margin-left: 10px;
}

.categories-link {
  color: var(--light-coral);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.categories-link:hover {
  text-decoration: underline;
}

.richtext-wrapper {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.image-illustration {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 600px;
  margin-bottom: 100px;
}

.paragraph {
  font-family: Inter, sans-serif;
}

.paragraph.center {
  color: var(--k12green);
  text-align: center;
  text-transform: none;
  width: 700px;
  margin-top: -30px;
  font-family: molto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.paragraph.center.light {
  color: var(--snow);
  font-family: Fredericka the Great, sans-serif;
  font-size: 28px;
}

.paragraph.center.introducing {
  color: var(--light-pink);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph.center.hero {
  letter-spacing: 1px;
  padding-left: 48px;
  padding-right: 48px;
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-size: 22px;
}

.paragraph-2, .link-2 {
  font-family: Inter, sans-serif;
}

.grid-cms {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--light-pink);
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  margin-bottom: 100px;
  box-shadow: 0 5px 15px rgba(116, 67, 67, .1);
}

.left-info-div {
  border-style: none solid none none;
  border-width: 1px 4px 1px 1px;
  border-color: var(--light-pink) var(--snow) var(--light-pink) var(--light-pink);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 60px;
}

.right-cms-div {
  background-color: #fff9f9;
  border-radius: 0;
  flex-direction: column;
  width: 100%;
  padding: 60px;
  display: flex;
}

.category {
  text-transform: none;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-decoration: none;
}

.label-cms {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 22px;
}

.collection-list-related {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-info-license {
  flex-direction: column;
  display: flex;
}

.div-info-license.center {
  align-items: center;
}

.icon-div-new {
  background-color: #fde8e8;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.icon-div-new.fourth {
  background-image: url('../images/office-4.png');
  background-size: cover;
}

.icon-div-new.fourth.symbol {
  background-color: #fff;
  background-image: url('../images/pattern-5.png');
}

.icon-div-new.second {
  background-image: url('../images/people-8.png');
  background-size: cover;
}

.icon-div-new.second.symbol {
  background-color: #fff;
  background-image: url('../images/pattern-3.png');
}

.icon-div-new.first {
  background-image: url('../images/office-3.png');
  background-size: cover;
}

.icon-div-new.first.symbol {
  background-color: #fff;
  background-image: url('../images/Untitled-2.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.third {
  background-image: url('../images/office-2.png');
  background-size: cover;
}

.icon-div-new.third.symbol {
  background-color: #fff;
  background-image: url('../images/Untitled-10.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.three {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.icon-div-new.fifth {
  background-image: url('../images/Untitled-1.jpg');
  background-size: cover;
}

.icon-div-new.six {
  background-image: url('../images/Untitled-3.jpg');
  background-size: cover;
}

.icon-div-new.four {
  background-image: url('../images/Untitled-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.icon-div-new.two {
  background-image: url('../images/Untitled-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.icon-div-new.seven {
  background-image: url('../images/Untitled-6.jpg');
  background-size: cover;
}

.icon-div-new.one {
  background-image: url('../images/Untitled-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.icon-div-new.icon1 {
  background-color: var(--snow);
  background-image: url('../images/3d-buddy-girl-satisfied-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-2 {
  background-image: url('../images/bonbon-woman-multitasking-work-with-correspondence.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon3 {
  background-image: url('../images/crayon-1543.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-4 {
  background-image: url('../images/gummy-work-from-home-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.iocn-5 {
  background-image: url('../images/handy-bad-gateway.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-6 {
  background-image: url('../images/bubble-gum-payment-process.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.iocn-7 {
  background-image: url('../images/sammy-man-and-girl-dancing-at-a-party.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-8 {
  background-image: url('../images/sammy-service-support.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-9 {
  background-image: url('../images/experimental-seated-man-and-woman-doing-work-analytics.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-11 {
  background-image: url('../images/surr-809.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-10 {
  background-image: url('../images/marginalia-design-process.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-12 {
  background-image: url('../images/gummy-macbook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-13 {
  background-image: url('../images/3d-stripy-meditation.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-14 {
  background-image: url('../images/bonbon-woman-multitasking-work-with-correspondence_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-15 {
  background-image: url('../images/sammy-meditation.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-16 {
  background-image: url('../images/sammy-man-and-girl-dancing-at-a-party.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-17 {
  background-image: url('../images/experimental-ice-skating-on-winter-holidays.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-div-new.icon-18 {
  background-image: url('../images/bubble-gum-recruiter-with-a-magnifying-glass-is-looking-for-new-employees-online.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.licence-links-wrapper {
  color: #717177;
  flex: 1;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.grid-licenses {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-licenses.team {
  grid-template-columns: 1fr 1fr;
}

.licence-item-wrapper {
  border: 1px solid var(--snow);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  font-weight: 500;
  display: flex;
  box-shadow: 7px 7px 30px rgba(116, 67, 67, .1);
}

.licens-image {
  width: 100px;
  height: 100px;
}

.licens-image.icons {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.avatar.one {
  background-color: var(--snow);
  background-image: url('../images/office-2.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin-right: 16px;
  position: relative;
}

.avatar.one.padding {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 0;
}

.avatar.two {
  background-color: var(--light-goldenrod-yellow);
  background-image: url('../images/office-4.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin-right: 16px;
}

.avatar.three {
  background-color: var(--ghost-white);
  background-image: url('../images/office-3.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin-right: 16px;
}

.collection-list-bigger {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-bigger.three-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.collection-list-bigger.padding {
  margin-bottom: 60px;
}

.name-block {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.name-text {
  color: var(--light-coral);
  margin-top: 0;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.link-author {
  text-decoration: none;
}

.blog-grid-header {
  background-color: #eaf8ff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding: 40px;
  display: flex;
}

.blog-grid-header.color {
  background-color: rgba(255, 255, 255, .8);
  border-radius: 10px;
  justify-content: space-between;
  height: 460px;
  padding: 20px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.link-blog {
  text-decoration: none;
}

.section-illustartions {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-list-wrapper {
  text-align: center;
  border-top: 1px solid #e2ddee;
  border-bottom: 1px solid #e2ddee;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-list-wrapper.center-text {
  color: var(--light-coral);
  text-align: center;
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-weight: 500;
  display: flex;
}

.pricing-list-wrapper.hero {
  border: 1px #000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.div {
  color: #fff;
}

.price-wrapper {
  color: var(--brown);
  align-items: center;
  font-family: Inter, sans-serif;
  display: flex;
}

.contact-us {
  color: var(--light-coral);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 38px;
}

.pricing-list-text {
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}

.pricing-list-text.white {
  color: var(--brown);
  text-align: left;
  padding-top: 4px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.pricing-list-text.third {
  color: var(--brown);
  align-items: center;
  padding-right: 40px;
  font-family: tablet-gothic-semi-condensed, sans-serif;
  display: flex;
}

.page-title {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-title.left {
  align-items: flex-start;
  margin-top: -26px;
}

.price-nr {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}

.pricing-text {
  color: #fff;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}

.pricing-post-info {
  color: var(--brown);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 20px 8px 0;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.monthly {
  color: var(--medium-purple);
  text-transform: none;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.monthly.padding {
  margin-top: 10px;
  margin-right: 0;
}

.container-5 {
  z-index: 2;
  border-radius: 10px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.pricing-grid {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0 0 10px 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 40px;
  display: grid;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.pricing-block {
  border: 1px solid var(--snow);
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--k12pinkback), var(--k12pinkback)), url('../images/K12Lettuce.png');
  color: var(--brown);
  text-align: center;
  background-position: 0 0, 140% -10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 200px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  padding: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 30px rgba(116, 67, 67, .1);
}

.pricing-block.middle {
  border-style: solid;
  border-color: var(--snow);
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--k12pinkback), var(--k12pinkback)), url('../images/K12baloney.png');
  background-position: 0 0, 140% -10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 200px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.pricing-block.right {
  border-style: solid;
  border-color: var(--snow);
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--k12pinkback), var(--k12pinkback)), url('../images/K12Cheese.png');
  background-position: 0 0, 140% -10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 190px;
  border-radius: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.blog-post-link-second {
  cursor: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 500px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.blog-post-link-third {
  cursor: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 400px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.what-is-incluted {
  text-align: left;
  border-top: 1px solid rgba(255, 186, 186, .56);
  margin-top: 20px;
  padding-top: 20px;
}

.header-section {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.header-section.center {
  text-align: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-bottom: 60px;
  font-weight: 500;
}

.side-text-info {
  width: 100%;
  max-width: none;
}

.side-text-info.center {
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  display: flex;
}

.grid {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  grid-template: "."
  / 1.25fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid.ads {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.grid.three-row {
  grid-column-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: -120px;
  margin-bottom: 120px;
}

.grid.three-row.contact {
  width: 100%;
  margin-top: -92px;
  margin-bottom: 0;
  padding-top: 62px;
}

.grid.three-row.contact.second {
  display: none;
}

.side-slide-wrapper {
  background-image: url('../images/Responsive22.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  height: 550px;
  position: relative;
}

.side-slide-wrapper.ilustration {
  background-image: url('../images/Growth.png');
  background-size: contain;
  height: 500px;
  margin-top: 0;
  padding-top: 0;
}

.side-slide-wrapper.right {
  background-image: url('../images/sammy-like-1.png');
  background-size: cover;
}

.icon {
  background-color: #d1d8f3;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon.small {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Circle1.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
  margin-left: 0;
  margin-right: 20px;
}

.icon.small.pizza {
  background-image: url('../images/Pizza.png'), url('../images/Circle1.png');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 64px, cover;
  width: 80px;
  height: 80px;
}

.icon.small.hotdog {
  background-image: url('../images/Hotdog.png'), url('../images/Circle1.png');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 64px 64px, cover;
  width: 80px;
  height: 80px;
}

.icon.small.fries {
  background-image: url('../images/Fries.png'), url('../images/Circle1.png');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 64px 64px, cover;
  width: 80px;
  height: 80px;
}

.icon.small.something {
  background-image: url('../images/Burrito.png'), url('../images/Circle1.png');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 64px 64px, cover;
  width: 80px;
  height: 80px;
}

.cta-section {
  background-color: var(--ghost-white);
  background-image: linear-gradient(rgba(249, 244, 255, .5), rgba(249, 244, 255, .5)), url('../images/pattern-5.png'), url('../images/pattern-3.png');
  background-position: 0 0, 100% 100%, 0 40px;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, contain, 400px;
  padding: 60px 20px;
  position: relative;
}

.cta-section.center {
  background-image: url('../images/boardItems_taco.png'), url('../images/boardItems_burger.png'), linear-gradient(rgba(69, 154, 113, .28), rgba(255, 255, 255, 0)), url('../images/BlackBoard.png');
  background-position: 0 140%, 90vw 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  background-size: auto 20vh, auto 20vh, auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.title-page {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.buttons-grid {
  grid-template: "."
  / 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 60px;
}

.buttons-grid.cta {
  margin-top: 0;
  margin-bottom: 0;
}

.buttons-grid.cta.padding {
  margin-top: 4px;
}

.container-6 {
  z-index: 2;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-6.facts {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 220px;
  display: flex;
}

.team-name {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.div-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.big-videolight-box {
  z-index: 10;
  background-color: #fff;
  background-image: url('../images/k12VideoBack.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border: 40px solid #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: 0;
  margin-bottom: 80px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 10px 20px -7px rgba(116, 67, 67, .4);
}

.video-text {
  color: var(--brown);
  font-family: Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.quote-icon {
  width: 50px;
  height: 50px;
  margin-right: 12px;
  position: relative;
}

.quote-paragraph {
  text-align: left;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.video-button-div {
  background-color: #fff;
  border-radius: 35px;
  align-items: center;
  padding: 5px 20px 5px 5px;
  text-decoration: none;
  transition: transform .4s;
  display: flex;
  box-shadow: 0 10px 20px rgba(75, 57, 239, .26);
}

.video-button-div:hover {
  transform: translate(0, -10px);
}

.quote-div {
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.team-quote-wrapper {
  align-items: flex-end;
  width: 1000px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: none;
}

.position-title {
  color: var(--light-coral);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.position-title.left {
  text-align: left;
}

.team-info {
  color: #798099;
  width: 30%;
}

.video-icon {
  z-index: 10;
  background-color: var(--k12-bright-red);
  color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.features-block-card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 100px;
  display: flex;
}

.features-block-card.border {
  border-left: 1px solid var(--ghost-white-2);
}

.features-block-card.team {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.app {
  transition: transform .4s;
}

.app:hover {
  transform: translate(0, -5px);
}

.div-paddings {
  margin-top: 20px;
  margin-bottom: 20px;
}

.features-block {
  background-color: #fff;
  background-image: url('../images/Untitled-1.png'), url('../images/pattern-4.png');
  background-position: 120% 120%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 300px, 125px;
  border: 0 #dbd1e5;
  border-radius: 20px;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: center;
  display: flex;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.color-headline {
  color: var(--light-coral);
  text-align: left;
  font-weight: 600;
}

.color-headline.light {
  color: var(--brown);
}

.color-headline.center {
  font-family: tablet-gothic-condensed, sans-serif;
}

.color-headline.center.registercta {
  color: var(--k12green);
}

.logo-title {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.logo-text {
  margin-bottom: 24px;
  font-size: 17px;
  line-height: 28px;
}

.logo-text.all-capital {
  color: #6e8cf8;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  margin-top: -15px;
  margin-bottom: 0;
  padding: 4px 25px;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}

.logo-text.all-capital.gray {
  background-color: var(--ghost-white);
  color: var(--medium-purple);
  border-radius: 20px;
  font-family: Inter, sans-serif;
}

.padding-top {
  margin-top: 40px;
  margin-bottom: 120px;
}

.logo-card {
  z-index: 2;
  border: 1px solid #dbe3ff;
  border-radius: 10px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 100px;
  padding-bottom: 35px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.logo-card.no-padding {
  border: 0 rgba(0, 0, 0, 0);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.collection-two-rows {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.features-hero-link {
  z-index: 2;
  padding: 15px 35px 15px 0;
  text-decoration: none;
  position: relative;
}

.collection-list-styles {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-wrapper-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  margin-top: 30px;
  display: flex;
}

.button-wrapper-2.center {
  justify-content: center;
  width: auto;
}

.side-info {
  color: #333;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-left: 8%;
  padding-right: 8%;
  font-weight: 500;
  display: flex;
}

.side-info.styles {
  background-color: rgba(69, 154, 113, .55);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 450px;
  margin: 0;
  padding-top: 53px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
}

.heading-half-section {
  color: var(--brown);
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.heading-half-section.slide {
  color: var(--ghost-white);
  height: 20%;
  margin-bottom: 0;
  font-family: molto, sans-serif;
}

.center {
  text-align: center;
}

.center.slides {
  color: var(--ghost-white);
}

.features-card-mobile {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0 0 0 100px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.features-card-mobile:hover {
  background-color: rgba(0, 0, 0, 0);
}

.features-card-mobile.left {
  align-items: flex-start;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 100px;
}

.features-number {
  color: #6a4ee1;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px rgba(210, 210, 245, .6);
}

.features-number.one {
  background-color: #fff;
  background-image: url('../images/Online-Shoping.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.features-number.two {
  background-color: #fff;
  background-image: url('../images/Privacy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.features-number.three {
  background-color: #fff;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.features-number.four {
  background-color: #fff;
  background-image: url('../images/Direction.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border-radius: 1000px;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.features-number._3 {
  background-image: url('../images/Registration.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
}

.features-number.three, .features-number.realthree {
  background-color: #fff;
  background-image: url('../images/Registration.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border-radius: 1000px;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.features-title {
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 31px;
}

.collection-list-wrapper-illustrations {
  margin-bottom: 120px;
}

.side-contact {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid rgba(228, 236, 246, .57);
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px rgba(82, 91, 115, .12);
}

.side-contact.v2 {
  z-index: 0;
  box-shadow: none;
  border-style: none;
  border-color: #a2e9fc;
  border-radius: 0;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: block;
  position: static;
}

.form-block-contact {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.form-grid {
  grid-column-gap: 22px;
  grid-row-gap: 20px;
  color: #fff;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.form-grid.contact {
  grid-template-rows: auto auto auto auto;
}

.single-form-contact {
  color: rgba(12, 21, 47, .6);
  text-align: center;
  border-radius: 10px;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
  display: block;
}

.contact-wrapper {
  border: 1px solid var(--snow);
  border-radius: 20px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(116, 67, 67, .1);
}

.contact-image {
  background-color: #eefbff;
  background-image: url('../images/Flat-color-Modern-Illustration-design---App-development-Converted.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-left: 1px solid #a2e9fc;
  border-right: 1px #a2e9fc;
  width: 40%;
}

.contact-image.dark {
  background-color: var(--light-goldenrod-yellow);
  background-image: url('../images/Student-Question.png');
  background-size: contain;
  border-left-style: none;
  border-right-style: none;
  border-right-width: 0;
}

.contact-card {
  border: 1px solid #d9dcec;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 260px;
  padding: 40px 0 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.contact-card.contact {
  background-color: #fff;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 10px;
  height: 275px;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(116, 67, 67, .1);
}

.contact-card.contact.social {
  display: block;
}

.contact-card.contact.hide {
  display: none;
}

.small-features-title {
  color: var(--light-coral);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.features-plus {
  color: var(--brown);
  background-color: rgba(117, 80, 69, .34);
  border: 1px #000;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  padding-left: 50px;
  display: flex;
}

.features-plus.call {
  background-color: #83d2ac;
}

.features-plus.email {
  background-color: var(--k12-yellow-light);
}

.title-div-services {
  padding-left: 50px;
  padding-right: 50px;
}

.link-contact {
  color: var(--brown);
  text-transform: none;
  text-decoration: none;
}

.link-contact:hover {
  text-decoration: underline;
}

.white-plus {
  display: none;
}

.feature-title {
  color: var(--brown);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.feature-title.smaller {
  text-transform: none;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.grid-faq {
  grid-column-gap: 80px;
  margin-top: 120px;
}

.features-image {
  background-image: url('../images/phoneScreen.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 600px;
  padding-bottom: 0;
  transition: filter .4s;
  display: flex;
}

.features-image:hover {
  filter: saturate(150%);
}

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

.top-title {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: molto, sans-serif;
}

.body-color {
  background-color: #fff;
}

.center-page-image {
  max-width: 80%;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-center-ads {
  overflow: hidden;
}

.image-changelog {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-wrap {
  background-color: var(--snow);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  color: var(--brown);
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 460px;
  padding: 40px;
  font-family: Inter, sans-serif;
  display: flex;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.button {
  background-color: var(--light-coral);
  border-radius: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.button:hover {
  background-color: var(--brown);
  color: #fff;
}

.button.padding {
  margin-top: 10px;
}

.hero-button {
  background-color: var(--light-coral);
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 14px 5vw 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: background-color .4s;
}

.hero-button:hover {
  background-color: var(--brown);
}

.hero-button.white-hover {
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 30px 40px;
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-weight: 700;
  transition: color .4s, background-color .4s;
}

.hero-button.white-hover:hover {
  color: var(--light-coral);
  background-color: #fff;
}

.hero-button.full {
  width: 100%;
  display: block;
}

.hero-button.full.w--current {
  background-color: var(--brown);
}

.hero-button.padding {
  margin-top: 20px;
}

.hero-button.learnmore {
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 22px;
  padding-bottom: 22px;
  font-family: tablet-gothic-semi-condensed, sans-serif;
}

.team-image {
  background-color: #fff;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 100%;
  width: 400px;
  height: 400px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.info-team-wrapper {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  width: 800px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 60px 60px;
}

.name-wrapper {
  display: flex;
}

.scratch-pattern {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/pattern-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -20px;
  left: 40px;
  right: auto;
}

.scratch-pattern.top {
  z-index: 0;
  opacity: .5;
  filter: saturate(200%);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Cookies.png');
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0%;
  width: 400px;
  height: 400px;
  transition: opacity .2s;
  top: -44px;
  bottom: auto;
  left: auto;
  right: -197px;
  overflow: hidden;
}

.scratch-pattern.top.pink {
  background-image: url('../images/Untitled-11.png');
  width: 500px;
  height: 500px;
  top: -200px;
  right: -146px;
  overflow: hidden;
}

.scratch-pattern.top.third {
  background-image: url('../images/boardItems_pizza.png');
  background-position: 50%;
  background-size: contain;
  margin-top: -41px;
  right: -144px;
  overflow: visible;
}

.scratch-pattern.top.third.hide {
  display: none;
}

.process-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.news-pattern {
  z-index: 2;
  opacity: 1;
  background-image: url('../images/pattern-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -20px;
  left: 40px;
  right: auto;
}

.news-pattern.right {
  z-index: 2;
  background-image: url('../images/pattern-4.png');
  bottom: auto;
  left: auto;
  right: 5%;
}

.news-pattern.newsletter {
  opacity: .3;
  background-image: url('../images/Untitled-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
  bottom: 25%;
  left: 25px;
}

.news-pattern.newsletter.right {
  filter: hue-rotate(330deg);
  background-image: url('../images/Vegetable.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 250px;
  bottom: -1%;
  left: auto;
  right: -2%;
}

.news-pattern.newsletter.left {
  background-image: url('../images/K12Bus.png');
  width: 400px;
  height: 400px;
  bottom: 14%;
  left: -29px;
}

.news-pattern.newsletter.left.bus {
  display: none;
}

.team-wrapper {
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 40px 40px 30px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.team-wrapper:hover {
  background-color: rgba(255, 255, 255, .13);
  border-radius: 0;
}

.team-avatar {
  border-radius: 10%;
  width: 300px;
  height: 300px;
  margin-bottom: 20px;
}

.team-avatar.one {
  background-color: var(--ghost-white);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-size: cover;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 100%;
  width: 200px;
  height: 200px;
}

.member-name {
  margin-bottom: 10px;
}

.collection-list-team {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.skills-progress-line {
  background-color: var(--light-pink);
  border-radius: 100px;
  width: 85%;
  height: 8px;
}

.skills-progress-line._3 {
  background-color: var(--brown);
  width: 72%;
}

.skills-progress-line._2 {
  background-color: var(--light-coral);
  width: 65%;
}

.skills-containner {
  background-color: rgba(255, 255, 255, .25);
  width: 100%;
  height: 8px;
}

.skills-containner.dark {
  background-color: #fff;
  border-radius: 100px;
  align-items: center;
  height: 16px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.skills-title {
  color: var(--brown);
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.skills-title.light {
  color: var(--ghost-white);
}

.info-side {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-top: 40px;
  padding: 0;
  display: flex;
}

.grid-3 {
  grid-column-gap: 160px;
  grid-template-rows: auto;
  align-items: end;
}

.grid-3.center-flex {
  grid-column-gap: 120px;
  align-items: center;
}

.skills-wrapper {
  width: 100%;
  margin-bottom: 40px;
}

.skills-values {
  color: #fff;
  text-align: right;
  font-family: Vollkorn, serif;
  font-weight: 400;
}

.skills-values.dark {
  color: var(--light-coral);
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.full-div {
  width: 100%;
}

.logos {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
  / 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.logos.padding {
  background-color: #fff;
  border: 1px #000;
  border-radius: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.logo-link-2 {
  opacity: 1;
  color: #9b9b9b;
  text-align: center;
  font-size: 44px;
  line-height: 56px;
  text-decoration: none;
}

.logo-link-2:hover {
  opacity: 1;
}

.logo-link-2.whiteish {
  background-color: rgba(0, 0, 0, 0);
  padding: 10px 13px;
}

.galery-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 250vw;
}

.sticky-track {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 105vh;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-track {
  background-color: #fff;
  height: 600vh;
  padding-left: 0;
  padding-right: 0;
}

.hero-grid-home-vr-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  align-items: center;
  width: 100%;
}

.hero-grid-intro {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 100px 20px;
  display: flex;
}

.hero-grid-image {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  height: 100vh;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
  overflow: hidden;
}

.mask {
  height: 100%;
}

.slide {
  height: 100%;
  overflow: hidden;
}

.slide-nav {
  filter: invert();
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-right: 30px;
  font-size: 12px;
  line-height: 22px;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.right-arrow, .left-arrow {
  display: none;
}

.page-loader {
  z-index: 9999;
  background-color: var(--snow);
  background-image: url('../images/BlackBoard.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.load-wrapper {
  z-index: 12;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.lottie.load-svg {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

.section-insights {
  background-color: var(--light-coral);
  padding: 220px 20px 120px;
  position: relative;
}

.facts-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.facts-grid.three {
  border: 1px solid #dbe3ff;
  border-radius: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.facts-wrapper {
  align-items: center;
  width: 100%;
}

.facts-wrapper.line {
  border-color: #dbe3ff;
  border-radius: 0;
  width: 73%;
  margin-top: 40px;
}

.intro-hero-image {
  z-index: 1;
  border-radius: 20px;
  width: 800px;
  height: 550px;
  margin: 60px auto -300px;
  position: relative;
  overflow: hidden;
  box-shadow: 4px 4px 18px rgba(75, 57, 239, .1);
}

.intro-section {
  align-items: center;
  height: 600px;
  padding: 140px 20px 96px;
  display: flex;
  position: relative;
}

.intro-section.hero {
  background-color: #fff;
  height: 100vh;
}

.intro-section.hero.intro {
  background-color: var(--snow);
  max-width: none;
  height: 800px;
  margin-top: 0;
  padding-top: 220px;
  padding-bottom: 0;
}

.buttons-grid-2 {
  grid-template: ". Area"
  / 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 60px;
}

.facts-card {
  border-right: 1px solid var(--light-pink);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.facts-card.right {
  border-right-style: none;
  border-right-width: 0;
}

.insights {
  color: var(--brown);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.insight-name {
  color: var(--light-coral);
}

.demo-content {
  color: #000563;
  text-align: center;
  background-color: #fff;
  padding: 20px;
}

.demo-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin: 10px;
}

.demo-image {
  background-image: url('../images/Image-Gallery-1-_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  height: 340px;
  box-shadow: 3px 0 20px rgba(116, 67, 67, .1);
}

.demo-image._3 {
  background-image: url('../images/Image-Gallery-1-.jpg');
}

.demo-image._2 {
  background-image: url('../images/Image-Gallery-2-.jpg');
}

.demo-image._4 {
  background-image: url('../images/Image-Gallery-2-_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.demo-image._5 {
  background-image: url('../images/Image-Gallery-3-.jpg');
}

.demo-image._7 {
  background-image: url('../images/Image-Gallery-7-.jpg');
}

.demo-image._9 {
  background-image: url('../images/Image-Gallery-5-.jpg');
}

.demo-image._10 {
  background-image: url('../images/Image-Gallery-13-.jpg');
}

.demo-image._13 {
  background-image: url('../images/Image-Gallery-12-.jpg');
}

.demo-image._14 {
  background-image: url('../images/Image-Gallery-11-.jpg');
}

.demo-link {
  border: 1px rgba(0, 0, 0, 0);
  border-radius: 10px;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.demo-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.div-service {
  background-color: #fff;
  border: 1px solid #dbe3ff;
  border-radius: 20px;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 20px;
}

.div-service.padding-both-sides {
  background-color: #fff;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 20px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  box-shadow: 0 10px 30px rgba(116, 67, 67, .1);
}

.div-service.padding-both-sides.first {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-1.png');
  background-position: 0 0, 200% -100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.div-service.padding-both-sides.second {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-2.png');
  background-position: 0 0, 200%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.div-service.padding-both-sides.third {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/pattern-4.png');
  background-position: 0 0, 140% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.div-service.padding-both-sides.fourth {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Untitled-3.png');
  background-position: 0 0, 200%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.div-service.padding-both-sides.fifth {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/pattern-5.png');
  background-position: 0 0, 200%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.div-service.padding-both-sides.sixth {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/pattern-6.png');
  background-position: 0 0, 200%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.features-title-2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.container-full {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.service-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

.components {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.components-link {
  color: var(--brown);
  text-transform: none;
  background-color: #fff;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex: 30%;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}

.components-link:hover {
  background-color: var(--light-coral);
  color: #fff;
  text-decoration: none;
}

.grid-cta {
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.title-cta {
  margin-bottom: 0;
}

.div-block {
  background-image: url('../images/NoFees.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.footer-column-wrapper {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.first-three-column {
  display: flex;
}

.top-footer {
  border-bottom: 2px solid rgba(228, 221, 215, .2);
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.footer-social-link {
  color: #777;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.footer-social-link:hover {
  color: #f44a66;
}

.footer-block {
  grid-column-gap: 16px;
  grid-row-gap: 3px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  padding-right: 0;
  display: grid;
}

.footer-block.contact {
  flex-direction: column;
  align-items: flex-start;
  width: 33%;
  display: none;
}

.footer-block.about-us {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  margin-right: 5%;
  display: flex;
}

.sociablock {
  display: none;
}

.sociablock.footer {
  margin-top: 40px;
}

.container-wrapper-2 {
  z-index: 10;
  flex-direction: column;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  margin-bottom: 35px;
  display: flex;
  position: relative;
}

.copyright-text {
  color: var(--snow);
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 12px;
  display: inline-block;
}

.social-link {
  opacity: .65;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icons8-twitter-96-1_1icons8-twitter-96 (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #9d9e9d;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 10px;
  display: flex;
}

.social-link:hover {
  opacity: 1;
}

.social-link.facebook {
  background-image: url('../images/icons8-facebook-f-150.png');
  background-size: 14px;
  border-radius: 0%;
}

.social-link.facebook.line {
  background-image: url('../images/icons8-facebook-f-100_1icons8-facebook-f-100.png');
  border-right-style: solid;
  margin-left: 0;
}

.social-link.facebook.line.contact {
  background-image: url('../images/icons8-facebook-f-150.png');
}

.social-link.line {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icons8-twitter-90_1icons8-twitter-90.png');
  border-style: solid none solid solid;
  margin-left: 0;
  margin-right: 0;
}

.social-link.line.twitter {
  display: none;
}

.social-link.instagram {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icons8-instagram-104-2_1icons8-instagram-104 (2).png');
  background-size: 12px;
  border-style: solid;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  transition: opacity .4s;
  display: flex;
}

.social-link.instagram.line {
  background-image: url('../images/icons8-instagram-96_1icons8-instagram-96.png');
  margin-left: 0;
}

.social-link.instagram.line.contact {
  background-image: url('../images/icons8-instagram-104-2_1icons8-instagram-104 (2).png');
}

.copyright {
  color: #aaa;
  justify-content: flex-end;
  align-items: center;
  width: 80vw;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.social-wrapper {
  justify-content: center;
  display: flex;
}

.footer-heading {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
}

.footer-heading.white {
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: Fredericka the Great, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.lighter-link {
  color: #fff;
  text-decoration: none;
}

.lighter-link:hover {
  text-decoration: underline;
}

.brand {
  border: 5px #ff0004;
  align-items: center;
  text-decoration: none;
  display: block;
}

.brand.footer {
  margin-left: 0;
  display: flex;
}

.footer-sub-link {
  color: var(--ghost-white);
  text-transform: uppercase;
  border-bottom: 1px rgba(255, 255, 255, .15);
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Fredericka the Great, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s;
  display: block;
}

.footer-sub-link:hover {
  color: #00b3ac;
}

.footer-sub-link.last {
  border-bottom-style: none;
}

.footer-sub-link.posts {
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.footer-sub-link.alignright {
  text-align: right;
}

.column-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.lighter-paragraph {
  color: #777;
}

.lighter-paragraph.font {
  color: #677081;
  font-family: Open Sans, sans-serif;
}

.lighter-paragraph.font.footerparagraph {
  color: var(--ghost-white);
  font-size: 16px;
  line-height: 26px;
}

.underline {
  opacity: .25;
  background-color: #f44a66;
  width: 110%;
  height: 5px;
  margin-top: -6px;
  position: absolute;
  top: 107px;
  left: 0;
  transform: translate(-105%);
}

.underline.social-line {
  background-color: #f44a66;
  width: 100%;
  height: 5px;
  margin-top: -6px;
  top: 32px;
}

.websitecredit {
  color: #aaa;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.footermininav {
  color: #aaa;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 23px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 22px;
  display: flex;
}

.columns-3 {
  width: 100%;
}

.webcredittext {
  color: #768fad;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 12px;
  display: inline-block;
}

.column {
  text-align: right;
}

.footer-mininav {
  float: right;
  color: var(--ghost-white);
  border-bottom: 1px rgba(255, 255, 255, .15);
  flex-direction: row;
  justify-content: flex-end;
  width: 120px;
  padding: 5px 10px;
  font-family: tablet-gothic-narrow, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s;
  display: block;
}

.footer-mininav:hover {
  color: #00b3ac;
}

.footer-mininav.last {
  border-bottom-style: none;
}

.footer-mininav.posts {
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.lottie-animation {
  width: 500px;
  height: 500px;
}

.text-block-3 {
  font-size: 14px;
}

.text-span {
  font-size: 40px;
}

.heading {
  text-align: center;
  font-family: molto, sans-serif;
}

.italic-text-2 {
  font-family: molto, sans-serif;
}

.text-block-4 {
  color: var(--k12green);
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.text-block-5, .text-block-6 {
  color: var(--k12green);
  font-family: tablet-gothic-semi-condensed, sans-serif;
  font-size: 22px;
}

.text-block-7 {
  color: var(--k12green);
  font-size: 22px;
}

.heading-2 {
  color: var(--snow);
  font-family: molto, sans-serif;
}

.paragraph-3 {
  color: var(--ghost-white);
}

.text-block-8 {
  color: var(--ghost-white);
  font-family: molto, sans-serif;
  font-size: 22px;
}

.text-block-9 {
  color: var(--ghost-white-2);
  font-family: molto, sans-serif;
  font-size: 22px;
}

.text-block-10 {
  color: var(--lavender);
  font-family: molto, sans-serif;
  font-size: 22px;
}

.heading-3 {
  font-family: molto, sans-serif;
}

.bold-text-2, .bold-text-3 {
  color: var(--ghost-white);
}

.blogsummary {
  color: var(--brown);
  padding-bottom: 20px;
}

.whitecutoutbottom {
  min-width: 100%;
  margin-bottom: -1px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image {
  padding-left: 0;
}

@media screen and (min-width: 1440px) {
  .button.full:hover {
    border-color: var(--brown);
    background-color: var(--brown);
    color: var(--light-pink);
    font-weight: 600;
    text-decoration: none;
  }

  .button.full.w--current {
    border-color: var(--brown);
    background-color: var(--brown);
  }

  .second-services-card:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffae2b;
  }

  .text-link:hover {
    color: var(--snow);
  }

  .text-link.white:hover {
    background-color: var(--light-coral);
    color: #fff;
  }

  .toogle-wrapper:hover {
    border: 1px #000;
  }

  .toogle-wrapper.last:hover {
    border-style: none;
    border-width: 1px;
  }

  .tab.w--current {
    border-left: 10px solid var(--light-coral);
    border-radius: 10px;
  }

  .dropdown-link.w--current {
    background-color: var(--snow);
  }

  .navigation-link.w--current {
    color: var(--brown);
    font-weight: 600;
  }

  .features-card-mobile:hover {
    border-style: none;
  }

  .features-number.three:hover {
    background-image: url('../images/marginalia-design-process.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80px;
  }

  .hero-button.full.w--current {
    background-color: var(--brown);
  }

  .team-wrapper:hover {
    background-color: rgba(255, 255, 255, .13);
  }

  .components-link:hover {
    background-color: var(--light-coral);
    color: #fff;
  }
}

@media screen and (min-width: 1920px) {
  .lighter-link:hover {
    color: #e4ddd7;
  }
}

@media screen and (max-width: 991px) {
  .container {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .container.hero {
    align-items: center;
  }

  .hero-side-image {
    height: 700px;
    padding-right: 0;
  }

  .hero-side-image.cenetr {
    background-size: auto 450px;
    width: 100%;
  }

  .hero-side-image.third-center {
    background-position: 50%;
    justify-content: center;
    width: 100%;
    height: 300px;
  }

  .hero-side-image.position-marge {
    margin-right: -20px;
  }

  .hero-flex {
    align-items: flex-start;
    height: auto;
    margin-top: 0;
  }

  .left-hero-content {
    max-width: none;
    padding-right: 0;
  }

  .left-hero-content.left {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }

  .home-section.hero {
    justify-content: flex-start;
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
  }

  .home-section.hero.big-hero {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 120px;
    padding-bottom: 220px;
  }

  .hero-big-image-wrapper {
    width: 100%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .hero-big-image-wrapper.darker {
    padding-bottom: 0;
    position: relative;
    overflow: visible;
  }

  .section {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), radial-gradient(circle, rgba(162, 58, 57, .27), rgba(68, 23, 23, .61)), url('../images/K12Bus.png');
    background-position: 0 0, 0 0, 60vw 100%;
    background-size: auto, auto, 80vw;
  }

  .section.color.no-stripe {
    padding-bottom: 49px;
  }

  .blog-post-link {
    width: 100%;
  }

  .collection-list-portfolio {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .pattern.right {
    bottom: -138px;
  }

  .pattern.newsletter {
    opacity: .2;
    display: none;
    bottom: 301px;
  }

  .pattern.newsletter.right {
    display: block;
    bottom: 27px;
    right: 1px;
  }

  .pattern.new {
    width: 200px;
    height: 200px;
    bottom: -50px;
    left: 30px;
  }

  .pattern.cross {
    bottom: -143px;
    left: -285px;
  }

  .pattern.top {
    opacity: .4;
    width: 300px;
  }

  .title-section {
    z-index: 5;
    width: 100%;
    margin-bottom: 60px;
    position: relative;
  }

  .success-message {
    margin-top: 20px;
  }

  .error-message {
    border-radius: 10px;
    font-family: Inter, sans-serif;
  }

  .single-form {
    max-width: 100%;
  }

  .testimonials-slide {
    max-width: 88%;
    padding: 48px;
  }

  .testimonials-slide.styles {
    width: 90%;
    max-width: none;
  }

  .strech {
    margin-bottom: 60px;
  }

  .toogle-wrapper {
    width: 100%;
  }

  .toogle-questions {
    text-align: left;
  }

  .all-wrapper {
    width: 80%;
  }

  .tabs-wrapper {
    flex-direction: column;
  }

  .menu-tab {
    margin-bottom: 60px;
    padding-right: 0%;
  }

  .tabs-content-second {
    width: 100%;
  }

  .features-card.small {
    text-align: center;
  }

  .collection-list, .collection-list.no-space {
    grid-template-columns: 1fr 1fr;
  }

  .title-footer {
    margin-top: 0;
  }

  .grid-footer {
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-div-line.first {
    height: auto;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .footer-div-line.sec {
    height: auto;
    padding-left: 0;
  }

  .footer-bottom-div {
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

  .grid-title-section {
    grid-template-columns: 1.5fr 1fr;
  }

  .grid-title-section.member {
    grid-template-columns: .75fr .25fr;
  }

  .page-header.hero {
    max-width: none;
  }

  .page-header.hero.full {
    width: 100%;
    max-width: none;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .progress-left-text {
    margin-bottom: 0;
  }

  .progress-left-text.padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .vertical-blog-card.paddings {
    margin-bottom: 60px;
  }

  .blog-image {
    margin-bottom: 100px;
  }

  .blog-image.card {
    height: 240px;
    margin-bottom: 40px;
  }

  .horizontal-blog-card {
    margin-bottom: 40px;
  }

  .horizontal-blog-card.color {
    margin-bottom: 0;
  }

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

  .wrapper.nav-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-link {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .dropdown-link:hover {
    background-color: var(--snow);
  }

  .dropdown-link.w--current {
    color: #452c48;
  }

  .branding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .navigation {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-bridge {
    display: flex;
  }

  .menu-button {
    z-index: 99;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .menu-button.w--open {
    color: #452c48;
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-bar {
    height: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown-icon {
    color: var(--light-pink);
    margin-right: 24px;
    font-size: 15px;
  }

  .dropdown-corner {
    display: none;
  }

  .navigation-link {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: -1px;
    padding: 16px 24px;
  }

  .navigation-link:hover {
    background-color: #fff;
  }

  .navigation-link.w--current {
    color: #452c48;
  }

  .nav-menu {
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    max-height: 90vh;
    margin-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .dropdown-list.w--open {
    z-index: 1;
    background-color: #fff;
    border-radius: 0;
    margin-top: -1px;
    margin-left: 0;
    padding: 0 16px 8px;
    position: relative;
    box-shadow: 0 1px rgba(255, 255, 255, .12);
  }

  .dropdown-list.components-list.w--open {
    width: 100%;
    margin-left: 0;
  }

  .big-headline {
    text-align: left;
  }

  .big-headline.centered {
    text-align: center;
  }

  .big-headline.centered.hero {
    font-size: 32px;
  }

  .gray-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rich-text {
    width: 80%;
  }

  .rich-text blockquote {
    padding-left: 60px;
    padding-right: 60px;
  }

  .color-example {
    background-color: var(--brown);
  }

  .color-example.third {
    background-color: var(--light-pink);
  }

  .color-example.second {
    background-color: var(--light-coral);
  }

  .color-example.sixth {
    background-color: var(--rosy-brown);
  }

  .color-example.fourth {
    background-color: var(--medium-purple);
  }

  .color-example.seventh {
    background-color: var(--ghost-white);
  }

  .color-example.nine {
    background-color: var(--ghost-white-2);
  }

  .grid-scales {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-hero.hero-page-section.blog {
    background-image: url('../images/Cut-Stripe.svg'), linear-gradient(rgba(255, 244, 244, .75), rgba(255, 244, 244, .75)), url('../images/Untitled-11.png');
    background-position: 50% 100%, 0 0, 200% -300px;
    height: auto;
  }

  .section-hero.hero-page-section.blog.cms-page {
    height: 600px;
  }

  .section-hero.hero-page-section.news {
    background-image: url('../images/Cut-Stripe.svg'), linear-gradient(rgba(255, 244, 244, .75), rgba(255, 244, 244, .75)), url('../images/Untitled-11.png');
    background-position: 50% 100%, 0 0, 200% -300px;
    height: auto;
  }

  .section-hero.hero-page-section.news.cms-page {
    height: 600px;
  }

  .grid-categories {
    z-index: 5;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    width: 50.8274%;
  }

  .collection-list-cms-styles {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .post-info {
    font-size: 11px;
  }

  .image-illustration {
    width: 600px;
  }

  .paragraph.center.introducing {
    margin-top: 39px;
  }

  .grid-cms {
    grid-template-columns: .75fr;
  }

  .left-info-div {
    border-style: none none solid;
    border-width: 1px 3px 4px 1px;
    border-color: black black var(--snow);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .collection-list-related {
    grid-template-columns: 1fr;
  }

  .licence-links-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .licence-item-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
  }

  .licens-image.icons {
    margin-bottom: 20px;
  }

  .collection-list-bigger, .collection-list-bigger.three-row {
    grid-template-columns: 1fr;
  }

  .blog-grid-header {
    max-width: 100%;
  }

  .blog-grid-header.color {
    height: 450px;
  }

  .page-title.left {
    max-width: 500px;
  }

  .pricing-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    bottom: auto;
  }

  .pricing-block.middle {
    border-style: solid none;
    border-top-color: rgba(255, 255, 255, .3);
    border-bottom-color: rgba(255, 255, 255, .3);
  }

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

  .side-text-info {
    max-width: 100%;
  }

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

  .grid.ads {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .grid.ads.top {
    flex-direction: column-reverse;
  }

  .grid.three-row {
    grid-template-columns: 1fr;
  }

  .side-slide-wrapper {
    width: 100%;
  }

  .side-slide-wrapper.ilustration {
    width: 550px;
    margin-bottom: 50px;
  }

  .side-slide-wrapper.right {
    width: 550px;
  }

  .cta-section {
    background-image: linear-gradient(rgba(249, 244, 255, .7), rgba(249, 244, 255, .7)), url('../images/pattern-5.png'), url('../images/pattern-3.png');
    background-position: 0 0, 100% 100%, 0 40px;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, contain, 400px;
  }

  .buttons-grid {
    grid-auto-flow: row;
  }

  .buttons-grid.cta {
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .big-videolight-box {
    border-width: 40px;
    width: 100%;
    height: 500px;
  }

  .team-quote-wrapper {
    width: 100%;
  }

  .features-block-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-block-card.team {
    width: 100%;
  }

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

  .padding-top, .logo-card {
    width: 100%;
  }

  .collection-list-styles {
    grid-template-columns: 1fr;
  }

  .side-info {
    width: 90%;
    margin-bottom: 100px;
  }

  .side-info.styles {
    height: 500px;
    margin-bottom: 20px;
  }

  .heading-half-section {
    text-align: center;
  }

  .features-card-mobile {
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0;
  }

  .features-card-mobile.left {
    align-items: center;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .collection-item-2 {
    width: 50%;
  }

  .collection-list-wrapper {
    width: 100%;
  }

  .collection-list-wrapper-illustrations {
    width: 100%;
    margin-bottom: 120px;
  }

  .side-contact {
    width: 110%;
    right: 0;
  }

  .side-contact.v2 {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .form-block-contact {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .single-form-contact {
    max-width: 100%;
  }

  .contact-wrapper {
    flex-direction: column-reverse;
  }

  .contact-image.dark {
    width: 100%;
    height: 400px;
  }

  .contact-card {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-card.contact {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-faq {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .features-image {
    margin-bottom: 20px;
  }

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

  .info-team-wrapper {
    width: 100%;
  }

  .scratch-pattern.top.third {
    top: -174px;
    right: -199px;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .news-pattern.right {
    bottom: auto;
  }

  .news-pattern.newsletter {
    opacity: .2;
    bottom: 301px;
  }

  .news-pattern.newsletter.right {
    bottom: 27px;
    right: 1px;
  }

  .team-avatar.one {
    width: 200px;
    height: 200px;
  }

  .collection-list-team {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .section-page {
    margin-left: 0;
    margin-right: 0;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .grid-3.center-flex {
    grid-row-gap: 120px;
    width: 80%;
  }

  .logos {
    grid-column-gap: 40px;
  }

  .logos.padding {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .logo-link-2.whiteish {
    padding-left: 30px;
    padding-right: 30px;
  }

  .galery-grid {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .sticky-track {
    width: auto;
    height: auto;
    padding-bottom: 20px;
    position: static;
  }

  .section-track {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-grid-home-vr-5 {
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .hero-grid-intro {
    width: 100%;
    height: 100%;
  }

  .hero-grid-image {
    height: 100%;
  }

  .slide {
    height: auto;
  }

  .hero-grid-wrapper.first, .hero-grid-wrapper.second {
    width: 100%;
    height: 600px;
  }

  .collection-list-projects {
    width: 100%;
  }

  .section-insights {
    padding-top: 100px;
  }

  .facts-grid.three {
    grid-row-gap: 1px;
    grid-template-columns: 1fr;
  }

  .facts-wrapper.line {
    width: 80%;
    margin-top: 140px;
  }

  .intro-hero-image {
    background-image: none;
    width: 600px;
    height: 460px;
    margin-top: 40px;
  }

  .tall-image {
    z-index: 2;
    position: relative;
  }

  .intro-section.hero {
    flex-direction: column;
    height: auto;
  }

  .intro-section.hero.intro {
    padding-top: 100px;
    padding-right: 20px;
  }

  .buttons-grid-2 {
    grid-auto-flow: row;
  }

  .demo-grid {
    grid-template-columns: 1fr;
  }

  .demo-image {
    background-position: 50% 0;
    height: 400px;
  }

  .demo-image._2 {
    height: 450px;
  }

  .demo-image._4 {
    background-position: 50% 0;
  }

  .demo-image._5 {
    height: 40px;
  }

  .service-grid {
    grid-template-columns: 1fr 1fr;
  }

  .components {
    flex-direction: column;
  }

  .grid-cta {
    grid-template-columns: 1fr;
  }

  .first-three-column {
    width: 75%;
  }

  .top-footer {
    justify-content: center;
    height: auto;
    padding-bottom: 20px;
    display: flex;
  }

  .footer-block {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .footer-block.about-us {
    margin-bottom: 20px;
  }

  .sociablock.footer {
    margin-top: 40px;
  }

  .copyright {
    text-align: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .social-wrapper {
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 0;
  }

  .brand.footer {
    justify-content: center;
    margin-bottom: 10px;
  }

  .websitecredit, .footermininav {
    text-align: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .hero-side-image {
    background-size: auto 450px;
    height: 500px;
    right: -20px;
  }

  .hero-side-image.cenetr {
    background-position: 50% 0;
    background-size: auto 350px;
    height: 500px;
    right: auto;
  }

  .hero-side-image.third-center {
    right: auto;
  }

  .hero-flex {
    margin-top: 40px;
  }

  .left-hero-content.left {
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-section.hero {
    margin-bottom: 0;
  }

  .home-section.hero.big-hero {
    height: auto;
    padding-bottom: 220px;
  }

  .hero-big-image-wrapper.darker {
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
  }

  .section {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), radial-gradient(circle, rgba(162, 58, 57, .27), rgba(68, 23, 23, .61)), url('../images/K12Bus.png');
    background-position: 0 0, 0 0, 50vw 100%;
  }

  .collection-list-portfolio {
    grid-template-columns: 1fr;
  }

  .pattern.right {
    top: 111px;
  }

  .pattern.newsletter {
    opacity: .2;
    display: none;
    bottom: 400px;
  }

  .pattern.newsletter.right {
    top: 117px;
    bottom: auto;
  }

  .pattern.top {
    width: 200px;
  }

  .pattern.hide {
    display: none;
  }

  .second-services-card {
    border-bottom-style: none;
  }

  .title-section {
    width: 100%;
  }

  .text-field.single {
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
    margin-right: 0;
    display: block;
  }

  .text-field.message {
    width: 100%;
    min-width: auto;
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }

  .form-third {
    flex-direction: column;
    align-items: center;
  }

  .single-form {
    width: 70%;
  }

  .testimonials-arrow {
    width: 48px;
    height: 48px;
    padding: 10px;
    left: -24px;
  }

  .testimonials-arrow.right {
    right: -24px;
  }

  .testimonials-text {
    font-size: 19px;
    line-height: 28px;
  }

  .testimonials-slide {
    margin-top: 0;
    margin-bottom: 0;
  }

  .testimonials-v3-nav {
    bottom: -32px;
  }

  .toogle-questions {
    text-align: left;
  }

  .toogle-title {
    flex: 1;
  }

  .all-wrapper {
    width: 100%;
  }

  .tabs-wrapper {
    flex-direction: column;
  }

  .menu-tab {
    border-radius: 10px;
    margin-bottom: 3%;
    padding-right: 0%;
    overflow: hidden;
  }

  .tabs-content-second {
    width: 100%;
  }

  .collection-list.no-space {
    grid-template-columns: 1fr;
  }

  .title-footer {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .grid-footer {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer-grid-bottom {
    flex-direction: column;
    grid-template-columns: .75fr;
    align-items: center;
    justify-items: center;
    display: flex;
  }

  .footer-div-line.first {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-div-line.sec {
    border-left-style: none;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-bottom-text.white-text {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-bottom-div {
    justify-content: center;
  }

  .link-block.footer {
    text-align: left;
  }

  .grid-title-section, .grid-title-section.member {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .vertical-blog-card {
    margin-bottom: 60px;
  }

  .blog-post-div.cms {
    width: 90%;
  }

  .menu-icon {
    margin-left: 2px;
    margin-right: 2px;
  }

  .nav-bar {
    height: 60px;
  }

  .navigation-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .big-headline {
    font-size: 50px;
    line-height: 60px;
  }

  .rich-text {
    width: 100%;
  }

  .grid-scales {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-hero.hero-page-section.blog {
    height: 400px;
  }

  .section-hero.hero-page-section.blog.cms-page {
    height: auto;
    padding-top: 40px;
  }

  .section-hero.hero-page-section.news {
    height: 400px;
  }

  .section-hero.hero-page-section.news.cms-page {
    height: auto;
    padding-top: 40px;
  }

  .grid-categories {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    width: 80%;
  }

  .collection-list-cms-styles {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .project-sumary {
    width: 100%;
  }

  .post-info {
    margin-top: 4px;
    font-size: 10px;
  }

  .post-info.author {
    font-family: Inter, sans-serif;
  }

  .richtext-wrapper {
    width: auto;
  }

  .image-illustration, .paragraph.center {
    width: 100%;
  }

  .grid-cms {
    flex-direction: column;
    grid-template-rows: auto auto;
    width: 100%;
    display: flex;
  }

  .left-info-div {
    width: 100%;
    padding: 40px;
  }

  .right-cms-div {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
  }

  .licence-item-wrapper {
    width: 100%;
  }

  .collection-list-bigger, .collection-list-bigger.padding {
    grid-template-columns: 1fr;
  }

  .blog-grid-header.color {
    height: 450px;
  }

  .pricing-list-text.white {
    text-align: left;
  }

  .pricing-grid {
    width: 100%;
  }

  .pricing-block, .pricing-block.middle {
    margin-bottom: 0;
  }

  .header-section {
    text-align: left;
  }

  .container-6.facts.intro-facts {
    padding-top: 180px;
  }

  .big-videolight-box {
    border-width: 30px;
    height: 400px;
  }

  .team-quote-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .team-info {
    margin-bottom: 40px;
  }

  .features-block-card {
    width: 100%;
  }

  .features-block-card.border {
    border-top: 1px solid #dbe3ff;
    border-left-style: none;
  }

  .side-info {
    width: 100%;
  }

  .side-info.styles {
    margin-bottom: 20px;
  }

  .heading-half-section {
    text-align: left;
  }

  .features-card-mobile {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .features-card-mobile.left {
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .collection-item-2 {
    width: 100%;
  }

  .collection-list-wrapper-illustrations {
    margin-bottom: 120px;
  }

  .side-contact {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .side-contact.v2 {
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-block-contact {
    width: 100%;
  }

  .form-grid {
    flex-direction: column;
    align-items: center;
  }

  .single-form-contact {
    width: 70%;
  }

  .contact-image {
    display: none;
  }

  .contact-card {
    height: auto;
  }

  .features-image {
    margin-bottom: 20px;
  }

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

  .team-image {
    width: 300px;
    height: 300px;
  }

  .news-pattern.right {
    top: 111px;
  }

  .news-pattern.newsletter {
    opacity: .2;
    bottom: 400px;
  }

  .news-pattern.newsletter.right {
    width: 120px;
    height: 120px;
    top: 359px;
  }

  .news-pattern.newsletter.left {
    display: none;
  }

  .collection-list-team {
    grid-template-columns: 1fr;
  }

  .grid-3.center-flex {
    width: 100%;
  }

  .logos {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template: "."
    / 1fr 1fr 1fr;
  }

  .logos.padding {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .logo-link-2.whiteish {
    padding-left: 20px;
    padding-right: 20px;
  }

  .galery-grid {
    grid-template-columns: 1fr;
  }

  .sticky-track {
    padding-bottom: 20px;
  }

  .section-insights {
    padding-top: 10px;
  }

  .facts-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .facts-grid.three {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .intro-hero-image {
    width: 500px;
    height: 380px;
    margin-bottom: -240px;
  }

  .intro-section.hero {
    padding-top: 100px;
  }

  .intro-section.hero.intro {
    height: auto;
    padding-right: 0;
  }

  .facts-card {
    border-bottom: 1px solid #d7d5ff;
    border-right-style: none;
  }

  .demo-image {
    height: 300px;
  }

  .div-service {
    width: 100%;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  .components-link {
    flex-basis: 100%;
  }

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

  .footer-column-wrapper {
    flex-direction: column;
  }

  .first-three-column {
    flex-direction: column;
    width: 100%;
  }

  .footer-block, .footer-block.contact {
    width: 100%;
  }

  .footer-block.about-us {
    width: 100%;
    margin-bottom: 20px;
  }

  .columns-2 {
    flex-direction: column;
    display: flex;
  }

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

  .social-link.line {
    margin-left: 0;
  }

  .copyright {
    text-align: left;
  }

  .footer-heading.white {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .brand.footer {
    width: auto;
    margin-bottom: 10px;
  }

  .websitecredit, .footermininav {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .button {
    margin-bottom: 10px;
  }

  .button.full.line {
    display: flex;
  }

  .button.line {
    margin-bottom: 0;
  }

  .hero-side-image {
    background-size: auto 300px;
    height: 300px;
    padding-left: 0;
    right: -20px;
  }

  .hero-side-image.cenetr {
    background-position: 50% 0;
    background-size: auto 180px;
    height: 400px;
  }

  .hero-side-image.third-center {
    height: 300px;
  }

  .hero-flex {
    margin-top: 20px;
  }

  .left-hero-content {
    max-width: none;
  }

  .left-hero-content.left {
    z-index: 15;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-section.hero {
    margin-bottom: 0;
  }

  .home-section.hero.big-hero {
    height: auto;
    padding-bottom: 220px;
  }

  .home-section.hero.third {
    margin-bottom: 220px;
  }

  .hero-big-image-wrapper.darker {
    height: 300px;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .section {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), radial-gradient(circle, rgba(162, 58, 57, .27), rgba(68, 23, 23, .61)), url('../images/K12Bus.png');
    background-position: 0 0, 0 0, 50vw 100%;
  }

  .gallery-content, .gallery-content.second-galery {
    text-align: center;
  }

  .blog-post-link {
    height: 400px;
  }

  .pattern.right {
    top: 32px;
    bottom: auto;
  }

  .pattern.newsletter {
    width: 180px;
    height: 180px;
    top: 146px;
    bottom: auto;
  }

  .pattern.newsletter.right {
    width: 120px;
    height: 120px;
    display: block;
    top: 159px;
    bottom: auto;
  }

  .pattern.cross {
    width: 120px;
    height: 120px;
    bottom: 45px;
  }

  .pattern.top {
    width: 200px;
  }

  .pattern.fries {
    width: 120px;
    height: 120px;
    bottom: 45px;
  }

  .second-services-card {
    padding: 20px;
  }

  .title-section-center {
    font-size: 32px;
    line-height: 42px;
  }

  .text-label {
    z-index: 10;
    margin-bottom: 0;
  }

  .text-field.single, .text-field.message {
    margin-right: 0;
  }

  .single-form {
    width: 100%;
  }

  .text-block-2 {
    display: none;
  }

  .text-link.white {
    margin-left: 0;
  }

  .testimonials-arrow {
    display: none;
  }

  .testimonials-text {
    font-size: 17px;
    line-height: 28px;
  }

  .testimonials-slide {
    border-radius: 12px;
    width: 100%;
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonials-v3-nav {
    display: block;
  }

  .toogle-questions {
    text-align: left;
    padding-left: 20px;
  }

  .toogle-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .toogle-icon.second {
    margin-left: 12px;
  }

  .toogle-title {
    flex: 1;
    font-size: 16px;
    line-height: 26px;
  }

  .tab, .tab.w--current {
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-card.color {
    text-align: center;
    align-items: center;
  }

  .collection-list, .fotter-upper-grid {
    grid-template-columns: 1fr;
  }

  .full-container {
    text-align: left;
  }

  .grid-footer {
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer-grid-bottom {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer-div-line.first {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-bottom-text.white-text {
    text-align: center;
    flex-direction: row;
    margin-right: 0;
  }

  .footer-bottom-div {
    text-align: center;
    justify-content: center;
    margin-right: 0;
  }

  .link-block.footer {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .grid-title-section {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .blog-button-text.right {
    text-align: left;
  }

  .progress-left-text {
    text-align: center;
    margin-right: 0;
  }

  .progress-left-text.padding {
    padding-left: 0;
    padding-right: 0;
  }

  .progress-left-text.hide {
    display: none;
  }

  .blog-image.card {
    margin-bottom: 40px;
  }

  .blog-post-div {
    padding: 25px;
  }

  .blog-post-div.cms {
    width: 95%;
    padding: 28px;
  }

  .blog-top-head {
    grid-template-columns: 1fr;
  }

  .horizontal-blog-card {
    flex-direction: column;
    height: auto;
  }

  .horizontal-blog-card.color {
    flex-direction: column;
    height: auto;
    padding-right: 20px;
  }

  .horizontal-blog-card.color.padding {
    padding-right: 20px;
  }

  .horizontal-blog-post {
    padding-top: 20px;
    padding-left: 0;
  }

  .blog-image-post {
    width: 100%;
    height: 200px;
  }

  .menu-button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-bar {
    height: 64px;
  }

  .nav-dropdown-icon {
    margin-right: 18px;
  }

  .navigation-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu {
    width: 100%;
  }

  .blog-title {
    font-size: 28px;
    line-height: 38px;
  }

  .social-icons-list {
    justify-content: flex-start;
  }

  .big-headline {
    text-align: center;
    width: 100%;
    font-size: 40px;
    line-height: 50px;
  }

  .big-headline.left {
    text-align: left;
  }

  .gray-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rich-text {
    width: 99.9999%;
  }

  .rich-text blockquote {
    padding: 20px;
  }

  .grid-scales {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-hero.hero-page-section.blog {
    height: 400px;
  }

  .section-hero.hero-page-section.blog.cms-page {
    height: auto;
    padding-top: 40px;
  }

  .section-hero.hero-page-section.news {
    height: 400px;
  }

  .section-hero.hero-page-section.news.cms-page {
    height: auto;
    padding-top: 40px;
  }

  .title-section-wrapper {
    margin-bottom: 60px;
  }

  .title-section-wrapper.page-header {
    text-align: center;
    height: auto;
  }

  .portfolio-name {
    font-size: 20px;
    line-height: 30px;
  }

  .grid-categories {
    z-index: 5;
    width: auto;
    position: relative;
  }

  .collection-list-cms-styles, .collection-list-categorie {
    grid-template-columns: 1fr;
  }

  .post-info {
    flex-direction: column;
  }

  .post-info.author {
    align-items: flex-start;
  }

  .post-info-text {
    display: block;
  }

  .author-image.single {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .richtext-wrapper {
    width: 100%;
  }

  .image-illustration {
    height: 300px;
  }

  .paragraph.center {
    width: 100%;
  }

  .left-info-div {
    text-align: left;
    width: 100%;
  }

  .right-cms-div {
    padding: 40px;
  }

  .licence-links-wrapper {
    flex-direction: column;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-licenses {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .licence-item-wrapper {
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 14px;
  }

  .licens-image {
    flex: 0 auto;
    width: 100px;
  }

  .blog-grid-header.color {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .price-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-list-text.white {
    text-align: left;
  }

  .pricing-list-text.third {
    text-align: left;
    padding-right: 0;
  }

  .pricing-block {
    padding: 20px;
  }

  .pricing-block.middle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-block.right {
    padding: 20px;
  }

  .header-section {
    text-align: left;
    align-items: flex-start;
  }

  .header-section.center {
    width: auto;
  }

  .grid {
    width: 100%;
  }

  .side-slide-wrapper {
    width: 100%;
    height: 250px;
  }

  .icon {
    margin-right: auto;
  }

  .icon.small {
    margin-right: 20px;
  }

  .title-page {
    text-align: center;
    align-items: center;
  }

  .buttons-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .container-6.facts.intro-facts {
    padding-top: 80px;
  }

  .big-videolight-box {
    border-width: 20px;
    height: 340px;
  }

  .team-info, .features-block {
    width: 100%;
  }

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

  .logo-card {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-two-rows {
    grid-template-columns: 1fr;
  }

  .button-wrapper-2 {
    width: auto;
  }

  .side-info {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .side-info.styles {
    margin-bottom: 20px;
  }

  .heading-half-section {
    text-align: center;
  }

  .features-card-mobile {
    width: 100%;
  }

  .side-contact {
    width: 100%;
    position: static;
    right: 0;
  }

  .side-contact.v2 {
    width: 100%;
    margin-top: 0;
    padding: 30px 20px;
  }

  .form-block-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single-form-contact, .contact-card, .contact-card.contact {
    width: 100%;
  }

  .title-div-services {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .hero-button.navbar {
    display: none;
  }

  .team-image {
    width: 260px;
    height: 260px;
  }

  .scratch-pattern.top {
    height: 300px;
    top: 45px;
    right: -163px;
  }

  .news-pattern.right {
    top: 32px;
    bottom: auto;
  }

  .news-pattern.newsletter {
    width: 180px;
    height: 180px;
    top: 146px;
    bottom: auto;
  }

  .news-pattern.newsletter.right {
    width: 120px;
    height: 120px;
    top: 350px;
    bottom: auto;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .team-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .team-avatar.one {
    width: 200px;
    height: 200px;
  }

  .info-side {
    padding-left: 0%;
    padding-right: 0%;
  }

  .logos {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .logos.padding {
    grid-template-columns: 1fr;
    width: 80%;
  }

  .logo-link-2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-grid-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-loader {
    display: none;
  }

  .facts-grid.three {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .facts-wrapper.line {
    width: 100%;
    margin-top: 60px;
  }

  .intro-hero-image {
    background-image: none;
    width: 100%;
    height: 220px;
    margin-top: 0;
    margin-bottom: -100px;
  }

  .intro-section.hero.intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttons-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .facts-card {
    border-bottom: 1px solid #d7d5ff;
  }

  .demo-image {
    height: 140px;
  }

  .div-service.padding-both-sides.first {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/Untitled-1.png');
    background-position: 0 0, 200% -100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .div-service.padding-both-sides.second {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/Untitled-2.png');
    background-position: 0 0, 200%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .div-service.padding-both-sides.third {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/pattern-4.png');
    background-position: 0 0, 140% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .div-service.padding-both-sides.fourth {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/Untitled-3.png');
    background-position: 0 0, 200%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .div-service.padding-both-sides.fifth {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/pattern-5.png');
    background-position: 0 0, 200%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .div-service.padding-both-sides.sixth {
    background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('../images/pattern-6.png');
    background-position: 0 0, 200%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .container-full {
    width: 100%;
  }

  .footer-column-wrapper {
    flex-direction: column;
  }

  .first-three-column {
    flex-direction: column;
    width: 100%;
  }

  .top-footer {
    height: auto;
  }

  .footer-block {
    margin-bottom: 20px;
  }

  .footer-block.about-us {
    width: 100%;
  }

  .columns-2 {
    align-items: center;
  }

  .container-wrapper-2 {
    justify-content: space-between;
  }

  .copyright, .websitecredit, .footermininav {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
}

#w-node-_9ade13f0-a84e-0006-91c8-9072881f195e-9b269883 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_56251f88-c70b-0ba2-a4a2-b2b7a2c6ffd3-a2c6ffc3 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-6efcf5dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_02882b29-8021-b89d-6095-a0022c3a827e-9dfcf629 {
  grid-area: 2 / 1 / 3 / 3;
}

#Name.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b3-bdfcf635 {
  grid-area: 1 / 1 / 2 / 2;
}

#Message-2.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b7-bdfcf635 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b8-bdfcf635 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_4ba6759e-3bf8-6dbe-97de-261352c1344a-0cfcf637, #w-node-e90ba616-746f-80ea-da40-5670507cc7cd-79fcf639, #w-node-_279aa221-8a63-f447-2996-f1fc990a2361-99fcf63a {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab93-10fcf63e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab9d-10fcf63e, #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fb-a3fcf63f, #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fc-a3fcf63f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b8e69ea8-828f-cb72-c481-94f585ca139e-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13a4-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13aa-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13b0-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13b6-bafcf64c, #w-node-b42b2cf5-9fe2-3d86-c35f-d2c706c4a284-bafcf64c, #w-node-_1e704212-ac1c-5cf8-07ff-879e07448a64-bafcf64c, #w-node-_84c5f90e-2234-832a-cd48-a8d257d7de73-bafcf64c, #w-node-_433c60fb-d5fb-f766-306a-78f4ab18ead3-bafcf64c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#First-Name.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b3-6d91396a {
  grid-area: 1 / 1 / 2 / 2;
}

#Message-2.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b7-6d91396a {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-a4c8ff06-4a23-10f1-937e-2585846acea5-6d91396a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b8-6d91396a {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-88d6b842 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#First-Name.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b3-680f3e81 {
  grid-area: 1 / 1 / 2 / 2;
}

#School.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b6-680f3e81 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Country-2.w-node-f70fbbe8-150a-0f1c-4e79-c085e206c940-680f3e81, #WhereHear.w-node-c85b4255-84b0-2eb8-59f2-c43a12c88c58-680f3e81 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b8-680f3e81 {
  grid-area: 10 / 1 / 11 / 3;
}

#CustomDomain.w-node-b58488c2-eb27-7701-8c3c-d37e66d34c12-680f3e81, #w-node-_8ef07642-9daa-d3a8-ad2a-336826f8cbdf-680f3e81 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Questions.w-node-_0c66c66a-b4e0-9db7-984d-453b22e509b7-680f3e81 {
  grid-area: 9 / 1 / 10 / 3;
}

@media screen and (min-width: 1440px) {
  #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-6efcf5dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fb-a3fcf63f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b42b2cf5-9fe2-3d86-c35f-d2c706c4a284-bafcf64c, #w-node-_1e704212-ac1c-5cf8-07ff-879e07448a64-bafcf64c, #w-node-_84c5f90e-2234-832a-cd48-a8d257d7de73-bafcf64c, #w-node-_433c60fb-d5fb-f766-306a-78f4ab18ead3-bafcf64c {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-88d6b842 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a7c34277-9105-974d-d24b-732a670eb06a-6efcf5dd, #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-6efcf5dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab93-10fcf63e {
    grid-column: span 1 / span 1;
  }

  #w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab9d-10fcf63e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fb-a3fcf63f {
    grid-column: span 1 / span 1;
  }

  #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fc-a3fcf63f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b8e69ea8-828f-cb72-c481-94f585ca139e-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13a4-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13aa-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13b0-bafcf64c, #w-node-b8e69ea8-828f-cb72-c481-94f585ca13b6-bafcf64c, #w-node-b42b2cf5-9fe2-3d86-c35f-d2c706c4a284-bafcf64c, #w-node-_1e704212-ac1c-5cf8-07ff-879e07448a64-bafcf64c, #w-node-_84c5f90e-2234-832a-cd48-a8d257d7de73-bafcf64c, #w-node-_433c60fb-d5fb-f766-306a-78f4ab18ead3-bafcf64c {
    grid-column: span 4 / span 4;
  }

  #w-node-a7c34277-9105-974d-d24b-732a670eb06a-88d6b842, #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-88d6b842 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a7c34277-9105-974d-d24b-732a670eb06a-6efcf5dd, #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-6efcf5dd, #w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab93-10fcf63e, #w-node-bcb89ae9-3030-1d0e-2f09-ccd0635eab9d-10fcf63e, #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fb-a3fcf63f, #w-node-_170593b7-d1f0-8f2b-50f8-1f34e68a13fc-a3fcf63f, #w-node-a7c34277-9105-974d-d24b-732a670eb06a-88d6b842, #w-node-b32eb913-1554-99b5-5d2b-0d3874000dc4-88d6b842 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}