@font-face {
  font-family: Satoshi Black;
  src: url('../fonts/Satoshi-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Bold;
  src: url('../fonts/Satoshi-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Italic;
  src: url('../fonts/Satoshi-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Light;
  src: url('../fonts/Satoshi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Medium;
  src: url('../fonts/Satoshi-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-VariableItalic.ttf') format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Regular;
  src: url('../fonts/Satoshi-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --black-2: #8483a7;
  --medium-blue: #1304b6;
  --dark-orchid: #a61be2;
  --powder-blue: #95dbe5;
  --teal: #078282;
  --white-smoke: #f9f9fb;
  --gainsboro: #e7e7e7;
  --lavender: #cecde0;
  --elements-webflow-library--neutral--800: #211f54;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--accent--primary-1: #00e1ff;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --elements-webflow-library--secondary--color-1: #281ca5;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi Bold, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

p {
  color: var(--black-2);
  margin-bottom: 10px;
  font-family: Satoshi Regular, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

ul, ol {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

li {
  margin-top: 8px;
  margin-bottom: 10px;
}

blockquote {
  background-image: linear-gradient(135deg, var(--medium-blue), var(--dark-orchid) 70%, #fff);
  color: #fff;
  border: 1px #000;
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 60px;
  font-family: Satoshi Light, sans-serif;
  font-size: 34px;
  line-height: 1.4;
}

.display-1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 1.2;
}

.display-1.white {
  margin-bottom: 0;
  font-family: Satoshi Bold, sans-serif;
  font-size: 54px;
}

.logo-style-guide {
  padding: 32px;
}

.color-block {
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 20px;
  display: flex;
}

.color-block._2 {
  background-color: #4000c9;
}

.color-block._4 {
  background-color: #9361ff;
  width: 100%;
}

.color-block._3 {
  background-color: #6c29fd;
}

.color-block._6 {
  background-color: #ff4479;
}

.color-block._1 {
  background-color: #13003c;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 17px;
  display: flex;
}

.color-block._9 {
  background-color: #ecedfd;
}

.color-block._7 {
  background-color: #ff84a7;
}

.color-block._8 {
  background-color: #d135a21a;
}

.color-block._5 {
  background-color: #dc003e;
}

.style-guide-line {
  background-color: #ecedfd;
  flex: 1;
  height: 1px;
  margin-left: 0;
}

.display-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Satoshi Bold, sans-serif;
  font-size: 55px;
  line-height: 1.2;
}

.component-wrapper {
  text-align: left;
  width: 100%;
  padding-bottom: 0;
}

.display-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(163deg, #a61be2 1%, #1304b6 71%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 45px;
  line-height: 1.2;
}

.style-guide-menu-block {
  border-top: 1px solid #fff3;
  flex-direction: column;
  align-items: stretch;
  padding: 32px 20px 32px 10px;
  display: flex;
}

.card-component {
  text-align: left;
  background-color: #f9f9fb;
  border: 0 #e9e2e9;
  border-radius: 10px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-family: Satoshi Bold, sans-serif;
  display: flex;
  position: relative;
}

.card-component.dark {
  background-color: #000;
  align-items: center;
}

.style-guide-buttons {
  grid-column-gap: 23px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: grid;
}

.line-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.style-guide-link {
  color: #000;
  background-color: #f9f9fb;
  border-radius: 10px;
  width: 100%;
  padding: 12px 24px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  transition: background-color .4s;
}

.style-guide-link:hover {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  font-family: Satoshi Medium, sans-serif;
  text-decoration: none;
}

.style-guide-link.w--current {
  color: #000;
  background-color: #fff;
  font-family: Satoshi Medium, sans-serif;
  line-height: 1.2;
}

.style-guide-link.w--current:hover {
  background-color: #fff;
  line-height: 1.2;
}

.paragraph-small {
  font-size: 14px;
  font-weight: 300;
  line-height: 160%;
}

.style-guide-left-sidebar {
  color: #fff;
  background-color: #f9f9fb;
  width: 270px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.grid-colors {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr;
}

.button-col-left {
  margin-right: 24px;
}

.text-small {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.color-name {
  color: #13003c;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  box-shadow: 1px 1px 10px #171e301a;
}

.color-shade-card {
  color: #270129;
  text-align: left;
  background-color: #0000;
  border-top: 1px #cad4ec66;
  flex: 1;
  padding: 10px 0 0;
  display: flex;
}

.btn-primary {
  background-color: var(--black);
  background-image: url('../images/Apple-Icon.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 8px;
  padding: 20px 20px 20px 60px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .3s, color .3s, background-color .3s;
}

.btn-primary:hover {
  background-color: #000;
  transform: translate(0, -3px);
}

.btn-primary._3 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #f9f9fb;
}

.btn-primary._3:hover {
  background-color: #a61be2;
  border-color: #a61be2;
}

.btn-primary.medium {
  background-position: 14px;
  background-size: 14px;
  padding: 10px 10px 10px 40px;
}

.btn-primary.medium._2 {
  background-image: url('../images/Android-Icon.svg'), linear-gradient(135deg, #1304b6, #a61be2 72%);
  background-position: 14px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 14px, auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-primary.medium._2:hover {
  background-position: 14px, 0 0;
}

.btn-primary.medium._2 {
  background-image: url('../images/Android-Icon.svg'), linear-gradient(135deg, #1304b6, #a61be2 72%);
  background-position: 14px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 14px, auto;
}

.btn-primary.small {
  background-position: 10px;
  background-size: 10px;
  padding: 8px 10px 8px 32px;
  font-size: 14px;
}

.btn-primary._2 {
  background-color: #0000;
  background-image: linear-gradient(135deg, var(--powder-blue), var(--teal) 72%);
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.btn-primary._2:hover {
  background-image: linear-gradient(135deg, var(--teal), var(--powder-blue) 80%);
}

.btn-primary._2.sidebar {
  background-image: url('../images/icons8-arrow.svg'), linear-gradient(135deg, var(--medium-blue), var(--dark-orchid) 72%);
  background-position: 20px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  padding-left: 50px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.btn-primary._2.medium:hover {
  background-size: 14px, auto;
}

.btn-primary._2.small {
  background-position: 10px, 0 0;
  background-size: 10px, auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.btn-primary.send-message {
  background-image: none;
  padding-left: 20px;
  font-size: 18px;
  line-height: 1.4;
}

.btn-primary.submit {
  background-color: var(--powder-blue);
  background-image: none;
  padding-left: 20px;
}

.btn-primary.bhb {
  background-image: none;
  padding-left: 20px;
}

.paragraph-big {
  color: #8483a7;
  font-family: Satoshi Regular, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.7;
}

.page-wrapper-sg {
  margin-left: 270px;
}

.testimonial-info-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-left-arrow {
  background-color: #251e38;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  font-size: 13px;
  display: block;
  left: -54%;
}

.slider-left-arrow:hover {
  background-image: linear-gradient(to right, #de39ff, #3982ff);
}

.slider-left-arrow._1 {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 100%;
  margin-left: -6em;
  left: 0%;
}

.slider-left-arrow._1:hover {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(126deg, #1304b6, #a61be2 39%, #fff 83%);
  border: 0 #0000;
}

.mg-60px {
  width: 100%;
  height: 60px;
}

.icon-grid-list-item {
  border-bottom: 1px solid #ecebea;
  border-radius: 1px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
}

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

.subscribe-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
}

.margin-top {
  margin-top: 36px;
}

.white {
  color: #fff;
  text-transform: capitalize;
  margin-top: 20px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.testimonials {
  text-align: center;
  background-color: #0000;
  border-radius: 16px;
  width: 50%;
  max-width: none;
  height: auto;
  margin-left: 163px;
  margin-right: auto;
  padding: 0;
  display: block;
}

.footer-section {
  background-color: #0000;
  background-image: linear-gradient(#f9f9fb30, #f9f9fb30), url('../images/Pattern-2.png');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  border: 1px #000;
}

.top-footer-with-bottom-border {
  border-bottom: 1px solid #14142b0f;
  padding-top: 100px;
  padding-bottom: 100px;
}

.features-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
  position: relative;
}

.lightbox-link {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 25px;
  transition: transform .3s;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.lightbox-link:hover {
  transform: scale(.96);
}

.social-image {
  background-image: radial-gradient(circle, #fff 30%, #0000 84%), url('../images/flags1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  width: 100%;
  height: 600px;
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.flexi-testimonials-card {
  text-align: center;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.email-right-side-wrapper {
  display: none;
  transform: translate(0);
}

.slider-right-arrow {
  background-color: #251e38;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  font-size: 15px;
  display: block;
  right: -54%;
}

.slider-right-arrow:hover {
  background-image: linear-gradient(to left, #de39ff, #3982ff);
}

.slider-right-arrow._1 {
  background-color: #000;
  border-radius: 100%;
  margin-right: -6em;
  font-size: 13px;
  right: 0%;
}

.slider-right-arrow._1:hover {
  background-color: #000;
  background-image: linear-gradient(202deg, #1304b6, #a61be2 41%, #f9f9fb 76%);
}

.grid-2-colmn-2coulm-mbl {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  place-items: center stretch;
}

.bottom-footer {
  color: #56565f;
  border-top: 1px solid #14142b0f;
  padding-top: 32px;
  padding-bottom: 32px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
}

.white-title {
  color: #fff;
  margin-bottom: 5px;
  font-size: 24px;
}

.icon-56px {
  background-color: #0000;
  border-radius: 0%;
  width: 56px;
  height: 56px;
  padding: 0;
  overflow: hidden;
}

.footer-link-item {
  margin-bottom: 18px;
}

.features-image {
  object-fit: cover;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.grid-3-colmn-1-colmn-gap-32px {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr;
  place-items: center stretch;
}

.grid-3-colmn-1-colmn-gap-32px.transform {
  perspective: 2000px;
}

.bg-overlay {
  z-index: 1;
  background-color: #f7e5ff;
  background-image: url('../images/Logo-color.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 400px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mg-120px {
  height: 120px;
}

.panel {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
  transform: translate(0);
}

.color-buble {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--powder-blue), var(--powder-blue)), linear-gradient(to bottom, #ffffff80, #ffffff80);
  filter: blur(100px);
  border-radius: 100%;
  width: 500px;
  height: 500px;
  position: absolute;
  left: auto;
  right: auto;
}

.testimonials-grid-vr-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
  margin-left: auto;
  margin-right: auto;
}

.white-headline {
  color: #fff;
}

.top-ad-content {
  background-image: url('../images/Ads.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
}

.top-ad-content.about {
  background-image: url('../images/Graphic-16.jpg');
}

.tab-image-wrapper {
  box-shadow: none;
  border-radius: 12px 12px 0 0;
  width: 100%;
  max-width: none;
  overflow: hidden;
}

.social-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: end;
  align-self: center;
  justify-items: end;
}

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

.tab-panel {
  overflow: hidden;
}

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

.center-text._60 {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.center-text._600px-width {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.footer-link {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s;
}

.footer-link:hover {
  color: #a61be2;
}

.tab-link-center {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--teal), var(--powder-blue));
  box-shadow: none;
  color: #303030;
  border: 1px #000;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 32px;
  font-family: Satoshi Bold, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: all .3s, border-color .3s;
  display: flex;
}

.tab-link-center:hover {
  opacity: .52;
}

.tab-link-center.w--current {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--powder-blue);
  background-image: linear-gradient(to bottom, var(--teal), var(--powder-blue));
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px #000;
  border-radius: 10px;
  flex: 1;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.tab-link-center.w--current:hover {
  opacity: .57;
}

.content-text-image-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.content-text-image-wrapper.right-sricky {
  background-image: url('../images/Teacher-Ally-Graphic-2_1.png'), url('../images/Pattern-2.png'), radial-gradient(circle farthest-corner at 100% 100%, #fff 27%, var(--powder-blue) 55%, var(--teal) 89%);
  background-position: 50% 175%, 50%, 0 0;
  background-repeat: no-repeat, repeat, repeat;
  background-size: contain, cover, auto;
  height: 650px;
  padding: 60px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.categories-link {
  color: #303030;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dcddeb;
  border-radius: 8px;
  margin-left: 0;
  padding: 18px 28px;
  font-size: 18px;
  text-decoration: none;
  transition: all .3s;
  box-shadow: 1px 1px 12px #14142b0f;
}

.categories-link:hover {
  background-color: var(--black);
  box-shadow: none;
  color: #f1f1f2;
  border-color: #56565f;
}

.categories-link.w--current {
  border-color: var(--black);
  background-color: var(--black);
  color: #fff;
}

.insight-number {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  bottom: auto;
}

.container {
  max-width: 1200px;
  padding-left: 24px;
  padding-right: 24px;
}

.color-text-card {
  color: #56565f;
}

.top-text-label {
  color: #2f394b;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
}

.top-text-label.right {
  color: #2f394b;
  text-align: right;
  margin-bottom: 10px;
  font-weight: 500;
}

.star-wrapper {
  margin-top: 10px;
  display: flex;
}

.white-cta-title {
  color: #fff;
  font-size: 40px;
}

.white-paragraph {
  color: #fff;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.testimonials-name {
  color: #222d48;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
}

.position-relative {
  height: auto;
  position: relative;
}

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

.row.row-no-wrap {
  flex-wrap: nowrap;
}

.row.row-split-content {
  grid-column-gap: 36px;
  grid-row-gap: 48px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  display: grid;
}

.flexi---mg-bottom-64px {
  margin-bottom: 64px;
}

.circle {
  background-color: #62636b;
  border: 1px #0000;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.circle.list-circle {
  margin-right: 24px;
}

.circle.list-circle.bg-white {
  background-color: #a61be2;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--powder-blue) 7%, var(--teal) 50%, #fff 74%);
  border: 2px solid #078282;
  align-items: center;
}

.dark-color-text {
  color: #303030;
}

.testimonial-text {
  color: #171e30;
  text-align: left;
  max-width: 570px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6em;
}

.page-wrapper {
  overflow: hidden;
}

.copyright-text {
  color: #000;
}

.services-h3 {
  color: var(--teal);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 34px;
}

.icon {
  color: #fff;
}

.link-text {
  transition: color .3s;
}

.div-block {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  width: 100%;
  display: flex;
}

.tabs-menu {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 11px;
  display: flex;
}

.footer-head-title {
  color: #000;
  margin-bottom: 40px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.tabs-wrapper {
  background-color: #f9f9fb;
  border-radius: 10px;
  padding: 20px 20px 0;
}

.mg-bottom-100px {
  margin-bottom: 100px;
}

.blog-categories-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-end;
  display: flex;
}

.logo-clients {
  opacity: 1;
  background-color: #171e30;
  border-radius: 6px;
  width: auto;
  height: 40px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: auto;
  display: inline-block;
}

.hero-section-bg-image {
  background-image: linear-gradient(175deg, #0000 33%, #fff 83%), url('../images/Pattern-1.png'), linear-gradient(#1304b6, #d779ff);
  background-position: 0 0, 0%, 0 0;
  background-size: auto, cover, auto;
  padding-top: 220px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.hero-section-bg-image.price {
  background-image: linear-gradient(175deg, #0000 33%, #fff 83%), url('../images/Pattern-2.png'), linear-gradient(#1304b6, #d779ff);
  background-position: 0 0, 0%, 0 0;
}

.hero-section-bg-image.about {
  background-image: linear-gradient(175deg, #0000 33%, #fff 65%), linear-gradient(#95dbe5, #078282);
}

.hero-section-bg-image.about.freebie {
  background-image: linear-gradient(175deg, #0000 33%, #fff 65%), linear-gradient(#95dbe5, #078282 0%, #5eb9bf 55%, #f0f5f5 102%), linear-gradient(#0000, #0000);
  padding-bottom: 220px;
}

.hero-section-bg-image.about.ll {
  background-image: linear-gradient(175deg, transparent 33%, #fff 65%), linear-gradient(180deg, #95dbe5, #078282), linear-gradient(to bottom, null, null);
}

.hero-section-bg-image.homepage {
  background-image: linear-gradient(175deg, transparent 33%, #fff 83%), linear-gradient(180deg, var(--powder-blue), var(--teal));
  padding-top: 120px;
}

.footer-brand {
  color: #303030;
  text-decoration: none;
}

.email-left-side-wrapper {
  color: #151515;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
  transform: translate(0);
}

.email-left-side-wrapper:hover {
  opacity: .49;
}

.light-color-text {
  color: #f7f7fc;
}

.buble-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 152px;
}

.icon-list {
  margin-bottom: 0;
  padding-left: 0;
}

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

.hero-email {
  color: #171e30;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 17px;
  font-weight: 600;
}

.icon-list-box {
  background-color: var(--powder-blue);
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  margin-right: 16px;
  display: flex;
}

.list-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  display: grid;
}

.list-grid.margin-top {
  grid-template-columns: 1fr;
}

.insight-copy {
  color: #000;
  font-family: Satoshi Medium, sans-serif;
  font-size: 20px;
}

.midd-footer-with-bottom-border {
  padding-top: 100px;
  padding-bottom: 100px;
}

.upper-tag-label {
  color: #f9f9fb80;
}

.upper-tag-label.white {
  color: #f9f9fb;
}

.mask {
  overflow: visible;
}

.rating-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.nav-social-link {
  background-color: #f1f1f2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
}

.nav-social-link:hover {
  background-color: #e0e0e1;
  transform: scale(.9);
}

.testimonials-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-48px.absolut {
  position: absolute;
}

.content-width-medium {
  direction: ltr;
  width: 100%;
  max-width: 80%;
}

.social-div-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-gray-text {
  color: #56565f;
}

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

.section.cta {
  background-image: url('../images/sprial.png'), linear-gradient(156deg, var(--teal), var(--teal) 36%, #fff);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  padding-bottom: 0;
  overflow: visible;
}

.section.black {
  background-color: var(--black);
  background-image: url('../images/Pattern-2.png'), linear-gradient(#000000b3, #000000b3), url('../images/Pattern-4.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, auto;
}

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

.section.hidden-overlay {
  display: none;
  overflow: hidden;
}

.grid-footer-vr-1 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.team-image {
  z-index: 5;
  border-radius: 20px;
  width: 160px;
  height: 160px;
  margin-bottom: 0;
  transition: box-shadow .3s;
  position: relative;
  overflow: hidden;
}

.team-image.first {
  background-image: url('../images/Image-30.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  display: flex;
}

.team-image.second {
  background-image: url('../images/Image-11_1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  display: flex;
}

.team-image.third {
  background-image: url('../images/Image-33.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 100px;
  width: 60px;
  height: 60px;
}

.social-icons-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  margin-top: 0;
  display: flex;
}

.social-icons-wrapper.right-flex {
  justify-content: flex-end;
}

.image {
  filter: invert() sepia() invert();
}

.mg-40px {
  width: 100%;
  height: 40px;
}

.name-position {
  color: #171e30;
  letter-spacing: -.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
}

.mg-bottom-60px {
  margin-bottom: 60px;
}

.star {
  margin-left: 2px;
  margin-right: 2px;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

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

.image-100-cover {
  object-fit: cover;
  border-radius: 20px;
  width: auto;
  margin-bottom: 0;
}

.tab-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 40px;
}

.mg-20px {
  width: 100%;
  height: 20px;
}

.blog-post-title-grid {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  align-items: center;
  margin-bottom: 65px;
}

.grid-footer-bottom {
  grid-column-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr 1fr;
}

.link-wrapper {
  color: #303030;
  align-items: center;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.link-wrapper:hover {
  color: #443ee4;
}

.highlight-text {
  color: var(--powder-blue);
}

.link-icon-left {
  margin-right: 6px;
}

.top-grid-footer {
  grid-column-gap: 210px;
  grid-row-gap: 210px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
}

.hero-image {
  background-color: #078282;
  border: 4px solid #95dbe5;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  box-shadow: 0 2px 20px 13px #fff;
}

.slide {
  margin-right: 40px;
}

.grid-2-colmn {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  perspective: 2000px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.flexi-social-icon {
  width: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.testimonial-author-name {
  color: #142335;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.inner-container-center-540px {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._24px-text-bold {
  background-image: linear-gradient(143deg, var(--teal), var(--powder-blue));
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.subtitle {
  color: #8483a7;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.subtitle.white {
  color: #fff;
}

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

.service-wrapper {
  background-color: var(--white-smoke);
  border-radius: 10px;
  height: auto;
  padding: 40px;
}

.service-wrapper._1 {
  background-color: #f9f9fb;
  background-image: url('../images/Teacher-Ally.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  height: 600px;
  padding-bottom: 0;
  display: flex;
}

.service-wrapper._2 {
  z-index: -1;
  background-color: #f9f9fb;
  background-image: linear-gradient(to right, #f9f9fb 51%, #fff0), url('../images/papel-picado-backgournd-.png');
  background-position: 0 0, 95%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  height: auto;
  padding: 0;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.service-wrapper.image-2 {
  background-color: #000;
  background-image: linear-gradient(#0000, #000), url('../images/11woman-holding-smartphone-hand.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  display: flex;
}

.service-wrapper.image {
  background-image: linear-gradient(#0000, #000), url('../images/Ads.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  display: flex;
}

.service-wrapper.pattern-1 {
  background-image: url('../images/Pattern-4_1.png');
  background-position: 150% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.service-wrapper.pattern-2 {
  background-image: url('../images/Pattern-3.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-wrapper.pattern-3 {
  background-image: url('../images/Pattern-2.png');
  background-position: 0 0;
  background-size: auto;
}

.service-wrapper.features-1 {
  background-color: var(--black);
  background-image: url('../images/Team-2.png'), linear-gradient(#00000057, #00000057), url('../images/Pattern-1.png');
  background-position: 90% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: contain, auto, cover;
  height: 100%;
}

.service-wrapper.features-2 {
  background-image: linear-gradient(#f9f9fbcc, #f9f9fbcc), url('../images/Pattern-4_1.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.service-wrapper.features-3 {
  background-image: url('../images/Pattern-2.png');
  background-position: 0 100%;
  background-size: cover;
}

.service-wrapper.features-4 {
  background-image: url('../images/Ads.jpg'), url('../images/Pattern-3.png');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, cover;
  height: 740px;
}

.service-wrapper.absolut {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.button-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.button-wrapper.center {
  justify-content: center;
}

.mg-bottom-48px-2 {
  margin-bottom: 48px;
}

.mg-bottom-48px-2.absolut {
  margin-bottom: 0;
  position: absolute;
}

.slide-nav-second {
  display: none;
}

.arete {
  background-color: var(--gainsboro);
  opacity: 1;
  border: 0 #242227;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 4px 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.arete:hover {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--powder-blue), var(--teal));
}

.grid-2colmn-center-55px-gap {
  z-index: 2;
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  place-items: center;
  padding-top: 48px;
  padding-bottom: 104px;
  padding-right: 48px;
  position: relative;
}

.grid-2colmn-center-55px-gap.right-image {
  grid-template-columns: 1fr .5fr;
}

.testimonials-copy {
  text-align: left;
  margin-bottom: 0;
}

.testimonial-container {
  text-align: left;
  background-color: #f9f9fb;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.tabs-content-2 {
  box-shadow: none;
  background-color: #f9f9fb;
  border-radius: 0 0 10px 10px;
  width: 100%;
  padding: 0 0 56px 56px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  overflow: visible;
}

.grid-2-colmn-content-text {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  place-items: start stretch;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #f1f1f2;
  border-radius: 8px;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  transition: border-color .3s, color .3s, box-shadow .3s;
  box-shadow: 0 1px 7px #15142d14;
}

.input:hover {
  border-color: #443ee4;
  box-shadow: 0 2px 12px #15142d1a;
}

.input:focus {
  color: #303030;
  border-color: #443ee4;
}

.input::placeholder {
  color: #56565f;
}

.footer-location-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: flex-start;
  display: flex;
}

.white-2 {
  color: #fff;
  line-height: 1.3;
}

.nav-logo-brand {
  transition: color .3s, transform .3s;
}

.nav-logo-brand:hover {
  transform: scale(.9);
}

.header-right-col {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.footer-link-2 {
  color: #000;
  font-family: Satoshi Bold, sans-serif;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s;
}

.footer-link-2:hover {
  color: var(--teal);
}

.footer-link-2.w--current {
  font-family: Satoshi Bold, sans-serif;
}

.footer-link-2.w--current:hover {
  color: var(--teal);
}

.nav-header-list {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.link-text-2 {
  font-family: Satoshi Bold, sans-serif;
  transition: color .3s;
}

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

.btn-primary-nav {
  text-align: center;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 14px 24px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  transition: color .3s, background-color .3s, transform .3s;
}

.btn-primary-nav:hover {
  color: var(--teal);
  background-color: #fff;
  transform: translate(0, -3px);
}

.nav-list-item {
  padding-left: 32px;
  font-family: Satoshi Medium, sans-serif;
}

.navigation-transparent-header {
  background-color: #fff0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
  position: absolute;
}

.nav-link-white {
  color: #f7f7fc;
  padding: 0;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  transition: color .3s;
}

.nav-link-white:hover {
  color: var(--teal);
}

.nav-link-white.w--current {
  color: #078282;
}

.link-wrapper-2 {
  color: #303030;
  align-items: center;
  font-family: Satoshi Regular, sans-serif;
  font-size: 18px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.link-wrapper-2:hover {
  color: #443ee4;
}

.subtitle-2 {
  color: #8483a7;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Satoshi Regular, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.btn-hidden-on-mbl {
  margin-left: 24px;
}

.mg-bottom-48px-3 {
  margin-bottom: 48px;
}

.mg-bottom-48px-3.center {
  position: absolute;
}

.input-form {
  border: 1px solid var(--lavender);
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Satoshi Regular, sans-serif;
  font-size: 18px;
  transition: border-color .3s, color .3s, box-shadow .3s;
  box-shadow: 0 1px 7px #15142d14;
}

.input-form:hover {
  border-color: #443ee4;
  box-shadow: 0 2px 12px #15142d1a;
}

.input-form:focus {
  color: #303030;
  border-color: #443ee4;
}

.input-form::placeholder {
  color: #56565f;
}

.input-form.password {
  margin-bottom: 16px;
}

.subtitle-3 {
  color: #8483a7;
  text-transform: none;
  margin-bottom: 8px;
  font-family: Satoshi Regular, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.mg-bottom-48px-4 {
  margin-bottom: 48px;
}

.mg-bottom-48px-4.center {
  position: absolute;
}

._16px-text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

._16px-text.gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(153deg, #1304b6, #a61be2);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 16px;
  line-height: 160%;
}

.top-content-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-post-card-image-wrapper {
  border-radius: 8px;
  height: 260px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 42px #14142b24;
}

.blog-label {
  background-color: #f9f9fb;
  background-image: linear-gradient(to bottom, var(--medium-blue), var(--dark-orchid));
  color: #000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 6px;
  padding: 12px 22px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  box-shadow: 0 0 1px #0003;
}

.blog-label:hover {
  box-shadow: 1px 1px 12px #0000001a, 0 0 1px #1304b6;
}

.flex-h-start-absolut-top {
  align-items: center;
  display: flex;
}

.flex-h-start-absolut-top.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  position: absolute;
  inset: 6% auto auto 5%;
}

.blog-image-100-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

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

.blog-post-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: #f9f9fb;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  padding: 40px;
}

.blog-link {
  width: 100%;
  text-decoration: none;
  transform: translate(0);
}

.blog-post-image-wrapper {
  border-radius: 8px;
  height: 450px;
  overflow: hidden;
  box-shadow: 0 14px 42px #14142b24;
}

.grid-4-colmn-2coulm-mbl {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.insights-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ads-image {
  background-image: url('../images/Image-ads-2.jpg');
  background-position: 100% 100%;
  background-size: 700px;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 600px;
  padding: 30px;
  display: flex;
}

.ads-image._2 {
  background-image: linear-gradient(#0000, #000), url('../images/Untitled-4.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, 700px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 50px;
  display: flex;
}

.ads-image.contact {
  background-image: linear-gradient(#0000, #000), url('../images/contact_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 500px;
}

.h1-white {
  color: #fff;
}

.animation-sponsor-wrapper {
  border: 1px #000;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.animation-sponsor-wrapper.mg-top56px {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.flex-content {
  border: 1px #000;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grid-image-awwards {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  margin-right: 20px;
}

.image-wrapper {
  border-radius: 10px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.image-wrapper._300px {
  border-radius: 10px;
  height: 300px;
  overflow: hidden;
}

._100-cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #d2d2f5;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-grid.line {
  grid-column-gap: 30px;
  border-style: none;
  border-radius: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
  overflow: hidden;
}

.team-social-div {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-social-div.white-content {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.team-text {
  color: #fff;
  margin-bottom: 0;
  font-family: Satoshi Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.team-info-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.team-info-div.vertical {
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 0;
}

.team-info-div.no-padding {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.team-image-2 {
  background-image: url('../images/Team-4.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 260px;
  border-radius: 0;
  width: 300px;
  height: 300px;
}

.team-image-2._4 {
  background-image: url('../images/Image-11.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0%;
  width: 100%;
  height: 300px;
}

.team-image-2._3 {
  background-image: url('../images/Team-1.jpg');
}

.team-image-2._1 {
  background-image: url('../images/Team-1.png');
  border-radius: 0;
  width: 100%;
}

.team-image-2._3 {
  background-image: url('../images/Team-2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
}

.team-card {
  background-color: #fff;
  border-bottom: 1px solid #e3e3e3;
  flex-direction: column;
  align-items: center;
  padding: 100px;
  display: flex;
}

.team-card.border-line {
  background-color: var(--white-smoke);
  background-image: url('../images/Pattern-4_1.png'), linear-gradient(164deg, var(--medium-blue), var(--dark-orchid) 26%, var(--white-smoke) 73%);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 750px, auto;
  border: 1px #000;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 0 0;
  transition: background-color .4s;
  display: flex;
}

.team-card.border-line:hover {
  background-color: var(--white-smoke);
}

.link-block-twitter {
  margin-left: 0;
  margin-right: 0;
}

.link-block-social {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
}

.social-icon {
  opacity: .6;
  filter: invert();
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  transition: background-color .2s;
  display: flex;
}

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

.social-icon.google-plus-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.social-icon.google-plus-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.social-icon.google-plus-icon.light {
  border-style: none;
  border-color: var(--lavender);
  opacity: 1;
  filter: none;
  background-color: #fff;
  border-radius: 100px;
  margin-left: 0;
  margin-right: 4px;
}

.social-icon.google-plus-icon.light:hover {
  border-color: var(--lavender);
  background-color: var(--lavender);
  opacity: 1;
}

.social-icon.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 2px 0 0 2px;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.social-icon.facebook-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.social-icon.facebook-icon.light {
  border-style: none;
  border-color: var(--lavender);
  opacity: 1;
  filter: none;
  background-color: #fff;
  border-radius: 100px;
  margin-left: 0;
  margin-right: 4px;
  transition-property: none;
}

.social-icon.facebook-icon.light:hover {
  background-color: var(--lavender);
  opacity: 1;
  border-color: #fff;
}

.social-icon.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/instagram-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: 5px;
  padding-top: 0;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.social-icon.instagram-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.social-icon.instagram-icon.light {
  border-style: none;
  border-color: var(--lavender);
  opacity: 1;
  filter: none;
  background-color: #fff;
  border-radius: 100px;
  margin-left: 0;
  margin-right: 4px;
}

.social-icon.instagram-icon.light:hover {
  background-color: var(--lavender);
  opacity: 1;
  border-color: #fff;
}

.social-icon.twitter-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.social-icon.twitter-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.social-icon.twitter-icon.light {
  border-style: none;
  border-color: var(--lavender);
  opacity: 1;
  filter: none;
  background-color: #fff;
  border-radius: 100px;
  margin-left: 0;
  margin-right: 0;
}

.social-icon.twitter-icon.light:hover {
  border-color: var(--lavender);
  background-color: var(--lavender);
  opacity: 1;
}

.team-name {
  color: #fff;
}

.checkmark-circle-2 {
  background-color: #0000;
  background-image: linear-gradient(#a61be245, #fff);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: flex;
}

.checkmark-circle-2.white {
  background-color: #a61be233;
  background-image: linear-gradient(#1304b645, #fff);
}

.pricing-card {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  height: auto;
  padding: 0;
  display: flex;
  box-shadow: 0 1px 12px #0000001a;
}

.pricing-card.popular {
  background-color: #fff;
  border: 0 #fbff12;
}

.pricing-feature-wrapper {
  grid-column-gap: 16px;
  border: 1px #000;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 0;
  display: flex;
}

.pricing-feature-wrapper.last {
  margin-bottom: 0;
}

.pricing-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-span {
  color: #7a7a7a;
}

.price-features-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  color: var(--black);
  border: 0 #000;
  flex-direction: column;
  margin-top: 0;
  display: block;
}

.card-padding {
  border: 0 #000;
  border-bottom: 1px solid #8483a74d;
  padding: 30px 40px;
}

.card-padding.button {
  border-bottom-style: none;
}

.features-plan {
  color: var(--black-2);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Satoshi Regular, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.top-price-content-card {
  width: 100%;
  margin-bottom: 0;
}

.top-header-title {
  color: var(--medium-blue);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Satoshi Medium, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

._100-invert {
  filter: invert();
}

.pricing-top-header {
  margin-bottom: 0;
  font-size: 25px;
}

.compare-plan-price {
  background-color: var(--white-smoke);
  background-image: url('../images/Pattern-1.png'), linear-gradient(131deg, var(--medium-blue), var(--dark-orchid) 50%, #fff 99%);
  color: #010e24;
  background-position: 100% 100%, 0 0;
  background-size: cover, auto;
  border-radius: 6px;
  padding: 40px;
  font-size: 32px;
  line-height: 132%;
}

.pricing-plan-top-info {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 56px 20px 20px;
  display: flex;
  position: relative;
}

.row-item-4-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.row-item-4-column.white {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #0000;
  border-radius: 6px;
  margin-bottom: 1px;
}

.invert {
  filter: invert();
}

.pricing-row-item {
  border: 1px #000;
  width: 100%;
  display: flex;
}

.pricing-row-item.white {
  border-top-style: none;
  border-top-color: #d4f1f4;
}

.compare-title-packages {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #f9f9fb33;
  border: 1px #000;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  position: absolute;
  inset: 0% 0% auto;
}

.compare-title-packages.purple {
  color: #fff;
  text-align: left;
  background-color: #0000;
  padding-left: 20px;
}

.checkmark-circle {
  background-color: #a61be280;
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.checkmark-circle.purple {
  background-color: var(--black);
}

.pricing-item-box {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 56px;
  padding: 10px 24px;
  display: flex;
}

.pricing-grid-compare {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f5ff;
  border: 1px solid #e7deff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.pricing-grid-compare.hide-in-mobile {
  color: #010e24;
  background-color: #0000;
  border-style: none;
  border-width: 0;
}

.pricing-row-title {
  color: #fff;
  align-items: center;
  padding: 0 0 0 20px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.vertical-line {
  color: #ff7839;
  background-color: #f6fbfc;
  width: 2px;
  height: 40%;
}

.accordion-inner-720px {
  flex-direction: column;
  justify-content: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.horizontal-line {
  background-color: #f6fbfc;
  width: 40%;
  height: 2px;
  position: absolute;
}

.heigh-16px {
  height: 16px;
}

.container-4 {
  max-width: 1218px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.dark-color-text-2 {
  color: #191a1a;
}

.accordion-content-left {
  display: flex;
}

.accordion-item-wrapper {
  border: 1px none var(--lavender);
  background-color: var(--white-smoke);
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
}

.accordion-item-wrapper:hover {
  border-style: solid;
}

.accordion-item-wrapper.mg-top-56px {
  border-style: solid;
  border-color: #0000;
  padding-top: 26px;
}

.accordion-item-wrapper.mg-top-56px:hover {
  border-color: var(--lavender);
}

.accordion-question {
  align-items: center;
  display: flex;
}

.accordion-answer {
  width: 100%;
  overflow: hidden;
}

.accordion-icon {
  background-color: var(--black);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.accordion-icon:hover {
  background-image: linear-gradient(150deg, var(--medium-blue) 11%, var(--dark-orchid) 48%, #fff 81%);
}

.grid-1-colmn-20px-900px-width {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.accordion-title {
  margin-top: 0;
  margin-bottom: 0;
}

.input-label {
  color: var(--black);
  margin-bottom: 16px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 18px;
}

.card-form {
  border: 1px solid var(--lavender);
  background-color: var(--white-smoke);
  border-radius: 22px;
  width: 100%;
  max-width: 900px;
  min-height: 576px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 40px;
}

.card-form.contact-form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.text-area {
  border: 1px solid var(--lavender);
  background-color: var(--white-smoke);
  text-align: left;
  border-radius: 14px;
  min-height: 144px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 18px;
  transition: border-color .3s, color .3s, box-shadow .3s;
  overflow: auto;
  box-shadow: 0 1px 7px #15142d14;
}

.text-area:hover {
  border-color: #443ee4;
  box-shadow: 0 2px 12px #15142d1a;
}

.text-area:focus {
  color: #303030;
  border-color: #443ee4;
}

.text-area::placeholder {
  color: #56565f;
}

.white-list {
  color: #fff;
}

.inner-container-center-940px {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 20px;
  height: 600px;
}

.rich-text-block {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr;
}

.rich-text-block._2 {
  border-left: 1px none var(--lavender);
  background-color: var(--white-smoke);
  background-image: linear-gradient(#0000, #fff);
  border-radius: 10px;
  height: 100%;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.info-blog-card {
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}

.overlay-gradient {
  background-image: linear-gradient(to bottom, transparent, var(--black));
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.overlay-gradient._2 {
  background-image: linear-gradient(to bottom, transparent, var(--medium-blue));
}

.overlay-gradient._3 {
  background-image: linear-gradient(to bottom, transparent, var(--dark-orchid));
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-wrapper {
  perspective: 2000px;
  justify-content: center;
  align-items: center;
  padding: 39px;
}

.div-wrapper._2 {
  perspective: 2000px;
  padding-right: 220px;
  position: relative;
}

.div-wrapper.no-padding {
  perspective: 1000px;
  padding: 0;
}

.transform-2000 {
  perspective: 2000px;
}

.position-move-0 {
  width: auto;
  transform: translate(0);
}

.tab-text {
  color: var(--gainsboro);
  font-family: Satoshi Black, sans-serif;
}

.product-image {
  background-image: url('../images/Mini.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 300px;
  margin-bottom: 40px;
}

.product-image._2 {
  background-image: url('../images/Mac-Studio.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 360px;
}

.card-element {
  background-color: var(--white-smoke);
  text-align: center;
  border: 1px #4d4d4d;
  border-radius: 0;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.card-element.icons {
  height: 240px;
}

.card-element.fonts {
  align-items: flex-start;
}

.grid-component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-component.freepik {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.link-block {
  width: 100%;
}

.licenses-image-2 {
  width: 100px;
  height: 100px;
}

.licenses-image-2._2 {
  background-color: var(--gainsboro);
  background-image: url('../images/Team-4.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 240px;
}

.licenses-image-2._8 {
  background-color: var(--gainsboro);
  background-image: url('../images/Image-11_1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 240px;
}

.licenses-image-2._3 {
  background-color: var(--gainsboro);
  background-image: url('../images/Team-1.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 240px;
}

.licenses-image-2._4 {
  background-color: var(--gainsboro);
  background-image: url('../images/Image-30.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 240px;
}

.licenses-image-2._5 {
  background-image: url('../images/Untitled-3.png');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 240px;
}

.mg-80px {
  width: 100%;
  height: 80px;
}

.devices {
  height: 240px;
}

.devices._1 {
  background-image: url('../images/Mini.png');
  background-position: 0 0;
  background-size: cover;
}

.devices._2 {
  background-image: url('../images/Mac-Studio.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.devices._3 {
  background-image: url('../images/CTA-Image.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.devices._4 {
  background-image: url('../images/Samsung-Galaxy-S21-Ultra.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.devices._5 {
  background-image: url('../images/Apple-Set.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.component-block {
  background-image: url('../images/gallery-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 20px;
  display: flex;
}

.component-block._2 {
  background-image: url('../images/contact.jpg');
  background-position: 0 0;
  background-size: cover;
}

.component-block._3 {
  background-image: url('../images/Image-ads.jpg');
  background-position: 50%;
  background-size: cover;
}

.component-block._4 {
  background-image: url('../images/Image-ads-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.component-block._5 {
  background-image: url('../images/Image-11.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.component-block._6 {
  background-image: url('../images/gallery2.jpg');
  background-position: 50%;
  background-size: cover;
}

.font-div-block {
  background-color: #0000;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 120px;
  padding: 30px 0;
  display: flex;
}

.flexi-template-image {
  background-image: url('../images/thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  height: 600px;
}

.changelog-div-wrapper {
  background-color: var(--white-smoke);
  border-radius: 10px;
  padding: 30px;
}

.utility-page-wrap {
  background-color: var(--white-smoke);
  background-image: url('../images/Pattern-4.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  border: 1px solid var(--gainsboro);
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 400px;
  padding: 40px;
  font-family: Satoshi Medium, sans-serif;
  display: flex;
}

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

.h2-white {
  color: #fff;
}

.categories-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  display: flex;
}

.category-link {
  color: var(--black-2);
  text-decoration: underline;
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.categories-item-wrapper {
  display: flex;
}

.inner-container-center-640px {
  width: 640px;
  max-width: 100%;
}

.top-testimonilas-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

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

.button-2 {
  background-color: #0000;
  background-image: linear-gradient(90deg, var(--powder-blue), #fff);
  color: #078282;
  border-radius: 11px;
  padding: 20px 60px;
  font-family: Satoshi Bold, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all .888s;
}

.button-2:hover {
  background-image: linear-gradient(to right, var(--powder-blue), white);
  color: var(--teal);
  transform: translate(0, -5px);
  box-shadow: 0 3px 6px #0003;
}

.button-2.fullgradient {
  background-image: linear-gradient(to right, var(--powder-blue), var(--teal));
  color: #fff;
}

.image-3 {
  margin-left: auto;
  margin-right: auto;
}

.lottie-animation {
  margin-left: 35px;
  padding-left: 76px;
  position: relative;
  top: -21px;
  transform: rotate(-18deg)scale(1.6);
}

.div-block-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-2 {
  font-family: Satoshi Black, sans-serif;
  font-style: normal;
}

.text-span-2.clipped {
  background-image: none;
}

.gradient-header-code {
  display: none;
}

.heading-2 {
  background-image: linear-gradient(to right, var(--teal), var(--powder-blue));
}

.heading-2.clipped {
  background-image: linear-gradient(90deg, var(--teal), var(--powder-blue) 61%);
}

.paragraph-5 {
  color: var(--teal);
  font-family: Satoshi Bold, sans-serif;
  font-size: 21px;
  font-weight: 400;
}

.heading-3, .heading-3.clipped {
  background-image: linear-gradient(to right, var(--teal), var(--powder-blue));
}

.heading-4 {
  color: var(--teal);
}

.heading-5 {
  background-image: linear-gradient(to right, var(--teal), var(--powder-blue));
}

.heading-6 {
  background-image: linear-gradient(127deg, var(--teal), var(--powder-blue));
  font-family: Satoshi Black, sans-serif;
}

.price-divider-dark {
  background-color: #393b6a;
  width: 1px;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}

.price-wrapper-month {
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.h3-heading-3 {
  letter-spacing: -.02em;
  margin-top: 0;
  font-size: 48px;
  line-height: 1.2;
}

.h3-heading-3.margin-bottom-16 {
  background-image: linear-gradient(to right, var(--teal), var(--powder-blue));
  margin-bottom: 16px;
  font-family: Satoshi Black, sans-serif;
  font-style: normal;
}

.pricing-button-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 24px;
}

.pricing-card-dark {
  color: #fff;
  background-color: #8700c6;
  border: 1px solid #0000;
  border-radius: 16px;
  height: auto;
  padding: 40px;
  position: relative;
}

.container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.badge-standard {
  color: #fff;
  background-color: #da51e9;
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.pricing-card-line {
  border: 1px solid #e4e6f1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding: 40px;
  display: flex;
}

.price-month-white {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 24px;
}

.pricing-feature-wrapper-2 {
  align-items: center;
  display: flex;
}

.pricing-icon-2 {
  background-color: var(--teal);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.pricing-type-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.pricing-feature-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 24px;
}

.pricing-feature-grid.big.cr {
  grid-template-rows: auto auto auto auto auto auto auto;
}

.pricing-detail {
  color: var(--powder-blue);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: underline;
}

.pricing-detail.bronze {
  color: var(--powder-blue);
  -webkit-text-stroke-color: var(--powder-blue);
  text-decoration: underline;
}

.price-feature-text-white {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 24px;
}

.heading-detail-small-2 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.heading-detail-small-2.margin-bottom-12 {
  margin-bottom: 12px;
}

.heading-detail-small-2.margin-bottom-12.text-color-gray-500 {
  color: #6b7094;
}

.text-block-68 {
  color: #8483a7;
  text-align: left;
  font-family: Satoshi Italic, sans-serif;
}

.section-large-2 {
  padding: 120px 5%;
  position: relative;
}

.flex-wrapper-centre-large {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-detail-primary {
  color: #a8a8a8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: underline;
}

.price-month {
  color: #160042;
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 24px;
}

.price-month.text-gray-800 {
  color: #1b114a;
}

.pricing-line {
  background-color: #e4e6f1;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

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

.price-text {
  background-image: linear-gradient(137deg, var(--powder-blue), var(--teal));
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.price-divider {
  background-color: var(--powder-blue);
  width: 1px;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}

.price-feature-text {
  color: var(--black-2);
  letter-spacing: -.01em;
  font-family: Satoshi Bold, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.div-block-104 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grid-three-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.pricing-line-dark {
  background-color: #282556;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.text-block-69 {
  font-family: Satoshi Bold, sans-serif;
}

.text-block-69:hover {
  color: var(--teal);
}

.text-block-70 {
  margin-top: 10px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 11px;
  font-style: italic;
}

.link {
  color: var(--dark-orchid);
  text-align: center;
  font-family: Satoshi Variable, sans-serif;
}

.image-5 {
  filter: invert();
}

.image-5.no {
  filter: none;
}

.bold-text {
  background-image: linear-gradient(122deg, var(--teal), var(--powder-blue));
}

.image-6 {
  border-radius: 20px;
}

.brix---color-neutral-800 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-600 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-16px {
  margin-bottom: 16px;
}

.brix---mg-bottom-32px {
  margin-bottom: 32px;
}

.brix---mg-bottom-40px {
  margin-bottom: 40px;
  display: flex;
}

.brix---mg-bottom-48px {
  margin-bottom: 48px;
}

.brix---mg-bottom-48px.white-filter {
  filter: invert();
}

.brix---container-default {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---heading-h2-size {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

.brix---heading-h3-size {
  color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.brix---hidden-desktop {
  display: none;
}

.brix---slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.brix---slide-item-mg {
  height: auto;
  margin-right: 28px;
}

.brix---link-wrapper-white {
  color: var(--elements-webflow-library--neutral--100);
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: none;
  display: flex;
}

.brix---link-wrapper-white:hover {
  color: var(--elements-webflow-library--neutral--100);
}

.brix---link-icon-right {
  margin-left: 6px;
}

.brix---paragraph-default {
  color: var(--white-smoke);
  margin-bottom: 0;
  font-family: Satoshi Regular, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---paragraph-default.black {
  color: var(--teal);
  font-family: Satoshi Medium, sans-serif;
  font-weight: 400;
}

.brix---inner-container-547px {
  max-width: 574px;
}

.brix---btn-slider-arrow-right---top-left {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  inset: -100px 84px auto auto;
}

.brix---btn-slider-arrow-right---top-left:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---btn-slider-arrow-right---top-right {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: -100px;
}

.brix---btn-slider-arrow-right---top-right:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---card-testimonial-color-1 {
  border: 0px solid var(--elements-webflow-library--neutral--300);
  box-shadow: none;
  color: var(--elements-webflow-library--neutral--100);
  transform-style: preserve-3d;
  background-color: #95dbe5;
  border-radius: 24px;
  padding: 56px 48px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.brix---card-testimonial-color-1:hover {
  color: var(--elements-webflow-library--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.brix---card-testimonial-color-2 {
  border: 0px solid var(--elements-webflow-library--neutral--300);
  box-shadow: none;
  color: var(--elements-webflow-library--neutral--100);
  transform-style: preserve-3d;
  background-color: #078282;
  border-radius: 24px;
  padding: 56px 48px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.brix---card-testimonial-color-2:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---card-testimonial-color-3 {
  border: 0px solid var(--elements-webflow-library--neutral--300);
  box-shadow: none;
  color: var(--elements-webflow-library--neutral--100);
  transform-style: preserve-3d;
  background-color: #45e3ff;
  border-radius: 24px;
  height: auto;
  padding: 56px 48px;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.brix---card-testimonial-color-3:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---slider-mask-width-490px {
  max-width: 480px;
  height: 100%;
  overflow: visible;
}

.brix---section-overflow-hidden {
  padding-top: 60px;
  padding-bottom: 20px;
  overflow: hidden;
}

.div-block-105 {
  display: block;
}

.paragraph-6 {
  color: var(--black);
}

.image-7 {
  transform: rotate(-6deg);
}

.paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15 {
  color: var(--black);
}

.div-block-106 {
  display: flex;
}

.text-block-71, .text-block-72, .text-block-73, .text-block-74 {
  font-family: Satoshi Bold, sans-serif;
}

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

.text-block-75, .text-block-76 {
  font-family: Satoshi Bold, sans-serif;
}

.image-8 {
  transform: rotate(-6deg);
}

.paragraph-16, .paragraph-17 {
  color: var(--black);
}

.form {
  width: 100%;
}

.brix---color-neutral-801 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-802 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---color-neutral-100 {
  color: var(--elements-webflow-library--neutral--100);
}

.brix---mg-bottom-40px-2 {
  margin-bottom: 40px;
}

.brix---btn-primary {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary:hover {
  background-color: var(--black);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-primary.white {
  border: 2px solid #fff;
}

.brix---input {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 100px;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---input:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---input::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---text-area {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
  border-radius: 22px;
  min-height: 144px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---text-area:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}

.brix---text-area:focus {
  border-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--800);
}

.brix---text-area::placeholder {
  color: var(--elements-webflow-library--neutral--600);
  font-size: 18px;
}

.brix---container-default-2 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---link-text {
  transition: color .3s;
  display: inline-block;
}

.brix---link-text.black {
  color: var(--black);
}

.brix---heading-h1-size {
  color: #fff;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Satoshi Medium, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 66px;
}

.brix---success-message {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  border-radius: 24px;
  padding: 28px 28px 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.brix---icon-pagraph-wrapper {
  color: var(--elements-webflow-library--neutral--600);
  align-items: flex-start;
  display: flex;
}

.brix---subtitle {
  color: var(--elements-webflow-library--accent--primary-1);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---link-icon-left {
  filter: grayscale();
  margin-right: 6px;
}

.brix---paragraph-default-2 {
  color: var(--white-smoke);
  margin-bottom: 0;
  font-family: Satoshi Medium, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---paragraph-default-2.black {
  color: var(--teal);
}

.brix---card-form {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  min-height: 576px;
  margin-bottom: 0;
  padding: 56px 40px;
}

.brix---card-form.freebieform {
  min-height: auto;
}

.brix---input-label {
  color: var(--elements-webflow-library--neutral--800);
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 20px;
}

.brix---icon-success-message-big {
  width: 60px;
  margin-bottom: 10px;
}

.brix---bg-image-full-width {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.brix---link-wrapper-color-primary {
  color: var(--white-smoke);
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.brix---link-wrapper-color-primary:hover {
  color: var(--elements-webflow-library--secondary--color-1);
}

.brix---section-position-relative {
  padding-top: 0;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.brix---form-grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.brix---contact-v7-half-bg-image-bottom {
  z-index: -1;
  width: 100%;
  height: 430px;
  position: absolute;
  inset: auto 0% 0%;
}

.brix---grid-contact-v7 {
  grid-column-gap: 60px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.brix---grid-contact-v7.freebie {
  place-items: end stretch;
}

.brix---grid-1-column-gap-row-24px {
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---icon-mg-top {
  margin-top: 4px;
}

.black-text {
  color: var(--white-smoke);
}

.black-text.black {
  color: var(--teal);
}

.brix---top-bar-wrapper {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  background-image: linear-gradient(#00000080, #00000080);
  border-bottom: 3px solid #fff;
  padding-left: 72px;
  padding-right: 72px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.brix---top-bar-padding {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.brix---top-bar-close-icon {
  cursor: pointer;
  align-items: center;
  padding: 20px 32px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.brix---icon-small-hover {
  transition: transform .3s;
}

.brix---icon-small-hover:hover {
  transform: scale(.9);
}

.text-block-77 {
  font-family: Satoshi Regular, sans-serif;
  font-weight: 400;
  transition: all .2s;
}

.text-block-77:hover {
  transform: scale(1.1);
}

.link-2 {
  color: var(--white-smoke);
  text-decoration: none;
  transition: all .2s;
}

.link-2:hover {
  transform: scale(1);
}

.div-block-107 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-78 {
  color: var(--teal);
  padding: 13px;
  font-family: Satoshi Bold, sans-serif;
  text-decoration: none;
}

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

.div-block-108 {
  border: 2px solid #000;
  border-radius: 18px;
}

.section-2 {
  background-image: linear-gradient(#000, #000);
  height: 50vh;
}

.container-26 {
  padding-top: 100px;
}

.heading-7 {
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .hero-section-bg-image.about {
    background-image: linear-gradient(175deg, #0000 33%, #fff 66%), url('../images/Pattern-4.png'), linear-gradient(#1304b6, #d779ff);
    background-position: 0 0, 50% 30%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, contain, auto;
  }

  .hero-section-bg-image.about.ll {
    background-image: linear-gradient(175deg, #0000 33%, #fff 66%), linear-gradient(#95dbe5, #078282);
  }

  .section.cta {
    background-image: linear-gradient(156deg, #1304b6, #a61be2e3 57%, #fff), url('../images/Pattern-4.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .section.right-content {
    justify-content: center;
  }

  .inner-container-center-540px {
    max-width: 540px;
  }

  .inner-container-center-640px {
    width: 640px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .hero-section-bg-image.about {
    background-image: linear-gradient(175deg, #0000 36%, #fff 68%), url('../images/Pattern-4.png'), linear-gradient(#1304b6, #d779ff);
    background-position: 0 0, 50% 30%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, contain, auto;
  }

  .section.cta {
    background-image: linear-gradient(156deg, #1304b6, #a61be2e3 57%, #fff), url('../images/Pattern-4.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .section.right-content {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .inner-container-center-540px {
    max-width: 540px;
  }

  .arete {
    width: 40px;
    height: 40px;
  }

  .inner-container-center-640px {
    width: 640px;
    max-width: 100%;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .brix---grid-contact-v7 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.15fr;
  }
}

@media screen and (min-width: 1920px) {
  .color-shade-card {
    background-color: #0000;
  }

  .testimonial-info-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .testimonials {
    background-image: none;
  }

  .footer-section {
    background-color: #f9f9fb;
    background-image: linear-gradient(to bottom, null, null), url('../images/Pattern-2.png');
    background-position: 0 0, 50%;
  }

  .white-title {
    color: #fff;
  }

  .color-buble {
    left: auto;
  }

  .testimonials-grid-vr-2 {
    grid-column-gap: 40px;
    grid-template-rows: auto;
  }

  .top-ad-content.blog-post {
    width: 100%;
  }

  .social-grid.center {
    justify-content: center;
    justify-items: center;
    margin-top: 20px;
    display: flex;
  }

  .content-text-image-wrapper.right-sricky {
    background-image: url('../images/Apple-Set.png'), url('../images/Pattern-2.png'), linear-gradient(151deg, var(--medium-blue), var(--dark-orchid) 44%, #fff 91%);
    background-position: 100% 300px, 50%, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, cover, auto;
    height: 800px;
  }

  .white-paragraph {
    color: #fff;
  }

  .logo-clients {
    filter: none;
    text-align: left;
    background-color: #222d48;
    width: auto;
    height: 40px;
    margin-top: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    display: block;
  }

  .hero-section-bg-image {
    background-position: 0 0, 50%, 0 0;
    border: 0 #000;
  }

  .hero-section-bg-image.price {
    background-position: 0 0, 0 0, 0 0;
  }

  .hero-section-bg-image.about {
    background-color: var(--white-smoke);
  }

  .testimonials-grid {
    grid-column-gap: 40px;
    grid-template-rows: auto;
  }

  .section {
    background-image: none;
  }

  .section.right-content {
    justify-content: center;
    display: flex;
  }

  .team-image.first {
    align-items: flex-end;
    display: flex;
  }

  .team-image.third {
    background-image: url('../images/Image-33.jpg');
    background-position: 0 0;
    background-size: cover;
    width: 60px;
    height: 60px;
  }

  .name-position {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 0;
  }

  .button-wrapper.center {
    justify-content: center;
  }

  .testimonial-container {
    height: 380px;
  }

  .input-form {
    background-color: #fff;
  }

  .blog-label {
    box-shadow: 0 0 1px #0003;
  }

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

  .blog-post-grid {
    background-color: #f9f9fb;
    border-radius: 10px;
    padding: 40px;
  }

  .ads-image {
    background-position: 100% 100%;
    background-size: 700px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .ads-image._2 {
    background-image: linear-gradient(to bottom, transparent, var(--black)), url('../images/Untitled-4.jpg');
  }

  .animation-sponsor-wrapper.mg-top56px {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .team-image-2._4 {
    width: 300px;
    height: 300px;
  }

  .team-card.border-line {
    background-image: url('../images/Pattern-4_1.png'), linear-gradient(164deg, var(--medium-blue), var(--dark-orchid) 26%, var(--white-smoke) 73%);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 750px, auto;
  }

  .price-features-wrapper {
    margin-top: 0;
  }

  .compare-plan-price {
    background-image: url('../images/Pattern-1.png'), linear-gradient(131deg, var(--medium-blue), var(--dark-orchid) 50%, #fff 99%);
    background-position: 100% 100%, 0 0;
    background-size: cover, auto;
  }

  .card-form {
    background-color: #fff;
  }

  .text-area {
    background-color: var(--white-smoke);
  }

  .rich-text-block._2 {
    background-color: var(--white-smoke);
    border-left-style: none;
  }

  .overlay-gradient {
    background-image: linear-gradient(to bottom, transparent, var(--black));
    position: relative;
    inset: 0%;
  }

  .overlay-gradient._2 {
    background-image: linear-gradient(to bottom, transparent, var(--medium-blue));
  }

  .overlay-gradient._3 {
    background-image: linear-gradient(to bottom, transparent, var(--dark-orchid));
  }

  .product-image {
    background-position: 100% 100%;
  }

  .product-image._2 {
    background-size: 400px;
  }

  .mg-80px {
    height: auto;
    margin-bottom: 80px;
  }

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

@media screen and (max-width: 991px) {
  h1 {
    font-size: 43px;
  }

  h2 {
    font-size: 33px;
  }

  .display-1 {
    font-size: 63px;
    line-height: 1.3;
  }

  .display-1.white {
    text-align: center;
    font-size: 63px;
  }

  .logo-style-guide {
    width: 200px;
  }

  .component-wrapper {
    padding-bottom: 80px;
  }

  .style-guide-menu-block {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    display: none;
  }

  .card-component {
    padding: 21px;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr 1fr;
  }

  .line-wrapper {
    margin-bottom: 56px;
  }

  .style-guide-link {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .style-guide-left-sidebar {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

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

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-primary.medium._3 {
    display: block;
  }

  .btn-primary._2.sidebar {
    display: none;
  }

  .page-wrapper-sg {
    margin-left: 0;
  }

  .slider-left-arrow._1 {
    left: 0%;
  }

  .collection-list-posts-3row {
    grid-template-columns: 1fr 1fr;
  }

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

  .testimonials {
    width: 76%;
    margin-left: 79px;
  }

  .top-footer-with-bottom-border {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .lightbox-link {
    width: 100px;
    height: 100px;
  }

  .social-image {
    height: 500px;
  }

  .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .grid-2-colmn-2coulm-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .bottom-footer {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .grid-3-colmn-1-colmn-gap-32px {
    grid-template-columns: 1fr;
  }

  .panel {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
  }

  .testimonials-grid-vr-2 {
    grid-template-columns: 1fr;
  }

  .tab-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .social-grid.center-mbl {
    justify-content: center;
    place-items: stretch center;
  }

  .center-text._60 {
    max-width: 80%;
  }

  .center-text._600px-width {
    justify-content: center;
    align-items: center;
  }

  .tab-link-center {
    padding: 24px 20px;
    font-size: 16px;
  }

  .content-text-image-wrapper.right-sricky {
    background-position: 50% -200%, 50%, 0 0;
    background-size: cover, cover, auto;
    height: 650px;
    position: relative;
    top: auto;
  }

  .top-text-label.right {
    color: #171e30;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .row.row-split-content {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .testimonial-text {
    font-size: 20px;
    line-height: 36px;
  }

  .services-h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .footer-head-title {
    margin-bottom: 24px;
  }

  .blog-categories-wrapper {
    justify-content: flex-start;
  }

  .logo-clients {
    height: 42px;
  }

  .hero-section-bg-image {
    padding-top: 200px;
  }

  .hero-section-bg-image.homepage {
    padding-bottom: 0;
  }

  .buble-wrapper {
    top: 249px;
  }

  .icon-list.icon-list-vertical {
    grid-row-gap: 36px;
  }

  .hero-email {
    font-size: 15px;
    line-height: 20px;
  }

  .midd-footer-with-bottom-border {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .testimonials-grid {
    width: 100%;
  }

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

  .grid-footer-vr-1 {
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .social-icons-wrapper {
    margin-left: 0;
  }

  .mg-bottom-24px {
    margin-bottom: 24px;
  }

  .image-100-cover {
    max-width: 360px;
    margin-bottom: 0;
  }

  .tab-title {
    font-size: 22px;
    line-height: 38px;
  }

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

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

  .top-grid-footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid-2-colmn {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  .inner-container-center-540px {
    max-width: 70%;
  }

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

  .service-wrapper.features-4 {
    background-position: 50% 140%, 50% 0;
  }

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

  .mg-bottom-48px-2 {
    margin-bottom: 40px;
  }

  .grid-2colmn-center-55px-gap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .grid-2colmn-center-55px-gap.right-image {
    flex-flow: column;
    padding-right: 0;
    display: flex;
  }

  .tabs-content-2 {
    padding: 40px 32px;
  }

  .grid-2-colmn-content-text {
    grid-template-columns: 1fr;
  }

  .hamburger-bottom-line-white {
    background-color: #f7f7fc;
    border-radius: 20px;
    width: 43px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-menu {
    order: -1;
    padding: 0;
    transition: transform .3s;
  }

  .hamburger-menu:hover {
    transform: scale(.9);
  }

  .hamburger-menu.w--open {
    background-color: #0000;
  }

  .nav-header-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-list-item {
    margin-bottom: 16px;
    padding-left: 0;
  }

  .navigation-transparent-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .hamburger-top-line-white {
    background-color: #f7f7fc;
    border-radius: 20px;
    width: 43px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-link-white {
    color: #303030;
  }

  .nav-header-menu {
    background-color: #fff;
    border-top: 1px solid #f1f1f2;
    border-bottom: 1px solid #f1f1f2;
    padding: 25px;
  }

  .mg-bottom-48px-3, .mg-bottom-48px-4 {
    margin-bottom: 40px;
  }

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

  .blog-post-image-wrapper {
    height: 100%;
  }

  .grid-4-colmn-2coulm-mbl {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .image-wrapper {
    justify-content: center;
    align-items: stretch;
  }

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

  .team-grid.line {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }

  .team-image-2 {
    width: 260px;
    height: 300px;
  }

  .team-image-2._4 {
    background-position: 50% 30%;
  }

  .team-image-2._1 {
    height: 300px;
  }

  .team-image-2._3 {
    background-position: 50% 20%;
  }

  .team-card.border-line {
    border-left-style: none;
  }

  .social-icon {
    cursor: pointer;
  }

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

  .compare-plan-price {
    text-align: center;
    padding: 32px;
  }

  .row-item-4-column {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .pricing-grid-compare.hide-in-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .pricing-row-title {
    text-align: left;
  }

  .accordion-inner-720px {
    margin-right: 60px;
  }

  .card-form {
    padding: 54px 32px;
  }

  .text-area {
    border-radius: 22px;
  }

  .rich-text-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr .55fr;
  }

  .rich-text-block._2 {
    padding-right: 30px;
  }

  .position-move-0 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-component, .grid-component.freepik {
    grid-template-columns: 1fr 1fr;
  }

  .heading-3.clipped {
    text-align: center;
  }

  .grid-three-column-2 {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-6 {
    width: 300px;
    height: 450px;
  }

  .brix---mg-bottom-32px {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-40px {
    margin-left: auto;
    margin-right: auto;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .brix---heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---paragraph-default.black {
    text-align: center;
  }

  .brix---inner-container-547px {
    margin-left: auto;
    margin-right: auto;
  }

  .brix---btn-slider-arrow-right---top-left {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right {
    inset: auto 39.5% -90px auto;
  }

  .brix---slider-mask-width-490px {
    position: static;
  }

  .brix---section-overflow-hidden {
    padding-top: 118px;
    padding-bottom: 118px;
  }

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

  .paragraph-7, .paragraph-8, .paragraph-16, .paragraph-17 {
    text-align: center;
  }

  .brix---btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .brix---card-form {
    padding: 54px 32px;
  }

  .brix---section-position-relative {
    padding-top: 0;
    padding-bottom: 118px;
  }

  .brix---grid-contact-v7 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---top-bar-wrapper {
    padding-left: 56px;
    padding-right: 56px;
  }

  .brix---top-bar-padding {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .brix---top-bar-close-icon {
    padding: 18px 24px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  .display-1, .display-1.white {
    font-size: 60px;
  }

  .component-wrapper {
    padding-bottom: 60px;
  }

  .style-guide-menu-block {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .card-component {
    padding: 20px;
  }

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

  .color-shade-card {
    padding: 16px;
  }

  .btn-primary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-grid-list-item {
    padding-bottom: 16px;
  }

  .collection-list-posts-3row {
    grid-template-columns: 1fr;
  }

  .top-footer-with-bottom-border {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .lightbox-link {
    width: 90px;
    height: 90px;
  }

  .social-image {
    height: 350px;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-56px {
    margin-bottom: 40px;
  }

  .slider-right-arrow._1 {
    margin-right: 0;
    right: -10%;
  }

  .grid-3-colmn-1-colmn-gap-32px {
    grid-template-columns: 1fr;
  }

  .mg-120px {
    margin-bottom: 48px;
  }

  .panel {
    text-align: left;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }

  .top-ad-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-ad-content.blog-post {
    padding: 0;
  }

  .social-grid.center-mbl {
    justify-content: center;
    justify-items: center;
  }

  .tab-link-center {
    justify-content: center;
    margin: 10px 0;
  }

  .content-text-image-wrapper.right-sricky {
    background-position: 50% 175%, 50%, 0 0;
    background-size: contain, cover, auto;
    height: 650px;
    padding: 49px;
  }

  .categories-link {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .top-text-label {
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 18px;
  }

  .row.row-split-content {
    grid-row-gap: 36px;
  }

  .flexi---mg-bottom-64px {
    margin-bottom: 48px;
  }

  .circle {
    margin-right: 0;
    padding-right: 0;
  }

  .testimonial-text {
    max-width: 366px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    line-height: 32px;
  }

  .grid-2-colmn-1-colmn-gap-32px {
    grid-template-columns: 1fr;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-bottom-64px {
    margin-bottom: 48px;
  }

  .blog-categories-wrapper {
    flex-wrap: wrap;
  }

  .hero-section-bg-image {
    padding-top: 155px;
    padding-bottom: 120px;
  }

  .email-left-side-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .icon-list.icon-list-vertical {
    grid-row-gap: 24px;
  }

  .hero-email {
    font-size: 15px;
    line-height: 20px;
  }

  .icon-list-box {
    width: 24px;
    height: 24px;
  }

  .midd-footer-with-bottom-border {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

  .content-width-medium {
    width: 100%;
  }

  .section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .grid-footer-vr-1 {
    grid-template-columns: 1fr 1fr;
  }

  .team-image.first {
    height: 60px;
  }

  .tab-title {
    font-size: 20px;
    line-height: 32px;
  }

  .inner-container-center-540px {
    width: 100%;
    max-width: 400px;
  }

  .service-wrapper.features-1 {
    background-image: linear-gradient(#00000057, #00000057), url('../images/Pattern-1.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .service-wrapper.features-4 {
    background-position: 50% 100%, 50% 0;
  }

  .button-wrapper.center {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .grid-2colmn-center-55px-gap {
    grid-template-columns: 1fr;
  }

  .testimonial-container {
    margin-bottom: 0;
    display: flex;
  }

  .tabs-content-2 {
    padding-top: 30px;
    padding-bottom: 32px;
  }

  .input {
    min-height: 60px;
  }

  .btn-hidden-on-mbl {
    display: none;
  }

  .mg-bottom-48px-3 {
    margin-bottom: 32px;
  }

  .input-form {
    min-height: 60px;
  }

  .mg-bottom-48px-4 {
    margin-bottom: 32px;
  }

  ._16px-text {
    font-size: 16px;
    line-height: 18px;
  }

  .team-grid.line {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .team-image-2._4 {
    width: 260px;
  }

  .team-image-2._3 {
    width: 240px;
  }

  .compare-plan-price {
    padding: 24px;
    font-size: 24px;
  }

  .pricing-grid-compare.hide-in-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .accordion-content-right {
    margin-left: 16px;
    margin-right: 16px;
  }

  .heigh-16px.accodion-12px-mbl {
    height: 12px;
  }

  .accordion-item-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-item-wrapper.mg-top-56px {
    padding-left: 30px;
  }

  .accordion-icon {
    width: 32px;
    height: 32px;
  }

  .accordion-title {
    font-size: 20px;
  }

  .card-form {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .text-area {
    border-radius: 18px;
  }

  .rich-text-block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .div-wrapper._2 {
    padding: 40px;
  }

  .services-content {
    width: auto;
  }

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

  .inner-container-center-640px {
    width: 450px;
  }

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

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

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---link-icon-right {
    width: 20px;
    margin-left: 8px;
  }

  .brix---btn-slider-arrow-right---top-left {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-color-1, .brix---card-testimonial-color-2, .brix---card-testimonial-color-3 {
    padding: 48px 32px;
  }

  .brix---section-overflow-hidden {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---mg-bottom-40px-2 {
    margin-bottom: 24px;
  }

  .brix---btn-primary {
    padding: 20px 32px;
  }

  .brix---input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---text-area {
    border-radius: 18px;
  }

  .brix---heading-h1-size {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---subtitle {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---card-form {
    min-height: 560px;
    padding: 36px 30px 48px;
  }

  .brix---section-position-relative {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .brix---form-grid-2-columns {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .brix---grid-contact-v7 {
    grid-template-columns: 1fr;
  }

  .brix---icon-mg-top {
    margin-top: 0;
  }

  .brix---top-bar-wrapper {
    padding-left: 36px;
    padding-right: 36px;
  }

  .brix---top-bar-close-icon {
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .brix---icon-small-hover {
    width: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 33px;
  }

  h2 {
    font-size: 26px;
  }

  blockquote {
    padding: 30px;
  }

  .display-1 {
    font-size: 41px;
    line-height: 1.2;
  }

  .display-1.white {
    font-size: 41px;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr;
  }

  .style-guide-left-sidebar {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: inline-block;
  }

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

  .button-col-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .color-shade-card {
    padding: 12px;
  }

  .btn-primary {
    text-align: center;
    width: 90%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 50px;
    font-size: 17px;
    line-height: 19px;
  }

  .btn-primary.medium {
    width: 80%;
  }

  .btn-primary.medium._2 {
    padding-left: 40px;
  }

  .btn-primary.medium.android, .btn-primary.medium._2 {
    width: 85%;
  }

  .btn-primary._2 {
    padding-left: 50px;
  }

  .slider-left-arrow, .slider-left-arrow._1 {
    display: none;
  }

  .icon-grid-list-item {
    border-bottom-style: none;
    padding-bottom: 8px;
  }

  .collection-list-posts-3row, .subscribe-grid {
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-top: 16px;
  }

  .white {
    font-size: 14px;
  }

  .testimonials {
    width: 100%;
    margin-left: 0;
    padding: 20px 0;
  }

  .lightbox-link {
    width: 60px;
    height: 60px;
    padding: 17px;
  }

  .mg-bottom-16px {
    margin-bottom: 16px;
  }

  .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .slider-right-arrow, .slider-right-arrow._1 {
    display: none;
  }

  .grid-2-colmn-2coulm-mbl {
    grid-template-columns: 1fr;
  }

  .panel {
    justify-content: flex-start;
    padding-top: 0;
  }

  .color-buble {
    width: 100%;
    height: 400px;
  }

  .center-text._60 {
    max-width: 100%;
  }

  .footer-link {
    font-size: 16px;
    line-height: 19px;
  }

  .tab-link-center {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .content-text-image-wrapper.right-sricky {
    background-position: 50% 100%, 50%, 0 0;
    height: 650px;
    padding: 34px;
  }

  .categories-link {
    width: 100%;
    padding: 13px 21px;
    font-size: 14px;
  }

  .categories-link.w--current {
    width: 100%;
  }

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

  .top-text-label {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 20px;
  }

  .top-text-label.right {
    text-align: left;
  }

  .row.row-split-content {
    grid-template-columns: minmax(0, 1fr);
  }

  .flexi---mg-bottom-64px {
    margin-bottom: 40px;
  }

  .circle {
    margin-right: 12px;
  }

  .services-h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-head-title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .blog-categories-wrapper {
    flex-direction: column;
  }

  .logo-clients {
    height: 31px;
  }

  .hero-section-bg-image {
    padding-top: 130px;
    padding-bottom: 100px;
  }

  .email-left-side-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-email {
    font-size: 17px;
    line-height: 24px;
  }

  .icon-list-box {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }

  .list-grid.margin-top, .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .section.hide-mbl {
    display: none;
  }

  .grid-footer-vr-1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .team-image {
    background-image: none;
  }

  .team-image.first {
    height: 60px;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .image-100-cover {
    max-width: 320px;
  }

  .tab-title {
    font-size: 20px;
    line-height: 30px;
  }

  .hero-image {
    height: 400px;
  }

  .flexi-social-icon {
    width: 16px;
  }

  .testimonial-author-name {
    text-align: center;
    flex-direction: column;
  }

  .inner-container-center-540px {
    max-width: 300px;
  }

  .service-wrapper {
    padding: 31px;
  }

  .service-wrapper._1 {
    height: 450px;
  }

  .service-wrapper._2 {
    padding-right: 40px;
  }

  .service-wrapper.pattern-1 {
    background-position: 100% 0;
  }

  .button-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .button-wrapper.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .slide-nav-second {
    justify-content: center;
    align-items: center;
    font-size: 7px;
    display: flex;
    bottom: -27px;
  }

  .arete {
    width: 30px;
    height: 30px;
  }

  .grid-2colmn-center-55px-gap {
    padding-right: 0;
  }

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

  .tabs-content-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .footer-link-2 {
    font-size: 16px;
    line-height: 19px;
  }

  .nav-list-item {
    text-align: left;
    width: 100%;
  }

  .input-form {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .input-form::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .top-content-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-label {
    padding: 10px 20px;
    font-size: 14px;
  }

  .blog-post-grid {
    padding: 32px;
  }

  .grid-4-colmn-2coulm-mbl {
    grid-template-columns: 1fr;
  }

  .image-wrapper._300px {
    height: 200px;
  }

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

  .team-grid.line {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .team-info-div {
    flex-direction: column;
  }

  .team-image-2, .team-image-2._1 {
    width: 260px;
    height: 300px;
  }

  .team-card.border-line {
    width: 100%;
  }

  .card-padding {
    padding: 30px 20px;
  }

  .compare-plan-price {
    font-size: 18px;
  }

  .pricing-plan-top-info {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .compare-title-packages {
    font-size: 11px;
  }

  .pricing-item-box {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-row-title {
    padding-left: 10px;
    font-size: 13px;
  }

  .accordion-content-right {
    margin-right: 0;
  }

  .accordion-inner-720px {
    max-width: none;
    margin-right: 20px;
  }

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

  .accordion-content-left {
    width: 100%;
  }

  .accordion-item-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .accordion-title {
    font-size: 18px;
    line-height: 28px;
  }

  .card-form {
    padding-left: 23px;
    padding-right: 23px;
  }

  .text-area {
    text-align: left;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
    overflow: auto;
  }

  .text-area::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .grid-component.freepik {
    grid-template-columns: 1fr;
  }

  .mg-80px {
    height: 60px;
  }

  .categories-wrapper, .collection-list {
    flex-direction: column;
  }

  .inner-container-center-640px {
    width: 300px;
  }

  .top-testimonilas-block {
    flex-direction: column;
  }

  .heading {
    font-weight: 500;
  }

  .button-2.fullgradient, .heading-2.clipped {
    text-align: center;
  }

  .pricing-card-line {
    padding: 32px;
  }

  .price-text {
    margin-top: 16px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

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

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right {
    width: 18px;
  }

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-slider-arrow-right---top-left {
    bottom: 0;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right {
    bottom: 0;
    right: 26%;
  }

  .brix---card-testimonial-color-1, .brix---card-testimonial-color-2, .brix---card-testimonial-color-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---section-overflow-hidden {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .paragraph-18 {
    color: var(--black);
    font-family: Satoshi Medium, sans-serif;
    font-weight: 400;
  }

  .brix---btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---text-area {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 26px;
  }

  .brix---text-area::placeholder {
    font-size: 16px;
    line-height: 24px;
  }

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

  .brix---heading-h1-size {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---subtitle {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---card-form {
    padding-left: 23px;
    padding-right: 23px;
  }

  .brix---section-position-relative {
    padding-top: 0;
    padding-bottom: 96px;
  }

  .brix---icon-mg-top {
    margin-top: 0;
  }

  .brix---top-bar-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 17px;
    line-height: 26px;
  }

  .brix---top-bar-close-icon {
    padding-left: 12px;
    padding-right: 8px;
  }

  .brix---icon-small-hover {
    width: 20px;
  }
}

#w-node-ada38496-1940-3ea5-0806-a4d16e723c08-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723c17-557eb95b, #w-node-_1cd80311-0793-f957-cf81-ddc804cf755b-557eb95b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a210edf3-284a-95f7-6fc0-f9d99468edbc-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723c56-557eb95b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bbbe2287-fe9d-23bd-8a4c-4431ae6b2a4b-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723c57-557eb95b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ada38496-1940-3ea5-0806-a4d16e723c93-557eb95b, #w-node-_196e7b5a-c478-4e95-d25d-dcca620c5446-557eb95b, #w-node-_0835357e-751b-47d7-b4a4-366b2fe3ee2f-557eb95b, #w-node-_7f8961d2-a074-abdb-8821-8ae76f4808a8-557eb95b, #w-node-_81b0443c-82c2-203d-8a0d-56df630faa58-557eb95b, #w-node-_49dad18b-a07a-3e5b-4ce1-f620718fd868-557eb95b, #w-node-_5cfe5023-31d0-24f1-933c-c2e1457eeb4d-557eb95b {
  justify-self: auto;
}

#w-node-ada38496-1940-3ea5-0806-a4d16e723cf9-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723d04-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723d0d-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723d16-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723d1f-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723d2b-557eb95b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_31334871-e92a-cb32-b70a-6eb46a018678-557eb95b, #w-node-_31334871-e92a-cb32-b70a-6eb46a01868a-557eb95b, #w-node-_31334871-e92a-cb32-b70a-6eb46a018693-557eb95b, #w-node-_31334871-e92a-cb32-b70a-6eb46a01869c-557eb95b {
  justify-self: auto;
}

#w-node-_4ecfcb0a-7d1b-c434-8753-dd03a80b27a6-557eb95b, #w-node-_4ecfcb0a-7d1b-c434-8753-dd03a80b27a7-557eb95b, #w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a37-557eb95b, #w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a38-557eb95b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a1f-557eb95b, #w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a25-557eb95b, #w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a2b-557eb95b, #w-node-_0bf0723f-5a2f-d6d4-e566-82dc60544a31-557eb95b {
  justify-self: auto;
}

#w-node-ada38496-1940-3ea5-0806-a4d16e723dd9-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723dc7-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723db5-557eb95b, #w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f55e-e2a4f55a, #w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f565-e2a4f55a, #w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f577-e2a4f55a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f5c3-e2a4f55a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f5ca-e2a4f55a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff0c59cf-86d6-a4dc-3d4d-02bfe2a4f5da-e2a4f55a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8225-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8227-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8229-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a822b-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8231-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8233-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8235-a49a8222, #w-node-_224e487a-2fa0-2c55-7433-b9e2a49a8237-a49a8222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ade5b936-20d5-5589-3173-0df00b50e673-557eb971 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ade5b936-20d5-5589-3173-0df00b50e676-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e67e-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e68b-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e697-557eb971 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ade5b936-20d5-5589-3173-0df00b50e6b0-557eb971 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d5121752-b42b-f4e9-15d1-490595703fb3-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e6be-557eb971 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_042fae8a-f5f3-02fd-a410-9bda5410f23a-557eb971, #w-node-_95230030-0b3b-34f2-a36d-0a8c62245ae2-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e6ca-557eb971, #w-node-cd9a7b1f-411e-1475-02ae-871ba78a7a7d-557eb971, #w-node-_135c9b33-2922-f044-cf53-646eb61ec075-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e6d6-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e74d-557eb971, #w-node-ed1e2a50-5943-425a-3ba1-4cdb31c045e8-557eb971, #w-node-ed1e2a50-5943-425a-3ba1-4cdb31c045f1-557eb971, #w-node-ed1e2a50-5943-425a-3ba1-4cdb31c045fa-557eb971, #w-node-ed1e2a50-5943-425a-3ba1-4cdb31c04603-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e77c-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e78e-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e7a0-557eb971, #w-node-_87ff5a70-2788-e4e5-9c53-0b24b3d5bd3c-557eb971, #w-node-_87ff5a70-2788-e4e5-9c53-0b24b3d5bd3e-557eb971, #w-node-_87ff5a70-2788-e4e5-9c53-0b24b3d5bd42-557eb971, #w-node-_87ff5a70-2788-e4e5-9c53-0b24b3d5bd44-557eb971, #w-node-e8f6f7b7-fe89-c7bb-5976-4134c326f215-557eb971, #w-node-e8f6f7b7-fe89-c7bb-5976-4134c326f217-557eb971, #w-node-e8f6f7b7-fe89-c7bb-5976-4134c326f219-557eb971, #w-node-e8f6f7b7-fe89-c7bb-5976-4134c326f21d-557eb971, #w-node-_547ac933-3d9a-5732-078b-4707e34a7c12-557eb971, #w-node-_547ac933-3d9a-5732-078b-4707e34a7c14-557eb971, #w-node-_547ac933-3d9a-5732-078b-4707e34a7c16-557eb971, #w-node-_547ac933-3d9a-5732-078b-4707e34a7c18-557eb971, #w-node-_3fd8b523-27d9-f4b6-485a-739edbaf4aee-557eb971, #w-node-_3fd8b523-27d9-f4b6-485a-739edbaf4af0-557eb971, #w-node-_3fd8b523-27d9-f4b6-485a-739edbaf4af2-557eb971, #w-node-_3fd8b523-27d9-f4b6-485a-739edbaf4af4-557eb971, #w-node-_28890410-2f36-9dc8-726d-79a1d322b8ae-d322b8ab, #w-node-fce26f68-8d85-1a63-9273-884320057042-557eb972, #w-node-fce26f68-8d85-1a63-9273-884320057043-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723e14-557eb972, #w-node-e69bb357-7d1e-fae0-1f03-71390e28a49e-557eb972 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81b05be3-264b-c5ac-4634-29f01c95d7c9-557eb972 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0ae95ba9-f3a5-806e-93a1-b242c1e037bc-557eb972, #w-node-_757f1eff-0428-17f6-18e4-bb0de059aa23-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723e73-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723e7a-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723e8c-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723e9f-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723eb2-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ec5-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ed8-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723edf-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ee4-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723eef-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ef5-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ef7-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723ef9-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723efb-557eb972, #w-node-ada38496-1940-3ea5-0806-a4d16e723efd-557eb972 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39e4c053-99c9-258a-d243-6b9947b9df72-557eb973, #w-node-_39e4c053-99c9-258a-d243-6b9947b9df73-557eb973 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_39e4c053-99c9-258a-d243-6b9947b9df74-557eb973, #w-node-ff3cb8eb-3f78-55cf-c7d9-0b859f9ce372-557eb973 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_39e4c053-99c9-258a-d243-6b9947b9df82-557eb973, #w-node-_39e4c053-99c9-258a-d243-6b9947b9df90-557eb973 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd871bc0-2bf6-fb27-941f-1a4594a7ef9b-557eb974 {
  justify-self: center;
}

#w-node-_1f818e32-fb7e-4467-b7e6-1a74d516a690-557eb975, #w-node-_1f818e32-fb7e-4467-b7e6-1a74d516a6a3-557eb975, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807bc9-557eb975, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807bdb-557eb975, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807bed-557eb975 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ce16cd1-3e6e-6553-2c4c-dd4833286c5c-557eb976 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b41-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b4e-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b50-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b52-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b55-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b57-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b5a-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b5c-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b5f-557eb976, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b61-557eb976 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a566555-852d-16e9-6070-9cfd7e3f63ac-557eb976 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a9472bbe-dd96-36f2-81b7-523a2ce61963-557eb976, #w-node-_5d582168-9343-c84d-4567-ca0525a18808-557eb976, #w-node-_8b753c7e-2589-30c2-5fdd-feaa1d20f1a3-b3d016f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd871bc0-2bf6-fb27-941f-1a4594a7ef9b-b3d016f1 {
  place-self: center;
}

#w-node-_2e3d9e7a-d16a-b82a-cbae-03f02ffacb9a-b3d016f1 {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-ada38496-1940-3ea5-0806-a4d16e723d2b-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723de2-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723dd0-557eb95b, #w-node-ada38496-1940-3ea5-0806-a4d16e723dbe-557eb95b, #w-node-ade5b936-20d5-5589-3173-0df00b50e74d-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e785-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e797-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e7a9-557eb971, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807bd2-557eb975, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807be4-557eb975, #w-node-_0eece0de-1316-b110-bb8d-8c3f6c807bf6-557eb975, #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b4e-557eb976 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0a566555-852d-16e9-6070-9cfd7e3f63ac-557eb976 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a9472bbe-dd96-36f2-81b7-523a2ce61963-557eb976, #w-node-_5d582168-9343-c84d-4567-ca0525a18808-557eb976 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a210edf3-284a-95f7-6fc0-f9d99468edbc-557eb95b {
    grid-column: span 2 / span 2;
  }

  #w-node-ada38496-1940-3ea5-0806-a4d16e723c57-557eb95b {
    grid-column: span 1 / span 1;
  }

  #w-node-ade5b936-20d5-5589-3173-0df00b50e6b0-557eb971 {
    grid-column: span 2 / span 2;
  }

  #w-node-fb7fef64-eb81-aea3-68a9-114d747b9f94-557eb971 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_28890410-2f36-9dc8-726d-79a1d322b8ae-d322b8ab {
    order: 9999;
  }

  #w-node-_39e4c053-99c9-258a-d243-6b9947b9df72-557eb973 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ada38496-1940-3ea5-0806-a4d16e723c57-557eb95b {
    grid-column: span 1 / span 1;
  }

  #w-node-ade5b936-20d5-5589-3173-0df00b50e676-557eb971, #w-node-ade5b936-20d5-5589-3173-0df00b50e67e-557eb971, #w-node-_042fae8a-f5f3-02fd-a410-9bda5410f23a-557eb971, #w-node-cd9a7b1f-411e-1475-02ae-871ba78a7a7d-557eb971 {
    grid-column: span 2 / span 2;
  }

  #w-node-_81b05be3-264b-c5ac-4634-29f01c95d7c9-557eb972 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4d83ff45-bba6-c394-d442-1b3d7aac2b4e-557eb976 {
    order: -9999;
  }

  #w-node-a9472bbe-dd96-36f2-81b7-523a2ce61963-557eb976, #w-node-_5d582168-9343-c84d-4567-ca0525a18808-557eb976 {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Satoshi Black';
  src: url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Bold';
  src: url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Italic';
  src: url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Light';
  src: url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Medium';
  src: url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Regular';
  src: url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}