@font-face {
  font-family: Social Icon Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icon Font;
  src: url('../fonts/line-rounded-icon-font.woff2') format("woff2"), url('../fonts/line-rounded-icon-font.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icon Font;
  src: url('../fonts/line-square-icon-font.woff2') format("woff2"), url('../fonts/line-square-icon-font.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icon Font;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Social Icons Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BRIX Icon Font;
  src: url('../fonts/brix-icon-font.woff2') format("woff2"), url('../fonts/brix-icon-font.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mega Custom Icons;
  src: url('../fonts/mega-custom-icons.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Template Customization Icons;
  src: url('../fonts/template-customization-icons.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --new--neutral--color-600: #6e7191;
  --texts--ts-8: 1rem;
  --line-height--lh-base: 1.5em;
  --new--neutral--color-800: #211f54;
  --texts--ts-6: 1.25rem;
  --line-height--lh-tight: 1.2em;
  --new--primary-color: #4a3aff;
  --new--secondary--color-1: #3324d5;
  --mg-pd--xxs: var(--sizes--sz-4);
  --line-height--lh-none: 1em;
  --mg-pd--xs: var(--sizes--sz-7);
  --g-xxs: var(--sizes--sz-4);
  --mg-pd--s: var(--sizes--sz-8);
  --mg-pd--xxxs: var(--sizes--sz-3);
  --sizes--sz-9: 2rem;
  --sizes--sz-8: 1.5rem;
  --mg-pd--d: var(--sizes--sz-9);
  --new--neutral--color-100: white;
  --sizes--sz-16: 6.5rem;
  --sizes--sz-15: 5rem;
  --sizes--sz-14: 4.5rem;
  --new--neutral--color-200: #f7f7fc;
  --sizes--sz-18: 8.7rem;
  --new--neutral--color-300: #eff0f6;
  --g-s: var(--sizes--sz-8);
  --g-xs: var(--sizes--sz-6);
  --radius--br-5: 1.5rem;
  --new--neutral--color-400: #dcddeb;
  --mg-pd--m: var(--sizes--sz-10);
  --mg-pd--l: var(--sizes--sz-12);
  --radius--br-4: 1rem;
  --texts--ts-9: .9375rem;
  --gap: 0px;
  --radius--br-6: 2rem;
  --g-d: var(--sizes--sz-10);
  --mg-pd--xxxxs: var(--sizes--sz-2);
  --radius--br-full: 9999rem;
  --sizes--sz-7: 1rem;
  --texts--ts-7: 1.125rem;
  --texts--ts-2: 3rem;
  --radius--br-3: .75rem;
  --texts--ts-11: .8125rem;
  --sizes--sz-13: 4rem;
  --sizes--sz-17: 7.5rem;
  --sizes--sz-19: 11.25rem;
  --sizes--sz-20: 12.5rem;
  --sizes--sz-5: .625rem;
  --sizes--sz-11: 3rem;
  --sizes--sz-3: .375rem;
  --sizes--sz-10: 2.5rem;
  --sizes--sz-12: 3.5rem;
  --new--secondary--utility-blue: #2370ff;
  --sizes--sp-0: 0rem;
  --new--secondary--color-2: #f2f1ff;
  --sizes--sz-6: .75rem;
  --g-xxxs: var(--sizes--sz-2);
  --texts--ts-10: .875rem;
  --new--secondary--blue-100: #f4f8ff;
  --sizes--sz-4: .5rem;
  --radius--br-2: .5rem;
  --sizes--sz-1: .125rem;
  --new--neutral--color-500: #a0a3bd;
  --new--neutral--color-700: #4a4566;
  --new--secondary--megatech-accent-color: #3a7fff;
  --g-m: var(--sizes--sz-12);
  --mg-pd--xl: var(--sizes--sz-13);
  --g-l: var(--sizes--sz-14);
  --g-xxl: var(--sizes--sz-16);
  --g-xl: var(--sizes--sz-15);
  --texts--ts-12: .75rem;
  --mg-pd--xxl: var(--sizes--sz-15);
  --texts--ts-5: 1.5rem;
  --texts--ts-1: 3.75rem;
  --texts--ts-4: 2rem;
  --texts--ts-3: 2.5rem;
  --new--secondary--color-3: #7d42fb;
  --radius--br-1: .25rem;
  --sizes--sz-2: .25rem;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

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

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  color: var(--new--neutral--color-600);
  font-family: Figtree, sans-serif;
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-base);
  font-weight: 500;
}

h1 {
  color: var(--new--neutral--color-800);
  letter-spacing: .015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3em;
}

h2 {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

h3 {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-tight);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h4 {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
}

h5 {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4em;
}

h6 {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4em;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--new--primary-color);
  text-decoration: underline;
  transition: color .3s;
}

a:hover {
  color: var(--new--secondary--color-1);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 30px;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

label {
  margin-bottom: var(--mg-pd--xxs);
  color: var(--new--neutral--color-800);
  line-height: var(--line-height--lh-none);
  font-weight: 500;
  display: block;
}

strong {
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

blockquote {
  background-color: #fff;
  border-left: 0 solid #000;
  border-radius: 26px;
  margin-bottom: 10px;
  padding: 38px;
  font-size: 18px;
  line-height: 30px;
  box-shadow: 0 14px 24px #4a3aff0f, 0 2px 8px #0d0a2c0f;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.mgb-xxs {
  margin-bottom: var(--mg-pd--xxs);
}

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

.mgb-xs {
  margin-bottom: var(--mg-pd--xs);
}

.mgb-xs.inline-block {
  display: inline-block;
}

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

.mgb-s {
  margin-bottom: var(--mg-pd--s);
  letter-spacing: -.015em;
}

.mg-top-32px {
  margin-top: var(--sizes--sz-9);
}

.mg-top-32px.tablet {
  margin-top: 0;
}

.mg-bottom-32px {
  margin-bottom: var(--mg-pd--s);
}

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

.mg-bottom-40px {
  margin-bottom: var(--mg-pd--d);
}

.hidden-desktop {
  display: none;
}

.flex {
  display: flex;
}

.flex.center {
  justify-content: center;
}

.flex.horizontal-center, .flex.align-center {
  align-items: center;
}

.flex.align-center.gap-column-8px {
  grid-column-gap: 8px;
}

.flex.figma-resources {
  flex: 1;
  max-width: 700px;
}

.flex.align-top {
  align-items: flex-start;
}

.flex.align-top.gap-column-12px {
  grid-column-gap: var(--g-xxs);
}

.flex.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex.gap-8px.exclusive {
  flex-flow: row;
}

.flex.gap-12px {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.flex.gap-12px.wrap-down {
  flex-flow: wrap;
}

.flex.mg-bottom-24px {
  margin-bottom: var(--mg-pd--xs);
}

.flex.wrap {
  flex-flow: wrap;
}

.flex-column {
  flex-direction: column;
  display: flex;
}

.flex-column.text-center.center {
  justify-content: flex-start;
  align-items: center;
}

.flex-column.calculator-card-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-column.footer-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

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

.text-center.hero {
  margin-top: -30px;
}

.text-center.z-index-2 {
  z-index: 2;
  position: relative;
}

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

.bg-secondary-3 {
  background-color: #3527d8;
}

.bg-neutral-200 {
  background-color: #e5e5ef;
}

.bg-neutral-200.absolute---bottom-50 {
  z-index: -2;
  position: absolute;
  inset: 0 0 50%;
}

.bg-neutral-100 {
  background-color: #f7f7fb;
}

.button-primary {
  color: #fff;
  text-align: center;
  background-color: #4a3aff;
  background-image: linear-gradient(to right, #4a3aff, #6d3aff);
  border-radius: 80px;
  padding: 20px 48px 18px;
  font-weight: 700;
  line-height: 20px;
  transition: transform .3s, box-shadow .3s;
  box-shadow: 0 8px 12px -2px #4a3aff2e;
}

.button-primary:hover {
  color: #fff;
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 12px 18px -2px #4a3aff2e;
}

.button-primary.small {
  padding: 14px 32px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
}

.button-primary.small.blog-top {
  color: var(--new--neutral--color-100);
  padding: 12px 16px 10px;
  font-size: 14px;
  line-height: 17px;
}

.button-primary.small.blog-top.cta_blogpost {
  padding: 12px 18px;
}

.button-primary.button-white {
  color: #4a3aff;
  background-color: #fff;
  background-image: none;
}

.button-primary.button-white.blog {
  color: #fff;
  background-color: #ff2024;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 18px;
}

.button-primary.button-white.blog.white {
  color: #4a3aff;
  background-color: #fff;
}

.button-primary.newsletter {
  padding-left: 25px;
  padding-right: 25px;
  position: absolute;
  inset: 14px 14px 14px auto;
}

.button-primary.tool {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 23px;
  text-decoration: none;
  display: flex;
}

.button-secondary {
  color: #4a3aff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #4a3aff;
  border-radius: 80px;
  padding: 20px 48px 18px;
  line-height: 20px;
  transition: transform .3s, color .3s, background-color .3s;
}

.button-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  transform: translate(0, -4px);
}

.button-secondary.small {
  padding: 14px 32px;
  font-size: 16px;
  line-height: 18px;
}

.button-secondary.small.blog-top {
  padding: 12px 16px 10px;
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
}

.header__logo {
  max-width: 12.2rem;
  margin-left: 0;
}

.nav-link {
  color: var(--new--neutral--color-800);
  padding: 20px 16px;
  text-decoration: none;
  transition: color .3s;
  display: block;
}

.nav-link:hover {
  color: var(--new--primary-color);
}

.nav-link.dropdown-download {
  flex-direction: row;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 0;
  display: flex;
}

.page-wrapper.full-height-page {
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.page-wrapper.mg-bottom-48px.mg-top-48px.blue-background {
  background-color: #eff8ff;
}

.section {
  padding-top: var(--sizes--sz-16);
  padding-bottom: var(--sizes--sz-16);
}

.section.bg-neutral-100.reviews-first-section {
  padding-top: 0;
  padding-bottom: var(--sizes--sz-14);
}

.section.cards-end-bg-neutral-100 {
  background-image: linear-gradient(#f7f7fb 24%, #fff 24%);
  padding-top: 40px;
}

.section.bg-neutral-200 {
  background-color: var(--new--neutral--color-200);
}

.section.bg-neutral-200.project-calculator {
  padding-top: var(--sizes--sz-18);
}

.section.bg-neutral-200.project-calculator.framer {
  background-color: #f5fbff;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  height: 90vh;
  max-height: 100%;
  padding: 86px 24px;
  display: flex;
}

.utility-page-content-password {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  text-align: center;
  border-radius: 32px;
  flex-direction: column;
  width: 100%;
  max-width: 580px;
  padding: 72px 50px;
  display: flex;
  box-shadow: 0 2px 8px #0d0a2c0f, 0 60px 80px #4a3aff05, 0 40px 50px #4a3aff0d;
}

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

.input {
  border: 1px solid #e5e5ef;
  border-radius: 100px;
  min-height: 64px;
  margin-bottom: 24px;
  padding-top: 15px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 23px;
}

.input:focus {
  color: #0d0a2c;
  border-color: #4a3aff;
}

.input::placeholder {
  color: #615e83;
  font-size: 18px;
  line-height: 20px;
}

.input.newsletter {
  min-height: 84px;
  margin-bottom: 0;
  font-size: 18px;
  transition: all .35s;
  box-shadow: 0 6px 24px #0003;
}

.input.newsletter:hover {
  box-shadow: 0 8px 32px #00000052;
}

.input.newsletter:focus {
  box-shadow: 0 10px 32px #0000003d;
}

.input.newsletter::placeholder {
  font-size: 18px;
}

._404-title {
  color: var(--new--primary-color);
  margin-bottom: 0;
  font-size: 200px;
  font-weight: 700;
  line-height: 180px;
}

.icon-medium {
  background-color: #dfdcff69;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  display: flex;
}

.icon-medium.mg-bottom-24px {
  margin-bottom: var(--g-s);
}

.dropdown-list {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 15px;
  padding: 22px 26px;
  box-shadow: 0 5px 22px #0d0a2c0f;
}

.dropdown-list.download-button {
  width: 100%;
  max-width: 470px;
  margin-top: 18px;
  padding: 19px 20px;
}

.dropdown-list.download-button.large {
  z-index: 99;
  width: 180%;
}

.icon {
  width: 100%;
}

.navigation {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.dropdown.download-button {
  max-width: 284px;
  margin-left: 0;
  margin-right: 0;
}

.dropdown.download-button.sidebar {
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--g-xs);
}

.post-card-image {
  border-radius: 26px;
  margin-bottom: -12px;
  transition: all .35s;
}

.post-card-image:hover {
  opacity: .75;
}

.post-card-image.unlink {
  margin-bottom: 0;
}

.post-card-title {
  margin-top: 24px;
  margin-bottom: 12px;
  transition: all .35s;
}

.post-card-title:hover {
  color: #4a3aff;
}

.post-card-title.projects {
  color: #0d0a2c;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.post-card-excerpt {
  color: #615e83;
}

.post-card-content {
  width: 100%;
  padding: 20px 20px 48px;
  text-decoration: none;
}

.cta-wrapper {
  background-image: linear-gradient(to right, #4a3aff, #6d3aff);
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 100px 56px;
  display: flex;
}

.cta-wrapper.blog {
  background-image: linear-gradient(to right, #4a3aff, #6d3aff);
  border-radius: 28px;
  justify-content: space-between;
  margin-top: 42px;
  margin-bottom: 42px;
  padding: 65px 44px;
}

.cta-wrapper.reviews-page {
  margin-top: 94px;
  margin-bottom: 32px;
}

.cta-banner-title {
  color: #fff;
  max-width: 512px;
  padding-right: 24px;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.cta-banner-title.blog {
  max-width: 420px;
  font-size: 24px;
  line-height: 34px;
}

.card {
  border: 1px solid var(--new--neutral--color-200);
  border-radius: var(--radius--br-5);
  background-color: #fff;
  padding-bottom: 48px;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 2px 8px #4a3aff12, 0 2px 5px #0d0a2c05, 0 -4px 11px #0d0a2c0a;
}

.card.review-card {
  padding: var(--mg-pd--s) var(--mg-pd--s) var(--mg-pd--d);
}

.card.card-review-featured {
  margin-bottom: var(--mg-pd--s);
  padding: var(--mg-pd--s);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.card.card-review-featured.vertical {
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 40px;
}

.card.megatech-pages-section-navigation {
  width: 100%;
  max-width: 1266px;
  padding: var(--mg-pd--xxs) var(--mg-pd--xxs) var(--mg-pd--xxs) var(--mg-pd--s);
  grid-column-gap: 40px;
  border: 1px solid var(--new--neutral--color-300);
  border-radius: 48px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 3px 6px #14142b08, 0 2px 6px #14142b0f;
}

.card.why-buy-our-templates-card {
  padding: var(--mg-pd--s) var(--mg-pd--xxxs);
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 2px 12px #14142b14;
}

.card.small-card {
  padding: var(--mg-pd--s);
  border: 1px solid var(--new--neutral--color-400);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 4px 10px #0d0a2c03, 0 -4px 16px #0d0a2c05;
}

.card.small-card.gap-6px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.card.large-icon {
  padding: var(--mg-pd--xs) var(--mg-pd--xxs) var(--mg-pd--s);
  text-align: center;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.card.testimonial-slider-card {
  min-height: 380px;
  padding: var(--mg-pd--m) var(--mg-pd--l);
  border: 1px solid var(--new--neutral--color-300);
  text-align: center;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.card.option-card {
  border-color: var(--new--neutral--color-200);
  background-color: var(--new--neutral--color-100);
  transform-style: preserve-3d;
  transition: none;
  position: static;
}

.card.option-card:hover {
  transform: scale3d(1, 1, 1.01);
}

.card.option-card.selected {
  border-color: var(--new--primary-color);
}

.card.calculator-wrapper {
  border-color: var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  padding: 0;
}

.card.tooltip-calculator {
  min-width: 564px;
  max-width: 564px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  top: 20%;
  left: 20%;
}

.card.tooltip-calculator.left--15 {
  left: -15%;
}

.card.tooltip-calculator.left-5 {
  left: 5%;
}

.card.tooltip-calculator.small {
  min-width: 470px;
  max-width: 470px;
}

.card.hire-our-team {
  z-index: 1;
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 32px;
  padding-bottom: 24px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px #14142b0f;
}

.card.webflow-shortcuts-main-card {
  z-index: 1;
  margin-top: var(--mg-pd--d);
  padding: var(--mg-pd--xs);
  border: 1px solid var(--new--neutral--color-300);
  position: relative;
}

.card.webflow-shortcuts-card-right {
  z-index: 1;
  padding: 20px;
  position: sticky;
  top: 24px;
}

.card.glossary-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: var(--new--neutral--color-600);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 20px 26px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card.glossary-single-rich-text {
  border-radius: 18px;
  padding: 32px;
}

.feature-icon {
  max-width: 138px;
  margin-top: -45%;
  margin-bottom: -15%;
  margin-left: -15%;
}

.feature-title {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-tight);
  margin-bottom: 10px;
  font-weight: 700;
}

.rich-text:where(.w-variant-d51a55bd-f27a-85de-70f9-229179dd546c) {
  color: #777;
}

.rich-text h2 {
  margin-top: var(--mg-pd--xxxs);
  margin-bottom: var(--mg-pd--xxxs);
  font-size: var(--sizes--sz-8);
  line-height: var(--line-height--lh-tight);
}

.rich-text ul {
  padding-left: var(--mg-pd--xs);
  margin-top: 12px;
  margin-bottom: 11px;
}

.rich-text li {
  margin-bottom: var(--mg-pd--xxs);
}

.rich-text img {
  margin-top: var(--mg-pd--xs);
  border-radius: var(--radius--br-4);
  box-shadow: 0 3px 10px #0d0a2c1a;
}

.rich-text figure {
  margin-bottom: 32px;
}

.rich-text ol {
  margin-bottom: 16px;
  padding-left: 37px;
}

.rich-text h4 {
  margin-top: 16px;
  margin-bottom: 14px;
}

.rich-text h3 {
  margin-top: 10px;
  margin-bottom: 14px;
}

.rich-text p {
  margin-bottom: var(--mg-pd--xxs);
  line-height: 1.65em;
}

.mailchimp-form {
  width: 530px;
  padding-left: 24px;
}

.selectbox {
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-9);
  background-color: #fff;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 3px 0 1px;
}

.selectbox.fig {
  color: #636363;
}

.error-message.newsletter {
  color: #fff;
  text-align: center;
  background-color: #ff7b7d;
  border-radius: 11px;
  margin-top: 22px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 28px;
}

.error-message.form {
  color: red;
  text-align: center;
  background-color: #fff1f1;
  border-radius: 10px;
  margin-top: 28px;
  padding: 22px 34px;
}

.post-card-link-text {
  margin-top: 24px;
  font-weight: 500;
  line-height: 20px;
}

.blog-card-details {
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.blog-card-details.post {
  justify-content: flex-start;
  margin-bottom: 8px;
}

.blog-featured-image {
  border-radius: var(--radius--br-6);
  width: 100%;
}

.blog-author-top {
  padding: var(--mg-pd--xs);
  background-color: var(--new--neutral--color-200);
  color: var(--new--neutral--color-800);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-author-image {
  width: 50px;
  margin-right: var(--g-xxs);
  border-radius: 50%;
}

.rich-text-container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text-blog h2 {
  max-width: 720px;
  font-size: 30px;
  line-height: var(--line-height--lh-tight);
  margin: 24px auto 8px;
}

.rich-text-blog p {
  max-width: 720px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text-blog h4 {
  max-width: 720px;
  font-size: 18px;
  line-height: var(--line-height--lh-tight);
  margin: 24px auto 8px;
  font-weight: 700;
}

.rich-text-blog h3 {
  max-width: 720px;
  margin: 24px auto 8px;
  font-size: 24px;
}

.rich-text-blog h5 {
  max-width: 720px;
  font-size: 16px;
  line-height: var(--line-height--lh-tight);
  margin: 18px auto 8px;
}

.rich-text-blog h6 {
  max-width: 720px;
  font-size: 15px;
  line-height: var(--line-height--lh-tight);
  margin: 18px auto 8px;
}

.rich-text-blog blockquote {
  margin-top: var(--mg-pd--d);
  margin-bottom: var(--mg-pd--d);
  color: #4a3aff;
  text-align: center;
  border: 1px solid #e5e5ef;
  border-radius: 16px;
  padding: 82px 48px;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  box-shadow: 0 14px 24px #4a3aff0f, 0 2px 8px #0d0a2c0d;
}

.rich-text-blog img {
  border-radius: var(--radius--br-5);
  box-shadow: 0 -1px 2px #0d0a2c0f, 0 1px 2px #0d0a2c08, 0 5px 16px #0d0a2c14;
}

.rich-text-blog figure {
  margin-top: var(--mg-pd--d);
  margin-bottom: var(--mg-pd--d);
}

.rich-text-blog figcaption {
  margin-top: 26px;
}

.rich-text-blog ul {
  max-width: 720px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
}

.rich-text-blog ol {
  max-width: 720px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
}

.rich-text-blog li {
  margin-bottom: 8px;
}

.rich-text-blog strong {
  color: var(--new--neutral--color-800);
}

.rich-text-blog a {
  text-decoration: none;
}

.rich-text-blog a:hover {
  color: var(--new--neutral--color-800);
}

.rich-text-blog h1 {
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1.2em;
}

.toc {
  padding-top: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--s);
  border-top: 1px solid #bebdd4;
}

.table-of-content-container {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 16px;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
  box-shadow: 0 2px 10px #0d0a2c0d;
}

.table-of-content-container.glossay-page {
  margin-top: 54px;
  padding-left: 22px;
  padding-right: 22px;
  position: sticky;
  top: 18px;
}

.table-of-content-header {
  padding-top: var(--mg-pd--xs);
  padding-bottom: var(--mg-pd--xs);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: transform .3s;
  display: flex;
}

.table-of-content-header:hover {
  transform: translate(6px);
}

.table-dropdown {
  opacity: .55;
  filter: hue-rotate(-380deg);
  width: 22px;
  height: 22px;
}

.table-dropdown.glossary-toc-icon {
  width: 24px;
  height: 24px;
}

.toc-container {
  overflow: hidden;
}

.blog-author-bottom-wrapper {
  max-width: 720px;
  margin-top: var(--mg-pd--s);
  padding: var(--mg-pd--m);
  border: 1px solid #e5e5ef;
  border-radius: 26px;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.author-image {
  border-radius: 50%;
  flex: none;
  width: 105px;
}

.author-details {
  margin-left: var(--mg-pd--xs);
  flex-direction: column;
  display: flex;
}

.discus-comments-wrapper {
  max-width: 720px;
  margin-top: var(--mg-pd--m);
  margin-left: auto;
  margin-right: auto;
}

.author-name-container {
  margin-bottom: 12px;
  display: flex;
}

.heading-h3 {
  color: #0d0a2c;
  font-size: 22px;
  font-weight: 700;
}

.heading-h3.blog-cta-card {
  color: #fff;
  margin-bottom: 9px;
}

.sidebar-icon {
  width: 30px;
  margin-right: var(--g-xxs);
  border-radius: 8px;
}

.sidebar-list-item {
  margin-bottom: var(--g-xs);
  text-align: left;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.sidebar-list-item.last {
  margin-bottom: 0;
}

.sidebar-item-text {
  align-items: center;
  line-height: 20px;
  display: flex;
}

.grid-3-columns {
  grid-column-gap: 32px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.testimonials-top {
  margin-top: -106px;
  margin-bottom: 32px;
}

.grid-3-columns.testimonials-top.draft-page {
  margin-top: 105px;
}

.grid-3-columns.reviews {
  margin-bottom: 32px;
}

.arrow-link-learn-more {
  align-items: center;
  margin-right: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.arrow-link-learn-more:hover, .arrow-link-learn-more.reviews {
  color: #4a3aff;
}

.form-newsletter {
  width: 95%;
  padding-left: 32px;
}

.form-newsletter.sidebar {
  width: 100%;
  padding-left: 0;
}

.form-newsletter-wrapper {
  position: relative;
}

.form-newsletter-wrapper.sidebar {
  position: static;
}

.success-message {
  color: #0d0a2c;
  background-color: #fff;
  border-radius: 18px;
  padding-top: 48px;
  padding-bottom: 48px;
  font-weight: 700;
  box-shadow: 0 6px 28px #0d0a2c1f;
}

.success-message.template-idea {
  box-shadow: none;
  color: #615e83;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
}

.success-message-image {
  margin-bottom: 23px;
}

.grid-2-columns {
  grid-template-rows: auto;
}

.grid-2-columns.saas-web-design-hero {
  grid-column-gap: 48px;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
}

.grid-2-columns.left-image---text-right {
  grid-column-gap: var(--g-d);
  grid-row-gap: var(--g-d);
  grid-template-columns: 1fr .8fr;
  align-items: center;
}

.grid-2-columns.cta-cards {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-2-columns.webflow-awards {
  grid-column-gap: 80px;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

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

.template-idea-icon-success-message {
  max-width: 94px;
  margin-bottom: 20px;
}

.template-idea---reward-icon {
  margin-right: var(--g-s);
}

.template-idea-blur-1 {
  z-index: -1;
  max-width: 80%;
  position: absolute;
  inset: auto auto 0% -44%;
}

.template-idea-blur-2 {
  z-index: -1;
  max-width: 76%;
  position: absolute;
  inset: 10% -35% auto auto;
}

.template-idea-image {
  max-width: 222px;
  margin-bottom: -7.5%;
}

.icons_family__heading-wrap {
  margin-bottom: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--s);
  border-bottom: 1px solid #e5e5ef;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icons-family__grid {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 24px);
  place-content: center start;
}

.icon-box-wrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-family: Line Rounded Icon Font, sans-serif;
  font-size: 16px;
  line-height: 18px;
  display: flex;
}

.icon-box-wrapper.small {
  font-size: 10px;
}

.icon-box-wrapper.medium {
  font-size: 13px;
}

.icon-box-wrapper.big {
  font-size: 20px;
  line-height: 20px;
}

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

.icon-family__crds-wrap {
  margin-top: var(--g-d);
}

.icon-box-wrapper-square {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-family: Line Square Icon Font, sans-serif;
  font-size: 16px;
  line-height: 18px;
  display: flex;
}

.icon-box-wrapper-square.small {
  font-size: 10px;
}

.icon-box-wrapper-square.medium {
  font-size: 13px;
}

.icon-box-wrapper-square.big {
  font-size: 20px;
  line-height: 20px;
}

.icon-box-wrapper-filled {
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-family: Filled Icon Font, sans-serif;
  font-size: 16px;
  line-height: 18px;
  display: flex;
}

.icon-family__step-wrap {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  margin-right: var(--g-s);
  padding-top: var(--mg-pd--xxxxs);
  border-radius: var(--radius--br-full);
  color: #fff;
  font-size: var(--sizes--sz-7);
  line-height: var(--line-height--lh-none);
  background-image: linear-gradient(0deg, #4a3aff, #936dff);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.icon-family__instructions-left {
  top: var(--mg-pd--d);
  align-items: flex-start;
  display: flex;
  position: sticky;
}

.icon-family__step-title {
  margin-bottom: var(--mg-pd--xxxs);
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
}

.icon-family__instructions-img {
  border-radius: var(--radius--br-4);
  box-shadow: 0 3px 14px #4a3aff0d, 0 2px 5px #0d0a2c0f, 0 -8px 12px #0d0a2c0a;
}

.dropdown-download-icon-wrapper {
  background-color: #f3f3f3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.dropdown-download-icon-wrapper.webflow {
  background-color: #ecedff;
}

.dropdown-download {
  width: 100%;
  padding: 0 0 0 8px;
}

.width-100 {
  width: 100%;
}

.checkbox {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: var(--g-xs);
  float: none;
  border-color: #e5e5ef;
  border-radius: 4px;
  margin-left: 0;
  transition: all .3s;
}

.checkbox:hover {
  border-color: #4a3aff;
}

.checkbox.w--redirected-checked {
  background-color: #4a3aff;
  background-image: url('../assets/images/global/forms/check-brix-templates.svg');
}

.checkbox-field-wrapper {
  color: #615e83;
  cursor: pointer;
  align-items: center;
  padding-left: 0;
  font-size: 16px;
  line-height: 23px;
  transition: all .35s;
  display: flex;
}

.checkbox-field-wrapper:hover {
  color: #4a3aff;
}

.empty-state__icon {
  max-width: 100px;
  margin-bottom: var(--mg-pd--xs);
}

.position-relative {
  position: relative;
}

.hire-webflow-developer-1 {
  max-width: 100%;
  margin-top: -4%;
  margin-bottom: -11%;
}

.hire-webflow-developer-2 {
  width: 22%;
  position: absolute;
  inset: -19% auto auto -7%;
}

.hire-webflow-developer-3 {
  max-width: 60%;
  position: absolute;
  inset: auto -9% 0% auto;
}

.hire-webflow-developer-4 {
  max-width: 47%;
  position: absolute;
  inset: auto auto -6% -8%;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._630px {
  max-width: 630px;
}

.inner-container._560px {
  max-width: 560px;
}

.inner-container._790px {
  max-width: 790px;
}

.inner-container._890px {
  max-width: 890px;
}

.inner-container._470px {
  max-width: 470px;
}

.inner-container._1054px {
  max-width: 1054px;
}

.inner-container._722px {
  max-width: 722px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._490px {
  width: 100%;
  max-width: 490px;
}

.inner-container._712px {
  max-width: 712px;
}

.inner-container._590px {
  max-width: 590px;
}

.inner-container._520px {
  max-width: 520px;
}

.inner-container._904px {
  max-width: 904px;
}

.inner-container._1106px {
  max-width: 1106px;
}

.inner-container._380px {
  max-width: 380px;
}

.inner-container._506px {
  max-width: 506px;
}

.inner-container._1048px {
  max-width: 1048px;
}

.inner-container._340px {
  max-width: 340px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container._370px {
  max-width: 370px;
}

.inner-container._564px {
  max-width: 564px;
}

.inner-container._680px {
  max-width: 680px;
}

.inner-container._546px {
  max-width: 546px;
}

.inner-container._652px {
  max-width: 652px;
}

.inner-container._580px {
  max-width: 580px;
}

.inner-container._454px {
  max-width: 454px;
}

.inner-container._840px {
  max-width: 840px;
}

.inner-container._464px {
  max-width: 464px;
}

.inner-container._440px {
  max-width: 440px;
}

.inner-container.template-customization-hero-left {
  max-width: 552px;
}

.inner-container._488px {
  max-width: 488px;
}

.inner-container._734px {
  max-width: 734px;
}

.inner-container._184px {
  max-width: 184px;
}

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

.inner-container._830px {
  max-width: 830px;
}

.inner-container._476px {
  max-width: 476px;
}

.inner-container._552px {
  max-width: 552px;
}

.inner-container._704px {
  max-width: 704px;
}

.inner-container._1094px {
  max-width: 1094px;
}

.inner-container._750px {
  max-width: 750px;
}

.inner-container._328px {
  max-width: 328px;
}

.inner-container._252px {
  max-width: 252px;
}

.inner-container._514px {
  max-width: 514px;
}

.inner-container._542px {
  max-width: 542px;
}

.inner-container._1268px {
  max-width: 1268px;
}

.inner-container._608px {
  max-width: 608px;
}

.inner-container._764px {
  max-width: 764px;
}

.inner-container._658px {
  max-width: 658px;
}

.inner-container._860px {
  max-width: 860px;
}

.inner-container._850px {
  max-width: 850px;
}

.inner-container._670px {
  max-width: 670px;
}

.inner-container._240px {
  max-width: 240px;
}

.inner-container._250px {
  max-width: 250px;
}

.inner-container._264px {
  max-width: 264px;
}

.inner-container._496px {
  max-width: 496px;
}

.inner-container._1144px {
  max-width: 1144px;
}

.inner-container._624px {
  max-width: 624px;
}

.inner-container._524px {
  max-width: 524px;
}

.inner-container._722px-copy {
  max-width: 722px;
}

.card-image.horizontal-image {
  margin-right: var(--mg-pd--s);
}

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

.z-index-1 {
  z-index: 1;
  position: relative;
}

.number-card {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-2);
  line-height: var(--line-height--lh-none);
  font-weight: 500;
}

.landing-page-image-float {
  z-index: 1;
  max-width: 100%;
  margin-top: -10%;
  margin-bottom: -10%;
  position: relative;
}

.landing-page-image-float.bg {
  z-index: 1;
}

.hero-image-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 984px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 55%;
  transform: translate(10%);
}

.elements---image-1 {
  max-width: 100%;
}

.elements---image-2 {
  z-index: 1;
  max-width: 53%;
  position: absolute;
  inset: 22% auto auto -25%;
  transform: rotate(-2.5deg);
}

.elements---image-3 {
  z-index: 1;
  width: 240px;
  position: absolute;
  top: 15%;
  left: 27%;
  right: auto;
}

.crd__text-wraper {
  padding: var(--mg-pd--s);
  text-align: center;
}

.whats-included-image {
  border-bottom: 1px solid var(--new--neutral--color-300);
}

.link-card {
  border-radius: var(--radius--br-5);
  color: #fff;
  background-color: #4a3aff;
  text-decoration: none;
  transition: transform .3s, color .35s;
  overflow: hidden;
  box-shadow: 0 4px 15px #0d0a2c1f;
}

.link-card:hover {
  color: #fff;
  transform: scale(.985);
}

.link-card.white {
  color: #615e83;
  background-color: #fff;
}

.link-card-content-wrapper {
  padding: var(--mg-pd--d) var(--mg-pd--d) var(--mg-pd--s);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link-card-image-wrapper {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}

.link-card-image-wrapper.border-radius-20px {
  border-radius: 20px;
}

.link-card-icon-logo {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: var(--mg-pd--s);
  border-radius: var(--radius--br-5);
  overflow: hidden;
}

.link-card-icon-logo.elements {
  border: 1px solid #d0d6ff;
  box-shadow: inset 0 2px 1px #ffffff7d, 0 .5px 24px #2723ff2e, 0 1.5px 5px #2327ff1a, 0 .8px .5px #1d13ae1a, inset 0 -2px 1px #392cf226;
}

.link-card-icon-logo.templates {
  border: 1px solid #5664ff;
  box-shadow: inset 0 2.5px 1px #ffffff4d, 0 5.5px 24px #2723ff2e, 0 1.5px 5.5px #2327ff1a, 0 .8px 9.5px #1d13ae1a, inset 0 -2.5px 1px #392cf280;
}

.image-100 {
  width: 100%;
}

.elements---image-4 {
  z-index: 1;
  max-width: 47%;
  position: absolute;
  bottom: -4%;
  left: 27%;
  right: auto;
  transform: rotate(4deg);
}

.blog-card-cta-wrapper {
  background-color: #2f7bff;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 24px 0 0 40px;
  display: flex;
}

.blog-card-cta-wrapper.brix-templates {
  background-image: linear-gradient(to right, #4a3aff, #9a2eff);
  margin-top: 1px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.blog-cta-card-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 340px;
  padding-right: 9px;
  display: flex;
}

.blog-cta-card-right {
  padding-left: 0;
}

.blog-cta-card-right.brix-templates {
  background-image: url('../assets/images/pages/home/brix-templates-webflow-templates.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 112%;
  align-items: center;
  width: 100%;
  max-width: 430px;
  min-height: 400px;
  max-height: 400px;
  display: flex;
  overflow: hidden;
}

.blog-cta-card-right.brix-agency {
  background-image: url('../assets/images/pages/home/brix-agency-webflow-agency.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-height: 400px;
}

.blog-card-cta-text {
  color: #ffffffc4;
}

.blog-card-color {
  background-color: #edf7ff;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 32px;
  padding: 52px 82px;
  display: flex;
}

.blog-card-color-text {
  color: #233c96;
  margin-bottom: 0;
}

.blog-card-code {
  background-color: #f7f7fb;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 32px;
  padding: 52px 82px;
  display: flex;
}

.blog-card-code-text {
  color: #615e83;
  margin-bottom: 0;
}

.blog-date-flex {
  align-items: center;
  display: flex;
}

.blog-date-flex.blog-details-font {
  font-size: 14px;
  line-height: var(--line-height--lh-tight);
}

.blog-date-flex.blog-details-font.center {
  justify-content: center;
  align-items: center;
}

.draft-item-832px-copy {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.blog-top-wrapper {
  background-color: #fff;
  border: 1px solid #e5e5ef;
  border-radius: 22px;
  margin-top: 12px;
  margin-bottom: 24px;
  padding: 14px;
  display: flex;
}

.blog-top-image-wrapper {
  border-radius: 18px;
  width: 100%;
  min-width: 300px;
  min-height: 180px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #23204624;
}

.blog-top-content-wrapper {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 18px;
  padding-right: 0;
  display: flex;
}

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

.blog-top-number-wrapper {
  color: #232046;
  background-color: #fff;
  border: 1px solid #e5e5ef;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: .8rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 14px;
  right: 14px;
  box-shadow: 0 3px 8px #0d0a2c2e;
}

.blog-top-title {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 26px;
}

.blog-top-paragraph {
  font-size: 14px;
  line-height: 22px;
}

.blog-top-number {
  line-height: var(--line-height--lh-none);
  text-align: center;
  margin-bottom: 0;
}

.blog-top-2-buttons {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sitemap-list {
  margin-bottom: 38px;
  padding-left: 0;
  list-style-type: none;
}

.sitemap-list.first {
  margin-bottom: 0;
}

.sitemap-list-item {
  margin-bottom: 8px;
}

.sitemap-list-link:hover {
  color: #1d1488;
}

.reviews-image-01 {
  margin-top: -10%;
  margin-bottom: -10%;
}

.review-image-02 {
  width: 27%;
  position: absolute;
  inset: auto auto -60% -1%;
}

.reviews-image-03 {
  z-index: -1;
  width: 40%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 7% -149% auto;
}

.reviews-image-04 {
  width: 42%;
  position: absolute;
  inset: -59% auto auto -9%;
}

.reviews-image-05 {
  width: 42%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% -5% 64% auto;
}

.review-card-stars {
  max-width: 140px;
  margin-bottom: 8px;
  margin-left: -5px;
}

.card-review-testimonial-avatar {
  width: 62px;
  height: 62px;
  margin-right: var(--g-xs);
  border-radius: 50%;
}

.card-review-testimonial-avatar.featured {
  width: 70px;
  height: 70px;
  margin-right: var(--mg-pd--xs);
}

.card-review-testimonial-details {
  margin-top: var(--mg-pd--s);
  align-items: center;
  display: flex;
}

.card-review-testimonial-name {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-800);
  line-height: var(--line-height--lh-none);
  font-weight: 700;
}

.card-review-testimonial-name.featured {
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
}

.card-review-testimonial-template {
  color: #807e9a;
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-tight);
  margin-bottom: 0;
  font-weight: 700;
}

.card-review-testimonial-template.featured {
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-none);
}

.card-review-featured-image-wrapper {
  border-radius: var(--radius--br-4);
  width: 100%;
  min-width: 568px;
  max-width: 568px;
  margin-right: 32px;
  position: relative;
  overflow: hidden;
}

.card-review-featured-image-wrapper.vertical {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
  margin-right: 0;
}

.card-review-featured-image {
  object-fit: cover;
}

.card-review-featured-link-wrapper {
  color: #0d0a2c;
  background-color: #fff;
  border: 1px solid #e5e5ef;
  border-radius: 12px;
  align-items: center;
  padding: 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto auto 24px 24px;
  box-shadow: 0 2px 16px #0000001a;
}

.card-review-featured-link-wrapper:hover {
  color: #0d0a2c;
  transform: scale(.97);
}

.card-review-featured-link-img {
  border-radius: 8px;
  max-width: 50px;
  max-height: 50px;
  margin-right: 10px;
  overflow: hidden;
}

.review-card-arrow {
  margin-bottom: 2px;
  margin-left: 10px;
}

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

.card-review-featured-text {
  margin-bottom: var(--mg-pd--s);
  color: #0d0a2c;
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-base);
  font-weight: 700;
}

.card-review-featured-badge {
  left: auto;
  top: var(--mg-pd--xs);
  right: var(--mg-pd--xs);
  padding: var(--g-xs) var(--mg-pd--xs) 12px;
  color: #fff;
  font-size: var(--texts--ts-11);
  line-height: var(--line-height--lh-tight);
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-image: linear-gradient(270deg, #4a3aff, #6d3aff);
  border-radius: 40px;
  font-weight: 700;
  position: absolute;
  bottom: auto;
}

.c-default {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.sec {
  padding-top: var(--sizes--sz-16);
  padding-bottom: var(--sizes--sz-16);
}

.sec.homer-hero {
  padding-bottom: var(--sizes--sz-16);
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg'), url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  position: relative;
  overflow: hidden;
}

.sec.homer-hero.category-seo {
  padding-top: var(--sizes--sz-19);
  position: relative;
  overflow: hidden;
}

.sec.bg-grey {
  background-color: var(--new--neutral--color-200);
}

.sec.bg-grey.cloneable-content {
  padding-top: 0;
}

.sec.bg-grey.small {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec.bg-grey.overflow-none {
  overflow: hidden;
}

.sec.bg-grey.position-relative---new.overflow-hidden {
  position: relative;
}

.sec.bg-grey.template-customization {
  padding-bottom: var(--sizes--sz-20);
}

.sec.cta {
  padding-top: 0;
  padding-bottom: 0;
}

.sec.cta.purple-top {
  background-image: linear-gradient(to bottom, var(--new--neutral--color-200) 49%, white 49%);
}

.sec.cta.purple-top.space-bottom {
  padding-bottom: 90px;
}

.sec.cta.blog {
  z-index: 1;
  background-image: linear-gradient(to top, var(--new--neutral--color-200) 56%, #fff0 56%);
  margin-top: -56px;
  position: relative;
}

.sec.cta.blog-post-page {
  background-image: linear-gradient(to bottom, var(--new--neutral--color-100) 40%, var(--new--neutral--color-200) 40%);
}

.sec.home-ctas {
  padding-top: var(--sizes--sz-5);
  background-image: linear-gradient(0deg, var(--new--neutral--color-200) 52%, var(--new--neutral--color-100) 52%);
}

.sec.blog-post {
  padding-top: var(--mg-pd--xs);
}

.sec.cloneable-page {
  padding-top: var(--sizes--sz-11);
  padding-bottom: var(--sizes--sz-16);
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec.gradient {
  background-image: linear-gradient(to right, #4a3aff, #6c55ff);
}

.sec.portfolio-marquee {
  overflow: hidden;
}

.sec.contact-form {
  padding-top: var(--sizes--sz-3);
  padding-bottom: var(--sizes--sz-16);
  position: relative;
}

.sec.contact-form.webflow-expert {
  background-color: var(--new--neutral--color-200);
}

.sec.contact-form.bg-neutral-200 {
  z-index: 1;
}

.sec.contact-form.grey {
  background-color: var(--new--neutral--color-200);
}

.sec.top-hero {
  padding-top: var(--sizes--sz-14);
}

.sec.top-hero.overflow-hidden {
  overflow: hidden;
}

.sec.template-background {
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg'), url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  padding-top: 80px;
  padding-bottom: 140px;
}

.sec.template-background.template-page-hero {
  padding-top: var(--sizes--sz-10);
  padding-bottom: var(--sizes--sz-16);
}

.sec.freebies {
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg'), url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  position: relative;
  overflow: hidden;
}

.sec.review-hero {
  padding-bottom: 225px;
  position: relative;
  overflow: hidden;
}

.sec.agency-hero {
  padding-top: var(--sizes--sz-18);
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.sec.cloneables-hero {
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg'), url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
  overflow: hidden;
}

.sec.resources-hero {
  padding-top: var(--sizes--sz-16);
  padding-bottom: var(--sizes--sz-18);
  background-image: url('../assets/images/pages/home/brix-templates-hero-background-1.svg'), url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  position: relative;
  overflow: hidden;
}

.sec.top-60 {
  padding-top: 60px;
}

.sec.small {
  padding-top: var(--sizes--sz-13);
  padding-bottom: var(--sizes--sz-13);
}

.sec.megatech-hero {
  padding-top: var(--sizes--sz-8);
  padding-bottom: var(--sizes--sz-8);
}

.sec.megatech-hero.single {
  z-index: 1;
  padding-top: var(--sizes--sz-11);
  padding-bottom: var(--sizes--sz-14);
  position: relative;
}

.sec.megatech-hero.single.pd-bottom-0 {
  padding-bottom: 0;
}

.sec.megatech-hero.pd-52px---100px {
  padding-top: 52px;
  padding-bottom: 100px;
}

.sec.pd-bottom-200px {
  padding-bottom: 200px;
}

.sec.hero {
  overflow: hidden;
}

.sec.no-bg {
  padding-top: var(--mg-pd--l);
  padding-bottom: var(--sizes--sz-16);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.sec.customization-hero {
  padding-top: var(--sizes--sz-9);
  padding-bottom: var(--sizes--sz-16);
  overflow: hidden;
}

.sec.customization-top {
  position: relative;
}

.sec.customization-top.purple-bg-top {
  background-color: var(--new--neutral--color-200);
}

.sec.shortcuts-hero {
  padding-top: 50px;
}

.sec.figma-to-webflow-hero {
  padding-top: var(--sizes--sz-10);
  padding-bottom: var(--sizes--sz-10);
  overflow: hidden;
}

.sec.padding-180px---background-neutral-200 {
  background-color: var(--new--neutral--color-200);
  border-radius: 40px;
}

.sec.padding-180px---background-neutral-200.br-0-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.sec.services {
  padding-top: var(--sizes--sz-15);
  background-color: var(--new--primary-color);
  border-radius: 40px;
}

.sec.br-accent {
  border-radius: var(--radius--br-6);
  background-color: var(--new--primary-color);
}

.sec.br-accent.blue {
  background-color: var(--new--secondary--utility-blue);
}

.sec.br-accent.fig {
  background-color: #161616;
}

.sec.memberstack-dashboard-hero {
  padding-top: 54px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.sec.webflow-integrations-hero {
  padding-top: 20px;
  padding-bottom: 80px;
}

.sec.integration-single-hero {
  padding-top: var(--sizes--sz-3);
  padding-bottom: var(--sizes--sz-12);
}

.sec.addons-hero {
  padding-top: 48px;
  padding-bottom: 90px;
}

.sec.webflow-ecommerce-hero {
  padding-top: 154px;
  padding-bottom: 72px;
  position: relative;
  overflow: hidden;
}

.sec.pd-top-0 {
  padding-top: 0;
}

.sec.fa-accent {
  padding-top: var(--sizes--sz-14);
  padding-bottom: var(--sizes--sz-14);
  border-radius: var(--radius--br-6);
  background-color: #161616;
  position: relative;
  overflow: hidden;
}

.sec.nb {
  padding-bottom: 0;
}

.sec.wa-accent {
  padding-top: var(--sizes--sz-14);
  padding-bottom: var(--sizes--sz-14);
  border-radius: var(--radius--br-6);
  background-color: var(--new--primary-color);
  position: relative;
  overflow: hidden;
}

.sec.o-hidden {
  overflow: hidden;
}

.sec.no-padding {
  padding-top: var(--sizes--sp-0);
  padding-bottom: var(--sizes--sp-0);
}

.sec.bg_mega-grey {
  background-color: #f7f8fc;
}

.sec.bg_mega-grey.cloneable-content {
  padding-top: 0;
}

.sec.bg_mega-grey.small {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sec.bg_mega-grey.overflow-none {
  overflow: hidden;
}

.sec.bg_mega-grey.position-relative---new.overflow-hidden {
  position: relative;
}

.sec.bg_mega-grey.z-index-4 {
  z-index: 4;
  position: relative;
}

.sec.calculator {
  padding-top: var(--sizes--sz-11);
}

.sec.elements-hero {
  text-wrap: balance;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-end;
  min-height: 720px;
  padding-top: 18.75rem;
  padding-bottom: 5.625rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sec.elements-hero.category-seo {
  padding-top: var(--sizes--sz-19);
  position: relative;
  overflow: hidden;
}

.sec.top-small {
  padding-top: var(--sizes--sz-13);
}

.sec.top-small.overflow-hidden {
  overflow: hidden;
}

.sec.hero-marketing {
  padding-top: 20px;
  padding-bottom: 50px;
}

.sec.fr-accent {
  padding-top: var(--sizes--sz-14);
  padding-bottom: var(--sizes--sz-14);
  border-radius: var(--radius--br-6);
  background-color: var(--new--secondary--utility-blue);
  position: relative;
  overflow: hidden;
}

.sec.thank-you {
  background-image: linear-gradient(180deg, white 50%, var(--new--secondary--color-2) 50%);
}

.sec.z-index-5 {
  z-index: 5;
  position: relative;
}

.btn {
  padding: var(--sizes--sz-6) var(--sizes--sz-8);
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  border: 1px solid var(--new--primary-color);
  border-radius: var(--radius--br-full);
  background-color: var(--new--primary-color);
  color: var(--new--neutral--color-100);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-base);
  text-align: center;
  background-image: linear-gradient(0deg, #4030ff, #7d5dff);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #211f5414, 0 3px 12px #4433ff2e;
}

.btn:where(.w-variant-d2981a0f-f246-00d2-a05d-df7d6b0c0911) {
  border-color: var(--new--secondary--utility-blue);
  background-image: linear-gradient(0deg, var(--new--secondary--utility-blue), #5da0ff);
  box-shadow: 0 1px 2px #1f325414, 0 3px 12px #3388ff2e;
}

.btn:where(.w-variant-6a8916b8-751f-6530-1e16-ef7cdb1d0906) {
  border-color: var(--new--neutral--color-400);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-800);
  background-image: none;
  font-weight: 400;
  box-shadow: 0 1px 2px #1f325414, 0 3px 12px #336dff2e;
}

.btn:where(.w-variant-c3aa04da-4da0-152f-531a-e1297ef08bc3) {
  padding: var(--sizes--sz-6) var(--sizes--sz-7);
  border-color: var(--new--secondary--utility-blue);
  background-image: linear-gradient(0deg, var(--new--secondary--utility-blue), #7caaff);
  font-size: var(--texts--ts-10);
  box-shadow: 0 1px 2px #211f5414, 0 2px 6px #33a3ff2e;
}

.btn:where(.w-variant-f0fe657c-ba10-b226-8e44-60a4c7de07be) {
  background-image: linear-gradient(0deg, #166bff, #71a5ff);
  border-color: #3a82ff;
  box-shadow: 0 1px 2px #1f305414, 0 3px 12px #337aff2e;
}

.btn:where(.w-variant-846c0a88-6865-d97e-5660-3ba2e84c0518) {
  background-image: linear-gradient(0deg, #161616, #313131);
  border-color: #0a0a0a;
  box-shadow: 0 1px 2px #04040414, 0 3px 12px #0a0a0a2e;
}

.btn:where(.w-variant-5743d6ab-2afe-08a2-8753-b8d99d342652) {
  border-color: var(--new--neutral--color-400);
  background-color: var(--new--neutral--color-100);
  color: #161616;
  background-image: none;
  box-shadow: 0 3px 12px #16161614;
}

.btn:where(.w-variant-3b014937-c8e8-5afa-c099-209c6a6ec974) {
  padding: var(--sizes--sz-6) var(--sizes--sz-7);
  background-image: linear-gradient(0deg, #0c0c0c, #313131);
  border-color: #0a0a0a;
  box-shadow: 0 1px 2px #04040414, 0 3px 12px #0a0a0a2e;
}

.btn:where(.w-variant-7371deee-56d7-c67f-678b-338fffa4cff4) {
  background-color: var(--new--neutral--color-100);
  color: #166bff;
  background-image: none;
  border-color: #3a82ff;
  box-shadow: 0 1px 2px #1f305414, 0 3px 12px #337aff2e;
}

.btn:hover {
  color: var(--new--neutral--color-100);
  background-color: #3324d5;
}

.btn:hover:where(.w-variant-6a8916b8-751f-6530-1e16-ef7cdb1d0906) {
  background-color: var(--new--neutral--color-100);
  color: var(--new--secondary--utility-blue);
}

.btn:hover:where(.w-variant-5743d6ab-2afe-08a2-8753-b8d99d342652) {
  background-color: var(--new--neutral--color-100);
  color: #161616;
}

.btn:hover:where(.w-variant-7371deee-56d7-c67f-678b-338fffa4cff4) {
  color: #fff;
  background-color: #041127;
}

.btn.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 22px;
}

.btn.inside {
  justify-content: center;
  align-items: center;
  padding-right: 2.3rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn.inside.default {
  padding: 16px 24px;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.btn.inside.default.icon {
  max-width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  padding-right: 39px;
  font-size: 16px;
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
}

.btn.inside.default.icon:hover {
  transform: none;
}

.btn.small {
  padding: 20px 20px 19px;
  font-size: 16px;
  line-height: 18px;
}

.btn.small.header-btn-hidde-on-mb {
  margin-left: 0;
}

.btn.download-app {
  display: flex;
}

.btn.white {
  background-color: var(--new--neutral--color-100);
  color: var(--new--primary-color);
  background-image: none;
}

.btn.white:hover {
  color: #4a3aff;
  background-color: #f2f1ff;
}

.btn.white.full-width {
  width: 100%;
}

.btn.white.no-hover {
  transform-style: preserve-3d;
}

.btn.white.no-hover:hover {
  background-color: var(--new--neutral--color-100);
  color: var(--new--primary-color);
  transform: none;
}

.btn.white.text-utility-blue {
  color: var(--new--secondary--utility-blue);
  box-shadow: 0 4px 12px #4a3aff29;
}

.btn.white.text-utility-blue:hover {
  background-color: var(--new--secondary--blue-100);
}

.btn.white.text-dark {
  color: #161616;
}

.btn.white.text-dark:hover {
  background-color: #e4e4e4;
}

.btn.full-width {
  width: 100%;
}

.btn.icon-form {
  transform-style: preserve-3d;
  padding-right: 60px;
}

.btn.icon-form:hover {
  transform: none;
}

.btn.no-hover {
  transform-style: preserve-3d;
}

.btn.no-hover:hover {
  transform: none;
}

.btn.pd-8px---14px {
  padding: 8px 14px;
  font-size: 13px;
  line-height: 18px;
}

.btn.bg-primary {
  background-image: none;
  box-shadow: 0 4px 12px #4a3aff29;
}

.btn.pd-small-top-and-bottom {
  padding: 16px 26px;
}

.btn.bg-utility-blue {
  background-color: var(--new--secondary--utility-blue);
  background-image: none;
}

.btn.bg-dark {
  background-color: #161616;
  background-image: none;
  box-shadow: 0 4px 12px #28282829;
}

.btn.filters {
  padding: var(--sizes--sz-5) var(--sizes--sz-5) var(--sizes--sz-4);
  border-color: var(--new--neutral--color-300);
  border-radius: var(--radius--br-2);
  background-color: var(--new--neutral--color-200);
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-11);
  background-image: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
  display: inline-flex;
  box-shadow: 0 1px 2px #211f5412;
}

.btn.filters:hover {
  color: var(--new--neutral--color-800);
}

.btn.pagination {
  padding: var(--sizes--sz-6) var(--sizes--sz-7);
  border-color: var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-600);
  background-image: none;
  flex-flow: row;
  box-shadow: 0 3px 13px #211f5421;
}

.btn.pagination:hover {
  background-color: var(--new--primary-color);
  color: var(--new--neutral--color-100);
}

.btn.pagination_number {
  min-width: 36px;
  max-width: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: var(--sizes--sz-1) var(--sizes--sz-1) var(--sizes--sp-0);
  font-size: var(--texts--ts-10);
}

.btn.pagination_number.secondary {
  background-color: var(--new--neutral--color-400);
  box-shadow: none;
  color: var(--new--neutral--color-600);
  background-image: none;
  border-width: 0;
  font-weight: 400;
}

.btn.wt {
  border-color: var(--new--neutral--color-100);
  background-color: var(--new--neutral--color-100);
  color: var(--new--primary-color);
  background-image: none;
}

.btn.secondary {
  border-color: var(--new--neutral--color-400);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-800);
  background-image: none;
  font-weight: 400;
  box-shadow: 0 1px 2px #211f540d, 0 3px 12px #110f300d;
}

.btn.secondary.dropdown {
  z-index: 99999;
  transition: border-color .2s, background-color .3s, transform .3s, color .3s;
}

.btn.secondary.dropdown:hover {
  border-color: var(--new--neutral--color-500);
}

.btn.fa {
  border-color: var(--new--secondary--utility-blue);
  background-image: linear-gradient(0deg, var(--new--secondary--utility-blue), #5da0ff);
  box-shadow: 0 1px 2px #1f325414, 0 3px 12px #3388ff2e;
}

.btn.fig {
  background-image: linear-gradient(0deg, #161616, #313131);
  border-color: #161616;
  box-shadow: 0 1px 2px #00000014, 0 3px 12px #0000002e;
}

.btn.framer {
  border-color: var(--new--secondary--utility-blue);
  background-image: linear-gradient(0deg, #2370ff, #5da0ff);
}

.width-100-2 {
  width: 100%;
}

.footer-wrapper {
  background-color: #fff;
  border-top: 1px solid #f7f7fc;
}

.style---logo-sidebar {
  transition: opacity .3s;
}

.style---logo-sidebar:hover {
  opacity: .6;
}

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

.style---shadow-card {
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 32px 44px;
  display: flex;
}

.style---content-heading {
  background-color: #fff;
  border-radius: 24px;
  align-items: center;
  margin-bottom: 60px;
  padding: 48px;
  display: flex;
  box-shadow: 0 2px 6px #14142b14;
}

.style---color-block-text-example {
  background-color: #fff;
  border-radius: 40px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  inset: 16px 16px auto auto;
}

.style---color-block-text-example.badge-dark {
  background-color: #211f54;
}

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

.text-300.bold {
  font-weight: 700;
}

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

.text-300.medium.mg-bottom-0---top-4px {
  margin-top: 4px;
  margin-bottom: 0;
}

.style---avatars-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 290px);
}

.style---button-wrapper-sidebar {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

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

.checkbox-2 {
  background-color: #fff;
  border-width: 1px;
  border-color: #dcddeb;
  border-radius: 6px;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
  box-shadow: 0 1px 6px #14142b0f;
}

.checkbox-2:hover {
  border-color: #4a3aff;
}

.checkbox-2.w--redirected-checked {
  background-color: #4a3aff;
  background-image: url('../assets/images/global/forms/check-form-brix-templates-webflow.svg');
  background-size: auto;
  border-color: #4a3aff;
  margin-top: 0;
  margin-left: 0;
}

.checkbox-2.w--redirected-focus {
  box-shadow: none;
}

.checkbox-2.small {
  border-radius: 5px;
  min-width: 22px;
  min-height: 22px;
}

.checkbox-2.large {
  min-width: 28px;
  min-height: 28px;
}

.text-100.medium {
  font-weight: 500;
}

.text-100.medium.color-neutral-800.mg-bottom-16px {
  margin-bottom: var(--mg-pd--xxs);
}

.text-100.bold {
  font-size: var(--texts--ts-8);
  font-weight: 700;
}

.text-100.bold.color-neutral-800 {
  color: #0d0a2c;
}

.text-100.bold.color-neutral-800.dropdown-text {
  font-size: var(--texts--ts-10);
  margin-bottom: 3px;
}

.text-100.bold.mg-bottom-2px {
  margin-bottom: 2px;
}

.text-100.mg-bottom-0 {
  font-size: var(--texts--ts-9);
}

.text-100.mg-bottom-0.dropdown-text {
  font-size: var(--texts--ts-10);
  line-height: 20px;
}

.text-100.mg-top-4px {
  margin-top: 4px;
}

.text-100.mg-top-6px {
  margin-top: 6px;
}

.footer-logo-wrapper {
  margin-bottom: 24px;
}

.footer-logo-wrapper.width-200px {
  max-width: 200px;
}

.style-buttons-dark {
  background-color: #211f54;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 48px;
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  border-bottom: 1px solid #dcddeb;
  margin-bottom: 64px;
  padding-bottom: 40px;
}

.heading-h2-size {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

.heading-h2-size.color-neutral-100.mg-bottom-4px, .heading-h2-size.mg-bottom-4px {
  margin-bottom: 4px;
}

.heading-h2-size.mg-bottom-8px {
  margin-bottom: 8px;
}

.text-strikethrough {
  text-decoration: line-through;
}

.style---sidebar-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.style---navigation-sidebar {
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 1px 0 14px #14142b0f;
}

.p_large {
  font-size: var(--texts--ts-6);
}

.link-wrapper {
  color: #211f54;
  transition: none;
  display: inline-block;
}

.link-wrapper:hover, .link-wrapper.color-primary {
  color: #4a3aff;
}

.link-wrapper.color-primary:hover {
  color: #211f54;
}

.link-wrapper.color-primary.medium {
  color: var(--new--primary-color);
  font-size: 16px;
  line-height: 18px;
}

.link-wrapper.white {
  color: #fff;
}

.link-wrapper.white:hover {
  color: #f2f1ff;
}

.style---bg-white {
  padding: 48px;
}

.icon-font {
  font-family: Line Rounded Icons, sans-serif;
}

.icon-font.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.icon-font.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.icon-font.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.icon-font.dropdown-arrow, .icon-font.custom-select {
  position: relative;
}

.text-underline {
  text-decoration: underline;
}

.display-1---new {
  color: var(--new--neutral--color-800);
  font-size: 90px;
  font-weight: 700;
  line-height: 94px;
}

.heading-h5-size {
  color: var(--new--neutral--color-800);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.heading-h1-size {
  color: var(--new--neutral--color-800);
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 64px;
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._02 {
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.radio-button {
  background-color: #fff;
  border-color: #dcddeb;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
  box-shadow: 0 2px 6px #14142b0f;
}

.radio-button:hover {
  border-color: #4a3aff;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #4a3aff;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button.large.w--redirected-checked {
  border-width: 8px;
}

.radio-button.small {
  min-width: 22px;
  min-height: 22px;
}

.grid__3-col {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.grid__3-col.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid__3-col.gap-row-80px {
  grid-row-gap: 80px;
}

.grid__3-col.templates_grid {
  grid-column-gap: var(--sizes--sz-7);
  grid-row-gap: var(--g-d);
}

.grid__3-col.testimonials-top {
  margin-top: -106px;
  margin-bottom: 28px;
}

.grid__3-col.gap-28px {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.grid__3-col._1-col-tablet {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
}

.grid__3-col._1-col-tablet.gap-24px {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.grid__3-col.figma-to-webflow-features-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-columns: 1.04fr 1fr 1fr;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
}

.grid__3-col.ctm-serivces {
  margin-bottom: var(--g-s);
}

.divider {
  background-color: var(--new--neutral--color-400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider.template-card {
  margin-top: 22px;
  margin-bottom: 22px;
}

.divider.xs {
  margin-top: var(--mg-pd--xs);
  margin-bottom: var(--mg-pd--xs);
}

.divider._0px {
  margin-top: 0;
  margin-bottom: 0;
}

.divider._32px, .divider._40px {
  margin-top: var(--mg-pd--d);
  margin-bottom: var(--mg-pd--d);
}

.divider._24px---32px {
  margin-top: var(--mg-pd--s);
  margin-bottom: var(--mg-pd--d);
}

.divider.bg-neutral-300 {
  background-color: var(--new--neutral--color-300);
}

.divider._48px {
  margin-top: 48px;
  margin-bottom: 48px;
}

.divider.s {
  margin-top: var(--mg-pd--s);
  margin-bottom: var(--mg-pd--s);
}

.btn-secondary {
  color: var(--new--neutral--color-800);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 48px;
  padding: 24px 28px 23px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 22px;
}

.btn-secondary.white {
  color: #fff;
  background-color: #0000;
}

.btn-secondary.white:hover {
  color: #211f54;
  background-color: #fff;
  border-color: #fff;
}

.btn-secondary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 14px;
}

.btn-secondary.full-width {
  width: 100%;
}

.btn-secondary.megatech-dropdown-btn {
  grid-column-gap: 6px;
  border-color: var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-800);
  justify-content: center;
  align-items: center;
  padding: 26px 38px;
  display: flex;
  box-shadow: 0 4px 10px #2370ff0a;
}

.btn-secondary.megatech-dropdown-btn:hover {
  transform: none;
}

.btn-secondary.megatech-dropdown-btn.white {
  border-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-100);
  background-color: #0000;
}

.btn-secondary.hover-white:hover {
  color: var(--new--neutral--color-800);
  background-color: #fff;
  border-color: #eff0f6;
}

.btn-secondary.pd-small-top-and-bottom {
  padding: 16px 26px;
}

.btn-secondary.hover-utility-blue:hover {
  border-color: var(--new--secondary--utility-blue);
  background-color: var(--new--secondary--utility-blue);
}

.btn-secondary.hover-dark:hover {
  background-color: #161616;
  border-color: #161616;
}

.grid-2-columns-2 {
  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;
}

.grid-2-columns-2.style---styleguide-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.style---style-grid-wrapper {
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.text-400 {
  font-size: 24px;
  line-height: 26px;
}

.text-400.bold {
  font-weight: 700;
}

.text-400.medium {
  font-weight: 500;
}

.btn-row {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  align-items: center;
  display: flex;
}

.btn-row.vertical {
  flex-direction: column;
  align-items: stretch;
}

.btn-row.center {
  justify-content: center;
}

.btn-row.wrap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: wrap;
}

.btn-row.full-widh {
  width: 100%;
}

.style---color-block {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-height: 180px;
  position: relative;
}

.footer-logo {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo:hover {
  transform: scale3d(.92, .92, 1.01);
}

.heading-h3-size {
  color: var(--new--neutral--color-800);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.heading-h3-size.mg-bottom-4px {
  margin-bottom: 4px;
}

.heading-h3-size.mg-bottom-24px {
  margin-bottom: 24px;
}

.heading-h3-size.mg-bottom-8px {
  margin-bottom: 8px;
}

.style---components-wrapper {
  background-color: #fff;
  border-radius: 24px;
}

.heading-h6-size {
  color: var(--new--neutral--color-800);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.heading-h6-size.template-card-title {
  margin-top: 0;
  margin-bottom: 4px;
  transition: transform .3s, color .3s;
}

.heading-h6-size.template-card-title:hover {
  color: var(--new--primary-color);
  transform: translate(4px);
}

.footer-link {
  color: #6e7191;
  text-decoration: none;
}

.footer-link:hover {
  color: #4a3aff;
}

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

.btn-circle-secondary {
  border: 1px solid var(--new--neutral--color-300);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  color: var(--new--neutral--color-800);
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 30px;
  line-height: 32px;
}

.btn-circle-secondary.white {
  box-shadow: none;
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.btn-circle-secondary.white:hover {
  background-color: #4a3aff;
  border-color: #4a3aff;
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.mini {
  text-align: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding-top: 2px;
  font-size: 15px;
  line-height: 13px;
}

.btn-circle-secondary.mini.pagination {
  border-color: var(--new--neutral--color-400);
  background-color: var(--new--neutral--color-400);
  color: var(--new--neutral--color-700);
  transform-style: preserve-3d;
}

.btn-circle-secondary.mini.pagination:hover {
  border-color: var(--new--neutral--color-400);
  color: var(--new--neutral--color-700);
  transform: none;
}

.btn-circle-secondary.slider-button {
  font-family: Line Rounded Icons, sans-serif;
}

.btn-circle-secondary.slider-button.hero-btn-right {
  right: 80px;
}

.btn-circle-secondary.slider-button.left {
  left: -48px;
}

.btn-circle-secondary.slider-button.right {
  right: -48px;
}

.btn-circle-secondary.counter-button {
  border-color: var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  min-width: 56px;
  min-height: 56px;
  box-shadow: none;
  color: var(--new--neutral--color-800);
  font-family: BRIX Icon Font, sans-serif;
  font-size: 20px;
  line-height: 1em;
}

.btn-circle-secondary.counter-button:hover, .btn-circle-secondary.counter-button.v2 {
  border-color: var(--new--secondary--color-2);
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
}

.btn-circle-secondary.counter-button.v2:hover {
  border-color: var(--new--primary-color);
  background-color: var(--new--primary-color);
  color: var(--new--neutral--color-100);
}

.badge-primary {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
}

.badge-primary.white {
  color: #4a3aff;
  background-color: #fff;
}

.badge-primary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 22px;
}

.badge-primary.light {
  color: #4a3aff;
  background-color: #f2f1ff;
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 18px;
}

.inner-container-2._600px {
  max-width: 600px;
}

.style---dropdown-link-sidebar {
  color: #6e7191;
  border-right: 4px solid #0000;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.style---dropdown-link-sidebar:hover {
  color: #4a3aff;
  background-color: #f2f1ff;
  border-right-color: #4a3aff;
}

.style---dropdown-link-sidebar.w--current {
  color: #4a3aff;
  background-color: #f2f1ff;
  border-right-color: #4a3aff;
  font-weight: 700;
}

.p_small {
  margin-bottom: var(--mg-pd--xxs);
  font-size: var(--texts--ts-10);
  line-height: 22px;
}

.p_small.medium {
  font-weight: 500;
}

.tag {
  padding: var(--mg-pd--xxs) var(--mg-pd--xxs) .4rem;
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  border: 1px solid var(--new--neutral--color-400);
  border-radius: var(--radius--br-full);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-none);
  text-align: center;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 12px #14142b0f;
}

.tag:where(.w-variant-be082508-4c94-7306-7f1d-cabb1d9f7792) {
  font-size: var(--texts--ts-9);
  display: inline-flex;
}

.tag.white {
  box-shadow: none;
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.tag.light {
  box-shadow: none;
  color: var(--new--primary-color);
  background-color: #f7f7fc;
  border-width: 0;
}

.tag.light.medium {
  font-weight: 500;
}

.tag.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 22px;
}

.tag.small {
  padding: 9px 15px 7px 14px;
  font-size: 13px;
  line-height: 15px;
}

.tag.small.icon {
  display: flex;
}

.tag.small.icon.pricing {
  padding-left: 11px;
}

.tag.small.icon.featured {
  border-color: var(--new--primary-color);
  color: var(--new--primary-color);
  box-shadow: 0 2px 12px #14142b24;
}

.tag.medium {
  padding: .6rem var(--mg-pd--xs);
  font-size: var(--texts--ts-10);
}

.tag.medium.featured {
  border-color: var(--new--primary-color);
  color: var(--new--primary-color);
  align-items: center;
  display: flex;
}

.tag.medium.light {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  align-items: center;
  display: flex;
}

.tag.medium.light.blog-post {
  padding: 8px 14px 7px 12px;
  font-size: 14px;
}

.tag.medium.no-shadow {
  box-shadow: none;
}

.tag.ctm {
  margin-bottom: var(--mg-pd--xs);
  padding: var(--mg-pd--xxxxs) var(--mg-pd--s) var(--mg-pd--xxxxs) var(--mg-pd--xxxxs);
  grid-column-gap: 8px;
  border-color: var(--new--neutral--color-300);
  color: var(--new--neutral--color-600);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.style---dropdown-link-icon-sidebar {
  background-color: #4a3aff;
  border-radius: 8px;
  max-width: 38px;
  margin-right: 10px;
  padding: 2px;
}

.inp {
  min-height: 58px;
  padding: var(--mg-pd--xs) var(--mg-pd--s) var(--mg-pd--xs) var(--mg-pd--xs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-full);
  background-color: var(--new--neutral--color-100);
  margin-bottom: 0;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.inp:hover {
  border-color: var(--new--primary-color);
  box-shadow: 0 2px 12px #14142b1a;
}

.inp:focus {
  border-color: var(--new--primary-color);
  color: #211f54;
}

.inp::placeholder {
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-9);
}

.inp.small {
  min-height: 44px;
  margin-bottom: 0;
  padding: 9px 10px 6px 14px;
  font-size: 14px;
  line-height: 17px;
  box-shadow: 0 2px 7px #14142b14;
}

.inp.small::placeholder {
  font-size: 14px;
  line-height: 16px;
}

.inp.small.filters {
  padding-left: 35px;
}

.inp.large {
  min-height: 76px;
}

.inp.subscribe-form {
  min-height: 64px;
  padding-top: var(--mg-pd--xxxxs);
  padding-right: var(--mg-pd--xxxxs);
  padding-bottom: var(--mg-pd--xxxxs);
}

.inp.subscribe-form.megatech-page-input:hover, .inp.subscribe-form.megatech-page-input:focus {
  border-color: var(--new--secondary--megatech-accent-color);
}

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

.inp.filters {
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 38px;
}

.inp.filters.jetboost-list-search-input-p1x9 {
  padding-left: 41px;
}

.inp.filters.default {
  min-height: 58px;
  padding-left: 48.5px;
}

.inp.filters.default.jetboost-list-search-input-p1x9 {
  padding-left: 48.5px;
}

.inp.select {
  padding-top: 8px;
  padding-bottom: 9px;
}

.inp.select.fig {
  box-shadow: 0 2px 7px #00000014;
}

.inp.border-megatech-blue:hover, .inp.border-megatech-blue:focus {
  border-color: var(--new--secondary--megatech-accent-color);
}

.inp.border-utility-blue:hover, .inp.border-utility-blue:focus {
  border-color: var(--new--secondary--utility-blue);
}

.inp.fig {
  box-shadow: 0 2px 7px #00000014;
}

.inp.fig:hover {
  border-color: #8c8c8c;
}

.inp.fig:focus {
  color: #161616;
  border-color: #171717;
}

.inp.fig::placeholder {
  color: #636363;
}

.inp.filters {
  border-radius: var(--radius--br-2);
  min-height: 42px;
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
}

.inp.filters::placeholder {
  font-size: var(--texts--ts-10);
  line-height: var(--line-height--lh-none);
}

.inp.filters.search {
  min-height: 48px;
  padding: 3px 0px 0px var(--mg-pd--m);
  border-radius: var(--radius--br-3);
}

.inp.search-filter {
  min-width: 320px;
  padding-top: 1.3rem;
  padding-left: 2.9rem;
}

.inp.clonable_subscirbe {
  min-height: 50px;
  margin-bottom: var(--mg-pd--xs);
}

.inp.framer {
  box-shadow: 0 2px 7px #14202b14;
}

.inp.framer:hover, .inp.framer:focus {
  border-color: #239cff;
}

.heading-h4-size {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-tight);
  margin-bottom: 0;
  font-weight: 700;
}

.heading-h4-size.blog-post-card-title {
  margin-top: 0;
  margin-bottom: 8px;
  transition: all .3s;
}

.heading-h4-size.blog-post-card-title:hover {
  color: var(--new--primary-color);
  transform: translate(4px);
}

.heading-h4-size.mg-bottom-8px {
  margin-bottom: 8px;
}

.heading-h4-size.mg-bottom-16px {
  margin-bottom: 16px;
}

.heading-h4-size.mg-bottom-4px {
  margin-bottom: var(--mg-pd--xxs);
}

.heading-h4-size.macos-title {
  z-index: 1;
  position: absolute;
  left: 0;
}

.heading-h4-size.semibold {
  font-weight: 600;
}

.text-area {
  min-height: 144px;
  padding: var(--mg-pd--xs) var(--mg-pd--xs) 16px;
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
  margin-bottom: 0;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #211f5414;
}

.text-area:hover {
  border-color: var(--new--primary-color);
  box-shadow: 0 2px 12px #14142b1a;
}

.text-area:focus {
  border-color: var(--new--primary-color);
  color: var(--new--neutral--color-800);
}

.text-area::placeholder {
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-9);
}

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
}

.text-area.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.text-area.border-utility-blue:hover, .text-area.border-utility-blue:focus {
  border-color: var(--new--secondary--utility-blue);
}

.text-area.fig {
  box-shadow: 0 2px 7px #00000014;
}

.text-area.fig:hover {
  border-color: #8c8c8c;
}

.text-area.fig:focus {
  color: #161616;
  border-color: #161616;
}

.text-area.fig::placeholder {
  color: #636363;
}

.text-area.popup-calculator__mesage {
  background-color: var(--new--neutral--color-200);
  pointer-events: none;
  min-height: 70px;
  color: var(--new--neutral--color-500);
  cursor: not-allowed;
  overflow: hidden;
}

.text-area.popup-calculator__mesage:hover {
  border-color: var(--new--neutral--color-300);
  box-shadow: 0 2px 7px #211f5414;
}

.text-area.popup-calculator__mesage::placeholder {
  color: var(--new--neutral--color-500);
}

.text-area.popup-calculator__mesage.framer {
  color: #a0acbd;
  -webkit-text-stroke-color: #a0b0bd;
  background-color: #f4f6f8;
}

.text-area.popup-calculator__mesage.framer::placeholder {
  color: #8a9eaf;
}

.text-area.framer:hover {
  border-color: #239cff;
}

.text-area.framer:focus {
  border-color: #239cff;
  box-shadow: 0 2px 7px #1f335414;
}

.display-2 {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 700;
  line-height: 84px;
}

.display-2.mg-bottom-8px {
  margin-bottom: 8px;
}

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

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

.display-2.mg-bottom-4px {
  margin-bottom: 4px;
}

.footer-list-item {
  margin-bottom: 18px;
  padding-left: 0;
}

.footer-list-item.horizontal {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-list-item.horizontal.left {
  padding-left: 24px;
  padding-right: 0;
}

.style---typography-block-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
}

.social-icon-font {
  font-family: Social Icons Font, sans-serif;
  line-height: 21px;
}

.social-icon-font.button-left {
  margin-right: 6px;
}

.radio-button-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.display-3---new {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 54px;
}

.display-3---new.color-neutral-100 {
  color: var(--new--neutral--color-100);
}

.display-3---new.color-neutral-100.mg-bottom-8px {
  margin-bottom: 8px;
}

.display-3---new.mg-bottom-4px {
  margin-bottom: 4px;
}

.display-3---new.mg-bottom-16px {
  margin-bottom: 16px;
}

.grid__1-col {
  grid-column-gap: var(--mg-pd--xs);
  grid-row-gap: var(--g-xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid__1-col.gap-row-80px {
  grid-row-gap: 80px;
}

.grid__1-col.gap-column-24px {
  grid-column-gap: 24px;
}

.grid__1-col.gap-row-24px {
  grid-row-gap: var(--g-s);
  align-items: center;
}

.grid__1-col.gap-row-24px.flex-column {
  flex-direction: column;
  display: flex;
}

.grid__1-col.gap-row-24px._16px-mb.dropdown-features {
  grid-row-gap: var(--g-xs);
}

.grid__1-col.g_xxs {
  grid-row-gap: var(--g-xxs);
}

.grid__1-col.gap-row-10px {
  grid-row-gap: 10px;
}

.grid__1-col.btn-dropdown-list {
  padding: var(--mg-pd--xs) var(--mg-pd--s) var(--mg-pd--xs) var(--mg-pd--xs);
}

.grid__1-col.figma-to-webflow-grid-rigth {
  grid-row-gap: var(--g-s);
}

.grid__1-col.sticky-card {
  position: sticky;
  top: 20px;
}

.grid__1-col.g-0 {
  grid-row-gap: var(--gap);
}

.grid__1-col.g-0.filters-categories {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: var(--gap);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 500px;
  display: none;
  position: absolute;
  inset: 58px 0% auto auto;
  box-shadow: 0 1px 2px #211f5412, 0 6px 20px #211f5429;
}

.grid__1-col.faqs {
  grid-row-gap: var(--g-s);
}

.grid__1-col.dd-categories {
  grid-row-gap: var(--g-xxs);
}

.grid__1-col.g-s {
  grid-row-gap: var(--g-s);
}

.grid__1-col.g-m {
  grid-row-gap: var(--g-m);
}

.grid__1-col.mega-features {
  margin-bottom: var(--mg-pd--s);
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
}

.relative {
  position: relative;
}

.relative.contact-form-button-wrapper {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.relative.contact-form-button-wrapper:hover {
  transform: translate3d(0, -3px, .01px);
}

.relative.z-indexx-999 {
  z-index: 99999;
}

.relative.exclusive-drop {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 52px;
  height: 100%;
  max-height: 52px;
  margin-right: 12px;
  display: flex;
}

.style---line-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
  margin-bottom: 35px;
}

.display-4---new {
  color: var(--new--neutral--color-800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.display-4---new.blog-post-card-title {
  margin-top: 0;
  margin-bottom: 6px;
  text-decoration: none;
  transition: all .3s;
}

.display-4---new.blog-post-card-title:hover {
  color: var(--new--primary-color);
  transform: translate(6px);
}

.display-4---new.mg-bottom-8px {
  margin-bottom: 8px;
}

.style---color-block-hex {
  line-height: 20px;
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid #eff0f6;
  padding-top: 32px;
  padding-bottom: 32px;
}

.style---heading {
  background-color: #fff;
  align-items: center;
  min-height: 70vh;
  margin-bottom: 30px;
  padding: 72px 4vw;
  display: flex;
  box-shadow: 0 2px 6px #14142b14;
}

.btn-circle-primary {
  background-color: var(--new--primary-color);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  color: var(--new--neutral--color-100);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 5px #4a3aff0d;
}

.btn-circle-primary:hover {
  color: #fff;
  background-color: #3324d5;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-primary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 30px;
  line-height: 32px;
}

.btn-circle-primary.white {
  color: #4a3aff;
  background-color: #fff;
}

.btn-circle-primary.white:hover {
  color: #4a3aff;
  background-color: #f2f1ff;
}

.btn-circle-primary.mini {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.btn-circle-primary.mini.pagination {
  transform-style: preserve-3d;
}

.btn-circle-primary.mini.pagination:hover {
  background-color: var(--new--primary-color);
  color: var(--new--neutral--color-100);
  transform: none;
}

.btn-circle-primary.transparent {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  color: var(--new--neutral--color-800);
  cursor: pointer;
  background-color: #ffffffb8;
  border: 1px solid #ffffffed;
  font-family: BRIX Icon Font, sans-serif;
  font-size: 18px;
  line-height: 25px;
  transform: translate(0, -50%);
}

.btn-circle-primary.transparent:hover {
  transform: scale(.94)translate(0, -50%);
}

.btn-circle-primary.transparent.slider-right {
  top: 10%;
  right: 16px;
}

.btn-circle-primary.transparent.slider-left {
  top: 10%;
  left: 16px;
  right: auto;
}

.style---main-wrapper {
  background-color: #f7f7fc;
}

.style---card-wrapper {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.style---logo-wrapper {
  color: #6e7191;
  text-align: center;
  background-color: #f7f7fc;
  border-bottom: 1px solid #eff0f6;
  width: 100%;
  padding: 38px 22px;
  text-decoration: none;
}

.style---content-block {
  margin-bottom: 100px;
}

.style---heading-icon-wrapper {
  background-color: #4a3aff;
  border-radius: 24px;
  margin-right: 18px;
}

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

.footer-list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.footer-list-wrapper.horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-list-wrapper.horizontal.left {
  justify-content: flex-end;
}

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

.style---color-block-name {
  color: #211f54;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.text-200 {
  font-size: var(--sizes--sz-7);
  line-height: var(--line-height--lh-tight);
}

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

.text-200.medium.color-accent-1.mg-0.uppercase {
  letter-spacing: .14em;
}

.text-200.medium.mg-right-4px {
  margin-right: 4px;
}

.text-200.medium.color-utility-blue.mg-0.uppercase {
  letter-spacing: .11em;
  text-transform: uppercase;
}

.text-200.medium.color-figma-sites-gray {
  color: #8c8c8c;
}

.text-200.medium.color-figma-sites-gray.mg-0.uppercase {
  letter-spacing: .11em;
  text-transform: uppercase;
}

.text-200.bold {
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.text-200.bold.color-neutral-100 {
  color: var(--new--neutral--color-100);
}

.style---dropdown-toggle {
  border-bottom: 1px solid #eff0f6;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: color .3s;
  display: flex;
}

.style---dropdown-toggle:hover, .style---dropdown-toggle.w--open {
  color: #4a3aff;
}

.footer-top {
  padding-top: 120px;
  padding-bottom: 120px;
}

.footer-top.pd-72px {
  padding-top: 72px;
  padding-bottom: 72px;
}

.style---dropdown-list-sidebar {
  background-color: #fff;
  border-bottom: 1px solid #eff0f6;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.grid-4-columns-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style---color-block-content {
  padding: 24px 24px 32px;
}

.style---content-wrapper {
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.checkbox-field-wrapper-2 {
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.checkbox-field-wrapper-2.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox-field-wrapper-2.large {
  font-size: 20px;
  line-height: 24px;
}

.bg-accent-1 {
  background-color: #4a3aff;
}

.header__nav-item-wrapper {
  margin-bottom: 0;
}

.header__nav-item-wrapper.show-in-mobile {
  display: none;
}

.header__nav-item-wrapper.badge-wrapper {
  justify-content: center;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.header__nav-item-wrapper.last {
  margin-right: 16px;
}

.header__nav-item-wrapper.show-in-tablet {
  display: none;
}

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

.hbm__bar {
  background-color: #211f54;
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.hbm__wraper {
  padding: 0;
}

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

.header__nav-link {
  padding: var(--sizes--sz-3) var(--sizes--sz-4) .3rem;
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
  border: 1.5px solid #0000;
  border-radius: 40px;
  transition: all .3s, color .3s;
  box-shadow: 0 2px 4px #4a3aff00;
}

.header__nav-link:hover {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  border: 1.5px solid #e2dfff;
  border-radius: 50px;
  box-shadow: 0 2px 4px #4a3aff1c;
}

.header__nav-link.w--current {
  color: var(--new--primary-color);
}

.header__nav-link.pd-sides-8px {
  padding-left: 8px;
  padding-right: 8px;
}

.dropdown-pd {
  padding: 40px;
}

.dropdown-pd.header-pd {
  margin-top: var(--g-xxs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-3);
  background-color: var(--new--neutral--color-100);
  padding: 26px 22px;
  box-shadow: 0 2px 12px #14142b14;
}

.dropdown-pd.header-pd.templates, .dropdown-pd.header-pd.resourecs {
  padding: var(--mg-pd--d);
}

.header__logo-link {
  max-width: 12.2rem;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header__right-wraper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.dropdown-column-wrapper {
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-column-wrapper.header-dropdown {
  border-color: var(--new--neutral--color-300);
  background-color: #0000;
  width: 100%;
  min-width: 700px;
  max-width: 620px;
}

.dropdown-column-wrapper.header-dropdown.templates-dropdown {
  border-radius: var(--radius--br-3);
  min-width: 450px;
  max-width: 590px;
}

.dropdown-column-wrapper.header-dropdown.resources {
  border-radius: var(--radius--br-3);
  min-width: 850px;
  transform: translate(-56%);
}

.dropdown-column-wrapper.header-dropdown.agency-dropdown {
  min-width: 420px;
}

.dropdown-column-wrapper.custom-select {
  transform: none;
}

.header {
  background-color: #0000;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.header__dropdown-toggle {
  padding: var(--sizes--sz-3) var(--sizes--sz-4) .3rem;
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
  border: 1.5px solid #0000;
  border-radius: 50px;
  align-items: center;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 4px #0000;
}

.header__dropdown-toggle:hover {
  background-color: var(--new--secondary--color-2);
  color: #4a3aff;
  border-color: #e2dfff;
  box-shadow: 0 2px 4px #4a3aff1c;
}

.grid__2-col {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid__2-col.home__hero {
  grid-template-columns: 1fr .9fr;
}

.grid__2-col.home-templates-g {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-columns: .3fr 1fr;
  align-items: start;
}

.grid__2-col.gap-row-10px {
  grid-row-gap: 10px;
}

.grid__2-col.cta-newsletter-v1 {
  grid-column-gap: 90px;
  grid-template-columns: .9fr .95fr;
  align-items: center;
}

.grid__2-col.g-s {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.grid__2-col.bottom-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid__2-col.footer-links {
  grid-column-gap: var(--g-xxs);
  grid-template-columns: auto auto;
}

.grid__2-col.categories-seo {
  grid-template-columns: 1fr .96fr;
}

.grid__2-col.title-btn {
  margin-bottom: var(--mg-pd--d);
  grid-template-columns: 1fr auto;
  align-items: center;
}

.grid__2-col.title-btn.mg-bottom-94px {
  margin-bottom: 94px;
}

.grid__2-col.blog-hero {
  margin-bottom: var(--mg-pd--s);
  grid-column-gap: var(--sizes--sz-19);
  grid-template-columns: .6fr .85fr;
  align-items: end;
}

.grid__2-col.title-filters {
  z-index: 99999;
  margin-bottom: var(--mg-pd--d);
  grid-column-gap: 50px;
  grid-template-columns: auto auto;
  align-items: center;
  position: relative;
}

.grid__2-col.cloneables-hero {
  grid-column-gap: 120px;
  grid-template-columns: .8fr .5fr;
  align-items: end;
  margin-bottom: 40px;
}

.grid__2-col.blog-post-page {
  margin-bottom: var(--mg-pd--xs);
  grid-column-gap: var(--g-m);
  grid-row-gap: var(--g-m);
  grid-template-columns: 1fr auto;
  align-items: end;
}

.grid__2-col.cloneable-page-hero {
  grid-column-gap: 80px;
  grid-template-columns: .8fr 1fr;
  align-items: center;
}

.grid__2-col.cloneable-page-content {
  grid-column-gap: var(--g-d);
  grid-template-columns: 1fr .5fr;
  align-items: start;
  margin-top: -60px;
}

.grid__2-col.webflow-agency-hero {
  grid-column-gap: 60px;
  grid-template-columns: 1fr 1fr;
}

.grid__2-col.agency-cta-grid {
  grid-column-gap: var(--g-d);
  grid-row-gap: var(--g-d);
  grid-template-columns: minmax(20%, 620px) minmax(min-content, 566px);
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.contact-cta {
  z-index: 1;
  grid-column-gap: var(--g-d);
  grid-row-gap: var(--g-d);
  grid-template-columns: .6fr 1fr;
  place-items: center stretch;
  position: relative;
}

.grid__2-col.contact-cta.test-1 {
  grid-column-gap: var(--g-m);
  grid-row-gap: var(--g-m);
  grid-template-columns: .6fr 1fr;
}

.grid__2-col.contact-form {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.grid__2-col.figma-cloneable-cards {
  grid-column-gap: 28px;
  margin-top: 28px;
  margin-bottom: 28px;
}

.grid__2-col.template-single-hero {
  grid-column-gap: 70px;
  grid-template-columns: .65fr .78fr;
  align-items: center;
}

.grid__2-col.home-hero-images {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: start;
  max-width: 560px;
}

.grid__2-col.icon-family-tutorial {
  grid-column-gap: var(--g-xs);
  grid-template-columns: .75fr 1fr;
}

.grid__2-col.gap-row-28 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.grid__2-col.elements-hero {
  grid-template-columns: 1fr .78fr;
}

.grid__2-col.reviews-hero {
  align-items: center;
}

.grid__2-col.gap-32px {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid__2-col.gap-column-40px {
  grid-column-gap: var(--g-s);
}

.grid__2-col.why-buy-our-templates-grid {
  grid-column-gap: 48px;
  grid-template-columns: 1fr 1.58fr;
  align-items: center;
}

.grid__2-col.megatech-2-features-grid {
  margin-bottom: var(--mg-pd--l);
  grid-column-gap: var(--g-m);
  grid-template-columns: 1.55fr 1fr;
  align-items: center;
}

.grid__2-col.megatech-2-features-grid.image-right {
  grid-template-columns: 1fr 1.55fr;
}

.grid__2-col.megatech-2-features-grid.last {
  margin-bottom: var(--mg-pd--d);
}

.grid__2-col.exclusive-template-contact {
  grid-column-gap: 48px;
  grid-template-columns: 1fr 1.3fr;
  align-items: center;
}

.grid__2-col.template-customization-grid-bottom {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-columns: 1fr 1.5fr;
  margin-top: 28px;
}

.grid__2-col.gap-16px {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
}

.grid__2-col.ctm {
  grid-column-gap: 100px;
  grid-template-columns: .8fr 1fr;
  place-items: center stretch;
}

.grid__2-col.figma-to-webflow-main-grid {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-columns: 2.04fr 1fr;
  max-width: 1268px;
  margin-left: auto;
  margin-right: auto;
}

.grid__2-col.figma-to-webflow-grid-top {
  margin-bottom: var(--g-s);
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-columns: 1.05fr 1fr;
}

.grid__2-col.figma-to-webflow-grid-bottom {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-columns: 1fr 1.05fr;
}

.grid__2-col.image-left-and-text---v02 {
  grid-column-gap: 48px;
  grid-template-columns: 1.1fr 1.16fr;
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.image-left-and-text---v03 {
  grid-column-gap: 48px;
  grid-template-columns: minmax(20%, 620px) minmax(min-content, 510px);
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.integration-single-page-grid {
  grid-column-gap: var(--g-s);
  grid-template-columns: 1.92fr 1fr;
  align-items: start;
}

.grid__2-col.gap-row-32px {
  grid-row-gap: 32px;
}

.grid__2-col.glossay-single-main-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr .96fr;
  place-items: center;
}

.grid__2-col.glossay-single-bototm {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr .96fr;
  place-items: stretch stretch;
}

.grid__2-col.webflow-ecommerce-image-right-grid {
  grid-column-gap: 40px;
  grid-template-columns: minmax(min-content, 514px) minmax(min-content, 480px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1104px;
  margin-left: auto;
  margin-right: auto;
}

.grid__2-col.image-left-and-text---v04 {
  grid-column-gap: 48px;
  grid-template-columns: minmax(20%, 620px) minmax(min-content, 570px);
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.cta-image-right-grid {
  grid-template-columns: 1fr 1.2fr;
}

.grid__2-col.awwards-section {
  grid-column-gap: var(--g-l);
  grid-row-gap: var(--g-l);
  grid-template-columns: .8fr 1fr;
  place-items: center stretch;
}

.grid__2-col.cta-templates {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.grid__2-col.cta-agency {
  grid-column-gap: 48px;
  grid-template-columns: .9fr 1.16fr;
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.fa-cta {
  grid-column-gap: 48px;
  grid-template-columns: minmax(20%, 530px) minmax(min-content, 566px);
  justify-content: space-between;
  align-items: center;
}

.grid__2-col.ctm_services-b {
  grid-template-columns: 1fr 1.45fr;
}

.grid__2-col.hire-we-hero {
  grid-column-gap: var(--g-xxl);
  grid-row-gap: var(--g-xxl);
  grid-template-columns: .8fr 1fr;
  place-items: center;
}

.grid__2-col.elements-components {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

.grid__2-col.marketing-grid {
  grid-row-gap: var(--sizes--sz-7);
}

.color-accent-1 {
  color: var(--new--primary-color);
}

.color-accent-1.font-weight-bold {
  font-weight: 700;
}

.btn-arrow {
  margin-top: -1px;
  margin-left: 6px;
  font-family: BRIX Icon Font, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.btn-arrow.small {
  margin-left: 0;
  font-size: 15px;
}

.btn-arrow.small.left {
  margin-left: 0;
  margin-right: 4px;
}

.btn-arrow.small.right {
  margin-left: 4px;
}

.btn-arrow.cart {
  position: relative;
  top: -3px;
}

.btn-arrow.contact-btn {
  margin-top: -1px;
  margin-left: 7px;
  font-size: 17px;
}

.btn-arrow.contact-btn.small {
  margin-top: -1px;
  margin-left: 6px;
  font-size: 15px;
}

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

.button-row-left-wrapper.vertical {
  margin-bottom: 14px;
  margin-right: 0;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.dropdown-link-wrapper {
  color: #6e7191;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.flex-horizontal.dropdown-link-wrapper:hover {
  transform: translate(6px);
}

.flex-horizontal.dropdown-link-wrapper.templates-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal.dropdown-link-wrapper.agency-dropdown {
  justify-content: flex-start;
  align-items: center;
}

.flex-horizontal.wrap {
  flex-flow: wrap;
}

.flex-horizontal.gap-column-16px---row-8px {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
}

.flex-horizontal.text-decoration-none.transition-none {
  transition-property: none;
}

.flex-horizontal.gap-column-12px {
  grid-column-gap: 12px;
}

.flex-horizontal.gap-column-8px {
  grid-column-gap: 8px;
}

.dropdown-menu-icon {
  border-radius: 8px;
  max-width: 52px;
  margin-right: 12px;
}

.dropdown-menu-icon.templates-icons {
  width: 100%;
  max-width: 52px;
  margin-right: 12px;
}

.dropdown-menu-icon.templates-icons.exclusive {
  max-width: none;
  margin-right: 0;
  box-shadow: 0 1px 3px #08041f0d;
}

.dropdown-menu-icon.max-width-52px {
  max-width: 38px;
}

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

.dropdown-menu-item-arrow {
  margin-left: 5px;
  font-family: Line Rounded Icons, sans-serif;
  display: inline-block;
}

.header-position-absolute {
  width: 100%;
  position: absolute;
}

.btn-icon {
  margin-top: -2px;
  margin-left: 6px;
  font-family: BRIX Icon Font, sans-serif;
  font-weight: 400;
}

.btn-icon.inline-block {
  display: inline-block;
}

.crd {
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
  overflow: visible;
  box-shadow: 0 2px 6px #211f540f;
}

.crd.template-card {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.crd.templates-filters {
  top: var(--sizes--sz-8);
  z-index: 2;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding: 0;
  position: sticky;
}

.crd.empty-state-wraper {
  padding: var(--mg-pd--d);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.crd.features {
  padding-top: var(--mg-pd--s);
  padding-right: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--s);
  padding-left: var(--mg-pd--s);
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  text-wrap: balance;
  align-items: flex-start;
  display: flex;
}

.crd.features.main-feature {
  padding: var(--mg-pd--d);
  justify-content: flex-start;
  align-items: flex-start;
}

.crd.cta-templates {
  border-radius: var(--radius--br-5);
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.crd.cta-templates.purple {
  background-image: linear-gradient(to right, #4a3aff, #6c55ff);
  border-width: 0;
}

.crd.blog-comments-wrapper {
  padding: var(--mg-pd--s) var(--mg-pd--m);
}

.crd.cloneable-rich-text {
  margin-bottom: var(--mg-pd--d);
  padding: var(--mg-pd--d) var(--mg-pd--d) 4px;
}

.crd.cloneable-sidebar {
  padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--d);
}

.crd.cloneable-sidebar.bottom-card {
  margin-top: var(--mg-pd--xs);
  padding-top: var(--g-xxs);
  text-align: center;
}

.crd.services-agency {
  margin-bottom: var(--g-d);
  border-radius: var(--radius--br-5);
  border-width: 0;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 22px #0e0c3526;
}

.crd.portfolio {
  width: 330px;
  text-decoration: none;
  overflow: hidden;
}

.crd.contact-form {
  min-height: 560px;
  padding: var(--mg-pd--l) var(--mg-pd--m);
  border-radius: var(--radius--br-5);
  margin-bottom: 0;
}

.crd.contact-form.auto {
  min-height: auto;
}

.crd.contact-form.template-idea {
  min-height: 530px;
  margin-bottom: var(--mg-pd--s);
}

.crd.contact-form.project-calculator {
  justify-content: center;
  align-items: center;
  min-height: 530px;
  margin-bottom: 0;
  display: flex;
  box-shadow: 0 1px 2px #211f541a, 0 8px 18px #211f541a;
}

.crd.card-grey {
  background-color: var(--new--neutral--color-200);
  box-shadow: none;
}

.crd.card-grey.figma-cloneable-card {
  color: var(--new--neutral--color-600);
  align-items: stretch;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.crd.card-grey.figma-cloneable-card:hover {
  transform: scale(.98);
}

.crd.card-grey.figma-cloneable-card.mg-bottom-28px {
  margin-bottom: 28px;
}

.crd.figcl {
  padding: var(--mg-pd--d);
  border-radius: var(--radius--br-5);
  color: var(--new--neutral--color-600);
  text-decoration: none;
  transition: transform .2s, color .2s;
  position: relative;
  box-shadow: 0 2px 6px #877df32e;
}

.crd.figcl:hover {
  transform: scale(.98);
}

.crd.figcl-cta {
  padding: var(--mg-pd--m);
  border-radius: var(--radius--br-5);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 6px #877df32e;
}

.crd.template-content-single {
  padding: var(--mg-pd--m) var(--mg-pd--l) var(--mg-pd--xxxs);
}

.crd.template-sidebar {
  padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--m);
}

.crd.template-sidebar.mega {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.crd.icon-famly {
  margin-bottom: var(--g-s);
  padding: var(--mg-pd--s) var(--mg-pd--m) var(--mg-pd--l);
}

.crd.icon-famly.last {
  margin-bottom: 0;
}

.crd.contact-form-card {
  padding: 56px 40px;
}

.crd.icon-left---text-right-v1 {
  padding: var(--mg-pd--d);
  align-items: flex-start;
  display: flex;
}

.crd.card-number {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 54px 21px;
  display: flex;
}

.crd.overflow-hidden {
  overflow: hidden;
}

.crd.padding-default {
  padding-right: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--s);
  padding-left: var(--mg-pd--s);
}

.crd.megatech-templates-card {
  z-index: 1;
  padding: var(--mg-pd--d);
  border-color: var(--new--neutral--color-400);
  border-radius: 1.4rem;
  position: relative;
  box-shadow: 0 .5px 1px #a4a1bf1f, 0 2px 6px #bab8d252;
}

.crd.megatech-templates-card.border-none {
  box-shadow: none;
  border-style: none;
}

.crd.megatech-features-image-left {
  border-radius: var(--radius--br-3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.02fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
  box-shadow: 0 1px 4px #14142b14;
}

.crd.megatech-custom-features-icon-top {
  padding: var(--mg-pd--d);
  text-align: center;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 6px #70a2f61a, 0 1px 1px #0f267812, 0 4px 18px #0f26780a, 0 2px 9px #0f327808;
}

.crd.megatech-template-assets-card {
  border-radius: var(--radius--br-5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
  box-shadow: 0 2px 4px #14142b14;
}

.crd.buy-mega-template-card {
  border-radius: var(--radius--br-5);
  grid-template-rows: auto;
  grid-template-columns: 1.18fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.crd.megatech-claim-template-card {
  max-width: 1052px;
  padding: var(--g-m) var(--mg-pd--m);
  border-radius: 14px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 12px #14142b14;
}

.crd.megatech-figma-file-card {
  border-radius: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 28px;
  display: grid;
  overflow: hidden;
}

.crd.megatech-resources-card {
  border-radius: 14px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.crd.megatech-extra-help-card {
  padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--d);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.crd.more-mega-templates-card {
  max-width: 644px;
  padding: var(--mg-pd--d) var(--mg-pd--d) var(--mg-pd--m);
  background-color: var(--new--neutral--color-200);
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.crd.megatech-form-center-card {
  max-width: 530px;
  padding: var(--mg-pd--d) var(--mg-pd--s) var(--g-d);
  border-radius: 24px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 12px #14142b14;
}

.crd.exclusive-templates-card.border-none {
  box-shadow: none;
  border-style: none;
}

.crd.exclusive-templates-card {
  z-index: 1;
  border-color: var(--new--neutral--color-400);
  border-radius: 24px;
  padding: 40px 32px 56px;
  position: relative;
  box-shadow: 0 .5px 1px #a4a1bf1f, 0 2px 6px #bab8d252;
}

.crd.exclusive-templates-card.border-none {
  height: 100%;
  box-shadow: none;
  border-style: none;
}

.crd.grid-card-image-right {
  z-index: 1;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  padding: 304px 40px 48px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.crd.grid-card-image-top {
  z-index: 1;
  padding: 16px var(--mg-pd--xs) 28px;
  text-align: center;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.crd.grid-card-image-top.v2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.crd.grid-card-image-bottom {
  text-align: center;
  border-radius: 24px;
  padding: 32px 24px 24px;
}

.crd.grid-card-marquee-bottom {
  text-align: center;
  border-radius: 24px;
  flex-flow: column;
  padding: 40px 28px 16px;
  display: flex;
  overflow: hidden;
}

.crd.grid-card-marquee-bottom.pd-top-32px {
  padding-top: 32px;
}

.crd.grid-card-marquee-bottom.seo {
  padding-bottom: 40px;
}

.crd.grid-card-cta {
  background-color: var(--new--primary-color);
  background-image: linear-gradient(90deg, #4a3aff, #6c55ff);
  border-style: none;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.crd.a-services-card {
  border-radius: var(--radius--br-6);
  border-width: 0;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 100px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 22px #0e0c3526;
}

.crd.integrations-link {
  z-index: 1;
  width: 100%;
  padding: var(--mg-pd--xs) var(--mg-pd--xs) var(--mg-pd--s);
  color: var(--new--neutral--color-600);
  transform-style: preserve-3d;
  font-size: 13px;
  line-height: 21px;
  text-decoration: none;
  transition-property: transform;
  display: block;
  position: relative;
  box-shadow: 0 2px 5px #877df32e;
}

.crd.integrations-link:hover {
  transform: scale3d(.98, .98, 1.01);
}

.crd.integration-single-card {
  z-index: 1;
  margin-bottom: var(--mg-pd--xs);
  padding: var(--sizes--sz-16) var(--mg-pd--d) var(--mg-pd--xs);
  grid-column-gap: 20px;
  border-color: #ebeff6;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #877df32e;
}

.crd.integration-single-card.v2 {
  padding-top: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--l);
  margin-bottom: 0;
  display: block;
}

.crd.integration-single-card.v3 {
  padding: var(--mg-pd--d);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.crd.integration-single-card.v3.toc {
  padding-right: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--xs);
  padding-left: var(--mg-pd--d);
}

.crd.integration-single-content {
  z-index: 1;
  grid-column-gap: 20px;
  border-color: #ebeff6;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 110px 72px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #877df32e;
}

.crd.addons-card-large {
  border-radius: var(--radius--br-6);
  color: var(--new--neutral--color-600);
  border-color: #ebeff6;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  box-shadow: 0 2px 5px #877df32e;
}

.crd.addons-card-small {
  padding: var(--mg-pd--d);
  border-radius: var(--radius--br-4);
  color: var(--new--neutral--color-600);
  flex-flow: column;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}

.crd.large-card-center {
  text-align: center;
  border-radius: 40px;
  max-width: 916px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 130px;
}

.crd._3-columns-grid-card {
  border-radius: 24px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.crd.form-sucess {
  padding-top: var(--mg-pd--xs);
  padding-bottom: var(--mg-pd--xs);
  padding-left: var(--mg-pd--xs);
}

.crd.more-templates {
  padding: var(--mg-pd--s);
  grid-column-gap: var(--g-xl);
  grid-row-gap: var(--g-xl);
  background-color: var(--new--neutral--color-200);
  box-shadow: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.crd.footer-cta {
  padding: var(--g-s);
  background-color: var(--new--neutral--color-200);
  box-shadow: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.crd.figcl-grey {
  border-radius: var(--radius--br-5);
  background-color: var(--new--neutral--color-100);
  min-height: 560px;
  color: var(--new--neutral--color-600);
  transform-style: preserve-3d;
  text-decoration: none;
  transition-property: transform;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 6px #877df32e;
}

.crd.figcl-grey:hover {
  transform: scale3d(.99, .99, 1.001);
}

.crd.template-idea-cta {
  padding: var(--mg-pd--d) var(--mg-pd--s);
  background-color: var(--new--neutral--color-200);
  box-shadow: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.crd.thank-you-card {
  max-width: 700px;
  padding-top: var(--mg-pd--l);
  padding-right: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--l);
  padding-left: var(--mg-pd--d);
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  text-align: center;
  text-wrap: balance;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.crd.license-card {
  max-width: 700px;
  padding-top: var(--mg-pd--l);
  padding-right: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--l);
  padding-left: var(--mg-pd--d);
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  text-align: left;
  text-wrap: balance;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.template__image-wraper {
  border: 1px solid var(--new--neutral--color-400);
  border-radius: var(--radius--br-4);
  transition-property: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 8px #211f540d, 0 1px 3px #211f540f;
}

.template__image {
  transition: all .2s;
}

.template__image:hover {
  transform: scale(1.1);
}

.brix_icon-font {
  font-family: BRIX Icon Font, sans-serif;
}

.brix_icon-font.link-icon {
  margin-left: 3px;
  display: inline-block;
}

.brix_icon-font.link-icon._16px {
  font-size: 15px;
}

.brix_icon-font.link-icon._16px.mg-left-6px {
  margin-left: 6px;
}

.brix_icon-font.link-icon._13px {
  font-size: 13px;
}

.brix_icon-font.link-icon._200 {
  font-size: var(--texts--ts-10);
  margin-top: 0;
  margin-left: 6px;
}

.brix_icon-font.link-icon._22px {
  margin-left: 10px;
}

.brix_icon-font.input-search-small {
  color: var(--new--primary-color);
  align-items: center;
  font-size: 15px;
  display: flex;
  position: absolute;
  inset: -2% auto 0% 14px;
}

.brix_icon-font.input-search-small.default {
  font-size: 18px;
  top: 3%;
  left: 24px;
}

.brix_icon-font.filter-dropdown-icon {
  color: var(--new--primary-color);
  margin-top: -3px;
  margin-right: 7px;
  font-size: 14px;
  line-height: 22px;
}

.brix_icon-font.filter-dropdown-icon.default {
  margin-top: 0;
  margin-right: 8px;
  font-size: 17px;
}

.brix_icon-font.category-filter-icon {
  position: relative;
  top: 1px;
}

.brix_icon-font.dropdown-tag-icon {
  color: var(--new--primary-color);
  margin-top: 0;
  margin-right: 6px;
  font-size: 16px;
}

.brix_icon-font.badge-medium-icon {
  margin-top: 0;
  font-size: 14px;
}

.brix_icon-font.text-icon {
  margin-top: -2px;
  margin-right: 6px;
}

.brix_icon-font.table-of-contents {
  margin-top: 2px;
  margin-right: 6px;
  font-size: 22px;
  font-weight: 400;
}

.brix_icon-font.btn-arrow.link-icon._14px {
  font-size: 14px;
  line-height: 15px;
}

.brix_icon-font.btn-arrow.link-icon.v2 {
  margin-left: 6px;
  position: relative;
  top: 2px;
}

.brix_icon-font.breadcrumb {
  margin-top: -2px;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 12px;
  line-height: 16px;
}

.brix_icon-font.filters-search-icon {
  left: var(--mg-pd--xs);
  color: var(--new--neutral--color-400);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1%;
  bottom: 0%;
  right: auto;
}

.brix_icon-font.filters__checkbox-icon {
  width: 14px;
  height: 14px;
  margin-top: 0;
  margin-right: var(--g-xxxs);
  color: #ffffffc4;
  font-size: var(--texts--ts-12);
  justify-content: center;
  align-items: center;
  display: flex;
}

.template__badges-wraper {
  left: auto;
  right: var(--mg-pd--xxxs);
  bottom: var(--mg-pd--xs);
  z-index: 1;
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
}

.badge-icon-font {
  color: var(--new--primary-color);
  margin-top: -1.5px;
  margin-right: 3px;
  font-family: BRIX Icon font, sans-serif;
}

.badge-icon-font.money {
  margin-right: 1px;
}

.badge-row {
  flex: none;
  margin-left: 8px;
}

.template-card-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.template__badge-bottom {
  display: flex;
  position: absolute;
  inset: auto auto 15px 15px;
}

.text-decoration-none {
  text-decoration: none;
  transition-property: none;
}

.template-card-bottom-links {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-wraper {
  color: var(--new--primary-color);
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.link-wraper:hover {
  color: var(--new--neutral--color-800);
}

.link-wraper.small {
  font-size: 14px;
  line-height: 16px;
  transition: transform .3s, color .3s;
}

.link-wraper.small:hover {
  transform: translate(4px);
}

.link-wraper.small.neutral-800 {
  color: var(--new--neutral--color-800);
}

.link-wraper.small.neutral-800:hover {
  color: var(--new--primary-color);
}

.link-wraper.default-link {
  font-weight: 700;
}

.link-wraper.default-link.color-figma-sites-dark:hover {
  color: #777;
}

.link-wraper.dark {
  color: var(--new--neutral--color-800);
}

.link-wraper.dark:hover, .link-wraper.no-hover:hover {
  color: var(--new--primary-color);
}

.link-wraper.default_center-mb {
  font-weight: 700;
  display: inline-flex;
}

.link-wraper.default_center-mb.color-figma-sites-dark:hover {
  color: #777;
}

.link-wraper.default_center-mb.color-1 {
  color: #3a86ff;
}

.link-wraper.default_center-mb.color-1:hover {
  color: var(--new--neutral--color-800);
}

.filter-icon-wrapper {
  color: var(--new--primary-color);
  margin-top: -5px;
  margin-right: 5px;
  font-size: 21px;
}

.filters-wraper {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  border-radius: 999999px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.filters-wraper.blog {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-end;
  align-items: center;
}

.filters-wraper.blog.jetboost-filter-gjq4 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.dropdown-filters {
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: var(--mg-pd--xxxxs) var(--mg-pd--xxs) var(--mg-pd--xxxxs) var(--g-xs);
  border: 1px solid var(--new--neutral--color-300);
  color: #615e83;
  background-color: #fff;
  border-radius: 60px;
  justify-content: space-between;
  align-items: center;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 7px #14142b14;
}

.dropdown-filters:hover {
  color: #4a3aff;
  border-color: #4a3aff;
}

.dropdown-filters.default {
  height: 58px;
  padding-top: .4rem;
  padding-right: var(--mg-pd--s);
  padding-left: var(--mg-pd--s);
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  color: var(--new--neutral--color-600);
}

.templates__pagination-wraper {
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.templates__pagination-numbers-wrapper {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-circle-row {
  margin-right: 14px;
}

.checkbox-label-wrapper {
  color: #615e83;
  font-size: var(--texts--ts-9);
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  transition: all .35s;
  display: flex;
}

.checkbox-label-wrapper:hover {
  color: #4a3aff;
}

.dd {
  z-index: 999;
  min-width: 420px;
  margin-top: var(--g-xs);
  padding: var(--mg-pd--s);
  background-color: var(--new--neutral--color-100);
  border: 1px solid #e5e5ef;
  border-radius: 14px;
  box-shadow: 0 2px 10px #0d0a2c0f;
}

.dd.color {
  min-width: 270px;
}

.dd.type {
  left: 0;
}

.dd.type.w--open {
  min-width: 200px;
}

.dd.blog-page {
  border-radius: var(--radius--br-4);
  width: 100%;
  min-width: auto;
}

.filters__checkbox-dot {
  border-radius: 50px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #00000024;
}

.checkbox-label {
  margin-top: 3px;
  margin-bottom: 0;
}

.search-reset-link---new {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  letter-spacing: 0;
  text-transform: none;
  border-radius: 50px;
  padding: 6px 9px 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .35s, color .35s;
  display: inline-block;
}

.search-reset-link---new:hover {
  background-color: var(--new--primary-color);
  color: var(--new--neutral--color-100);
}

.text-50 {
  font-size: 13px;
  line-height: 15px;
}

.text-50.medium {
  font-weight: 500;
}

.text-50.medium.color-neutral-800 {
  color: var(--new--neutral--color-800);
}

.dropdown-select-wrapper {
  width: 100%;
  margin-right: 0;
}

.cta_sec {
  min-height: 550px;
  padding-top: var(--mg-pd--xxl);
  padding-bottom: var(--mg-pd--xxl);
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  background-color: var(--new--primary-color);
  text-wrap: balance;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cn-100 {
  color: var(--new--neutral--color-100);
}

.cn-100.opacity-90 {
  opacity: .9;
}

.color-neutral-200 {
  color: var(--new--neutral--color-200);
}

.color-neutral-400 {
  color: var(--new--neutral--color-400);
}

.color-neutral-600 {
  color: var(--new--neutral--color-600);
}

.color-neutral-800 {
  color: var(--new--neutral--color-800);
}

.inp__btn-wrap {
  left: auto;
  top: var(--mg-pd--xxxs);
  right: var(--mg-pd--xxxs);
  bottom: var(--mg-pd--xxxs);
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
}

.inp__btn-wrap:hover {
  transform: translate(3px);
}

.inp__btn-wrap.v2 {
  z-index: 1;
  transform-style: preserve-3d;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.inp__btn-wrap.v2:hover {
  border-radius: 1px;
  transform: translate3d(0, -3px, .01px);
}

.absolute {
  position: absolute;
}

.absolute.btn-icon-input {
  pointer-events: none;
  margin-top: -1px;
  font-size: 20px;
  right: 18px;
}

.absolute.btn-icon-input.v2 {
  right: 28px;
}

.absolute.icon-contact-form-button {
  align-items: center;
  width: 17px;
  font-size: 28px;
  line-height: 32px;
  display: flex;
  inset: -2% 38px 0% auto;
}

.form-success {
  max-width: 30ch;
  padding: var(--mg-pd--xxs) var(--g-s) var(--mg-pd--xxs) var(--mg-pd--xxs);
  border-radius: var(--radius--br-3);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.form-success.pd-sides-0 {
  padding-left: 0;
  padding-right: 0;
}

.form-sucess__icon {
  max-width: 60px;
  margin-right: var(--g-xxs);
}

.form-sucess__icon.vertical {
  margin-bottom: 16px;
  margin-right: 0;
}

.form-error {
  margin-top: var(--mg-pd--xs);
  padding-right: var(--mg-pd--xs);
  padding-left: var(--mg-pd--xs);
  border-radius: var(--radius--br-4);
  color: #f62323;
}

.cta__image-wrap {
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 525px;
  margin-bottom: -2%;
  display: flex;
  position: absolute;
  inset: auto auto auto 50%;
  transform: translate(10%);
}

.cta-image-01 {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: -10%;
  margin-bottom: -10%;
  position: relative;
  transform: rotate(13deg);
}

.cta-image-02 {
  z-index: 1;
  width: auto;
  max-width: 74%;
  height: auto;
  position: absolute;
  inset: auto auto -18% -17%;
}

.cta-image-03 {
  z-index: 1;
  width: auto;
  max-width: 73%;
  height: auto;
  position: absolute;
  inset: auto -12.5% -10% auto;
  transform: rotate(-2deg);
}

.cta-image-04 {
  z-index: 0;
  width: auto;
  max-width: 68%;
  height: auto;
  position: absolute;
  inset: -25% -14% auto auto;
}

.cta-image-05 {
  z-index: 0;
  max-width: 36%;
  position: absolute;
  inset: -10% auto auto -10%;
}

.features__icon-wrap {
  width: 100%;
  max-width: 100px;
  margin-right: var(--g-s);
  aspect-ratio: 1;
  border-radius: var(--radius--br-5);
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features__icon-wrap.large {
  align-self: stretch;
  max-width: 144px;
  max-height: none;
  margin-right: 16px;
  padding-bottom: 5%;
}

.features__icon-wrap.main-features {
  max-width: 130px;
  max-height: 110px;
}

.features__icon {
  position: static;
}

.features__icon.v01 {
  position: absolute;
  top: 4%;
}

.features__icon.v03 {
  width: 140px;
  max-width: 121px;
  top: 4%;
}

.features__icon.v04 {
  max-width: 130%;
  top: 4%;
  right: -21%;
}

.features__icon.v06 {
  max-width: 100%;
  top: 4%;
  left: -1%;
}

.features__icon.v07 {
  max-width: 112%;
  top: 4%;
  left: 2%;
}

.features__icon.v08 {
  max-width: 123%;
  top: 4%;
  left: 1%;
}

.features__icon.v10 {
  max-width: 117%;
  top: 4%;
  left: 3%;
}

.features__icon.v09 {
  max-width: 91%;
  top: 4%;
  left: 1%;
}

.features__icon.static-mbl.main {
  max-width: 99%;
}

.features__icon.v3 {
  position: absolute;
  top: -13%;
}

.card-light {
  background-color: var(--new--neutral--color-200);
  border-radius: 20px;
  padding: 40px 32px;
}

.card-light.footer-card {
  padding: 32px 26px;
}

.card-light.flex-card {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

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

.cta-templates__content {
  padding: var(--mg-pd--d);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cta-templates__image {
  width: 168%;
  max-width: 167%;
  margin-bottom: -60px;
}

.cta-templates__image.v02 {
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  margin-bottom: -56px;
  position: relative;
  left: 50px;
  box-shadow: 3px 3px 14px #211f5429;
}

.footer-wrap {
  background-color: var(--new--neutral--color-100);
}

.footer__top-sec {
  padding-top: var(--mg-pd--xl);
  padding-bottom: var(--mg-pd--xl);
  border-top: 1px solid var(--new--neutral--color-300);
}

.footer__bot-sec {
  padding-top: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--s);
}

.footer__top-grid {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-d);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.footer__img-wrap {
  width: 100%;
  max-width: 12.2rem;
  margin-bottom: var(--mg-pd--xs);
  transition-property: all;
}

.footer__grid-sm {
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(32px, 32px));
}

.sm-icon {
  border-radius: var(--radius--br-2);
  max-width: 32px;
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
  overflow: hidden;
}

.sm-icon:hover {
  transform: scale3d(.92, .92, 1.01);
}

.footer__links {
  grid-row-gap: var(--g-xs);
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

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

.footer__link {
  color: var(--new--neutral--color-600);
  line-height: var(--line-height--lh-tight);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer__link:hover {
  color: var(--new--primary-color);
}

.footer__link:hover:where(.w-variant-de4ba06f-9d6d-f15a-9281-941cad9fa894) {
  color: var(--new--secondary--utility-blue);
}

.footer__link:hover:where(.w-variant-65bb1a7f-666d-972e-87b8-e87d58113720) {
  color: #161616;
}

.footer__link-wrap {
  align-items: center;
  transition: all .3s;
  display: flex;
}

.footer__link-wrap:hover {
  transform: translate(4px);
}

.footer__link-icon {
  margin-top: -3px;
  margin-right: 8px;
}

.footer__cta-icon {
  max-width: 126px;
  margin-top: -12.5%;
  margin-left: -9.5%;
}

.footer_botom-link {
  color: var(--new--neutral--color-600);
  text-decoration: none;
}

.footer_botom-link:hover {
  color: var(--new--primary-color);
}

.footer_botom-link:hover:where(.w-variant-de4ba06f-9d6d-f15a-9281-941cad9fa894) {
  color: var(--new--secondary--utility-blue);
}

.footer_botom-link:hover:where(.w-variant-65bb1a7f-666d-972e-87b8-e87d58113720) {
  color: #161616;
}

.service-card__icon {
  border-radius: var(--radius--br-3);
  margin-top: -15%;
  margin-bottom: -15%;
}

.category-seo-image {
  max-width: 60%;
  position: absolute;
  inset: auto auto 0% 50%;
}

.resource-card__image-wrap {
  border-top-left-radius: var(--radius--br-5);
  border-top-right-radius: var(--radius--br-5);
  position: relative;
  overflow: hidden;
}

.resource-card__image-wrap.featured {
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--radius--br-5);
}

.resource-card__image {
  object-fit: cover;
  height: 100%;
  transition: all .3s;
}

.resource-card__image:hover {
  transform: scale(1.05);
}

.resource-card__content {
  padding: var(--mg-pd--s);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.resource-card__content.featured {
  padding: var(--mg-pd--d);
  flex: 0 auto;
  justify-content: center;
}

.resource-card__content.v1 {
  justify-content: center;
}

.resource-card__badge-wrap {
  left: auto;
  top: var(--mg-pd--xs);
  right: var(--mg-pd--xs);
  position: absolute;
  bottom: auto;
}

.resrouce-card {
  border: 1px solid var(--new--neutral--color-400);
  border-radius: var(--radius--br-5);
  background-color: var(--new--neutral--color-100);
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.resrouce-card.featured {
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.text-icon-wrapper {
  line-height: var(--line-height--lh-tight);
  display: flex;
}

.text-icon-wrapper.blog-post-card-date.gap-4px {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.text-icon-wrapper.table-of-content {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.resource-card__details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.resource-card__details.gap-wrap-down {
  grid-column-gap: var(--sizes--sz-7);
  grid-row-gap: var(--sizes--sz-4);
  flex-flow: wrap;
}

.blog-posts-pagination {
  flex-direction: row;
}

.cta-blog-image-01 {
  max-width: 113%;
  position: absolute;
  top: -28%;
  bottom: 0%;
  left: -16%;
}

.cta-blog-image-02 {
  z-index: 1;
  max-width: 58%;
  position: absolute;
  top: -14%;
  bottom: 0%;
  left: -22%;
}

.cta-blog-image-03 {
  z-index: 1;
  max-width: 80%;
  position: absolute;
  inset: 59% -2% -21% auto;
}

.clonable-card {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 24px;
  align-items: stretch;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 6px #211f541c;
}

.clonable-card.featured {
  align-items: stretch;
  display: flex;
}

.clonable-card.default {
  flex-direction: column;
  display: flex;
}

.cloneable-card-image-wrapper {
  border-bottom: 1px solid var(--new--neutral--color-300);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cloneable-card-content {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  padding: 24px 22px 32px;
  display: flex;
}

.cloneable-card-content.featured {
  padding-left: 56px;
  padding-right: 56px;
}

.cloneable-card-content.default {
  flex: 1;
  justify-content: space-between;
}

.clonleable-card-bottom-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cloneable-card-image {
  object-fit: cover;
  transition: all .3s;
}

.cloneable-card-image:hover {
  transform: scale(1.05);
}

.blog-post-details-badge-wrapper {
  margin-right: 20px;
}

.blog-details-date-space {
  margin-right: 6px;
}

.share-post-wrapper {
  margin-bottom: var(--mg-pd--s);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.breadcrumb-wrapper {
  padding-top: var(--mg-pd--xs);
  padding-bottom: var(--mg-pd--xs);
  background-color: var(--new--neutral--color-200);
}

.breadcrumb-list-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: var(--g-xxxs);
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.breadcrumb-list-link {
  color: var(--new--neutral--color-600);
  font-size: 13px;
  line-height: 15px;
  text-decoration: none;
}

.breadcrumb-list-link:hover {
  color: var(--new--primary-color);
}

.breadcrumb-list-item {
  align-items: center;
  display: flex;
}

.sidebar-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.cloneable-sidebar-image {
  max-width: 140px;
  margin-bottom: -11px;
}

.flex-grid {
  grid-column-gap: var(--g-m);
  grid-row-gap: var(--g-m);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.webflow-agency-links-wrapper {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.webflow-agency-links-wrapper:hover {
  transform: translate(8px);
}

.wa__trust-img {
  z-index: 1;
  position: relative;
}

.c-card {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  transition: all .25s;
  position: relative;
}

.service-card__content {
  padding: var(--mg-pd--m);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.service-card__image-wraper {
  border-top-left-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  width: 100%;
  min-width: 600px;
  max-width: 600px;
  transform-style: preserve-3d;
  display: flex;
  overflow: hidden;
  transform: none;
}

.service-card__image {
  object-fit: cover;
}

.services-wrapper {
  position: sticky;
  top: 1px;
}

.services__card {
  position: sticky;
}

.services__card._01 {
  top: 20px;
}

.services__card._02 {
  top: 40px;
}

.services__card._03 {
  top: 60px;
}

.services__card._04 {
  top: 80px;
}

.services__card._05 {
  top: 100px;
}

.infinity-marquee-wrapper {
  width: 100%;
  margin-bottom: var(--mg-pd--d);
  padding-top: var(--mg-pd--xxxs);
  padding-bottom: var(--mg-pd--xxxs);
  grid-column-gap: var(--g-d);
  grid-row-gap: var(--g-d);
  align-items: stretch;
  display: flex;
  overflow: visible;
}

.infinity-marquee-wrapper.mg-bottom-24px {
  justify-content: center;
  align-items: stretch;
  margin-bottom: 24px;
}

.infinity-marquee-wrapper.mgb-d {
  justify-content: center;
  align-items: stretch;
}

.infinity-marquee-wrapper.top {
  margin-bottom: var(--g-xs);
  justify-content: center;
  align-items: stretch;
}

.portfolio__image-wraper {
  overflow: hidden;
}

.portfolio__content {
  z-index: 1;
  padding: var(--mg-pd--xs) var(--mg-pd--s);
  border-top: 1px solid var(--new--neutral--color-300);
  position: relative;
  overflow: hidden;
}

.infinity-marquee-track {
  grid-column-gap: 20px;
  grid-row-gap: 22px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.infinity-marquee-track.v2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
}

.infinity-marquee-list {
  grid-column-gap: 20px;
  grid-row-gap: 22px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.infinity-marquee-list.v2 {
  padding-right: var(--g-s);
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.sec__contact-bg {
  z-index: 0;
  border-radius: var(--radius--br-6);
  background-image: url('../assets/images/pages/home/brix-templates-cta-background-1.svg'), linear-gradient(90deg, #4a3aff, #6c55ff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  width: 100%;
  height: 75%;
  position: absolute;
  inset: auto 0% 0%;
}

.sec__contact-bg.index-1 {
  z-index: 0;
}

.sec__contact-bg.ctm {
  background-image: url('../assets/images/pages/home/cta-background-wrapper.svg'), linear-gradient(90deg, #4a3aff, #6c55ff);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
}

.sec__contact-bg.bg-primary {
  background-color: var(--new--primary-color);
  background-image: url('../assets/images/pages/home/brix-templates-cta-background-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec__contact-bg.bg-primary.test-1 {
  height: 75%;
}

.sec__contact-bg.blue {
  background-color: var(--new--secondary--utility-blue);
  background-image: url('../assets/images/pages/home/brix-templates-cta-background-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec__contact-bg.fig {
  background-color: #171717;
  background-image: none;
}

.error-message---new {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

.contact-image {
  max-width: 290px;
  margin-bottom: var(--mg-pd--xs);
  position: relative;
  left: -6px;
}

.contact-image.v2 {
  max-width: 210px;
  margin-bottom: -18px;
  margin-left: -10px;
}

.contact-form-icon {
  max-width: 120px;
}

.sucess-message---new {
  background-color: #0000;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.accordion__icon-wrap {
  margin-right: 1rem;
}

.accordion__icon-wrap.test-faq {
  align-self: stretch;
  height: 100%;
  margin-right: 1rem;
}

.accordion-item {
  width: 100%;
  padding: var(--mg-pd--xs);
  border-radius: var(--radius--br-5);
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  flex-flow: column;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 7px #14142b0f;
}

.accordion-item:hover {
  transform: scale3d(1.01, 1.01, 1.001);
}

.accordion-item.test-faq {
  padding: var(--mg-pd--xs);
  justify-content: flex-start;
  align-items: center;
}

.acordion-body {
  width: 100%;
  overflow: hidden;
}

.accordion__title {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.accordion__title:where(.w-variant-d51a55bd-f27a-85de-70f9-229179dd546c), .accordion__title.fig {
  color: #161616;
}

.btn-circle-secondary-2 {
  color: #211f54;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary-2:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary-2.small {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 22px;
}

.btn-circle-secondary-2.small.accordion-btn {
  transition: none;
}

.btn-circle-secondary-2.small.accordion-btn:hover {
  background-color: var(--new--neutral--color-100);
  border-color: #eff0f6;
}

.btn-circle-secondary-2.small.accordion-btn-blue {
  transition: none;
  display: none;
}

.btn-circle-secondary-2.small.accordion-btn-blue:where(.w-variant-d51a55bd-f27a-85de-70f9-229179dd546c) {
  display: none;
}

.btn-circle-secondary-2.small.accordion-btn-blue:where(.w-variant-0e5b7edc-3090-fd55-c974-befbfb142763) {
  display: flex;
}

.btn-circle-secondary-2.small.accordion-btn-blue:hover {
  background-color: var(--new--neutral--color-100);
  border-color: #eff0f6;
}

.btn-circle-secondary-2.small.accordion-btn-dark {
  transition: none;
  display: none;
}

.btn-circle-secondary-2.small.accordion-btn-dark:where(.w-variant-d51a55bd-f27a-85de-70f9-229179dd546c) {
  display: flex;
}

.btn-circle-secondary-2.small.accordion-btn-dark:where(.w-variant-0e5b7edc-3090-fd55-c974-befbfb142763) {
  display: none;
}

.btn-circle-secondary-2.small.accordion-btn-dark:hover {
  background-color: var(--new--neutral--color-100);
  border-color: #eff0f6;
}

.btn-circle-secondary-2.small.accordion-btn-dark.test-faq {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.accordion_spacer {
  min-height: var(--gap);
}

.accordion-content-wrapper {
  flex-direction: column;
  justify-content: center;
  margin-left: 3.5rem;
  display: flex;
}

.accordion-content-wrapper.test-faq {
  min-height: 2.5em;
}

.accordion-btn-line {
  background-color: #211f54;
  border-radius: 20px;
  width: 14px;
  height: 2px;
  position: absolute;
}

.accordion-btn-line.vertical {
  transform: rotate(90deg);
}

.accordion-btn-line.vertical.test-faq, .accordion-btn-line.horizontal.test-faq {
  width: 14px;
}

.accordion-header {
  flex: 1;
  align-items: center;
  min-height: 40px;
  display: flex;
}

.crd-figcl__text-wraper {
  padding: var(--mg-pd--xl) var(--mg-pd--d);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.crd-figcl__img-wraper {
  border-radius: var(--radius--br-5);
  flex: none;
  align-items: center;
  max-width: 60%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.crd-figcl__img-wraper.left {
  justify-content: flex-end;
}

.figma-card-cloneable-icon {
  max-width: 100px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: var(--radius--br-5);
}

.figma-card-cloneable-icon.brand-book {
  max-width: 150px;
  margin-bottom: 5px;
  margin-left: -20px;
}

.figma-card-cloneable-icon.figma-slides {
  max-width: 100px;
  margin-bottom: 6px;
}

.figma-card-cloneable-image {
  z-index: 1;
  object-fit: cover;
  min-height: 100%;
}

.figma-card-cloneable-image.wireframe {
  width: 184%;
  max-width: 190%;
  left: 8%;
}

.figcl-crd__icon {
  max-width: 95px;
  margin-bottom: var(--mg-pd--xs);
  margin-left: -4px;
}

.figcl-crd__icon.charts {
  max-width: 115px;
  margin-bottom: -6px;
}

.figcl-cta__logo {
  width: 100px;
  margin-right: var(--g-s);
  border-radius: var(--radius--br-5);
  flex: none;
  overflow: hidden;
}

.badges_row {
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badge-row-flex {
  margin-right: 16px;
}

.template-sidebar-icon {
  width: 64px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: 18px;
}

.sidebar-col-top {
  margin-bottom: var(--mg-pd--s);
}

.grid-4-columns---new {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4-columns---new.gap-36px {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.grid-4-columns---new.mg-top-96px {
  margin-top: 96px;
}

.grid-4-columns---new.gap-20px {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.grid-4-columns---new.elements-features {
  margin-top: var(--mg-pd--xxl);
  margin-bottom: var(--mg-pd--d);
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
}

.hero_templates__wrapper {
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% -12% 0% auto;
  transform: skew(-26deg, -1deg);
}

.home-hero__img {
  border-radius: var(--radius--br-4);
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
  overflow: hidden;
  box-shadow: 0 2px 2px #211f5412, 0 2px 6px #211f540d;
}

.home-hero__img:hover {
  transform: translate3d(-4px, -4px, .01px);
}

.hero-templates__col {
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.z-1 {
  z-index: 1;
  position: relative;
}

.hero_home__gradient {
  background-image: linear-gradient(to top, var(--new--neutral--color-100) 17%, #ffffffb3 56%, #fff0);
  width: 100%;
  height: 20%;
  position: absolute;
  inset: auto 0% -1px;
}

.hero_home__gradient.top {
  background-image: linear-gradient(180deg, var(--new--neutral--color-100) 17%, #ffffffb3 56%, #fff0);
  top: 0%;
  bottom: auto;
}

.home-hero-gradient-top {
  background-image: linear-gradient(to bottom, var(--new--neutral--color-100) 17%, #ffffffc7 71%, #fff0);
  width: 100%;
  height: 25%;
  position: absolute;
  inset: 0% 0% auto;
}

.templates-js.z-1 {
  z-index: 1;
  position: relative;
}

.blog-filters-wrap {
  grid-column-gap: var(--g-xs);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.select-category-wrapper {
  width: 100%;
  max-width: 324px;
}

.select-category-wrapper.cloneables {
  min-width: 250px;
}

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

.flex-vertical.start {
  align-items: flex-start;
}

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

.flex-vertical.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.slider-wrapper {
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-5);
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 8px #211f5417;
}

.left-arrow {
  position: absolute;
  inset: 0% auto 0% 20px;
}

.right-arrow {
  position: absolute;
  inset: 0% 20px 0% auto;
}

.share-links-contianer {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.hire-a-webflow-expert-image {
  max-width: 648px;
  position: relative;
}

.card-content {
  padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--xs);
  text-align: center;
}

.agency-hero-images-wrapper {
  z-index: 0;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 3% 0% auto;
}

.webflow-agency-badge {
  border-radius: 50%;
  align-self: center;
  width: 160px;
  position: absolute;
  top: 40%;
  left: 36%;
  box-shadow: 0 17px 40px #211f5478;
}

.webflow-agency-animation-image {
  transform-style: preserve-3d;
  border-radius: 16px;
  overflow: hidden;
  transform: translate3d(0, 0, .01px);
  box-shadow: 0 6px 18px #211f5429;
}

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

.wba-image-wrapper {
  position: relative;
}

.br-6 {
  border-radius: var(--radius--br-6);
}

.br-6.award-sahdow {
  z-index: -1;
  opacity: .58;
  filter: blur(30px);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: absolute;
  inset: 3% 0% 0%;
  transform: scale(1.04);
}

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

.wba_icon {
  max-width: 172px;
  margin-bottom: var(--mg-pd--xs);
  margin-left: -10px;
}

.heading-h2-size-2 {
  color: #211f54;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

.heading-h2-size-2.mg-bottom-8px {
  margin-bottom: 8px;
}

.megatech-logo-link {
  max-width: 176px;
  margin-bottom: var(--mg-pd--xs);
  transform-style: preserve-3d;
  transition-property: transform;
}

.megatech-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.megatech-primary-button {
  color: var(--new--neutral--color-100);
  text-align: center;
  transform-style: preserve-3d;
  background-image: linear-gradient(90deg, #3a82ff, #6199ff);
  border-radius: 96px;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 20px;
  transition-property: transform;
  transition-duration: .3s;
}

.megatech-primary-button:hover {
  color: var(--new--neutral--color-100);
  transform: translate3d(0, -3px, .01px);
}

.megatech-primary-button.small {
  padding: 18px 28px;
}

.megatech-primary-button.white {
  background-color: var(--new--neutral--color-100);
  color: var(--new--secondary--megatech-accent-color);
  background-image: linear-gradient(90deg, #fff, #e2edff);
  box-shadow: 0 2px 2px #000e4121, 0 4px 12px #0f254d33;
}

.megatech-primary-button.btn-inside-input {
  padding: 16px 50px 16px 28px;
}

.megatech-primary-button.btn-inside-input:hover {
  transform: none;
}

.megatech-primary-button.form-button-bottom {
  width: 100%;
  padding: 20px 16px;
}

.megatech-primary-button.width-100.sidebar {
  padding-top: 20px;
  padding-bottom: 22px;
}

.secondary-btn-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.secondary-btn-dropdown-list {
  z-index: 16;
  background-color: #0000;
  min-width: 290px;
  padding-top: 16px;
}

.secondary-btn-dropdown-list.w--open {
  z-index: 16;
}

.dropdown-link-icon-left {
  grid-column-gap: var(--g-xs);
  color: var(--new--neutral--color-600);
  transform-style: preserve-3d;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.dropdown-link-icon-left:hover {
  color: var(--new--neutral--color-800);
  transform: translate3d(3px, 0, .01px);
}

.megatech-vertical-marquee-container {
  max-height: 600px;
  margin-top: var(--g-l);
  padding-right: var(--mg-pd--d);
  padding-left: var(--mg-pd--d);
  grid-column-gap: 22px;
  background-image: linear-gradient(#fafcff, #e6efff);
  border-radius: 28px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #2370ff26;
}

.vertical-marquee-column {
  flex-flow: column;
  display: flex;
}

.vertical-marquee-items-container {
  padding-bottom: var(--mg-pd--s);
  grid-row-gap: var(--mg-pd--s);
  flex-flow: column;
  display: flex;
}

.marquee-item-link {
  transform-style: preserve-3d;
  border-radius: 20px;
  transition-property: transform;
  overflow: hidden;
  box-shadow: 0 6.83px 15.94px #70a2f61a, 0 1.14px 1.14px #0f327812, 0 9.11px 27.32px #0f32780a, 0 4.55px 13.66px #0f327808;
}

.marquee-item-link:hover {
  transform: scale3d(.98, .98, 1.01);
}

.megatech-navigation-links-container {
  grid-column-gap: 8px;
  margin-right: auto;
  display: flex;
}

.megatech-navigation-link {
  padding: var(--sizes--sz-4) var(--sizes--sz-5) var(--mg-pd--xxxs);
  color: var(--new--neutral--color-600);
  transform-style: preserve-3d;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s;
}

.megatech-navigation-link:hover {
  color: var(--new--neutral--color-600);
  transform: translate3d(0, -2px, .01px);
}

.megatech-navigation-link.w--current {
  color: #4586ff;
  background-image: linear-gradient(#f3f7ff, #deeaff);
}

.megatech-navigation-icon-left {
  margin-right: 6px;
  font-family: Mega Custom Icons, sans-serif;
}

.megatech-sticky-navbar {
  z-index: 999;
  background-color: #0000;
  position: sticky;
  top: 32px;
}

.megatech-circle-icon {
  max-width: 80px;
  margin-bottom: var(--mg-pd--s);
  border-radius: 100%;
}

.megatech-circle-icon.blue {
  box-shadow: 0 4px 12px #3a7fff29;
}

.uppercase-title-small {
  margin-bottom: var(--mg-pd--xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.max-width-26px {
  max-width: 26px;
}

.icon-left-list-text {
  margin-top: 3px;
  line-height: 22px;
}

.icon-left-list-text.medium {
  color: var(--new--neutral--color-800);
  font-weight: 500;
}

.megatech-templates-card-wrapper {
  border-radius: var(--radius--br-5);
  background-image: linear-gradient(#6199ff, #2a75ff);
  padding: 4px;
  box-shadow: 0 .5px 1.3px #1b58c71a, 0 2px 6px #9bbaf452;
}

.megatech-card-badge-top-right {
  top: var(--mg-pd--xs);
  right: var(--mg-pd--xs);
  z-index: 1;
  color: #3a82ff;
  letter-spacing: .01em;
  background-image: linear-gradient(#dfeaff, #eff5ff);
  border-radius: 96px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  position: absolute;
}

.why-buy-our-templates-icon-top {
  max-width: 90px;
  margin-bottom: -16px;
}

.content-center-tablet.index__999 {
  z-index: 9999;
  position: relative;
}

.megatech-grid-image {
  border-radius: var(--radius--br-5);
  width: 100%;
  display: block;
  box-shadow: 0 2px 5px #2370ff26;
}

.max-width-222px {
  max-width: 222px;
}

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

.megatech-tabs-menu-center {
  max-width: 784px;
  margin-right: auto;
  margin-bottom: var(--mg-pd--d);
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  display: flex;
}

.megatech-tab-link {
  z-index: 1;
  padding: var(--sizes--sz-6) var(--mg-pd--xs) var(--sizes--sz-5);
  background-color: var(--new--neutral--color-100);
  box-shadow: 0 0 0 1px var(--new--neutral--color-300), 0 2px 6px 0 #14142b0f;
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
  letter-spacing: .01em;
  transform-style: preserve-3d;
  border-radius: 40px;
  font-weight: 500;
  transition: transform .3s, border-color .3s, background-color .3s, color .3s;
  overflow: hidden;
}

.megatech-tab-link:hover {
  color: var(--new--neutral--color-700);
  transform: translate3d(0, -2px, .01px);
}

.megatech-tab-link.w--current {
  border: 1px solid var(--new--secondary--megatech-accent-color);
  color: var(--new--neutral--color-100);
  background-color: #2370ff;
}

.megatech-link-image {
  border-top-left-radius: var(--radius--br-5);
  border-bottom-left-radius: var(--radius--br-5);
  object-fit: cover;
  width: 100%;
  display: block;
}

.megatech-link-image.hover-scale-1-02 {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.megatech-link-image.hover-scale-1-02:hover {
  transform: scale3d(1.02, 1.02, 1.01);
}

.megatech-link-image.hover-scale-1-02._2 {
  border-top-left-radius: var(--radius--br-4);
  border-top-right-radius: var(--radius--br-4);
  border-bottom-left-radius: 0;
}

.megatech-link-image-wrapper {
  margin-bottom: var(--mg-pd--s);
  border-radius: var(--radius--br-3);
  transform-style: preserve-3d;
  transition-property: transform;
  display: flex;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 4px 10px #70a2f61a, 0 1px 1px #0f327812, 0 5px 18px #0f32780a, 0 2px 10px #0f327808;
}

.megatech-link-image-wrapper:hover {
  transform: translate3d(0, -2px, .01px)translate(0);
}

.megatech-link-image-wrapper.marquee-image {
  transform-style: preserve-3d;
  margin-bottom: 0;
}

.megatech-link-image-wrapper.marquee-image:hover {
  transform: scale3d(.99, .99, 1.01)translate(0);
}

.megatech-pages-title {
  width: 100%;
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  text-align: center;
  letter-spacing: .01em;
  word-break: normal;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1em;
  transition: color .3s;
}

.megatech-pages-title:hover {
  color: var(--new--secondary--megatech-accent-color);
  word-break: normal;
}

.megatech-pages-title.small {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

.megatech-pages-grid {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-d);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.megatech-pages-grid.last-two {
  width: 66%;
  margin-top: var(--mg-pd--d);
  grid-template-columns: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.overflow-visible {
  overflow: visible;
}

.megatech-cta-section {
  z-index: 2;
  border-radius: var(--radius--br-6);
  background-image: url('../assets/images/pages/home/cta-bg-megatech-webflow-template.png'), linear-gradient(90deg, #3a82ff, #6199ff);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  padding-top: 102px;
  padding-bottom: 102px;
  position: relative;
}

.megatech-bg-light {
  background-color: #f7f8fc;
}

.megatech-bg-light.half-top {
  z-index: -1;
  position: absolute;
  inset: 0 0 50%;
}

.megatech-bg-light.small-bottom {
  z-index: -1;
  position: absolute;
  inset: 74% 0 0;
}

.megatech-cta-right-pages {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 46%;
  max-width: 740px;
  display: grid;
  transform: rotate(15deg);
}

.megatech-cta-right-pages-wrapper {
  z-index: 3;
  border-radius: var(--radius--br-6);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.megatech-cta-text-container {
  z-index: 4;
  width: 46%;
  max-width: 554px;
  position: relative;
}

.megatech-features---text-right {
  padding: var(--mg-pd--m) var(--mg-pd--s);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.megatech-custom-feature-square-icon {
  max-width: 64px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: 14px;
}

.megatech-custom-feature-square-icon.mailchimp-icon {
  box-shadow: 0 2.23px 4.46px #ffe01b2b, 0 4.46px 13.39px #ffe01b24;
}

.megatech-custom-feature-square-icon.hubspot-icon {
  box-shadow: 0 2.23px 4.46px #f8761f2b, 0 4.46px 13.39px #f8761f40;
}

.megatech-custom-feature-square-icon.salesforce-icon {
  box-shadow: 0 2.23px 4.46px #0192e12b, 0 4.46px 13.39px #0192e140;
}

.megatech-custom-feature-square-icon.greenhouse-icon {
  box-shadow: 0 2.23px 4.46px #0085612b, 0 4.46px 13.39px #00856124;
}

.megatech-custom-feature-square-icon.calendly-icon {
  box-shadow: 0 2.23px 4.46px #056eff38, 0 4.46px 13.39px #056eff24;
}

.megatech-template-asset-image {
  object-fit: cover;
  width: 100%;
  display: block;
  box-shadow: 0 2px 5px #2370ff26;
}

.megatech-template-asset---text-container {
  padding: var(--mg-pd--xl) var(--mg-pd--m);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-size-28px {
  margin-bottom: var(--mg-pd--xxxs);
  font-size: var(--texts--ts-5);
  line-height: var(--line-height--lh-tight);
  font-weight: 500;
}

.megatech-tab-link---bg-gradient {
  z-index: -1;
  opacity: 0;
  background-image: linear-gradient(90deg, #3a82ff, #6199ff);
  position: absolute;
  inset: 0;
}

.mg-top-auto {
  margin-top: auto;
}

.megatech-link-blue {
  color: var(--new--secondary--megatech-accent-color);
}

.megatech-link-blue:hover {
  color: #2370ff;
}

.max-width-160px {
  max-width: 160px;
}

.megatech-figma-file-text-container {
  padding: var(--mg-pd--xl) var(--mg-pd--d);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.megatech-resources-circle-icon {
  border: 3px solid var(--new--neutral--color-100);
  border-radius: 100%;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  box-shadow: 0 3px 8px #000e4105, 0 2px 3px #000e4112;
}

.megatech-resources-circle-icon.large {
  width: 72px;
  height: 72px;
  margin-right: var(--g-xs);
  border-width: 6px;
  margin-bottom: 0;
  box-shadow: 0 1.89px 5.68px #6f98e126, 0 3.79px 11.37px #a5bbec2e;
}

.heading-size-35px {
  letter-spacing: .01em;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.143em;
}

.megatech-icon-top-text-container {
  z-index: 1;
  padding-right: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--d);
  padding-left: var(--mg-pd--s);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -32px;
  display: flex;
  position: relative;
}

.letter-spacing-01em {
  letter-spacing: .01em;
}

.font-weight-medium {
  font-weight: 500;
}

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

.max-width-148px {
  width: 148px;
}

.buy-mega-template-text-container {
  z-index: 1;
  padding: var(--mg-pd--xxl) var(--mg-pd--m);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mega-template-price-badge {
  z-index: 1;
  padding: var(--sizes--sz-6) var(--sizes--sz-6) var(--sizes--sz-5);
  color: var(--new--neutral--color-100);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
  letter-spacing: .01em;
  background-image: linear-gradient(#6c55ff, #4a3aff);
  border-radius: 96px;
  font-weight: 500;
  position: absolute;
  top: 24px;
  right: 24px;
}

.max-width-64px-mbl.mg-bottom-16px {
  margin-bottom: var(--mg-pd--xs);
}

.megatech-top-notification-bar {
  z-index: 1;
  background-color: var(--new--secondary--megatech-accent-color);
  transform-origin: 50% 0;
  background-image: linear-gradient(135deg, #3c81ff, #3179ff 38%, #004fe1);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 4px;
  padding: 16px 64px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 6px #1561ed8a;
}

.megatech-notification-bar-badge {
  background-color: var(--new--neutral--color-100);
  color: #3b80ff;
  background-image: linear-gradient(#fff, #dcdfff);
  border: .5px solid #bdd5ff26;
  border-radius: 6px;
  margin-right: 12px;
  padding: 6px 4px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  box-shadow: 0 2px 2px #0013580a;
}

.opacity-86 {
  opacity: .86;
}

.megatech-notification-bar-link-container {
  z-index: 1;
  color: var(--new--neutral--color-100);
  margin-left: 24px;
  text-decoration: none;
  position: relative;
}

.megatech-notification-bar-link-container:hover {
  color: var(--new--neutral--color-100);
}

.megatech-notification-bar-underline-container {
  z-index: 1;
  background-color: #ffffff21;
  border-radius: 40px;
  height: 2px;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.megatech-notification-bar-underline-inside {
  z-index: 1;
  background-image: linear-gradient(90deg, #fff0, #fff);
  border-radius: 40px;
  width: 100%;
  position: absolute;
  inset: 0;
}

.megatech-notification-bar-underline-inside-solid {
  z-index: 2;
  background-color: var(--new--neutral--color-100);
  opacity: 0;
  border-radius: 40px;
  position: absolute;
  inset: 0;
}

.notification-bar-close-icon {
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  color: var(--new--neutral--color-100);
  text-shadow: 0 1px 2px #20318629;
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #ffffff4d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-family: BRIX Icon Font, sans-serif;
  font-size: 14px;
  line-height: 1em;
  transition: transform .3s;
  display: flex;
  position: absolute;
  right: 20px;
}

.notification-bar-close-icon:hover {
  transform: scale3d(.96, .96, 1.01);
}

.notification-bar-gradient {
  z-index: -1;
  object-fit: cover;
  align-self: stretch;
  width: 40%;
  max-width: 472px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.notification-bar-gradient.left {
  object-position: 100% 50%;
  left: 0;
}

.notification-bar-gradient.right {
  object-position: 0% 50%;
  right: 0;
}

.notification-bar-blur-top {
  z-index: -1;
  filter: blur(12px);
  width: 111%;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -16%;
  left: 0;
  right: 0;
}

.notification-bar-content-inside {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.megatech-form-center {
  flex-flow: column;
  justify-content: center;
  min-height: 380px;
  margin-bottom: 0;
  display: flex;
}

.success-message-transparent {
  background-color: #0000;
  padding: 0;
}

.success-message-image-top {
  max-width: 64px;
  margin-bottom: 12px;
}

.text-no-wrap {
  white-space: nowrap;
}

.display-none {
  display: block;
}

.password-figma-files {
  color: #3e7eec;
  background-color: #d7e6ff;
  border-radius: 12px;
  padding: 13px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  display: inline-block;
}

.sidebar-mega-logo {
  max-width: 134px;
  margin-bottom: 10px;
  transition: all .3s;
}

.sidebar-mega-logo:hover {
  transform: scale(.94);
}

.sidebar-mega-content {
  padding-left: 40px;
  padding-right: 40px;
}

.sidebar-megatech-image {
  width: 110%;
  max-width: 120%;
  margin-top: 4px;
  margin-bottom: 18px;
  transform: translate(-6px);
}

.exclusive-image---card {
  border-bottom: 1px solid var(--new--neutral--color-300);
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--radius--br-6);
  width: 100%;
  min-width: 600px;
  position: relative;
  overflow: hidden;
}

.exclusive-card-content {
  padding: var(--mg-pd--s) 40px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  display: flex;
}

.exclusive-card-content.featured {
  padding-right: var(--mg-pd--d);
  padding-left: var(--mg-pd--d);
}

.exclusive-card-bottom {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.badge.exclusive {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--new--neutral--color-400);
  text-align: center;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px 8px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
}

.badge.v1 {
  color: var(--new--primary-color);
  text-align: center;
  background-color: #eaecff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.badge.v1:where(.w-variant-7a2a42e2-137a-fbc5-4b3d-ac163aa5ab55) {
  color: #2067ff;
  background-color: #eaf5ff;
}

.badge-icon {
  position: relative;
  top: -1px;
}

.exclusive-card {
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-6);
  background-color: var(--new--neutral--color-100);
  align-items: stretch;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 6px #211f541c;
}

.exclusive-card.featured {
  color: var(--new--neutral--color-600);
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.exclusive-card-image {
  object-fit: cover;
  height: 100%;
}

.exclusive-template-featured {
  z-index: 2;
  background-image: linear-gradient(#6199ff, #2a75ff);
  border-radius: 27px;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 .5px 1.3px #1b58c71a, 0 2px 6px #9bbaf452;
}

.exclusive-template-featured-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 2px;
  display: flex;
  position: relative;
}

.exclusive-template-card-border-wraper {
  background-image: linear-gradient(135deg, #37cdff, #8777ff 38%, #c413ff 75%, #ff135e);
  border-radius: 26px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.exclusive-template-card-border {
  filter: blur(23px);
  background-color: #fff;
  width: 320%;
  height: 50%;
  position: absolute;
}

.exclusive-circle-icon {
  border-radius: 100%;
  max-width: 80px;
  margin-bottom: 16px;
}

.exclusive-circle-icon.blue {
  box-shadow: 0 4px 12px #823aff42;
}

.exclusive-template-card-blur {
  opacity: .32;
  filter: blur(14px);
  background-image: linear-gradient(135deg, #37cdff, #8777ff 34%, #c413ff 72%, #ff135e);
  border-radius: 22px;
  width: 96%;
  height: 98%;
  position: absolute;
}

.contact-webflow-exclusive {
  margin-top: -22%;
  margin-bottom: -20%;
  margin-left: -11%;
}

.gradient-image {
  border-top-left-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  object-fit: cover;
  width: 47%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.exclusive-badge-card {
  z-index: 1;
  color: var(--new--neutral--color-800);
  letter-spacing: .01em;
  background-image: linear-gradient(45deg, #37cdff33, #8777ff33 50%, #c413ff33);
  border-radius: 96px;
  padding: 11px 12px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  position: absolute;
  top: 28px;
  right: 28px;
}

.logo-badge {
  border-radius: 500px;
  height: 40px;
}

.slider-item, .slider-wrapper {
  width: 100%;
  height: 100%;
}

.slider-wrapper---templates {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
  position: static;
}

.button-tooltip-wrapper {
  position: relative;
}

.dropdown-menu-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 52px;
  max-height: 52px;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-blur-bg {
  z-index: -1;
  opacity: .35;
  filter: blur(6px);
  background-image: linear-gradient(90deg, #37cdff, #8777ff 36%, #c413ff 73%, #ff135e);
  border-radius: 8px;
  position: absolute;
  inset: 5%;
}

.exclusive-title-card {
  margin-bottom: var(--mg-pd--xxs);
  font-size: var(--texts--ts-5);
  line-height: var(--line-height--lh-tight);
}

.ctm-hero__content {
  grid-column-gap: var(--g-d);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.max-width-60px {
  width: 100%;
  max-width: 60px;
}

.ctm-hero__slider-content {
  padding-top: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--d);
  padding-left: var(--mg-pd--d);
  border-radius: var(--radius--br-5);
  background-color: var(--new--neutral--color-200);
}

.ctm-hero__tab-item {
  background-color: var(--new--neutral--color-400);
  border-radius: 32px;
  width: 100%;
  max-width: 40px;
  height: 5px;
  padding: 0;
  transition: max-width .3s, background-color .3s;
}

.ctm-hero__tab-item:hover {
  background-color: var(--new--neutral--color-500);
}

.ctm-hero__tab-item.w--current {
  background-color: var(--new--primary-color);
  max-width: 90px;
}

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

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

.slider-mask.max-width-830px {
  max-width: 830px;
}

.mg-right-24px {
  margin-right: var(--mg-pd--d);
}

.slider-image-wrapper {
  border-radius: 20px;
  display: block;
  box-shadow: 0 1px 4px #2a277212, 0 3px 26px #211f540f;
}

.ctm-hero__tabs-menu {
  height: 5px;
  margin-top: var(--mg-pd--d);
  grid-column-gap: var(--g-xs);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: -56px;
  left: 24px;
  right: 24px;
}

.subtitle {
  color: var(--new--primary-color);
  letter-spacing: .11em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.ctm-hero__slider-wrapper {
  width: 100%;
  max-width: 740px;
  padding-bottom: var(--mg-pd--d);
  margin-right: -82px;
  overflow: hidden;
}

.ctm-service-crd {
  z-index: 1;
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-5);
  display: flex;
  position: relative;
  overflow: hidden;
}

.ctm-service-crd.last {
  padding: var(--mg-pd--m) var(--mg-pd--m) var(--mg-pd--m) var(--mg-pd--s);
  background-image: linear-gradient(90deg, #4a3aff, #6c55ff);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ctm-service-crd__text-content {
  z-index: 1;
  height: 60%;
  max-height: 180px;
  padding: var(--mg-pd--m);
  text-align: center;
  background-image: linear-gradient(#fff0, #fff 65%);
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ctm-service-crd__text-content.large {
  background-image: linear-gradient(#fff0, #fff 60%);
  max-height: 380px;
}

.ctm-service-crd__text-content.horizontal {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 40px;
  padding-right: 40px;
}

.ctm-service-crd__text-content.left {
  text-align: left;
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 56%;
  height: 100%;
  max-height: none;
  padding: 0;
  position: relative;
}

.fit-cover {
  object-fit: cover;
}

.template-customization-card-image-center {
  z-index: 2;
  width: 52%;
  max-width: 424px;
  position: absolute;
  bottom: 0;
  right: 10.6%;
}

.template-customization-card-bg {
  z-index: -1;
  object-fit: cover;
  object-position: 0% 100%;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  max-width: 395px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0%;
}

.cta-sec {
  border-radius: var(--radius--br-6);
  background-color: var(--new--primary-color);
  padding-top: 180px;
  padding-bottom: 180px;
  overflow: hidden;
}

.cta-sec.v2 {
  z-index: 1;
  background-image: url('../assets/images/pages/home/cta-section-bg-brix-templates.png'), linear-gradient(90deg, #4a3aff, #6c55ff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.cta-sec.ctm {
  padding-top: var(--sizes--sz-18);
  padding-bottom: var(--sizes--sz-18);
}

.cta-paragraph-large {
  color: var(--new--neutral--color-100);
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 1.45em;
}

.cta-text-content {
  width: 36%;
  max-width: 620px;
}

.cta-image-right-wrapper {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 658px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.grid-2-columns-3 {
  grid-template-rows: auto;
}

.estimate-price-label {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.counter-value {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 194px;
  min-height: 56px;
  display: flex;
  box-shadow: 0 2px 6px #14142b08;
}

.number-badge {
  background-color: var(--new--secondary--color-2);
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  color: var(--new--primary-color);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
}

.calculator-inner-container {
  max-width: 896px;
  margin-left: auto;
  margin-right: auto;
}

.estimate-price-currency {
  color: var(--new--neutral--color-500);
  margin-bottom: 3px;
  font-size: 22px;
  line-height: 23px;
}

.calculator-bottom-section {
  grid-column-gap: 40px;
  background-color: #fff;
  border-top: 1px solid #eff0f6;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  justify-content: space-between;
  align-items: center;
  padding: 32px 48px;
  display: flex;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -2px 10px #211f541a;
}

.calculator-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 6px #14142b0f;
}

.heading-4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.check-box {
  background-color: var(--new--neutral--color-300);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 5px;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.check-box.active {
  background-color: var(--new--primary-color);
  background-image: url('../assets/images/global/forms/requirements-checkbox-icon-brix-templates.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

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

.calculator-top-section {
  padding-top: var(--mg-pd--s);
  padding-right: var(--mg-pd--m);
  padding-left: var(--mg-pd--m);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.gap-14px {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.estimate-price {
  color: #4a3aff;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
}

.icon-wrapper {
  width: 20px;
  height: 20px;
  color: var(--new--primary-color);
  font-family: Template Customization Icons, Arial, sans-serif;
  line-height: 1em;
}

.heading-6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.heading-6.mg-bottom-4 {
  margin-bottom: 4px;
}

.counter {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.estimate-right-side {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  max-width: 530px;
  display: flex;
}

.card-icon-large {
  border-radius: 90%;
  margin-bottom: 6px;
}

.text-100 {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.counter-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.title-flex {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-flex.estimate-right-text {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 268px;
}

.title-flex.start {
  justify-content: flex-start;
  align-items: center;
}

.title-flex.left-mobile {
  margin-bottom: 5px;
}

.counter-button {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.button {
  background-image: linear-gradient(90deg, #4a3aff, #6c55ff);
  border-radius: 60px;
}

.calculator-section-header {
  margin-bottom: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--s);
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  border-bottom: 1px solid var(--new--neutral--color-300);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-small-2 {
  font-size: 13px;
  line-height: 22px;
}

.option-card {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #f7f8fc;
  border-radius: 14px;
  padding: 24px 14px 32px;
  transition: all .3s;
  position: relative;
  box-shadow: 0 2px 5px #14142b0f;
}

.option-card:hover {
  border-color: #493aff;
  transform: scale(.98);
}

.option-card.requirements {
  padding-bottom: 24px;
  position: relative;
}

.option-card.requirements.selected {
  border-color: var(--new--primary-color);
}

.option-card.add-ons {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.calculator-tooltip-wrapper {
  z-index: 9999;
  pointer-events: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.calculator-tooltip-wrapper.display-block {
  pointer-events: auto;
  display: block;
}

.tooltip-card {
  z-index: 99;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  opacity: 1;
  pointer-events: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-flow: column;
  min-width: 586px;
  max-width: 586px;
  padding: 28px;
  display: flex;
  position: absolute;
  inset: 58% auto auto 19%;
  box-shadow: 0 2px 12px #14142b0f;
}

.heading-6-2 {
  color: #000326;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.paragraph-small-3 {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
}

.tooltip-image-wrapper {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px #14142b0f;
}

.tooltip-image-wrapper.featured-border {
  border: 1.5px solid #4a3aff;
}

.position-relative-2 {
  position: relative;
}

.tooltip-badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #4a3aff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: inline-flex;
  position: absolute;
  top: -25px;
  left: 14px;
}

.card-close {
  width: 24px;
  height: 24px;
  display: none;
  position: absolute;
  inset: 14px 14px auto auto;
}

.badge-menu-link {
  z-index: 1;
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  font-size: var(--texts--ts-12);
  line-height: var(--line-height--lh-none);
  text-align: center;
  text-transform: uppercase;
  border-radius: 80px;
  margin-left: 2px;
  padding: 8px 8px 6px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #6254ff26;
}

.mobile-card-close-icon {
  transform-style: preserve-3d;
  font-family: BRIX Icon Font, sans-serif;
  display: none;
}

.badge-menu-link-gradient-inside {
  z-index: -1;
  transform-origin: 50% 0;
  display: block;
  position: absolute;
  bottom: -160%;
  left: -52%;
  right: -52%;
}

.hire-our-team-card-image-wrapper {
  z-index: -1;
  flex-flow: column;
  justify-content: center;
  width: 60%;
  max-width: 364px;
  display: flex;
  position: absolute;
  bottom: -26%;
  right: 0;
}

.footer-link-badge {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  text-transform: uppercase;
  border-radius: 80px;
  margin-left: 10px;
  padding: 6px 6px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1em;
}

.single-page-main-section {
  padding-top: 64px;
  padding-bottom: 120px;
}

.max-width-328px {
  max-width: 328px;
}

.max-width-52px {
  width: 100%;
  max-width: 52px;
}

.infinity-marquee-wrapper-customiztion {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  width: 180%;
  display: flex;
}

.infinity-marquee-image {
  border-radius: var(--radius--br-4);
  max-width: 590px;
  box-shadow: 0 3px 26px #211f541a, 0 1px 4px #2a277214;
}

.infinity-marquee-line {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  flex: none;
  display: flex;
}

.stars-testimonails {
  max-width: 140px;
  margin-bottom: var(--mg-pd--s);
}

.webflow-agency-main-wrapper {
  z-index: 1;
  border-radius: 28px;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 24px #0000001c;
}

.webflow-agency-main-image-overlay {
  z-index: 999;
  border-radius: 28px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 2px 2px #ffffff8c, inset 0 4px 24px #ffffff4f;
}

.webflow-agency-sidebar {
  z-index: 1;
  width: 20.3%;
  display: block;
  position: absolute;
  bottom: 0;
  right: -1px;
}

.webflow-agency-sidebar.second {
  opacity: 0;
}

.webflow-agency-heading {
  z-index: 1;
  width: 38%;
  display: block;
  position: absolute;
  top: 28%;
  left: 35%;
}

.webflow-agency-icon-bottom {
  z-index: 1;
  width: 34%;
  max-width: 366px;
  display: block;
  position: absolute;
  bottom: -20%;
  right: 7%;
}

.webflow-agency-image-left-wrapper {
  z-index: 1;
  border-radius: 20px;
  width: 20%;
  position: absolute;
  top: 25%;
  left: -2%;
  overflow: hidden;
  box-shadow: 0 12px 24px #201c433d, 0 6px 24px #0000001c;
}

.webflow-agency-absolute-image-overlay {
  z-index: 2;
  border-radius: 20px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px 2px #ffffff8c, inset 0 4px 24px #ffffff4f;
}

.webflow-agency-image-right-wrapper {
  z-index: 1;
  background-color: #272630;
  border-radius: 20px;
  width: 20%;
  position: absolute;
  top: 29%;
  right: -2%;
  overflow: hidden;
  box-shadow: 0 12px 24px #201c433d, 0 6px 24px #0000001c;
}

.color-picker-circle {
  z-index: 1;
  width: 8%;
  position: absolute;
  top: 45%;
  right: 18%;
}

.webflow-agency-floating-image-2 {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: 0;
}

.webflow-shortcuts-icon-font.button-icon {
  margin-right: 4px;
}

.webflow-shortcuts-hero-icon {
  max-width: 190px;
  margin-left: -26px;
  margin-right: 12px;
  display: block;
}

.webflow-shortcuts-main-grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 2.28fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  max-width: 1266px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.webflow-shortcuts-bg {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 100%;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: 100%;
  min-height: 552px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.webflow-shortcuts-card---top {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.webflow-shortcuts-tabs-menu {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-200);
  border-radius: 16px;
  padding: 12px;
  display: flex;
}

.webflow-shortcuts-tab-button {
  z-index: 1;
  cursor: pointer;
  transform-style: preserve-3d;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 18px;
  transition: transform .3s;
  position: relative;
}

.webflow-shortcuts-tab-button:hover {
  transform: translate3d(0, -2px, .01px);
}

.webflow-shortcuts-tab-active-text {
  z-index: 1;
  color: var(--new--neutral--color-100);
  text-shadow: 0 .5px 1px #4839ff;
  background-image: linear-gradient(135deg, #a198ff, #4f3ffe);
  border-radius: 10px;
  padding: 10px 12px;
  position: absolute;
  inset: 0;
  box-shadow: 0 2px 6px #47488f0f, inset 0 -2px .6px #4437e1, 0 .5px 1px #2f198505, inset 0 -.5px .5px #4e439408, inset 0 .2px .5px #ffffffe6, inset 0 2px 3px #ffffff4d, 0 1px 2px #cdc8ff1a, inset 0 -1px 2px #b7b2ee9e;
}

.webflow-shortcuts-tab-active-text.macos._123 {
  display: none;
}

.webflow-shortcuts-section-row {
  padding: var(--mg-pd--xxs) var(--mg-pd--xs);
  grid-column-gap: var(--g-s);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.webflow-shortcuts-section-row.header {
  margin-bottom: var(--mg-pd--xxs);
  padding: var(--mg-pd--xs);
  grid-column-gap: var(--g-xxs);
  background-color: #f5f4ff;
  border-radius: 16px;
  justify-content: flex-start;
}

.webflow-shortcut-key {
  z-index: 1;
  letter-spacing: -.03em;
  background-image: linear-gradient(135deg, #fff, #f0efff);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-family: Inter Tight;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
  box-shadow: inset 0 -2px .6px #dcdaf766, inset 0 -.5px .5px #4e439405, inset 0 .2px .5px #ffffffe6, inset 0 2px 3px #fff9, inset 0 -1px 2px #b7b2ee4f;
}

.webflow-shortcut-key.pd-sides-12px {
  padding-left: 12px;
  padding-right: 12px;
}

.webflow-shortcut-key._36px-x-36px {
  width: 36px;
  height: 36px;
}

.webflow-shortcut-key-wrapper {
  background-image: linear-gradient(#f7f7ff, #cccaf5);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  font-family: Inter Tight;
  display: flex;
  box-shadow: 0 2px 6px #47488f0f, 0 .5px 1px #2f198505, 0 1px 2px #cdc8ff1a;
}

.webflow-shortcut-key-wrapper._38px-x-38px {
  flex-flow: column;
  align-items: stretch;
  width: 38px;
  height: 38px;
}

.webflow-shortcut-key-wrapper.min-width-76px {
  flex-flow: column;
  align-items: stretch;
  min-width: 76px;
}

.shortcuts-macos-content.webflow-shortcuts-icon-font {
  z-index: 1;
  position: absolute;
}

.webflow-shortcuts-square-icon {
  border-radius: 10px;
  width: 34px;
  height: 34px;
  box-shadow: 0 2px 6px #47488f0f, 0 .5px 1px #2f198505, 0 1px 2px #cdc8ff1a;
}

.webflow-shortcuts-2-items {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.webflow-shortcuts-2-items.no-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.webflow-shortcuts-link {
  grid-column-gap: 12px;
  color: var(--new--neutral--color-600);
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.webflow-shortcuts-navbar {
  background-color: #0000;
  display: none;
}

.webflow-shortcuts-nav-button {
  transform-style: preserve-3d;
}

.webflow-shortcuts-menu-bg {
  z-index: 1;
  color: var(--new--neutral--color-100);
  text-shadow: 0 .5px 1px #4839ff;
  background-image: linear-gradient(135deg, #a198ff, #4f3ffe);
  border-radius: 10px;
  padding: 10px 12px;
  position: absolute;
  inset: 0;
  box-shadow: 0 2px 6px #47488f0f, inset 0 -2px .6px #4437e1, 0 .5px 1px #2f198505, inset 0 -.5px .5px #4e439408, inset 0 .2px .5px #ffffffe6, inset 0 2px 3px #ffffff4d, 0 1px 2px #cdc8ff1a, inset 0 -1px 2px #b7b2ee9e;
}

.figma-to-webflow-hero-images {
  z-index: 1;
  width: 155%;
  max-width: 1948px;
  margin-top: var(--mg-pd--l);
  margin-bottom: var(--mg-pd--xl);
  grid-column-gap: var(--g-d);
  grid-row-gap: var(--g-d);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.figma-to-webflow-hero-image-wrapper {
  z-index: 1;
  position: relative;
}

.figma-to-webflow-hero-image-left-overlay {
  z-index: 1;
  border-radius: 24px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 -8.71px 34.82px #1d1e2b12, inset 0 -2.9px 7.25px #00000026, inset 0 1.45px 1.45px #ffffff2b, inset 0 2.9px 7.25px #ffffff40;
}

.figma-to-webflow-hero-image-right-overlay {
  z-index: 1;
  border-radius: 24px;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1.96px 1.96px #ffffff8c, inset 0 3.92px 23.52px #ffffff4f;
}

.figma-to-webflow---image-center {
  z-index: 1;
  width: 42%;
  max-width: 904px;
  position: absolute;
  top: 12%;
  left: 39%;
}

.figma-to-webflow---image-left {
  z-index: 1;
  width: 18%;
  max-width: 342px;
  position: absolute;
  top: -31%;
  left: 18%;
}

.figma-to-webflow---image-right {
  z-index: 1;
  width: 19%;
  max-width: 366px;
  position: absolute;
  top: -36%;
  right: 18%;
}

.color-neutral-700 {
  color: var(--new--neutral--color-700);
}

.figma-to-webflow-hero-small-container {
  grid-column-gap: 32px;
  justify-content: space-between;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-and-bg-shadow-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  display: flex;
  position: relative;
}

.image-and-bg-shadow-container.max-width-74px {
  max-width: 74px;
}

.image-shadow-bg {
  z-index: -1;
  position: absolute;
}

.image-shadow-bg.width-152 {
  z-index: 1;
  width: 152%;
  max-width: 114px;
}

.card---image-right-container {
  z-index: -2;
  width: 72%;
  max-width: 572px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.grid-image-right---gradient-bottom {
  z-index: -1;
  background-image: linear-gradient(#fff0, #fff 70%);
  height: 22%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.max-width-270px {
  width: 100%;
  max-width: 270px;
}

.marquee-inside-card-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee-row {
  grid-column-gap: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.marquee-row.right-to-left.gap-12px, .marquee-row.left-to-right.gap-12px {
  grid-column-gap: 12px;
  padding-right: 12px;
}

.marquee-row.gap-xs {
  padding-right: var(--g-xs);
  grid-column-gap: var(--g-xs);
}

.marquee-row.gap-xxs {
  padding-right: var(--g-xxs);
  grid-column-gap: var(--g-xxs);
}

.marquee-circle-image {
  border-radius: 20px;
  max-width: 70px;
  display: block;
}

.blocks-kit-card-badge-top-right {
  z-index: 1;
  grid-column-gap: 6px;
  color: var(--new--neutral--color-600);
  letter-spacing: .04em;
  text-transform: uppercase;
  background-image: linear-gradient(#fff, #fbfcff);
  border: .5px solid #edf5fc;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  box-shadow: 0 6.22px 14.973px #22224c24, inset 0 -2.033px .678px #3731560d, 0 2.301px 6.777px #3d487803, 0 .285px .474px #13244e12, inset 0 1.898px 1.898px #ffffffab, 0 .949px 3.795px #e4e5f838;
}

.blocks-kit-circle-icon {
  border: 1px solid var(--new--neutral--color-100);
  border-radius: 100%;
  width: 26px;
}

.blocks-kit-circle-icon.right {
  z-index: 1;
  margin-left: -6px;
  position: relative;
}

.card-marquee-badge {
  grid-column-gap: .625rem;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--new--neutral--color-200);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--new--neutral--color-200);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--new--neutral--color-200);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--new--neutral--color-200);
  background-color: var(--new--neutral--color-100);
  min-width: 160px;
  color: var(--new--neutral--color-600);
  font-size: .875em;
  line-height: var(--line-height--lh-tight);
  text-align: left;
  border-radius: .875rem;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 18px 4px 4px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 5px 9px #3f38661a, inset 0 -2.152px .717px #3731560d, 0 2.435px 7.172px #3d3e7803, 0 .301px .502px #15134e12, inset 0 2.008px 2.008px #ffffffab, 0 1.004px 4.017px #e4e5f838;
}

.advanced-seo-icon {
  border-radius: .625rem;
  max-width: 40px;
}

.max-width-364px {
  width: 100%;
  max-width: 364px;
}

.stats-center-container {
  grid-column-gap: var(--g-m);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  max-width: 868px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.stat-number-large {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-1);
  font-weight: 700;
  line-height: 1.333em;
}

.stat-number-large.color-accent-1 {
  color: var(--new--primary-color);
}

.contact-image-container {
  z-index: 1;
  perspective: 1000px;
  max-width: 306px;
  margin-bottom: -24px;
  position: relative;
}

.contact-image-icon-left {
  z-index: 1;
  width: 80%;
  max-width: 240px;
  position: absolute;
  bottom: -2%;
  left: -26%;
}

.contact-image-icon-right {
  z-index: 1;
  width: 82%;
  max-width: 246px;
  position: absolute;
  bottom: 6%;
  right: -29%;
}

.stat-section-bg-bottom {
  z-index: -2;
  background-color: var(--new--neutral--color-200);
  height: 60%;
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
}

.lighting-fast-speed-image-container {
  z-index: 1;
  max-width: 364px;
  margin-right: auto;
  margin-bottom: var(--mg-pd--xxs);
  margin-left: auto;
  position: relative;
}

.lighting-fast-speed-image-top {
  z-index: 1;
  transform-origin: 20% 70%;
  width: 67%;
  max-width: 220px;
  display: block;
  position: absolute;
  bottom: -4%;
  left: 36%;
}

.lighting-fast-speed-badge {
  z-index: 1;
  max-width: 66px;
  position: absolute;
  top: 4px;
  right: 12px;
}

.card---image-right-image-top {
  z-index: 1;
  max-width: 72.5%;
  display: block;
  position: absolute;
  bottom: 15%;
  left: -14%;
}

.agency_cta {
  border-radius: var(--radius--br-6);
  background-color: var(--new--primary-color);
  padding-top: 90px;
  padding-bottom: 40px;
}

.agency_cta.wa {
  z-index: 1;
  padding-top: var(--sizes--sz-19);
  padding-bottom: var(--sizes--sz-19);
  background-color: #0a052b;
  position: relative;
  overflow: hidden;
}

.agency_cta.bg-utility-blue {
  background-color: var(--new--secondary--utility-blue);
}

.cn-300 {
  color: var(--new--neutral--color-300);
}

.color-primary {
  color: var(--new--primary-color);
}

.color-blue-100 {
  color: var(--new--secondary--blue-100);
}

.color-utility-blue {
  color: var(--new--secondary--utility-blue);
}

.projects-marquee-image {
  border-radius: var(--radius--br-5);
  width: 404px;
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.projects-marquee-image.link {
  border: 1px solid var(--new--neutral--color-400);
  transform-style: preserve-3d;
  transition-property: transform;
}

.projects-marquee-image.link:hover {
  transform: translate3d(0, -4px, .01px);
}

.webflow-agency-hero-rive {
  width: 100%;
  max-width: 1440px;
  height: 572px;
}

.a__image-hero-wrap {
  margin-top: var(--mg-pd--xl);
  border-radius: var(--radius--br-6);
  background-color: #0a052b;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.a__image-hero-wrap.figma-agency {
  background-color: #000;
}

.webflow-agency-cta-rive {
  z-index: -1;
  width: 140%;
  max-width: 1800px;
  position: absolute;
  top: 4%;
  bottom: 0;
  right: -2%;
}

.framer-agency-hero-rive {
  width: 100%;
  max-width: 1440px;
  max-height: 676px;
}

.fa_hero-riveapp {
  z-index: 1;
  margin-top: var(--mg-pd--xl);
  border-radius: var(--radius--br-6);
  background-color: #01061a;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.framer-agency-cta-rive {
  z-index: -1;
  width: 100%;
  max-width: 1440px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -14%;
}

.sec__a-accent {
  padding-top: var(--sizes--sz-15);
  padding-bottom: var(--sizes--sz-9);
  border-radius: var(--radius--br-5);
  background-color: var(--new--secondary--utility-blue);
}

.sec__a-accent.dark-cta {
  z-index: 1;
  padding-top: var(--sizes--sz-19);
  padding-bottom: var(--sizes--sz-19);
  background-color: #01061a;
  position: relative;
  overflow: hidden;
}

.sec__a-accent.dark-cta.fig {
  background-color: #000;
}

.sec__a-accent.bg-utility-blue {
  background-color: var(--new--secondary--utility-blue);
}

.sec__a-accent.bg-dark {
  background-color: #161616;
}

.f-agency-cards-wrapper {
  position: sticky;
  top: 1px;
}

.f-agency-card-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 48px 40px;
  display: flex;
}

.f-agency-card-image-wrapper {
  width: 100%;
  min-width: 600px;
  transform-style: preserve-3d;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  transform: none;
}

.framer-agency-hero-gradient {
  z-index: 1;
  background-image: radial-gradient(circle, #01061a00, #01061a);
  position: absolute;
  inset: 0;
}

.framer-agency-cta-gradient {
  z-index: -1;
  background-image: linear-gradient(90deg, #01061a 18%, #01061a00 50%);
  width: 100%;
  max-width: 1440px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -14%;
}

.memberstack-hero-logos-wrapper {
  margin-bottom: 16px;
}

.memberstack-hero-logo {
  z-index: 2;
  max-width: 116px;
  position: relative;
}

.memberstack-hero-logo.right {
  z-index: 1;
  margin-left: -42px;
}

.memberstack-bg-blur {
  filter: blur(300px);
  background-color: #2d6cff4d;
  border-radius: 100%;
  min-height: 400px;
  position: absolute;
  inset: auto -5% 0%;
  transform: translate(0, 50%);
}

.memberstack-marquee-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.memberstack-marquee {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-right: 24px;
  display: flex;
}

.memberstack-image-wrapper {
  border-radius: 24px;
  max-width: 580px;
  transition-property: transform;
  overflow: hidden;
  box-shadow: 0 2px 5px #4a3aff2e;
}

.memberstack-image-wrapper:hover {
  transform: translate(0, -8px);
}

.memberstack-image {
  width: 100%;
}

.webflow-integrations-icon-and-title {
  max-width: 620px;
  margin-bottom: var(--mg-pd--d);
  grid-column-gap: var(--g-s);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.max-width-140px {
  max-width: 140px;
}

.integrations-icon-square {
  max-width: 48px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: 12px;
}

.integrations-heading {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}

.link-circle-icon-diagonal-arrow {
  z-index: 1;
  color: #4a4566;
  background-color: #f6f8fc;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
  overflow: hidden;
}

.link-circle-icon-diagonal-arrow.static {
  position: static;
  top: auto;
  right: auto;
}

.integrations---hero-bg {
  z-index: -1;
  background-color: #f5f4ff;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  height: 48%;
  max-height: 430px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.integration-single-banner {
  z-index: -1;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.integration-single-square-icon {
  background-color: var(--new--neutral--color-100);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-top: -48px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #877df32e;
}

.border-radius-12px {
  border-radius: 12px;
}

.display-block {
  display: block;
}

.title-and-circle-icon-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.circle-icon-small {
  border: 3px solid var(--new--neutral--color-100);
  border-radius: 100%;
  width: 48px;
  height: 48px;
  display: block;
  box-shadow: 0 2px 5px #877df32e;
}

.circle-icon-small.mg-left--16px {
  margin-left: -16px;
}

.integration-single---bg {
  z-index: -1;
  background-color: var(--new--neutral--color-100);
  height: 276px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.bg-purple-light {
  background-color: #f5f4ff;
}

.webflow-addons-image-wrapper {
  border-radius: 32px;
}

.max-width-94px {
  max-width: 94px;
}

.max-width-94px.mg-bottom-24px {
  margin-bottom: var(--mg-pd--xs);
}

.addons-card-large---text {
  max-width: 540px;
  padding: var(--mg-pd--l);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.addons-card-large---text.max-w-490px {
  max-width: 490px;
}

.addons-card-large---image {
  border-radius: var(--radius--br-6);
  display: flex;
  overflow: hidden;
}

.addons-card-large---title {
  font-size: var(--texts--ts-5);
  line-height: var(--line-height--lh-tight);
  margin-bottom: 6px;
}

.max-width-80px {
  max-width: 80px;
}

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

.addons-hero-bg {
  z-index: -1;
  background-color: var(--new--neutral--color-100);
  height: 40%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.rich-text-small-headings h2 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.333em;
}

.rich-text-small-headings ul {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 25px;
}

.rich-text-small-headings li {
  margin-bottom: 6px;
}

.rich-text-small-headings img {
  border-radius: 16px;
  margin-top: 8px;
  box-shadow: 0 3px 10px #0d0a2c1a;
}

.rich-text-small-headings figure {
  margin-bottom: 32px;
}

.rich-text-small-headings ol {
  margin-bottom: 12px;
  padding-left: 26px;
}

.rich-text-small-headings h4 {
  margin-top: 16px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.3em;
}

.rich-text-small-headings h3 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1.777em;
}

.rich-text-small-headings h1 {
  font-size: 28px;
}

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

.grid-2-column--dropdown.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-2-column--dropdown.gap-column-24px {
  grid-column-gap: var(--sizes--sz-7);
  grid-row-gap: var(--sizes--sz-7);
}

.grid-2-column--dropdown.gap-row-24px {
  grid-row-gap: 24px;
  align-items: center;
}

.grid-2-column--dropdown.gap-row-24px.flex-column {
  flex-direction: column;
  display: flex;
}

.grid-2-column--dropdown.gap-row-16px {
  grid-row-gap: 16px;
}

.grid-2-column--dropdown.gap-row-10px {
  grid-row-gap: 10px;
}

.grid-2-column--dropdown.btn-dropdown-list {
  padding: 24px 32px;
}

.grid-2-column--dropdown.figma-to-webflow-grid-rigth {
  grid-row-gap: 28px;
}

.integration-single-inner-title {
  width: 102%;
  transform: scale(1.05);
}

.integration-single-text-wrapper {
  margin-top: -10px;
}

.toc-item-wrapper {
  margin-bottom: 6px;
}

.toc-item-wrapper.last {
  margin-bottom: 0;
}

.toc-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.toc-list.last {
  margin-bottom: 0;
}

.toc-h2.sub-heading {
  padding-left: 8px;
}

.toc-link {
  width: 100%;
  color: var(--new--neutral--color-600);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.toc-link:hover {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
}

.toc-link.w--current {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  border-radius: 8px;
  font-weight: 500;
}

.toc-link.first-toc-title {
  color: var(--new--neutral--color-800);
  font-weight: 500;
}

.toc-link.first-toc-title:hover {
  color: var(--new--primary-color);
}

.toc-h3.inset {
  padding-left: 14px;
}

.toc-h3.sub-sub-heading {
  padding-left: 16px;
}

.toc-item {
  padding-bottom: 3px;
}

.blog-post-title {
  font-size: var(--texts--ts-4);
  line-height: var(--line-height--lh-tight);
  margin-bottom: 0;
}

.arrow {
  margin-left: 0;
  font-family: BRIX Icon Font, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.arrow.small {
  margin-left: 0;
  font-size: 15px;
}

.arrow.small.left {
  margin-left: 0;
  margin-right: 4px;
}

.arrow.small.right {
  margin-left: 4px;
}

.arrow.cart {
  position: relative;
  top: -3px;
}

.arrow.contact-btn {
  margin-top: -1px;
  margin-left: 7px;
  font-size: 17px;
}

.arrow.contact-btn.small {
  margin-top: -1px;
  margin-left: 6px;
  font-size: 15px;
}

.back-arrow {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--new--neutral--color-600);
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  transition-property: none;
  display: inline-flex;
}

.flip {
  position: relative;
  transform: rotate(-180deg);
}

.integrations-breadcrumb {
  margin-bottom: 20px;
}

.max-width-116px {
  max-width: 116px;
}

.article-changelog p {
  margin-bottom: 7px;
}

.article-changelog-wrapper {
  padding-top: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--s);
  border-top: 1px solid #bebdd4;
}

.article-changelog-wrap {
  overflow: hidden;
}

.article-changelog-container {
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 14px;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
  box-shadow: 0 2px 10px #0d0a2c0d;
}

.table-of-content-wrappers {
  margin-top: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--m);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.webflow-glossary-title {
  grid-column-gap: 24px;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  max-width: 620px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.glossary-card-title {
  margin-bottom: 1px;
  font-size: 14px;
  line-height: 16px;
}

.glossary-card-icon {
  border-radius: 12px;
  width: 100%;
  max-width: 48px;
  max-height: 48px;
  overflow: hidden;
}

.glossary-card-excerpt {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
}

.glossary---hero-bg {
  z-index: -1;
  background-color: #f5f4ff;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  height: 46%;
  max-height: 336px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.glossary---hero-bg.single {
  max-height: 530px;
}

.glossary-card-date {
  position: absolute;
  inset: 18px 18px auto auto;
}

.glossary-card-date-item {
  color: var(--new--neutral--color-700);
  align-items: center;
  font-size: 12px;
  line-height: 17px;
  display: flex;
}

.glossary-card-date-item.blog-details-font {
  font-size: 16px;
  line-height: 24px;
}

.glossary-card-date-item.blog-details-font.center {
  justify-content: center;
  align-items: center;
}

.glossary-card-date-item.blog-details-font-copy {
  font-size: 16px;
  line-height: 24px;
}

.glossary-card-date-item.blog-details-font-copy.center {
  justify-content: center;
  align-items: center;
}

.glossary-card-date-item.single-page {
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 18px;
}

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

.link-back {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rich-text-glossary h2 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 32px;
}

.rich-text-glossary ul {
  margin-top: 12px;
  margin-bottom: 11px;
  padding-left: 25px;
}

.rich-text-glossary li {
  margin-bottom: 14px;
}

.rich-text-glossary img {
  border-radius: 16px;
  margin-top: 8px;
  box-shadow: 0 3px 10px #0d0a2c1a;
}

.rich-text-glossary figure {
  margin-bottom: 32px;
}

.rich-text-glossary ol {
  margin-bottom: 16px;
  padding-left: 37px;
}

.rich-text-glossary h4 {
  margin-top: 16px;
  margin-bottom: 14px;
  font-size: 17px;
  line-height: 22px;
}

.rich-text-glossary h3 {
  margin-top: 10px;
  margin-bottom: 14px;
  font-size: 19px;
  line-height: 26px;
}

.rich-text-glossary p {
  font-size: 16px;
  line-height: 26px;
}

.large-card-section-bg {
  z-index: -1;
  background-color: var(--new--primary-color);
  border-radius: 40px;
  position: absolute;
  inset: 14% 0 0;
}

._3-columns-grid-card---text-content {
  padding: 40px 32px;
}

.section-bg-light---half-top {
  z-index: -2;
  background-color: var(--new--neutral--color-200);
  position: absolute;
  inset: 0 0 50%;
}

.brix-templates-logo-center {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.brix-templates-circle-logo-center {
  z-index: 1;
  border-radius: 100%;
  max-width: 80px;
  position: relative;
  box-shadow: 0 8px 12px #463bef42;
}

.brix-templates-circle-logo-bg {
  z-index: -1;
  background-color: #4a3aff1c;
  border-radius: 100%;
  position: absolute;
  inset: 0;
}

.brix-templates-circle-logo-bg.first {
  inset: -20%;
}

.brix-templates-circle-logo-bg.second {
  background-color: #4a3aff0d;
  inset: -40%;
}

.brix-templates-circle-logo---bg-line {
  z-index: -1;
  background-image: linear-gradient(90deg, #4a3aff00, #4a3aff 50%, #4a3aff00);
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 2px;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.brix-templates-circle-logo---bg-line.inside {
  filter: blur(4px);
  background-image: linear-gradient(90deg, #4a3aff00 28%, #4a3aff 50%, #4a3aff00 70%);
  height: 6px;
}

.paragraph-extra-large {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.428em;
}

.webflow-ecommerce-absolute-image {
  z-index: 1;
  position: absolute;
}

.webflow-ecommerce-absolute-image.top-left {
  width: 65%;
  max-width: 312px;
  top: 2%;
  left: -30%;
}

.webflow-ecommerce-absolute-image.center-right {
  width: 52%;
  max-width: 250px;
  bottom: 22%;
  right: -25%;
}

.webflow-ecommerce-absolute-image.bottom {
  width: 65%;
  max-width: 310px;
  bottom: -25%;
  left: 21%;
}

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

.webflow-ecommerce-image-right {
  z-index: 1;
  position: relative;
}

.paragraph-calendar-icon {
  width: 64px;
  display: inline-block;
}

.webflow-ecommerce-calendar {
  max-width: 70px;
  margin-top: -8px;
  margin-left: -6px;
  margin-right: -8px;
}

.webflow-ecommerce-logo {
  max-width: 86px;
  margin-bottom: -20px;
  margin-left: -4px;
  margin-right: -16px;
}

.webflow-ecommerce-bag {
  max-width: 78px;
  margin-top: -15px;
  margin-left: -10px;
  margin-right: -14px;
}

.webflow-ecommerce-emoji {
  max-width: 66px;
  margin-top: -16px;
}

.color-figma-sites-dark {
  color: #161616;
}

.color-figma-sites-paragraph {
  color: #777;
}

.figma-agency-hero-image {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.figma-agency-hero-image-wrapper {
  z-index: 1;
  background-color: #000;
  border-radius: 48px;
  justify-content: center;
  margin-top: 74px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.figma-sites-cta-image-right {
  z-index: -1;
  width: 114%;
  max-width: 1440px;
  display: flex;
  position: absolute;
  top: -170px;
  bottom: -170px;
  right: -35%;
}

.figma-sites-cta-image-overlay-blur {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.ts-1 {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-1);
  line-height: var(--line-height--lh-tight);
  text-wrap: balance;
  font-weight: 700;
}

.ts-2 {
  font-size: var(--texts--ts-2);
  line-height: var(--line-height--lh-tight);
}

.ts-2.heading {
  margin-bottom: var(--mg-pd--xxs);
  color: var(--new--neutral--color-800);
  letter-spacing: -.015em;
  font-weight: 700;
}

.ts-2.heading.figma {
  color: #161616;
}

.ts-3 {
  font-size: var(--texts--ts-3);
  line-height: var(--line-height--lh-tight);
}

.ts-3.heading {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-4 {
  font-size: var(--texts--ts-4);
  line-height: var(--line-height--lh-tight);
}

.ts-4.heading {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-4.heading.white {
  color: var(--new--neutral--color-100);
}

.ts-4.heading.figma {
  color: #161616;
}

.ts-4.heading.mgb0 {
  margin-bottom: 0;
}

.ts-5 {
  font-size: var(--texts--ts-5);
  line-height: var(--line-height--lh-tight);
}

.ts-5.heading {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-5.heading.white {
  color: var(--new--neutral--color-100);
}

.ts-5.heading.figma {
  color: #161616;
}

.ts-5.heading.blog-card-title {
  transition: all .2s;
}

.ts-5.heading.blog-card-title:hover {
  color: var(--new--primary-color);
  transform: translate(6px);
}

.ts-5.color-neutral-800.bold {
  font-weight: 700;
}

.ts-6 {
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-tight);
}

.ts-6.heading {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-6.heading.resource-card-title {
  transition: all .2s;
}

.ts-6.heading.resource-card-title:hover {
  color: var(--new--primary-color);
  transform: translate(6px);
}

.ts-6.heading.mgb-s {
  margin-bottom: var(--mg-pd--s);
}

.ts-6.heading.mgb-xs {
  margin-bottom: var(--mg-pd--xs);
}

.ts-7 {
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
}

.ts-7.heading {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-7.heading.mgb-xs {
  margin-bottom: var(--mg-pd--xs);
}

.ts-7.heading.mgb-s {
  margin-bottom: var(--mg-pd--s);
}

.ts-8 {
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-tight);
}

.ts-8.heading {
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.ts-9 {
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-tight);
}

.ts-10 {
  font-size: var(--texts--ts-10);
  line-height: var(--line-height--lh-tight);
}

.ts-11 {
  font-size: var(--texts--ts-11);
  line-height: var(--line-height--lh-tight);
}

.ts-12 {
  font-size: var(--texts--ts-12);
  line-height: var(--line-height--lh-tight);
}

.sbt {
  margin-bottom: var(--mg-pd--xxs);
  color: var(--new--primary-color);
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-none);
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-weight: 700;
}

.sbt.white {
  opacity: .8;
  color: var(--new--neutral--color-100);
}

.sbt.blue {
  color: var(--new--secondary--utility-blue);
}

.sbt.grey {
  color: #949494;
}

.sbt.mega {
  color: var(--new--secondary--megatech-accent-color);
}

.sbt.framer {
  color: #3a93ff;
}

.mgb-d {
  margin-bottom: var(--mg-pd--d);
}

.btn__icon {
  font-family: BRIX Icon Font, sans-serif;
  font-size: var(--texts--ts-10);
  position: relative;
  top: 1px;
}

.btn__icon:where(.w-variant-c3aa04da-4da0-152f-531a-e1297ef08bc3) {
  font-size: var(--texts--ts-10);
}

.btn__icon:where(.w-variant-f0fe657c-ba10-b226-8e44-60a4c7de07be), .btn__icon:where(.w-variant-7371deee-56d7-c67f-678b-338fffa4cff4) {
  top: 0;
}

.hero-templates__col-wraper {
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn__wrap {
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  line-height: var(--line-height--lh-base);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn__dot {
  border-radius: var(--radius--br-full);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  display: flex;
  position: absolute;
  left: -12px;
  overflow: hidden;
}

.btn__dot:where(.w-variant-6a8916b8-751f-6530-1e16-ef7cdb1d0906) {
  background-color: var(--new--secondary--utility-blue);
}

.btn__dot:where(.w-variant-7371deee-56d7-c67f-678b-338fffa4cff4) {
  background-color: var(--new--secondary--megatech-accent-color);
}

.btn__dot:where(.w-variant-5743d6ab-2afe-08a2-8753-b8d99d342652) {
  background-color: #161616;
}

.pc__medium {
  max-width: 88%;
}

.sbt-badge {
  margin-bottom: var(--mg-pd--xs);
  padding: var(--mg-pd--xxxs) var(--mg-pd--xs) var(--mg-pd--xxxs) var(--mg-pd--xxxs);
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-full);
  background-color: var(--new--neutral--color-100);
  font-size: var(--texts--ts-10);
  line-height: var(--line-height--lh-none);
  letter-spacing: .03rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
  box-shadow: 0 1px 3px #211f5412;
}

.sbt-badge__icon {
  width: 26px;
  height: 26px;
  padding-right: .3rem;
  padding-left: var(--mg-pd--xxxs);
  border-radius: var(--radius--br-full);
  background-image: linear-gradient(45deg, #146ef5, #64a2ff);
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset 0 -1.5px 1px #0b2b5a26, inset 0 1.5px 1px #ffffff63, 0 1px 3px #297bf74f;
}

.sbt-badge__text {
  margin-top: 2px;
}

.s-code {
  left: auto;
  top: var(--sizes--sz-4);
  right: var(--sizes--sz-4);
  bottom: var(--sizes--sz-4);
  z-index: 1;
  padding-right: var(--mg-pd--xxs);
  padding-left: var(--mg-pd--xxs);
  border-radius: var(--radius--br-2);
  background-color: var(--new--neutral--color-300);
  font-family: Figtree, sans-serif;
  font-size: var(--texts--ts-11);
  line-height: var(--line-height--lh-none);
  letter-spacing: -.03em;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
  position: absolute;
  box-shadow: inset 0 -1px 2px #b7b2ee4f;
}

.s-code.pd-sides-12px {
  padding-left: 12px;
  padding-right: 12px;
}

.s-code._36px-x-36px {
  width: 36px;
  height: 36px;
}

.s-code__command {
  margin-right: 2px;
}

.s-code__command.webflow-shortcuts-icon-font {
  z-index: 1;
  position: absolute;
}

.s-code__ctrl {
  display: none;
}

.filters__category-subtitle {
  font-size: var(--texts--ts-11);
  line-height: var(--line-height--lh-tight);
  letter-spacing: .03rem;
  text-transform: uppercase;
  font-weight: 500;
}

.filters__category-head {
  padding: var(--mg-pd--xs) var(--mg-pd--s);
  font-size: var(--texts--ts-10);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filters__category-head.second {
  padding-top: var(--mg-pd--xxs);
}

.filters__checkboxes-wraper {
  padding-right: var(--mg-pd--s);
  padding-bottom: var(--mg-pd--xs);
  padding-left: var(--mg-pd--s);
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filters__checkbox-wraper {
  padding: var(--mg-pd--xxxxs) var(--mg-pd--xxs) var(--mg-pd--xxxxs) var(--mg-pd--xxxxs);
  border-radius: var(--radius--br-2);
  background-color: var(--new--neutral--color-200);
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-11);
  line-height: var(--line-height--lh-none);
  cursor: pointer;
  border: 1px solid #0000;
  align-items: center;
  margin-bottom: 0;
  font-weight: 400;
  transition: all .35s;
  display: flex;
}

.filters__checkbox-wraper:hover {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
}

.filters__checkbox-wraper.checked {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  border: 1px solid #d8d5ff;
}

.filters__checkbox {
  float: none;
  border-color: #e5e5ef;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 10px;
  transition: all .3s;
  display: none;
}

.filters__checkbox:hover {
  border-color: #4a3aff;
}

.filters__checkbox.w--redirected-checked {
  background-color: #4a3aff;
  background-image: url('../assets/images/global/forms/check-brix-templates.svg');
}

.filters__checkbox-dot__overlay {
  background-image: linear-gradient(#fff9, #fff0 55%);
  width: 100%;
  height: 100%;
}

.filters__cms-wrapper {
  overflow: hidden;
}

.filters__reset-wraper {
  padding: var(--mg-pd--xxs) var(--mg-pd--xs) var(--mg-pd--xs);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.tag__icon {
  flex: none;
  max-width: 16px;
  max-height: 16px;
}

.tag__icon:where(.w-variant-be082508-4c94-7306-7f1d-cabb1d9f7792) {
  width: 100%;
  max-width: 14px;
  max-height: 14px;
}

.template__title {
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-tight);
  font-weight: 700;
}

.template__name {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
}

.template__info-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template__logo-wrapper {
  min-width: 46px;
  max-width: 46px;
  min-height: 46px;
  max-height: 46px;
  margin-right: var(--mg-pd--xxs);
  border-radius: var(--sizes--sz-6);
  border: 1px solid #08071b1f;
  overflow: hidden;
}

.template__price {
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.template__info {
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.template__top {
  margin-bottom: var(--mg-pd--xs);
  position: relative;
}

.template__price-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.template__info-text {
  margin-top: 3px;
}

.template__link {
  padding: var(--mg-pd--xxs) var(--mg-pd--xxs) .4rem;
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  border: .5px solid var(--new--neutral--color-400);
  border-radius: var(--radius--br-full);
  background-color: var(--new--neutral--color-100);
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-none);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 4px #00000008, 0 1px 2px #211f5424;
}

.template__link:hover {
  transform: scale(.94);
}

.template__link.secondary {
  color: var(--new--neutral--color-600);
}

.template__link-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
}

.filters-search-left {
  width: 100%;
}

.filters-button {
  min-height: 48px;
  padding: 2px var(--mg-pd--s) 0px;
  grid-column-gap: var(--g-xxxs);
  grid-row-gap: var(--g-xxxs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-3);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-10);
  line-height: var(--line-height--lh-none);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 7px #14142b14;
}

.filters-button:hover {
  border-color: var(--new--primary-color);
}

.filters__wrapper {
  position: relative;
}

.filters-container {
  z-index: 2;
  margin-bottom: var(--mg-pd--s);
  position: relative;
}

.template__link-counter {
  border-radius: var(--radius--br-full);
  background-color: var(--new--primary-color);
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
  color: var(--new--neutral--color-100);
  font-size: .65rem;
  line-height: var(--line-height--lh-none);
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  padding-top: 2px;
  display: flex;
}

.mgb-xxxs {
  margin-bottom: var(--mg-pd--xxxs);
}

.cta__title {
  color: var(--new--neutral--color-100);
  font-size: var(--texts--ts-3);
  line-height: var(--line-height--lh-tight);
  font-weight: 700;
}

.btn__form-icon-wrap {
  right: var(--mg-pd--xs);
  color: var(--new--neutral--color-100);
  font-family: BRIX Icon Font, sans-serif;
  position: absolute;
}

.form-sucess-wrap {
  background-color: #ddd0;
  padding: 0;
}

.i-container {
  margin-left: auto;
  margin-right: auto;
}

.i-container._60 {
  max-width: 80ch;
}

.i-container._40 {
  max-width: 40ch;
}

.i-container._40.left {
  margin-left: 0;
}

.i-container._60ch {
  max-width: 60ch;
}

.i-container._80ch {
  max-width: 80ch;
}

.i-container._70ch {
  max-width: 70ch;
}

.i-container._50ch {
  max-width: 50ch;
}

.i-container._55 {
  max-width: 55ch;
}

.i-container._45ch {
  max-width: 45ch;
}

.features__title {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  font-weight: 700;
}

.features__title.figma {
  color: #161616;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
}

.wrapper._60ch {
  max-width: 60ch;
}

.wrapper._80ch {
  max-width: 80ch;
}

.more-templates__title {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  font-weight: 700;
}

.cta-templates__title {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-5);
  line-height: var(--line-height--lh-tight);
  font-weight: 700;
}

.cta-templates__title.white {
  color: var(--new--neutral--color-100);
}

.icontest {
  max-width: 50px;
  max-height: 50px;
  color: var(--new--neutral--color-800);
}

.icontest:hover {
  color: var(--new--primary-color);
}

.footer__col {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header__mega-menu {
  display: none;
}

.mega-menu__link-icon-wraper {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60px;
  max-height: 60px;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio__title {
  margin-bottom: var(--mg-pd--xxxs);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-6);
  font-weight: 700;
}

.faq__btn {
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-full);
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  box-shadow: 0 2px 4px #08061814;
}

.faq__btn:where(.w-variant-d51a55bd-f27a-85de-70f9-229179dd546c), .faq__btn:where(.w-variant-0e5b7edc-3090-fd55-c974-befbfb142763) {
  display: none;
}

.fig-p {
  color: #777;
}

.fig-c {
  color: #161616;
}

.ctm-tag__icon {
  border-radius: 50%;
  width: 100%;
  max-width: 52px;
}

.blog-post-title {
  font-size: 2rem;
  line-height: 1.2em;
}

.clonable-title {
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-4);
  line-height: var(--line-height--lh-tight);
}

.figcl-cta__text-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.title-logo-mega {
  margin-bottom: var(--g-xxs);
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.mega-card__feature-content {
  margin-bottom: var(--mg-pd--xs);
}

.mega__card-title {
  margin-bottom: var(--mg-pd--xxxs);
  font-size: var(--sizes--sz-8);
  line-height: var(--line-height--lh-tight);
}

.shortcodes__subtitle {
  font-size: var(--texts--ts-7);
  line-height: var(--line-height--lh-tight);
  margin-top: 4px;
}

.webflow-bg_wrapper {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 100%;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.content-marketing-hero {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-marketing-hero.center {
  justify-content: center;
}

.content-marketing-hero.horizontal-center, .content-marketing-hero.align-center {
  align-items: center;
}

.content-marketing-hero.align-center.gap-column-8px {
  grid-column-gap: 8px;
}

.content-marketing-hero.figma-resources {
  max-width: 700px;
}

.content-marketing-hero.align-top {
  align-items: flex-start;
}

.content-marketing-hero.align-top.gap-column-12px {
  grid-column-gap: var(--g-xxs);
}

.content-marketing-hero.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.content-marketing-hero.gap-8px.exclusive {
  flex-flow: row;
}

.content-marketing-hero.gap-12px {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.content-marketing-hero.gap-12px.wrap-down {
  flex-flow: wrap;
}

.content-marketing-hero.mg-bottom-24px {
  margin-bottom: var(--mg-pd--xs);
}

.content-marketing-hero.wrap {
  flex-flow: wrap;
}

.hero-icon {
  border-radius: var(--radius--br-6);
  border: .8px solid #d0d6ff;
}

.hero-icon._1 {
  margin-bottom: 0;
}

.hero-icon.framer {
  border-color: #d0e8ff;
}

.hero-bg_wrapper {
  position: relative;
  overflow: hidden;
}

.icon-title_wraper {
  grid-column-gap: var(--texts--ts-12);
  grid-row-gap: var(--texts--ts-12);
  color: var(--new--neutral--color-800);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold {
  font-weight: 700;
}

.empty-state {
  background-color: #0000;
  padding: 0;
}

.grid-content-articles {
  grid-column-gap: 0px;
  grid-row-gap: var(--sizes--sz-16);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.marketing-card {
  grid-column-gap: var(--gap);
  grid-row-gap: var(--gap);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: 100%;
  display: grid;
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.marketing-card.featured {
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.image {
  width: 100%;
}

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

.title-articles_wrapper {
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-tight);
  transition: all .3s;
}

.title-articles_wrapper:hover {
  color: var(--new--primary-color);
  transform: translate(6px);
}

.title-articles_wrapper.heading {
  margin-bottom: var(--mg-pd--xxxxs);
  color: var(--new--neutral--color-800);
  font-weight: 700;
}

.title-articles_wrapper.heading.mgb-xs {
  margin-bottom: var(--mg-pd--xs);
}

.title-articles_wrapper.heading.mgb-s {
  margin-bottom: var(--mg-pd--s);
}

.title-articles_wrapper.hover-blue:hover {
  color: #3a86ff;
}

.framer-top-border {
  border: 1px solid #eff0f6;
}

.website-calculator-top-border-line {
  border-top: 1px solid #eff0f6;
  width: 100%;
  max-width: 100%;
}

.website-calculator-top-border-line.mg-top-48px.mg-bottom-48px, .website-calculator-top-border-line.webflow-background-color {
  background-color: #f7f7fc;
}

.website-calculator-top-border-line.webflow-background-color.padding-left-and-right-calculators {
  padding-left: 12px;
}

.popup-wrapper {
  z-index: 99999;
  background-color: #ffffffe0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-form-wrapper {
  background-color: #fff;
  width: 100%;
  max-width: 574px;
}

.popup-form-wrapper.pricing-calculator {
  background-color: #fff0;
}

.form__proposal-calculator {
  width: 100%;
  margin-bottom: 0;
}

.framer-link {
  color: #3aa0ff;
}

.framer-link:hover {
  color: #3a78ff;
}

.pricing-icon {
  margin-bottom: 12px;
}

.mobile-button-dot-wrapper {
  position: relative;
}

.hamburger-menu-dot {
  display: none;
}

.features_grid {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.footer_cta-icon {
  margin-bottom: var(--mg-pd--xxxxs);
  overflow: hidden;
}

.addons_category_wrapper {
  z-index: 4;
  margin-top: var(--mg-pd--s);
  border: 1px solid var(--new--neutral--color-300);
  background-color: var(--new--neutral--color-100);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: .375rem;
  display: flex;
  position: sticky;
  top: 24px;
  box-shadow: 0 2px 5px #877df32e;
}

.addons_category_badge {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--new--neutral--color-600);
  font-size: var(--texts--ts-8);
  line-height: var(--line-height--lh-none);
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 76px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s, color .3s;
  display: flex;
}

.addons_category_badge:hover {
  border-color: var(--new--primary-color);
  color: var(--new--primary-color);
  box-shadow: 0 4px 12px #4a3aff29;
}

.addons_category_badge.w--current {
  border-color: var(--new--primary-color);
  color: var(--new--primary-color);
  background-color: #0000;
  box-shadow: 0 4px 12px #4a3aff29;
}

.addons_category_badge-icon {
  min-width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  max-height: 1rem;
}

.center_content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.webflow_addons-grid {
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.webflow_addons-block {
  padding-top: var(--mg-pd--m);
}

.webflow_addons-heading {
  margin-bottom: var(--mg-pd--d);
  padding-bottom: var(--mg-pd--xxs);
  border-bottom: 1px solid var(--new--neutral--color-300);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.webflow_addons-heading_icon {
  max-width: none;
  margin-top: -12.5%;
  margin-bottom: -12.5%;
  margin-right: -12.5%;
}

.webflow_addons-heading_icon_wrapper {
  flex-flow: column;
  max-width: 68px;
  display: flex;
}

.webflow_addons-heading_text {
  display: inline-block;
}

.addon_card-icon {
  margin-top: -15%;
  margin-bottom: -15%;
  margin-left: -15%;
}

.addon_card-icon_wrapper {
  max-width: 156px;
  margin-bottom: var(--mg-pd--xxs);
  flex-flow: column;
  display: flex;
}

.addons_card-title {
  margin-bottom: var(--mg-pd--xxxs);
  font-size: var(--texts--ts-6);
  line-height: var(--line-height--lh-base);
}

.feature-icon-wrapper {
  margin-bottom: var(--mg-pd--s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-block;
}

.test {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.glowing_badge {
  z-index: 3;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--new--neutral--color-200);
  color: var(--new--neutral--color-800);
  text-transform: uppercase;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: .875em 1em;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.1em;
  display: flex;
  position: relative;
}

.glowing_badge-wrapper {
  margin-bottom: var(--mg-pd--s);
  padding: 1px;
  position: relative;
}

.test-badge-border-wrapper {
  z-index: 2;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.test-badge-bg-wrapper {
  filter: blur(8px);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.test-badge-bg {
  aspect-ratio: 1;
  background-image: linear-gradient(180deg, var(--new--neutral--color-800), var(--new--secondary--color-3));
  width: 100%;
  position: absolute;
  transform: rotate(4deg);
}

.glowing_badge-icon {
  margin-top: -2px;
}

.exclusive_templates_icon {
  max-width: 28px;
}

.exclusive_card-logo {
  max-height: 30px;
}

.addons_tabs-wrapper {
  flex-flow: column;
  display: flex;
}

.exclusive_pricing-imag_wrapper {
  max-width: 225px;
  margin-right: auto;
  margin-bottom: var(--mg-pd--xs);
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.exclusive_pricing-image {
  margin-top: -25%;
  margin-bottom: -30%;
  margin-right: -15%;
}

.card-large_icon {
  margin-top: -15%;
  margin-bottom: -15%;
}

.card-large_icon_wrapper {
  width: 70%;
  max-width: 200px;
  margin-bottom: var(--mg-pd--xxs);
}

.contact-webflow-exclusive-wrapper {
  width: 65%;
  max-width: 296px;
  margin-bottom: var(--mg-pd--s);
}

.large-icon-wrapper {
  max-width: 140px;
  position: relative;
}

.large-icon {
  border-radius: var(--radius--br-6);
}

.large-icon-shadow {
  z-index: 1;
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -2.878px 1.151px #392cf226, 0 .863px .576px #1d13ae1a, 0 1.439px 5.756px #2327ff1a, 0 5.756px 23.024px #2723ff2e, inset 0 2.302px 1.151px #ffffff7d;
}

.wa_trust-image_wrap {
  max-width: 75px;
  position: relative;
}

.wa_trust-img_bg {
  z-index: 0;
  opacity: .2;
  filter: blur(7.5px);
  background-image: url('../assets/images/global/awards/webflow-enterprise-partner.png');
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.service-card__icon-wrapper {
  max-width: 150px;
}

.agency-cta-image {
  max-width: 110%;
  margin: -5% -5% -10%;
}

.contact_image {
  margin-top: -7.5%;
  margin-bottom: -7.5%;
  margin-left: -5%;
}

.contact_image_wrapper {
  width: 75%;
  max-width: 275px;
  margin-top: 8rem;
  margin-bottom: var(--mg-pd--s);
}

.figma-to-webflow-hero-image {
  max-width: 110%;
  margin: -2.5% -5% -8%;
}

.figma-to-webflow-hero-image.right {
  max-width: 112%;
  margin: -3% -6% -9%;
}

.conversion_services_image-extra_components {
  max-width: 110%;
  margin: 4rem -5% -1.75rem;
}

.marquee-inside-card-wrapper {
  margin-top: var(--mg-pd--s);
  grid-column-gap: var(--g-xs);
  grid-row-gap: var(--g-xs);
  flex-flow: column;
  display: flex;
}

.hero-icon-wrapper {
  max-width: 138px;
  position: relative;
}

.hero-icon-shadow {
  border-top-left-radius: var(--radius--br-6);
  border-top-right-radius: var(--radius--br-6);
  border-bottom-left-radius: var(--radius--br-6);
  border-bottom-right-radius: var(--radius--br-6);
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -2.878px 1.151px #392cf226, 0 .863px .576px #1d13ae1a, 0 1.439px 5.756px #2327ff1a, 0 5.756px 23.024px #2723ff2e, inset 0 2.302px 1.151px #ffffff7d;
}

.hero-icon-shadow.framer {
  box-shadow: inset 0 -2.878px 1.151px #2c67f226, 0 .863px .576px #135bae1a, 0 1.439px 5.756px #2369ff1a, 0 5.756px 23.024px #2365ff2e, inset 0 2.302px 1.151px #ffffff7d;
}

.figma-freebies-image {
  max-width: 40%;
  margin-bottom: var(--mg-pd--xs);
}

.landing-page-image-float-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.crd-figcl__bottom {
  margin-top: var(--mg-pd--s);
  padding-top: var(--mg-pd--s);
  grid-column-gap: var(--g-s);
  grid-row-gap: var(--g-s);
  border-top: 1px solid var(--new--neutral--color-300);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.figma-cloneables-badge {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--new--neutral--color-800);
  background-image: linear-gradient(#f1f4ff, #e1e4ff);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem .5rem .5rem;
  font-weight: 700;
  display: flex;
}

.figma-cloneables-badge---icon-shadow {
  border: .5px solid #5664ff;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -.6px .475px #19249a75, 0 .356px .237px #2733b45c, 0 .594px 2.374px #2a3cff45, 0 2.374px 9.496px #2638ff2e, inset 0 .6px .475px #ffffff7d;
}

.figma-cloneables-badge---icon-wrapper {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  position: relative;
}

.figma-cloneables-badge---icon {
  border-radius: 50%;
}

.top-right-badge {
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.icon-fonts-image {
  max-width: 200px;
  margin-bottom: -5%;
}

.megatech-update-image {
  max-width: 220px;
  margin-bottom: -5%;
}

.dropdown_grid {
  grid-column-gap: var(--sizes--sz-7);
  grid-row-gap: var(--sizes--sz-7);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.contact-form-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.contact-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-row._4-columns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.contact-row._3-columns {
  grid-template-columns: 1.5fr 1.5fr .75fr;
}

.contact-label {
  color: var(--new--neutral--color-700);
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.1em;
}

.input-line {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--new--neutral--color-300);
  min-height: 64px;
  color: var(--new--neutral--color-800);
  margin-bottom: 0;
  padding: .625rem 0 1.5rem;
  line-height: 1.1em;
  transition: color .3s, border-color .3s;
}

.input-line:hover {
  border-bottom-color: var(--new--neutral--color-500);
}

.input-line:active, .input-line:focus {
  border-bottom-color: var(--new--neutral--color-800);
}

.input-line::placeholder {
  color: var(--new--neutral--color-500);
}

.input-line.text-area-line {
  min-height: 140px;
  line-height: 1.5em;
}

.checkbox-item {
  min-width: 175px;
  min-height: 175px;
  padding: var(--mg-pd--s);
  border-radius: var(--radius--br-5);
  border: 1px solid #ebeff6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.checkbox-absolute {
  z-index: 6;
  cursor: pointer;
  border: 3px solid #0000;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .3s, border-color .3s;
  position: absolute;
  inset: 0%;
  box-shadow: 0 4px 10px #14142b0a;
}

.checkbox-absolute:hover {
  border-color: #d1d9e9;
}

.checkbox-absolute:active {
  box-shadow: 0 6px 12px #14142b0f;
}

.checkbox-absolute.w--redirected-checked {
  border-width: 3px;
  border-color: var(--new--primary-color);
  background-color: #0000;
  background-image: none;
  box-shadow: 0 5px 11px #14142b0f;
}

.checkbox-absolute.w--redirected-focus {
  box-shadow: 4px 0 10px #14142b0a;
}

.checkbox-absolute.green-checked.w--redirected-checked {
  border-color: #63de77;
}

.checkbox-absolute.blue-checked.w--redirected-checked {
  border-color: #2388ff;
}

.checkbox-absolute.yellow-checked.w--redirected-checked {
  border-color: #ffc700;
}

.icon-wrapper-v2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrapper-v2.contact-checkbox-wrapper {
  z-index: 5;
  border-radius: 20px;
  min-width: 84px;
  max-width: 84px;
  min-height: 84px;
  max-height: 84px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.icon-wrapper-v2.budget-icon {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  margin-top: 10px;
  margin-bottom: auto;
}

.icon-wrapper-v2.budget-icon.range-slider {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  position: relative;
}

.icon-wrapper-v2.contact-success-icon {
  min-width: 82px;
  max-width: 82px;
  min-height: 82px;
  max-height: 82px;
  margin-right: 16px;
}

.checkbox-absolute-label {
  z-index: 5;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  position: relative;
}

.radio-button-item {
  padding: var(--mg-pd--xs);
  border-radius: var(--radius--br-full);
  border: 1px solid #ebeff6;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #14142b0a;
}

.radio-buttton {
  border-color: #e9eaef;
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  transition: all .2s;
  box-shadow: 0 2px 6px #14142b0a;
}

.radio-buttton.w--redirected-checked {
  border: 7px solid var(--new--primary-color);
  box-shadow: 0 3px 7px #14142b0f;
}

.radio-button-trigger {
  border-radius: var(--radius--br-full);
  border: 3px solid #0000;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 2px;
  padding-left: 48px;
  font-weight: 600;
  line-height: 1.1em;
  transition: border-width .2s, border-color .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.radio-button-trigger:hover {
  border-width: 3px;
  border-color: #d1d9e9;
}

.card-v2 {
  border: 1px solid var(--new--neutral--color-300);
  background-color: #fff;
  border-radius: 24px;
  transform: translate(0);
  box-shadow: 0 2px 14px #14142b0f;
}

.card-v2.budget-slider-container {
  border-radius: var(--radius--br-4);
  padding: 16px 32px;
  display: flex;
}

.card-v2.budget-slider-container.v2 {
  z-index: 2;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.range-slider-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.budget-slider {
  background-color: #ebeff6;
  border-radius: 60px;
  width: 100%;
  height: 10px;
}

.budget-slider.fig {
  background-color: #f2f2f2;
}

.budget-slider.framer {
  background-color: #2370ff1a;
}

.slider-labels {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.range-slider-label {
  color: var(--new--neutral--color-500);
  font-weight: 700;
  line-height: 1.1em;
}

.range-slider-label.min.fig, .range-slider-label.max.fig {
  color: #636363;
}

.divider-vertical {
  background-color: #ebeff6;
  flex-flow: row;
  align-self: stretch;
  width: 1.5px;
  height: 100%;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
}

.divider-vertical.range-slider.test-1 {
  margin-left: 12px;
  margin-right: 12px;
}

.budget-display-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  display: flex;
}

.budget-dots-image {
  width: 100%;
  height: 100%;
  transition: all .2s;
  position: absolute;
}

.budget-amount-display {
  background-color: var(--new--secondary--color-2);
  color: var(--new--primary-color);
  border-radius: 7px;
  padding: 7px 8px 5px;
  font-weight: 700;
  line-height: 1.1em;
}

.budget-amount-display.fig {
  color: #161616;
  background-color: #f2f2f2;
}

.budget-amount-display.framer {
  color: var(--new--secondary--utility-blue);
  background-color: #2370ff1a;
}

.color-red {
  color: #ff2d46;
}

.form-icon-button {
  padding: var(--sizes--sz-6) var(--sizes--sz-8);
  grid-column-gap: var(--g-xxs);
  grid-row-gap: var(--g-xxs);
  border: 1px solid var(--new--primary-color);
  border-radius: var(--radius--br-full);
  background-color: var(--new--primary-color);
  transform-style: preserve-3d;
  background-image: linear-gradient(#4030ff, #7d5dff);
  justify-content: center;
  align-items: center;
  transition: box-shadow .3s, transform .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 12px #4433ff2e, 0 1px 2px #211f5414;
}

.form-icon-button:hover {
  transform: translate3d(0, -4px, .001px);
}

.form-icon-button.fa {
  border-color: var(--new--secondary--utility-blue);
  background-image: linear-gradient(180deg, var(--new--secondary--utility-blue), #5da0ff);
}

.form-icon-button.fg {
  background-image: linear-gradient(#161616, #313131);
  border-color: #161616;
  box-shadow: 0 1px 2px #00000014, 0 3px 12px #0000002e;
}

.form-contact-button {
  color: #fff;
  font-size: var(--texts--ts-9);
  background-color: #0000;
  padding: 0 20px 0 0;
  font-weight: 700;
  position: absolute;
  inset: 0%;
}

.line-rounded-icons {
  font-family: Line Rounded Icon Font, sans-serif;
}

.line-rounded-icons.button-contact-icon {
  color: #fff;
  font-size: var(--texts--ts-9);
  line-height: var(--line-height--lh-base);
  padding-left: 115px;
}

.succes-message {
  background-color: #fff;
  padding-left: 52px;
  padding-right: 52px;
  font-size: 22px;
  line-height: 35px;
  position: relative;
}

.succes-message.contact-success {
  background-color: #eaf2ff;
  border-radius: 24px;
  padding-top: 90px;
  padding-bottom: 90px;
}

.success-message-wrapper {
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-success-text-wrapper {
  text-align: left;
}

.contact-success-heading {
  color: #19213d;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

.contact-success-text {
  font-size: 20px;
  line-height: 28px;
}

.error-message-2 {
  color: #f30f2a;
  text-align: left;
  background-color: #ffebed;
  border-radius: 12px;
  margin-top: 24px;
  padding: 16px 24px;
}

.mgb-large {
  margin-bottom: 56px;
}

.contact-icon-wave {
  max-width: 65px;
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.contact-icon-wave.mobile {
  display: none;
}

.subtitle-2 {
  color: #ff2d46;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1em;
}

.contact-heading-wrapper {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.display-1 {
  color: #19213d;
  margin-bottom: 12px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.2em;
}

.contact-wrapper {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.contact-icon {
  z-index: 5;
  max-width: 80px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: var(--radius--br-4);
  position: relative;
  overflow: hidden;
}

.contact_thank_you-icon {
  max-width: 150px;
  margin-bottom: var(--mg-pd--xxs);
}

.custom-dropdown-toogle {
  width: 100%;
  min-height: 58px;
  padding: var(--mg-pd--xs) var(--mg-pd--s) var(--mg-pd--xs) var(--mg-pd--xs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-full);
  background-color: var(--new--neutral--color-100);
  color: var(--new--neutral--color-600);
  justify-content: space-between;
  align-items: center;
  transition: border-color .3s;
  display: flex;
  box-shadow: 0 2px 7px #14142b14;
}

.custom-dropdown-toogle:hover {
  border-color: var(--new--primary-color);
}

.custom-dropdown-toogle.fig {
  color: #636363;
  box-shadow: 0 2px 7px #00000014;
}

.custom-dropdown-toogle.fig:hover {
  border-color: #8c8c8c;
}

.custom-dropdown-toogle.framer:hover {
  border-color: #239cff;
}

.custom-dropdown {
  width: 100%;
}

.custom-dropdown-nav.w--open {
  background-color: #0000;
}

.custom-dropdown-pd {
  padding: var(--mg-pd--xs);
  border: 1px solid var(--new--neutral--color-300);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
}

.custom-option {
  color: var(--new--neutral--color-600);
  line-height: var(--line-height--lh-tight);
  cursor: default;
  text-decoration: none;
  transition: color .3s;
}

.custom-option:hover {
  color: var(--new--primary-color);
}

.custom-option.fig {
  color: #636363;
}

.custom-option.fig:hover {
  color: #161616;
}

.custom-option.framer:hover {
  color: #239cff;
}

.display-hidden {
  display: none;
}

.custom-dropdown-nav {
  padding-top: var(--mg-pd--xxs);
  background-color: #0000;
  overflow: hidden;
}

.fig-label {
  color: #161616;
}

.blog-cta-container {
  z-index: 9999999;
  min-width: 400px;
  max-width: 400px;
  display: none;
  position: fixed;
  inset: auto 50px 20px auto;
}

.blog-cta-wrapper {
  color: var(--new--neutral--color-600);
  flex-flow: column;
  display: flex;
}

.webflow-cta {
  width: 100%;
  text-decoration: none;
}

.blog-cta-bg {
  z-index: 2;
  border-radius: var(--radius--br-4);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -1px;
  overflow: hidden;
}

.blog-cta {
  z-index: 3;
  padding: var(--mg-pd--xs);
  border-radius: var(--radius--br-4);
  background-color: var(--new--neutral--color-100);
  line-height: var(--line-height--lh-tight);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-cta-image-wrapper {
  max-width: 80px;
}

.blog-cta-image {
  margin-top: -25%;
  margin-right: -25%;
}

.blog-cta-blur {
  z-index: 1;
  border-radius: var(--radius--br-4);
  background-color: var(--new--primary-color);
  opacity: .2;
  filter: blur(4.5px);
  position: absolute;
  inset: -1px;
}

.blog-cta-blur.fa {
  background-color: #209eff;
}

.blog-cta-link.fa {
  color: #009cff;
}

.blog-cta-button {
  left: auto;
  top: var(--mg-pd--xs);
  right: var(--mg-pd--xs);
  aspect-ratio: 1;
  background-color: var(--new--neutral--color-300);
  min-width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  color: var(--new--neutral--color-500);
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: Line Rounded Icon Font, sans-serif;
  font-size: .6rem;
  transition: transform .3s;
  display: flex;
  position: absolute;
  bottom: auto;
}

.blog-cta-button:hover {
  transform: scale3d(.9, .9, 1.001);
}

.blog-cta-button.fa {
  box-shadow: 0 .326px .217px #1359ae5c, 0 .543px 2.17px #2386ff45, 0 2.17px 8.682px #2386ff2e;
}

.framer-cta {
  width: 100%;
  text-decoration: none;
  display: none;
}

.hidden-embed {
  display: none;
}

.blog-cta-border {
  aspect-ratio: 1;
  width: 125%;
  position: absolute;
}

.blog-cta-blob {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--new--primary-color) 50%, transparent);
  border-radius: 50%;
  width: 55%;
  height: 55%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blog-cta-blob.down {
  inset: auto 0% 0% auto;
}

.blog-cta-blob.fa {
  background-image: radial-gradient(circle farthest-side, #209eff 50%, #0000);
}

.blog-cta-icon {
  font-family: Line Rounded Icons, sans-serif;
  font-size: .75em;
  line-height: var(--line-height--lh-none);
}

.blog-cta-link-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  line-height: var(--line-height--lh-tight);
  justify-content: flex-start;
  align-items: center;
  margin-top: .5em;
  text-decoration: none;
  transition-property: opacity;
  display: flex;
}

.blog-cta-link-wrapper:hover {
  opacity: .8;
  color: var(--new--primary-color);
}

.blog-cta-link-wrapper.fa, .blog-cta-link-wrapper.fa:hover {
  color: #209eff;
}

.category-seo-icon {
  border-radius: 8px;
  max-width: 130px;
}

.category-seo-icon-wrapper {
  margin-bottom: var(--mg-pd--xs);
}

.landing-page-image-float---bg {
  z-index: 0;
  opacity: .2;
  filter: blur(32px);
  position: absolute;
  inset: 0%;
}

.landing-page-image-float---bg._02 {
  opacity: .05;
  filter: blur(100px);
}

.bg_gray {
  background-color: var(--new--neutral--color-200);
}

.blog-post-heading {
  font-size: var(--texts--ts-4);
  line-height: var(--line-height--lh-tight);
}

.accordion__top {
  display: flex;
}

.portfolio__heading {
  margin-bottom: var(--g-xxs);
  color: var(--new--neutral--color-800);
  font-size: var(--texts--ts-7);
  font-weight: 700;
}

.contact-row-2 {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-row-2._4-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.contact-label-2 {
  color: #667097;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1em;
}

.icon-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-wrapper-2.contact-checkbox-wrapper {
  z-index: 5;
  border-radius: 20px;
  min-width: 84px;
  max-width: 84px;
  min-height: 84px;
  max-height: 84px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.contact-checkbox-wrapper {
  z-index: 5;
  min-width: 80px;
  max-width: 80px;
  min-height: 80px;
  max-height: 80px;
  margin-bottom: var(--mg-pd--xs);
  border-radius: var(--radius--br-4);
  position: relative;
  overflow: hidden;
}

.cta-customization {
  margin-top: -60px;
}

.toc-dropdown-wrapper {
  justify-content: center;
  align-items: center;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  display: flex;
}

.toc-line {
  background-color: var(--new--neutral--color-800);
  border-radius: 4px;
  width: 20px;
  height: 2px;
}

.toc-line.vertical {
  width: 2px;
  height: 20px;
  position: absolute;
}

.form__wrapper, .filters-wrapper {
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  .card.option-card.requirements {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.option-card.add-ons {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mailchimp-form {
    flex: 1;
    width: auto;
  }

  .hire-webflow-developer-2 {
    top: -6%;
  }

  .hero-image-wrapper {
    left: 50%;
  }

  .elements---image-3 {
    top: 13%;
    left: 28%;
  }

  .reviews-image-01 {
    width: 100%;
    max-width: 100%;
    bottom: -31%;
  }

  .review-image-02 {
    width: 27%;
    bottom: -13%;
    left: 5%;
  }

  .reviews-image-03 {
    width: 38%;
    bottom: -92%;
    right: 10%;
  }

  .reviews-image-04 {
    width: 43%;
    top: 8%;
    left: 0%;
  }

  .reviews-image-05 {
    width: 42%;
    bottom: 24%;
    right: 1%;
  }

  .sec.no-bg {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .grid__2-col.home-templates-g {
    grid-column-gap: 30px;
    grid-template-columns: .38fr 1fr;
  }

  .grid__2-col.footer-links {
    grid-column-gap: 22px;
    grid-template-columns: auto auto;
  }

  .crd.contact-form {
    padding-left: 48px;
    padding-right: 48px;
  }

  .crd.template-content-single {
    padding-left: 84px;
    padding-right: 84px;
  }

  .dd.type {
    left: auto;
  }

  .footer__top-grid {
    grid-template-columns: 1fr 1.1fr 1fr;
  }

  .resource-card__content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .resource-card__content.featured {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cloneable-card-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .service-card__content {
    padding-left: 64px;
    padding-right: 64px;
  }

  .crd-figcl__text-wraper {
    padding-right: 90px;
  }

  .crd-figcl__text-wraper.right {
    padding-left: 90px;
    padding-right: 44px;
  }

  .hero_templates__wrapper {
    right: -5%;
  }

  .hire-a-webflow-expert-image {
    height: 100%;
    top: 0%;
  }

  .agency-hero-images-wrapper {
    right: 7%;
  }

  .exclusive-image---card {
    width: 50%;
    min-width: 610px;
  }

  .exclusive-card-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .calculator-tooltip-wrapper.display-block {
    pointer-events: auto;
  }

  .webflow-agency-image-left-wrapper {
    width: 23%;
    left: -8%;
  }

  .webflow-agency-image-right-wrapper {
    width: 23%;
    right: -6%;
  }

  .f-agency-card-content-wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }

  .f-agency-card-image-wrapper {
    min-width: 630px;
  }

  .grid-2-column--dropdown.gap-column-24px {
    grid-column-gap: 24px;
    grid-template-columns: 1fr .8fr;
  }

  .succes-message {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media screen and (min-width: 1440px) {
  .button-primary.newsletter {
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.tooltip-calculator {
    min-width: 589px;
    max-width: 589px;
  }

  .sidebar-icon {
    border-radius: 13px;
    width: 40px;
  }

  .hire-webflow-developer-2 {
    top: -4%;
  }

  .landing-page-image-float {
    left: 0;
  }

  .elements---image-3 {
    width: 260px;
  }

  .link-card-content-wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }

  .reviews-image-01 {
    width: 100%;
    max-width: 100%;
    bottom: -36%;
  }

  .review-image-02 {
    width: 28%;
    bottom: -15%;
    left: 3%;
  }

  .reviews-image-03 {
    width: 38%;
    bottom: -91%;
  }

  .reviews-image-04 {
    width: 40%;
    top: 6%;
    left: 5%;
  }

  .reviews-image-05 {
    width: 39%;
    bottom: 34%;
    right: 3%;
  }

  .sec.homer-hero.category-seo {
    padding-bottom: 0;
  }

  .sec.elements-hero.category-seo {
    padding-bottom: 0;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .grid-2-columns-2.style---styleguide-wrapper {
    grid-template-columns: .3fr 1fr;
  }

  .btn-circle-secondary.slider-button.hero-btn-right {
    right: 44px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    border-radius: 12px;
    max-width: 46px;
    margin-right: 14px;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) .8fr;
  }

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

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .grid__2-col.home-templates-g {
    grid-template-columns: .3fr 1fr;
  }

  .grid__2-col.categories-seo {
    grid-column-gap: var(--g-d);
    grid-row-gap: var(--g-d);
  }

  .grid__2-col.template-single-hero {
    grid-template-columns: .65fr 1fr;
  }

  .grid__2-col.home-hero-images {
    max-width: 570px;
  }

  .grid__2-col.ctm {
    grid-column-gap: 140px;
    grid-template-columns: .72fr 1fr;
  }

  .dd.color {
    min-width: 320px;
  }

  .footer__top-grid {
    align-items: start;
  }

  .category-seo-image {
    max-width: 150%;
    position: relative;
    left: -6%;
    right: 0%;
  }

  .resource-card__image-wrap {
    flex: none;
    width: 100%;
    max-width: 780px;
  }

  .resource-card__image-wrap.featured {
    max-width: 640px;
  }

  .resource-card__content.featured {
    padding-left: 52px;
    padding-right: 52px;
  }

  .cta-blog-image-02 {
    max-width: 54%;
    top: -9%;
  }

  .cta-blog-image-03 {
    max-width: 69%;
  }

  .cloneable-card-image-wrapper {
    flex: none;
    width: 100%;
  }

  .cloneable-card-image-wrapper.featured {
    min-width: 720px;
    max-width: 720px;
  }

  .cloneable-card-content.featured {
    padding-left: 52px;
    padding-right: 52px;
  }

  .crd-figcl__text-wraper {
    padding-right: 70px;
  }

  .hero_templates__wrapper {
    right: 1%;
  }

  .slider-wrapper {
    border: 1px solid var(--new--neutral--color-300);
    border-radius: 24px;
    box-shadow: 0 3px 10px #211f5417;
  }

  .agency-hero-images-wrapper {
    right: 9%;
  }

  .exclusive-image---card {
    flex: none;
    width: 40%;
    min-width: 630px;
  }

  .exclusive-card-content.featured {
    padding-left: 52px;
    padding-right: 52px;
  }

  .exclusive-card-bottom {
    flex-flow: wrap;
  }

  .exclusive-template-card-border {
    transform: rotate(1400deg);
  }

  .calculator-inner-container {
    max-width: 940px;
  }

  .title-flex.left-mobile {
    margin-bottom: 3px;
  }

  .f-agency-card-image-wrapper {
    min-width: 700px;
  }
}

@media screen and (min-width: 1920px) {
  .input::placeholder {
    color: #615e83;
    font-size: 16px;
  }

  .cta-wrapper {
    padding-left: 160px;
    padding-right: 160px;
  }

  .cta-banner-title {
    max-width: 640px;
  }

  .error-message {
    color: #ff2a2a;
    background-color: #fff2f2;
    border-radius: 80px;
    margin-top: 27px;
    padding: 19px 28px;
  }

  .clonable-sidebar {
    position: sticky;
    top: 24px;
  }

  .form-newsletter {
    width: 58%;
  }

  .grid-2-columns.webflow-awards {
    grid-column-gap: 110px;
    grid-template-columns: 1fr 1.2fr;
  }

  .checkbox-field-wrapper {
    font-size: 18px;
  }

  .hire-webflow-developer-2 {
    top: 3%;
  }

  .inner-container.template-customization-hero-left {
    max-width: 600px;
  }

  .landing-page-image-float {
    left: 0;
  }

  .reviews-image-01 {
    width: 93%;
    bottom: -52%;
    right: 8%;
  }

  .review-image-02 {
    width: 28%;
    bottom: -34%;
    left: 5%;
  }

  .reviews-image-03 {
    width: 40%;
    bottom: -93%;
    right: 4%;
  }

  .reviews-image-04 {
    width: 42%;
    top: 4%;
  }

  .reviews-image-05 {
    width: 42%;
    bottom: 29%;
    right: -3%;
  }

  .sec.top-hero, .sec.top-small {
    padding-left: 66px;
    padding-right: 66px;
  }

  .heading-h1-size {
    font-size: 56px;
    line-height: 69px;
  }

  .heading-h1-size.font-size-50px-desktop-large {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-h4-size {
    font-size: 24px;
    line-height: 32px;
  }

  .display-2 {
    font-size: 80px;
    line-height: 85px;
  }

  .style---heading {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .style---content-wrapper {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .grid__2-col.home__hero {
    grid-template-columns: 1fr .65fr;
  }

  .grid__2-col.categories-seo {
    grid-template-columns: .9fr .96fr;
  }

  .grid__2-col.blog-hero, .grid__2-col.cloneables-hero {
    grid-template-columns: 1fr .76fr;
  }

  .grid__2-col.webflow-agency-hero {
    grid-template-columns: .7fr 1fr;
  }

  .grid__2-col.template-single-hero {
    grid-template-columns: .74fr 1fr;
    align-items: center;
  }

  .grid__2-col.home-hero-images {
    max-width: 610px;
  }

  .crd.features {
    top: 3%;
  }

  .template__image-wraper {
    overflow: hidden;
  }

  .dropdown-filters {
    font-size: 14px;
  }

  .dd {
    min-width: 420px;
  }

  .features__icon.v01 {
    top: 0%;
  }

  .features__icon.v06 {
    top: -4%;
  }

  .features__icon.v09, .features__icon.v3 {
    top: 0%;
  }

  .category-seo-image {
    max-width: 170%;
  }

  .resource-card__image-wrap {
    flex: none;
    width: 100%;
    max-width: 840px;
  }

  .resource-card__content {
    flex-direction: column;
  }

  .cloneable-card-image-wrapper {
    flex: none;
    width: 100%;
  }

  .cloneable-card-image-wrapper.featured {
    min-width: 800px;
    max-width: 800px;
  }

  .cloneable-card-content {
    flex-direction: column;
  }

  .service-card__content {
    padding-left: 88px;
    padding-right: 88px;
  }

  .crd-figcl__text-wraper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .crd-figcl__text-wraper.right {
    padding-left: 50px;
  }

  .figma-card-cloneable-image.wireframe {
    left: 4%;
  }

  .hero_templates__wrapper {
    right: 12%;
  }

  .agency-hero-images-wrapper {
    right: 18%;
  }

  .exclusive-image---card {
    flex: none;
    width: 52%;
  }

  .exclusive-card-content {
    flex-direction: column;
  }

  .exclusive-card-bottom {
    flex-flow: wrap;
  }

  .exclusive-card-image {
    transition-property: none;
  }

  .exclusive-card-image:hover {
    transform: none;
  }

  .cta-text-content {
    max-width: 650px;
  }

  .f-agency-card-content-wrapper {
    padding-left: 88px;
    padding-right: 88px;
  }

  .f-agency-card-image-wrapper {
    min-width: 770px;
    max-width: 740px;
  }

  .pc__medium {
    max-width: 80%;
  }

  .website-calculator-top-border-line.webflow-background-color.padding-left-and-right-calculators {
    padding-right: 12px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --texts--ts-8: 1rem;
    --line-height--lh-base: 1.5em;
    --texts--ts-6: 1.125rem;
    --line-height--lh-tight: 1.2em;
    --mg-pd--xxs: var(--sizes--sz-4);
    --line-height--lh-none: 1em;
    --mg-pd--xs: var(--sizes--sz-7);
    --g-xxs: var(--sizes--sz-4);
    --mg-pd--s: var(--sizes--sz-8);
    --mg-pd--xxxs: var(--sizes--sz-3);
    --sizes--sz-9: 1.75rem;
    --sizes--sz-8: 1.25rem;
    --mg-pd--d: var(--sizes--sz-9);
    --sizes--sz-16: 5.5rem;
    --sizes--sz-15: 4.5rem;
    --sizes--sz-14: 4rem;
    --sizes--sz-18: 7.75rem;
    --g-s: var(--sizes--sz-8);
    --g-xs: var(--sizes--sz-6);
    --radius--br-5: 1.25rem;
    --mg-pd--m: var(--sizes--sz-10);
    --mg-pd--l: var(--sizes--sz-12);
    --radius--br-4: 1rem;
    --texts--ts-9: .9375rem;
    --gap: 0px;
    --radius--br-6: 1.75rem;
    --g-d: var(--sizes--sz-10);
    --mg-pd--xxxxs: var(--sizes--sz-2);
    --radius--br-full: 9999rem;
    --sizes--sz-7: 1rem;
    --texts--ts-7: 1.125rem;
    --texts--ts-2: 2.5rem;
    --radius--br-3: .75rem;
    --texts--ts-11: .8125rem;
    --sizes--sz-13: 3.5rem;
    --sizes--sz-17: 6.5rem;
    --sizes--sz-19: 10.25rem;
    --sizes--sz-20: 11.5rem;
    --sizes--sz-5: .625rem;
    --sizes--sz-11: 2.5rem;
    --sizes--sz-3: .375rem;
    --sizes--sz-10: 2.25rem;
    --sizes--sz-12: 3rem;
    --new--secondary--utility-blue: #2370ff;
    --sizes--sp-0: 0rem;
    --sizes--sz-6: .75rem;
    --g-xxxs: var(--sizes--sz-2);
    --texts--ts-10: .875rem;
    --new--secondary--blue-100: #f4f8ff;
    --sizes--sz-4: .5rem;
    --radius--br-2: .5rem;
    --sizes--sz-1: .125rem;
    --g-m: var(--sizes--sz-12);
    --mg-pd--xl: var(--sizes--sz-13);
    --g-l: var(--sizes--sz-14);
    --g-xxl: var(--sizes--sz-16);
    --g-xl: var(--sizes--sz-15);
    --texts--ts-12: .75rem;
    --mg-pd--xxl: var(--sizes--sz-15);
    --texts--ts-5: 1.375rem;
    --texts--ts-1: 3rem;
    --texts--ts-4: 1.75rem;
    --texts--ts-3: 2.25rem;
    --radius--br-1: .25rem;
    --sizes--sz-2: .25rem;
  }

  h1 {
    font-size: 44px;
  }

  .mgb-s.mg-bottom-12px-tablet {
    margin-bottom: 12px;
  }

  .mg-top-32px.tablet {
    margin-top: 32px;
  }

  .mg-bottom-40px._24px-t {
    margin-bottom: 24px;
  }

  .flex.figma-resources {
    margin-bottom: var(--mg-pd--s);
  }

  .nav-link {
    padding: 10px 0;
  }

  .section {
    padding-top: var(--sizes--sz-15);
    padding-bottom: var(--sizes--sz-15);
  }

  .section.bg-neutral-100.reviews-first-section {
    z-index: 1;
    position: relative;
  }

  .dropdown-list {
    background-color: #fff;
  }

  .navigation {
    display: none;
  }

  .cta-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .cta-wrapper.blog {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .cta-banner-title {
    text-align: center;
    max-width: 100%;
    margin-bottom: 24px;
    padding-right: 0;
  }

  .cta-banner-title.blog {
    margin-left: auto;
    margin-right: auto;
  }

  .card.card-review-featured {
    margin-bottom: var(--mg-pd--d);
    flex-direction: column;
  }

  .card.megatech-pages-section-navigation {
    padding-right: var(--mg-pd--xxs);
    padding-left: var(--mg-pd--xxs);
  }

  .card.testimonial-slider-card {
    min-height: 350px;
  }

  .card.webflow-shortcuts-card-right {
    display: none;
    position: static;
  }

  .card.webflow-shortcuts-nav-menu {
    border: 1px solid var(--new--neutral--color-400);
    background-color: var(--new--neutral--color-100);
    text-align: left;
    min-width: 400px;
    padding: 20px;
    top: 24px;
    left: -550%;
  }

  .feature-icon {
    max-width: 120px;
  }

  .mailchimp-form {
    width: auto;
    padding-left: 0;
  }

  .blog-author-top {
    display: none;
  }

  .rich-text-blog h2 {
    margin-top: 20px;
    font-size: 26px;
  }

  .rich-text-blog h4 {
    margin-top: 20px;
    font-size: 17px;
  }

  .rich-text-blog h3 {
    margin-top: 20px;
    font-size: 21px;
  }

  .rich-text-blog h5 {
    margin-top: 16px;
    font-size: 15px;
  }

  .rich-text-blog h6 {
    margin-top: 16px;
    font-size: 14px;
  }

  .rich-text-blog blockquote {
    padding: 49px 20px;
    font-size: 22px;
    line-height: 34px;
  }

  .rich-text-blog ul, .rich-text-blog ol {
    padding-left: 26px;
  }

  .rich-text-blog h1 {
    font-size: 32px;
  }

  .author-image {
    width: 90px;
  }

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

  .grid-3-columns.testimonials-top, .grid-3-columns.reviews {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-2-columns.saas-web-design-hero {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.left-image---text-right {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.webflow-awards {
    grid-row-gap: 69px;
    grid-template-columns: 1fr;
  }

  .template-idea-blur-1 {
    max-width: 66%;
    left: -33%;
  }

  .template-idea-blur-2 {
    max-width: 64%;
    top: 13%;
    right: -30%;
  }

  .template-idea-image {
    max-width: 200px;
  }

  .icon-family__step-wrap {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .icon-family__instructions-left {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    flex-flow: column;
    position: static;
  }

  .hire-webflow-developer-2 {
    width: 18%;
    display: none;
    top: -8%;
    left: 11%;
  }

  .inner-container._630px, .inner-container._790px, .inner-container._890px {
    max-width: none;
  }

  .inner-container._470px._100-mobile {
    max-width: 100%;
  }

  .inner-container._1054px, .inner-container._700px {
    max-width: none;
  }

  .inner-container._490px._100-mobile {
    max-width: 100%;
  }

  .inner-container._712px {
    max-width: none;
  }

  .inner-container._454px._100-tablet, .inner-container._100-tablet {
    max-width: 100%;
  }

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

  .text-center-tablet.flex-vertical.start {
    align-items: center;
  }

  .card-image.horizontal-image {
    max-width: 60px;
    margin-right: 0;
    margin-bottom: var(--mg-pd--s);
  }

  .hero-image-wrapper {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 0%;
    transform: none;
  }

  .elements---image-1 {
    margin-top: -3%;
    margin-bottom: -8%;
  }

  .elements---image-2 {
    top: 3%;
    left: -8%;
  }

  .elements---image-3 {
    width: 36%;
    top: -9%;
    left: 51%;
  }

  .link-card-content-wrapper {
    padding-top: 28px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .link-card-icon-logo {
    max-width: 72px;
    max-height: 72px;
  }

  .elements---image-4 {
    bottom: -21%;
  }

  .blog-cta-card-right.brix-templates {
    background-size: 117%;
  }

  .blog-card-color, .blog-card-code {
    padding-left: 80px;
    padding-right: 80px;
  }

  .blog-top-image-wrapper {
    min-width: 359px;
  }

  .review-image-02 {
    width: 20%;
    display: none;
    bottom: 6%;
    left: 19%;
  }

  .reviews-image-03 {
    width: 30%;
    display: none;
    bottom: -53%;
    right: 9%;
  }

  .reviews-image-04 {
    width: 31%;
    top: -3%;
    left: 10%;
  }

  .reviews-image-05 {
    width: 30%;
    top: -23%;
    bottom: 32%;
    right: 9%;
  }

  .card-review-testimonial-avatar.featured {
    width: 72px;
    height: 72px;
  }

  .card-review-featured-image-wrapper {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: var(--mg-pd--s);
  }

  .card-review-featured-badge {
    top: var(--mg-pd--m);
    right: var(--mg-pd--m);
  }

  .sec.homer-hero {
    padding-top: var(--sizes--sz-17);
    padding-bottom: var(--sizes--sz-15);
  }

  .sec.homer-hero.category-seo {
    padding-top: var(--sizes--sz-16);
    padding-bottom: 0;
  }

  .sec.cloneable-page {
    padding-top: 60px;
  }

  .sec.contact-form {
    padding-top: var(--sizes--sz-13);
    padding-bottom: var(--sizes--sz-10);
  }

  .sec.contact-form.webflow-expert, .sec.contact-form.bottom {
    padding-bottom: var(--sizes--sz-13);
  }

  .sec.top-hero {
    padding-top: var(--sizes--sz-11);
  }

  .sec.template-background {
    padding-top: 70px;
  }

  .sec.freebies {
    background-image: url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec.review-hero {
    padding-top: var(--sizes--sz-10);
    margin-bottom: 0;
    padding-bottom: 200px;
  }

  .sec.agency-hero {
    padding-top: var(--sizes--sz-16);
  }

  .sec.cloneables-hero {
    padding-bottom: 140px;
  }

  .sec.resources-hero {
    padding-top: var(--sizes--sz-17);
    background-image: url('../assets/images/pages/home/brix-templates-hero-background-2.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec.pd-bottom-200px {
    padding-bottom: 164px;
  }

  .sec.customization-top {
    padding-top: var(--sizes--sz-12);
  }

  .sec.shortcuts-hero {
    padding-top: 30px;
  }

  .sec.services {
    border-radius: 32px;
  }

  .sec.memberstack-dashboard-hero {
    padding-top: 48px;
  }

  .sec.pd-top-0.z-index-1 {
    padding-bottom: 80px;
  }

  .sec.elements-hero {
    min-height: 0;
    padding-top: var(--sizes--sz-18);
    padding-bottom: var(--sizes--sz-16);
  }

  .sec.elements-hero.category-seo {
    padding-bottom: 0;
  }

  .btn.large {
    padding: 26px 52px;
  }

  .btn.small.header-btn-hidde-on-mb {
    margin-left: 24px;
  }

  .style---content-heading {
    margin-bottom: 60px;
    padding: 32px;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

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

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---navigation-sidebar {
    min-height: auto;
    max-height: 100%;
    box-shadow: none;
    position: static;
  }

  .icon-font.dropdown-arrow {
    display: none;
  }

  .display-1---new {
    font-size: 64px;
    line-height: 76px;
  }

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

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .grid__3-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid__3-col.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid__3-col._3-col-tablets {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid__3-col.testimonials-top {
    grid-template-columns: 1fr;
  }

  .grid__3-col._1-col-tablet {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-columns: 1fr;
  }

  .grid__3-col.figma-to-webflow-features-grid {
    grid-template-columns: 1.04fr 1fr;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .divider._48px {
    margin-top: var(--mg-pd--m);
    margin-bottom: var(--mg-pd--m);
  }

  .btn-secondary.large {
    padding: 26px 52px;
  }

  .grid-2-columns-2.style---styleguide-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns-2._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .text-400 {
    font-size: 22px;
    line-height: 24px;
  }

  .btn-row.t-center {
    justify-content: center;
    align-items: center;
  }

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

  .btn-circle-secondary {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .btn-circle-secondary.slider-button {
    font-size: 20px;
  }

  .btn-circle-secondary.slider-button.hero-btn-left {
    left: -24px;
  }

  .btn-circle-secondary.slider-button.hero-btn-right {
    right: 24px;
  }

  .btn-circle-secondary.slider-button.left {
    left: -12px;
  }

  .btn-circle-secondary.slider-button.right {
    right: -12px;
  }

  .inp.subscribe-form {
    min-height: 63px;
  }

  .inp.search-filter.jetboost-list-search-input-p1x9 {
    width: 100%;
  }

  .heading-h4-size {
    font-size: var(--texts--ts-6);
  }

  .display-2 {
    font-size: 58px;
    line-height: 70px;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

  .display-3---new {
    font-size: 32px;
    line-height: 44px;
  }

  .grid__1-col.gap-row-24px.flex-column {
    flex-direction: row;
    flex: none;
    width: 320%;
  }

  .grid__1-col.gap-row-24px._16px-mb {
    grid-row-gap: 16px;
  }

  .grid__1-col.gap-row-24px._16px-mb.dropdown-features {
    grid-row-gap: var(--sizes--sz-7);
  }

  .grid__1-col.figma-to-webflow-grid-rigth {
    grid-column-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .grid__1-col.g-0.filters-categories {
    grid-column-gap: 16px;
    grid-row-gap: var(--gap);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .grid__1-col.mega-menu-col {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
  }

  .relative.z-indexx-999 {
    z-index: 999;
  }

  .display-4---new {
    font-size: 22px;
    line-height: 38px;
  }

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

  .style---heading {
    min-height: auto;
    margin-bottom: 60px;
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .style---logo-wrapper {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .style---dropdown-toggle.last {
    border-bottom-width: 0;
  }

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

  .footer-top.pd-72px {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

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

  .header__nav-item-wrapper {
    margin-bottom: 0;
    padding-left: 0;
  }

  .header__nav-item-wrapper.show-in-mobile {
    display: none;
  }

  .header__nav-item-wrapper.last {
    margin-right: 0;
  }

  .header__nav-item-wrapper.show-in-tablet {
    display: block;
  }

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

  .hbm__bar {
    background-color: var(--new--primary-color);
    width: 22px;
    height: 2.5px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .hbm__bar.bot, .hbm__bar.top {
    align-self: center;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .hbm__wraper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header__nav-link {
    border-width: 0 0 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--new--neutral--color-200);
    box-shadow: none;
    color: var(--new--neutral--color-800);
    border-radius: 0;
    padding: 1.25rem 0;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1em;
  }

  .header__nav-link:hover {
    border-style: solid;
    border-width: 0 0 1px;
    border-bottom-color: var(--new--neutral--color-200);
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
  }

  .header__nav-link.pd-sides-8px {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-pd {
    padding: 20px 0 14px;
  }

  .dropdown-pd.header-pd {
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    margin-top: 0;
    padding: 8px 0 10px;
  }

  .dropdown-pd.header-pd.templates, .dropdown-pd.header-pd.resourecs {
    padding: 1.5rem 1.25rem;
  }

  .header__nav-wraper {
    border-bottom-left-radius: var(--radius--br-3);
    border-bottom-right-radius: var(--radius--br-3);
    background-color: #fff;
    border-top: 1px solid #eff0f6;
    border-bottom: 1px solid #eff0f6;
    padding: 0 .75rem 1rem;
  }

  .header__right-wraper {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
  }

  .dropdown-column-wrapper.w--open {
    position: static;
  }

  .dropdown-column-wrapper.header-dropdown {
    min-width: 100%;
    max-width: 100%;
    box-shadow: none;
    transform: none;
  }

  .dropdown-column-wrapper.header-dropdown.w--open {
    transform: none;
  }

  .dropdown-column-wrapper.header-dropdown.templates-dropdown {
    min-width: 0;
    max-width: 100%;
  }

  .dropdown-column-wrapper.header-dropdown.resources {
    min-width: 0;
  }

  .header__dropdown-toggle {
    border-width: 0 0 1px;
    border-bottom-color: var(--new--neutral--color-200);
    box-shadow: none;
    color: var(--new--neutral--color-800);
    border-radius: 0;
    padding: 1.25rem 0;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1rem;
  }

  .header__dropdown-toggle:hover {
    border-bottom-color: var(--new--neutral--color-200);
    box-shadow: none;
    color: var(--new--primary-color);
    background-color: #0000;
  }

  .header__dropdown-wrapper {
    width: 100%;
  }

  .grid__2-col.home__hero {
    grid-template-columns: .8fr;
  }

  .grid__2-col.cta-newsletter-v1 {
    grid-template-columns: 1fr;
  }

  .grid__2-col.g-s._1-col-tablet.mgb-d {
    grid-row-gap: var(--g-s);
  }

  .grid__2-col.categories-seo {
    grid-template-columns: 1fr;
  }

  .grid__2-col.title-btn.mg-bottom-94px {
    margin-bottom: 72px;
  }

  .grid__2-col.title-btn.features {
    grid-column-gap: var(--g-xxxs);
    grid-row-gap: var(--g-xxxs);
    flex-flow: column;
    display: flex;
  }

  .grid__2-col.blog-hero {
    grid-row-gap: 10px;
    grid-template-columns: .8fr;
  }

  .grid__2-col.title-filters {
    grid-row-gap: var(--g-s);
    grid-template-columns: 1fr;
  }

  .grid__2-col.cloneables-hero {
    grid-row-gap: 10px;
    grid-template-columns: .8fr;
  }

  .grid__2-col.blog-post-page {
    grid-template-columns: 1fr;
    place-items: start;
  }

  .grid__2-col.cloneable-page-hero {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.cloneable-page-content {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.webflow-agency-hero {
    grid-template-columns: .8fr;
  }

  .grid__2-col.contact-cta {
    grid-template-columns: 1fr;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid__2-col.contact-cta.test-1 {
    grid-template-columns: 1fr;
  }

  .grid__2-col.template-single-hero {
    grid-row-gap: var(--g-d);
    grid-template-columns: 1fr;
  }

  .grid__2-col.home-hero-images {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .grid__2-col.elements-hero, .grid__2-col.reviews-hero {
    grid-column-gap: var(--g-m);
    grid-row-gap: var(--g-m);
    grid-template-columns: 1fr;
  }

  .grid__2-col.why-buy-our-templates-grid {
    grid-row-gap: var(--g-d);
    grid-template-columns: 1fr;
  }

  .grid__2-col.megatech-2-features-grid {
    grid-column-gap: 32px;
  }

  .grid__2-col._1-col-tablet {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.exclusive-template-contact {
    grid-row-gap: var(--g-d);
    grid-template-columns: 1fr;
  }

  .grid__2-col.template-customization-grid-bottom {
    grid-template-columns: 1fr;
  }

  .grid__2-col.ctm {
    grid-row-gap: var(--g-s);
    grid-template-columns: 1fr;
    place-items: start stretch;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid__2-col.figma-to-webflow-main-grid {
    grid-template-columns: 2.04fr;
  }

  .grid__2-col.image-left-and-text---v02 {
    grid-column-gap: 24px;
    grid-template-columns: 1.25fr 1fr;
  }

  .grid__2-col.integration-single-page-grid {
    grid-template-columns: 1.92fr;
  }

  .grid__2-col.webflow-ecommerce-image-right-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.cta-image-right-grid {
    grid-template-columns: 1fr;
  }

  .grid__2-col.awwards-section {
    grid-column-gap: var(--g-d);
    grid-row-gap: var(--g-d);
    grid-template-columns: 10.8fr;
    place-items: start center;
  }

  .grid__2-col.cta-agency {
    grid-column-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .grid__2-col.fa-cta {
    grid-template-columns: minmax(20%, 445px) minmax(min-content, 566px);
  }

  .grid__2-col.a-features {
    grid-template-columns: 1fr;
  }

  .grid__2-col.hire-we-hero {
    grid-column-gap: var(--g-d);
    grid-row-gap: var(--g-d);
  }

  .grid__2-col.marketing-grid {
    grid-template-columns: 1fr;
  }

  .dropdown-menu-icon.templates-icons {
    max-width: 50px;
  }

  .crd.cloneable-sidebar.bottom-card {
    margin-top: var(--mg-pd--s);
    padding-top: var(--mg-pd--s);
  }

  .crd.services-agency {
    flex-direction: column;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 11px #0e0c351a;
  }

  .crd.portfolio {
    width: 310px;
  }

  .crd.contact-form {
    min-height: 509px;
    padding-top: var(--mg-pd--m);
    padding-bottom: var(--mg-pd--m);
  }

  .crd.card-grey.figma-cloneable-card {
    flex-direction: column;
  }

  .crd.figcl-cta {
    flex-direction: column;
    align-items: flex-start;
  }

  .crd.icon-left---text-right-v1 {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .crd.megatech-templates-card {
    padding-top: var(--mg-pd--s);
    padding-right: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .crd.buy-mega-template-card {
    grid-template-columns: 1.18fr;
  }

  .crd.megatech-figma-file-card {
    grid-template-columns: 1.3fr;
  }

  .crd.exclusive-templates-card {
    padding: var(--mg-pd--d);
  }

  .crd.grid-card-image-right {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.grid-card-image-top.v2 {
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
  }

  .crd.grid-card-image-bottom {
    padding: var(--mg-pd--m) var(--mg-pd--d) var(--mg-pd--s);
  }

  .crd.grid-card-marquee-bottom.pd-top-32px {
    justify-content: center;
  }

  .crd.a-services-card {
    flex-direction: column;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  .crd.integration-single-card {
    padding-top: 80px;
    padding-bottom: var(--mg-pd--d);
  }

  .crd.integration-single-card.v2 {
    padding-top: 40px;
  }

  .crd.integration-single-card.v3 {
    position: static;
    top: auto;
  }

  .crd.integration-single-card.v3.toc {
    display: none;
  }

  .crd.addons-card-large {
    grid-template-columns: 1fr;
  }

  .crd.addons-card-small {
    padding-bottom: var(--mg-pd--d);
  }

  .crd.large-card-center {
    padding-left: 48px;
    padding-right: 48px;
  }

  .crd.figcl-grey {
    flex-flow: column;
    min-height: 0;
  }

  .template__badges-wraper {
    right: var(--mg-pd--xs);
  }

  .link-wraper.default-link, .link-wraper.default_center-mb {
    font-size: var(--texts--ts-9);
  }

  .filters-wraper.blog {
    justify-content: flex-start;
    align-items: center;
  }

  .dd.type {
    left: auto;
  }

  .dropdown-select-wrapper {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }

  .cta_sec {
    min-height: 0;
  }

  .cta__image-wrap {
    width: 40%;
    max-width: none;
    margin-bottom: 0%;
    margin-left: 2.5%;
    position: relative;
    inset: auto;
    transform: translate(0%);
  }

  .cta-image-01 {
    margin-top: -5%;
  }

  .cta-image-04 {
    top: -19%;
  }

  .cta-image-05 {
    max-width: 30%;
    top: 3%;
    left: 9%;
  }

  .features__icon-wrap.large {
    max-width: 100px;
    padding-bottom: 1%;
  }

  .features__icon.v03 {
    width: 100px;
    max-width: 110px;
  }

  .features__icon.v06 {
    max-width: 90%;
  }

  .features__icon.v10 {
    max-width: 103%;
  }

  .flex-space-between {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-templates__content {
    padding-right: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .cta-templates__image {
    width: 220%;
    max-width: 220%;
  }

  .cta-templates__image.v02 {
    width: 130%;
    max-width: 110%;
    left: 40px;
  }

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

  .category-seo-image {
    max-width: 100%;
    position: static;
  }

  .resrouce-card, .resrouce-card.featured {
    flex-direction: column;
  }

  .text-icon-wrapper.blog-post-card-date {
    font-size: var(--texts--ts-9);
  }

  .cta-blog-image-01 {
    max-width: 84%;
    top: -1%;
    left: 8%;
  }

  .cta-blog-image-02 {
    max-width: 50%;
    top: 12%;
    left: -6%;
  }

  .cta-blog-image-03 {
    max-width: 60%;
    top: 73%;
    bottom: -54%;
    right: -1%;
  }

  .clonable-card {
    flex-direction: column;
  }

  .cloneable-card-content {
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .cloneable-card-content.featured {
    padding-left: 41px;
    padding-right: 41px;
  }

  .flex-grid {
    flex-wrap: wrap;
  }

  .service-card__image-wraper {
    border-top-left-radius: var(--radius--br-6);
    border-top-right-radius: var(--radius--br-6);
    border-bottom-left-radius: 0;
    min-width: 100%;
    max-width: 100%;
  }

  .service-card__image {
    width: 100%;
  }

  .sec__contact-bg {
    height: 80%;
    inset: 0% 0% auto;
  }

  .sec__contact-bg.ctm {
    background-image: linear-gradient(90deg, #4a3aff, #6c55ff);
  }

  .sec__contact-bg.bg-primary, .sec__contact-bg.blue {
    background-image: none;
  }

  .contact-image {
    max-width: 230px;
  }

  .contact-image.v2 {
    max-width: 200px;
    margin-bottom: -11px;
  }

  .crd-figcl__text-wraper {
    padding-top: var(--mg-pd--d);
    padding-bottom: var(--mg-pd--d);
  }

  .crd-figcl__text-wraper.right {
    padding-bottom: 48px;
  }

  .crd-figcl__img-wraper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    max-height: 400px;
    overflow: hidden;
  }

  .crd-figcl__img-wraper.left {
    align-items: flex-end;
    margin-top: 0;
  }

  .figma-card-cloneable-icon {
    max-width: 80px;
  }

  .figma-card-cloneable-image.left.brand-book {
    max-width: 100%;
  }

  .figma-card-cloneable-image.wireframe {
    max-width: 143%;
    left: 1%;
  }

  .figcl-crd__icon.charts {
    max-width: 100px;
    margin-bottom: 0;
  }

  .grid-4-columns---new {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns---new.mg-top-96px {
    grid-row-gap: 80px;
  }

  .grid-4-columns---new.elements-features {
    grid-row-gap: var(--g-xl);
  }

  .hero_templates__wrapper {
    width: 100%;
    margin-top: 46px;
    position: static;
    transform: none;
  }

  .home-hero__img {
    border-radius: 11px;
    min-width: 20rem;
    box-shadow: 0 4px 16px #211f541f;
  }

  .home-hero__img:hover {
    transform: translate(0, -4px);
  }

  .hero-templates__col {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .hero_home__gradient {
    height: 15%;
    display: none;
  }

  .home-hero-gradient-top {
    display: none;
  }

  .agency-hero-images-wrapper {
    width: 100%;
    margin-top: 46px;
    position: relative;
    transform: none;
  }

  .hbm {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .webflow-agency-badge {
    inset: -17% 12% auto auto;
    box-shadow: 0 17px 40px #211f5433;
  }

  .br-6.award-sahdow {
    opacity: .4;
    filter: blur(16px);
    transform: scale(.98);
  }

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

  .megatech-vertical-marquee-container {
    grid-column-gap: 16px;
  }

  .vertical-marquee-column.horizontal-tablet {
    flex-flow: row;
  }

  .vertical-marquee-items-container.horizontal-tablet {
    grid-column-gap: 24px;
    flex-flow: row;
    padding-bottom: 0;
    padding-right: 24px;
  }

  .megatech-navigation-links-container {
    border: 1px solid var(--new--neutral--color-300);
    background-color: var(--new--neutral--color-100);
    border-radius: 20px;
    flex-flow: column;
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
    padding: 24px;
  }

  .megatech-navigation-link {
    display: block;
  }

  .megatech-hamburger-menu-button {
    border-radius: var(--radius--br-full);
    background-image: linear-gradient(#0f2678, #000e41);
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 4px;
    box-shadow: inset 0 1px 3px #19213d1a;
  }

  .megatech-hamburger-menu-flex {
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .megatech-hamburger-menu-line {
    background-color: var(--new--neutral--color-100);
    border-radius: 24px;
    width: 24px;
    height: 2px;
    padding: 0;
  }

  .megatech-circle-icon {
    max-width: 64px;
  }

  .megatech-templates-card-wrapper {
    padding: 4px;
  }

  .content-center-tablet {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .content-center-tablet.z-index-5 {
    z-index: 5;
    position: relative;
  }

  .max-width-222px {
    max-width: 200px;
  }

  .max-width-222px.center {
    max-width: 160px;
  }

  .megatech-link-image.hover-scale-1-02 {
    border-top-right-radius: var(--radius--br-5);
    border-bottom-left-radius: 0;
  }

  .megatech-link-image-wrapper.marquee-image {
    min-width: 320px;
  }

  .megatech-pages-grid {
    grid-template-columns: 1fr;
  }

  .megatech-pages-grid.last-two {
    grid-template-columns: 1fr;
    width: auto;
  }

  .megatech-cta-section {
    padding-top: var(--sizes--sz-12);
    background-image: linear-gradient(90deg, #3a82ff, #6199ff);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 0;
    overflow: hidden;
  }

  .megatech-cta-right-pages {
    grid-row-gap: 24px;
    transform-origin: 0 0;
    grid-template-columns: 1fr;
    width: auto;
    max-width: none;
    margin-top: 64px;
    margin-left: -24px;
    transform: rotate(5deg);
  }

  .megatech-cta-right-pages-wrapper {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .megatech-cta-text-container {
    width: 100%;
    max-width: none;
  }

  .megatech-features---text-right {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .paragraph-medium.mg-bottom-24px.mg-bottom-12px-tablet {
    margin-bottom: 12px;
  }

  .max-width-160px {
    max-width: 140px;
  }

  .megatech-figma-file-text-container {
    padding-top: 0;
  }

  .megatech-figma-file-text-container.figma-template {
    padding-top: 56px;
  }

  .heading-size-35px {
    font-size: 32px;
  }

  .megatech-icon-top-margin-tablet {
    z-index: 1;
    margin-top: -96px;
    position: relative;
  }

  .max-width-148px {
    width: 110px;
  }

  .buy-mega-template-text-container {
    padding: var(--mg-pd--d);
  }

  .megatech-top-notification-bar {
    padding: 20px 40px 28px;
  }

  .megatech-notification-bar-link-container {
    margin-left: 0;
  }

  .notification-bar-content-inside {
    grid-row-gap: 6px;
    flex-flow: column;
  }

  .exclusive-image---card {
    border-top-right-radius: var(--radius--br-6);
    border-bottom-left-radius: 0;
    min-width: 0;
  }

  .exclusive-card-content {
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .exclusive-card {
    flex-direction: column;
  }

  .exclusive-circle-icon {
    max-width: 64px;
  }

  .gradient-image {
    border-top-right-radius: var(--radius--br-6);
    border-bottom-left-radius: 0;
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .ctm-hero__content {
    grid-row-gap: var(--g-d);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .max-width-60px {
    max-width: 48px;
  }

  .ctm-hero__slider-content {
    align-self: stretch;
  }

  .ctm-hero__slider-wrapper {
    max-width: none;
    margin-right: 0;
  }

  .ctm-service-crd__text-content.left {
    width: 70%;
  }

  .template-customization-card-bg {
    right: -2.5%;
  }

  .cta-sec {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .cta-sec.ctm {
    padding-top: var(--sizes--sz-13);
    padding-bottom: var(--sizes--sz-9);
  }

  .cta-paragraph-large {
    font-size: 28px;
  }

  .cta-text-content {
    width: auto;
    max-width: none;
  }

  .cta-image-right-wrapper {
    width: 60%;
    margin-top: -15%;
    margin-bottom: -7.5%;
    margin-left: auto;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .counter-value {
    max-width: none;
  }

  .estimate-price-currency {
    font-size: 20px;
    line-height: 21px;
  }

  .calculator-bottom-section {
    padding: var(--mg-pd--d);
  }

  .calculator-top-section {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .estimate-price {
    font-size: 38px;
    line-height: 38px;
  }

  .calculator-section-header {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .badge-menu-link {
    margin-bottom: 2px;
    margin-left: 12px;
    padding: 9px 12px;
    font-size: 18px;
    line-height: 17px;
  }

  .badge-menu-link-gradient-inside {
    bottom: -182%;
  }

  .max-width-328px {
    max-width: 230px;
  }

  .max-width-52px {
    max-width: 48px;
  }

  .webflow-agency-main-wrapper, .webflow-agency-main-image-overlay {
    border-radius: 16px;
  }

  .webflow-agency-image-left-wrapper {
    border-radius: 8px;
    width: 16%;
  }

  .webflow-agency-absolute-image-overlay {
    border-radius: 8px;
  }

  .webflow-agency-image-right-wrapper {
    border-radius: 8px;
    width: 16%;
  }

  .color-picker-circle {
    width: 10%;
  }

  .webflow-shortcuts-main-grid {
    grid-row-gap: 48px;
    grid-template-columns: 2.28fr;
  }

  .webflow-shortcuts-card---top {
    grid-column-gap: 24px;
  }

  .webflow-shortcut-key {
    padding-left: 20px;
    padding-right: 20px;
  }

  .webflow-shortcuts-2-items {
    grid-column-gap: 20px;
  }

  .webflow-shortcuts-navbar {
    background-color: #0000;
    display: block;
    overflow: visible;
  }

  .webflow-shortcuts-nav-menu-line {
    background-color: var(--new--neutral--color-600);
    border-radius: 40px;
    width: 40px;
    height: 3px;
    padding: 0;
  }

  .webflow-shortcuts-nav-button {
    background-color: #f5f4ff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    padding: 0;
    transition: transform .3s;
    display: flex;
  }

  .webflow-shortcuts-nav-button:hover {
    transform: translate3d(0, -3px, .01px);
  }

  .webflow-shortcuts-nav-button.w--open {
    background-color: #f5f4ff;
  }

  .webflow-shortcuts-lines-container {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .webflow-shortcuts---toggle-and-nav {
    grid-column-gap: 16px;
    display: flex;
  }

  .webflow-shortcuts-menu-bg {
    z-index: -1;
    opacity: 0;
  }

  .figma-to-webflow-hero-images {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
  }

  .mg-auto-top-and-bottom-tablet {
    margin-top: auto;
    margin-bottom: auto;
  }

  .stat-number-large {
    font-size: 48px;
  }

  .contact-image-container {
    max-width: 240px;
  }

  .stat-section-bg-bottom {
    bottom: 30%;
  }

  .agency_cta {
    border-radius: 40px;
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .agency_cta.wa {
    padding-top: var(--sizes--sz-16);
    padding-bottom: var(--sizes--sz-16);
  }

  .projects-marquee-image {
    width: 300px;
  }

  .webflow-agency-hero-rive {
    height: 400px;
  }

  .a__image-hero-wrap, .fa_hero-riveapp {
    margin-top: var(--mg-pd--m);
  }

  .sec__a-accent.dark-cta {
    padding-top: var(--sizes--sz-18);
    padding-bottom: var(--sizes--sz-18);
  }

  .sec__a-accent.dark-cta.fig {
    padding-top: var(--sizes--sz-16);
    padding-bottom: 0;
  }

  .f-agency-card-content-wrapper {
    padding-top: 40px;
  }

  .f-agency-card-image-wrapper {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    min-width: 100%;
  }

  .memberstack-image-wrapper {
    max-width: 500px;
  }

  .max-width-140px {
    max-width: 120px;
  }

  .integrations---hero-bg {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
    height: 44%;
  }

  .integration-single-banner {
    height: 60px;
  }

  .integration-single---bg {
    height: 228px;
  }

  .max-width-94px {
    max-width: 80px;
  }

  .addons-card-large---text {
    max-width: none;
    padding: var(--mg-pd--d);
  }

  .addons-card-large---text.max-w-490px {
    max-width: none;
  }

  .max-width-80px {
    max-width: 72px;
  }

  .rich-text-small-headings.examples-rich-text p {
    margin-bottom: var(--mg-pd--xxs);
  }

  .grid-2-column--dropdown.gap-row-24px.flex-column {
    flex-direction: row;
    flex: none;
    width: 320%;
  }

  .grid-2-column--dropdown.gap-row-24px._16px-mb {
    grid-row-gap: 16px;
  }

  .grid-2-column--dropdown.figma-to-webflow-grid-rigth {
    grid-column-gap: 28px;
    grid-template-columns: 1fr 1fr;
  }

  .integration-single-text-wrapper {
    margin-top: -4px;
  }

  .max-width-116px {
    max-width: 80px;
  }

  .glossary---hero-bg {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
    height: 44%;
  }

  .brix-templates-circle-logo-center {
    max-width: 80px;
  }

  .paragraph-extra-large {
    font-size: 24px;
  }

  .webflow-ecommerce-image-right {
    margin-bottom: 15%;
    margin-left: 11%;
    margin-right: 15%;
  }

  .figma-agency-hero-image-wrapper {
    border-radius: 40px;
    margin-top: 64px;
  }

  .figma-sites-cta-image-right {
    z-index: 1;
    width: auto;
    max-width: none;
    margin-top: 64px;
    margin-left: -34%;
    margin-right: -34%;
    position: relative;
    inset: auto;
  }

  .sbt {
    font-size: var(--texts--ts-9);
  }

  .hero-templates__col-wraper {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    flex-flow: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-templates__cms-item {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .hero-templates__col-cms {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .template__link {
    font-size: var(--texts--ts-10);
  }

  .cta__left-col {
    max-width: 100ch;
  }

  .i-container._50-t {
    max-width: 50ch;
  }

  .i-container._50-t.left {
    margin-left: 0;
  }

  .i-container._50ch {
    max-width: 45ch;
  }

  .i-container._45ch {
    max-width: 42ch;
  }

  .header__mega-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .7fr .4fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .mega-menu__col {
    grid-column-gap: var(--g-d);
    grid-row-gap: var(--g-d);
    text-align: left;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .mega-menu__subtitle {
    margin-bottom: var(--mg-pd--xs);
    font-size: var(--texts--ts-11);
    line-height: var(--line-height--lh-tight);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 500;
  }

  .mega-menu__link-wrap {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
    color: var(--new--neutral--color-800);
    font-size: var(--texts--ts-10);
    justify-content: flex-start;
    align-items: center;
    line-height: 1.4em;
    text-decoration: none;
    display: flex;
  }

  .mega-menu__link-wrap:hover {
    color: var(--new--primary-color);
    transform: translate(0);
  }

  .mega-menu__link-icon {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .mega-menu__link-icon.border-radius {
    border-radius: var(--radius--br-2);
  }

  .mega-menu__link-title {
    font-weight: 500;
    line-height: 1.2em;
  }

  .mega-menu__link-icon-wraper {
    border-radius: 10px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .mega-menu__links-wrapper {
    flex: none;
  }

  .mega-menu__link-icon.br, .mega-menu__link-icon.broder-radius {
    border-radius: var(--radius--br-2);
  }

  .mega-menu__inner-col {
    grid-column-gap: var(--g-d);
    grid-row-gap: var(--g-d);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .mega-menu__cta {
    padding-top: var(--mg-pd--s);
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
    border-radius: var(--radius--br-4);
    background-color: var(--new--neutral--color-200);
    text-align: left;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .mega-menu__cta-content {
    padding-right: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .mega-menu__cta-subtitle {
    margin-bottom: var(--mg-pd--xxxs);
    color: var(--new--neutral--color-800);
    font-size: var(--texts--ts-7);
    line-height: var(--line-height--lh-base);
    font-weight: 500;
  }

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

  .ctm-tag__icon {
    max-width: 48px;
  }

  .mega-card__feature-content {
    margin-bottom: var(--mg-pd--xxxs);
    grid-column-gap: var(--g-xs);
    grid-row-gap: var(--g-xs);
    flex-flow: column;
    display: flex;
  }

  .content-marketing-hero.figma-resources {
    margin-bottom: var(--mg-pd--s);
  }

  .marketing-card, .marketing-card.featured {
    flex-direction: column;
  }

  .mobile-button-dot-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    display: flex;
  }

  .hamburger-menu-dot {
    aspect-ratio: 1;
    background-color: #19213d;
    border-radius: 50%;
    min-width: 25%;
    max-width: 25%;
    min-height: 25%;
    max-height: 25%;
    padding: 0;
    display: block;
    position: absolute;
  }

  .hamburger-menu-dot.top-left {
    position: absolute;
    inset: 15% auto auto 15%;
  }

  .hamburger-menu-dot.top-right {
    inset: 15% 15% auto auto;
  }

  .hamburger-menu-dot.bottom-right {
    inset: auto 15% 15% auto;
  }

  .hamburger-menu-dot.bottom-left {
    inset: auto auto 15% 15%;
  }

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

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

  .addon_card-icon_wrapper {
    max-width: 140px;
  }

  .contact-webflow-exclusive-wrapper {
    max-width: 250px;
  }

  .service-card__icon-wrapper {
    max-width: 120px;
  }

  .contact_image_wrapper {
    margin-top: 0;
  }

  .marquee-inside-card-wrapper.seo {
    flex: 1;
    justify-content: center;
  }

  .landing-page-image-float-wrapper {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .top-right-badge {
    top: 1rem;
    right: 1rem;
  }

  .megatech-update-image {
    max-width: 200px;
  }

  .input-line {
    min-height: 52px;
  }

  .checkbox-item {
    min-width: auto;
    max-width: none;
  }

  .radio-buttton {
    position: relative;
    left: -8px;
  }

  .radio-button-trigger {
    padding-left: 40px;
  }

  .card-v2 {
    box-shadow: 0 2px 6px #14142b0f;
  }

  .contact-icon-wave {
    max-width: 60px;
  }

  .form__wrapper {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --texts--ts-8: 1rem;
    --line-height--lh-base: 1.5em;
    --texts--ts-6: 1.125rem;
    --line-height--lh-tight: 1.2em;
    --mg-pd--xxs: var(--sizes--sz-4);
    --line-height--lh-none: 1em;
    --mg-pd--xs: var(--sizes--sz-7);
    --g-xxs: var(--sizes--sz-4);
    --mg-pd--s: var(--sizes--sz-8);
    --mg-pd--xxxs: var(--sizes--sz-3);
    --sizes--sz-9: 1.5rem;
    --sizes--sz-8: 1.25rem;
    --mg-pd--d: var(--sizes--sz-9);
    --sizes--sz-16: 5rem;
    --sizes--sz-15: 4rem;
    --sizes--sz-14: 3.5rem;
    --sizes--sz-18: 7.25rem;
    --g-s: var(--sizes--sz-8);
    --g-xs: var(--sizes--sz-6);
    --radius--br-5: 1.25rem;
    --mg-pd--m: var(--sizes--sz-10);
    --mg-pd--l: var(--sizes--sz-12);
    --radius--br-4: 1rem;
    --texts--ts-9: .9375rem;
    --gap: 0px;
    --radius--br-6: 1.5rem;
    --g-d: var(--sizes--sz-10);
    --mg-pd--xxxxs: var(--sizes--sz-2);
    --radius--br-full: 9999rem;
    --sizes--sz-7: 1rem;
    --texts--ts-7: 1.125rem;
    --texts--ts-2: 1.8rem;
    --radius--br-3: .75rem;
    --texts--ts-11: .8125rem;
    --sizes--sz-13: 3rem;
    --sizes--sz-17: 6rem;
    --sizes--sz-19: 9.75rem;
    --sizes--sz-20: 11rem;
    --sizes--sz-5: .625rem;
    --sizes--sz-11: 2.25rem;
    --sizes--sz-3: .375rem;
    --sizes--sz-10: 2rem;
    --sizes--sz-12: 2.5rem;
    --new--secondary--utility-blue: #2370ff;
    --sizes--sp-0: 0rem;
    --sizes--sz-6: .75rem;
    --g-xxxs: var(--sizes--sz-2);
    --texts--ts-10: .875rem;
    --new--secondary--blue-100: #f4f8ff;
    --sizes--sz-4: .5rem;
    --radius--br-2: .5rem;
    --sizes--sz-1: .125rem;
    --g-m: var(--sizes--sz-12);
    --mg-pd--xl: var(--sizes--sz-13);
    --g-l: var(--sizes--sz-14);
    --g-xxl: var(--sizes--sz-16);
    --g-xl: var(--sizes--sz-15);
    --texts--ts-12: .75rem;
    --mg-pd--xxl: var(--sizes--sz-15);
    --texts--ts-5: 1.25rem;
    --texts--ts-1: 2.5rem;
    --texts--ts-4: 1.4rem;
    --texts--ts-3: 1.6rem;
    --radius--br-1: .25rem;
    --sizes--sz-2: .25rem;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
    line-height: 37px;
  }

  h4 {
    font-size: 20px;
    line-height: 23px;
  }

  label {
    margin-bottom: var(--mg-pd--xs);
  }

  .mgb-xs.mobile-8px {
    margin-bottom: 8px;
  }

  .mg-top-32px {
    margin-top: var(--sizes--sz-8);
  }

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

  .mg-bottom-32px._14px-mobile {
    margin-bottom: 14px;
  }

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

  .mg-bottom-40px._24px-t {
    margin-bottom: 17px;
  }

  .mg-bottom-40px._24px-mb {
    margin-bottom: 24px;
  }

  .flex.align-center.vertical-mbl {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex.figma-resources {
    flex-direction: column;
  }

  .flex.flex-space-between.research {
    flex-direction: row;
    align-items: center;
  }

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

  .text-center.mg-bottom-64px {
    margin-bottom: 48px;
  }

  .button-secondary {
    padding-top: 20px;
  }

  .section {
    padding-top: var(--sizes--sz-15);
  }

  .utility-page-content-password {
    padding-left: 32px;
    padding-right: 32px;
  }

  .cta-wrapper {
    padding: 83px 24px;
  }

  .cta-wrapper.blog {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-banner-title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 38px;
  }

  .cta-banner-title.blog {
    max-width: 100%;
  }

  .card.card-review-featured {
    padding-top: var(--mg-pd--xs);
    padding-right: var(--mg-pd--xs);
    padding-left: var(--mg-pd--xs);
  }

  .card.small-card.gap-6px {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card.testimonial-slider-card {
    border-radius: 20px;
    min-height: 330px;
  }

  .card.option-card.requirements {
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.option-card.add-ons {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card.tooltip-calculator {
    min-width: auto;
    max-width: none;
    margin-left: 24px;
    margin-right: 24px;
    top: 0%;
    left: 0%;
  }

  .card.tooltip-calculator.left--15, .card.tooltip-calculator.left-5 {
    left: 0%;
  }

  .card.tooltip-calculator.small {
    min-width: auto;
    max-width: none;
  }

  .card.webflow-shortcuts-nav-menu {
    border-radius: 16px;
    min-width: 330px;
    left: -600%;
  }

  .card.glossary-single-rich-text {
    padding-bottom: 32px;
  }

  .feature-icon {
    max-width: 100px;
  }

  .rich-text img {
    margin-top: var(--mg-pd--xxs);
  }

  .rich-text ol {
    margin-bottom: var(--mg-pd--xxs);
  }

  .mailchimp-form {
    width: auto;
  }

  .selectbox {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-card-details.post {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .blog-featured-image {
    border-radius: var(--radius--br-5);
  }

  .blog-author-top {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }

  .blog-author-image {
    margin-right: 11px;
  }

  .rich-text-blog h2 {
    margin-top: 14px;
    font-size: 23px;
  }

  .rich-text-blog h4 {
    margin-top: 14px;
    font-size: 16px;
  }

  .rich-text-blog h3 {
    margin-top: 14px;
    font-size: 19px;
  }

  .rich-text-blog h5, .rich-text-blog h6 {
    margin-top: 14px;
  }

  .rich-text-blog blockquote {
    padding-left: 32px;
    padding-right: 32px;
  }

  .rich-text-blog figcaption {
    margin-top: 14px;
  }

  .rich-text-blog li {
    margin-bottom: 4px;
  }

  .rich-text-blog h1 {
    font-size: 27px;
  }

  .table-of-content-container {
    border-radius: 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .table-of-content-container.glossay-page {
    margin-bottom: 0;
  }

  .table-dropdown {
    width: 1rem;
    height: 1rem;
  }

  .blog-author-bottom-wrapper {
    margin-top: var(--mg-pd--d);
    flex-direction: column;
    align-items: center;
  }

  .author-image {
    width: 90px;
  }

  .author-details {
    margin-top: var(--mg-pd--xs);
    text-align: center;
    margin-left: 0;
  }

  .author-name-container {
    justify-content: center;
  }

  .sidebar-icon {
    border-radius: 6px;
    width: 27px;
  }

  .grid-3-columns, .grid-3-columns.testimonials-top, .grid-3-columns.reviews {
    grid-template-columns: 1fr;
  }

  .form-newsletter {
    width: 100%;
    padding-left: 0;
  }

  .grid-2-columns.cta-cards {
    grid-template-columns: 1fr;
  }

  .template-idea-image {
    max-width: 150px;
    margin-bottom: -5%;
  }

  .icons_family__heading-wrap {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
    flex-direction: column;
    align-items: flex-start;
  }

  .empty-state__icon {
    max-width: 80px;
  }

  .hire-webflow-developer-2 {
    display: block;
    inset: -10% 12% 0% auto;
  }

  .inner-container._340px._100-mbl {
    max-width: 100%;
  }

  .inner-container._600px.center.left-mbl {
    margin-left: 0;
  }

  .inner-container._370px._100-mbl {
    max-width: 100%;
  }

  .card-image.horizontal-image {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .number-card {
    font-size: 42px;
    line-height: 49px;
  }

  .hero-image-wrapper {
    inset: 0%;
    transform: none;
  }

  .link-card-content-wrapper {
    padding-top: 36px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .link-card-image-wrapper.border-radius-20px {
    border-radius: 16px;
  }

  .link-card-icon-logo {
    border-radius: var(--radius--br-4);
    max-width: 64px;
    max-height: 64px;
  }

  .link-card-icon-logo.elements, .link-card-icon-logo.templates {
    border-width: .5px;
  }

  .blog-card-cta-wrapper {
    border-radius: 30px;
    flex-direction: column;
    padding: 48px 38px 0;
  }

  .blog-card-cta-wrapper.brix-templates {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-cta-card-left {
    max-width: 100%;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .blog-cta-card-left.brix-templates {
    padding: 40px 38px;
  }

  .blog-cta-card-right {
    max-width: 100%;
  }

  .blog-cta-card-right.brix-templates {
    background-position: 50% 0;
    background-size: 92%;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    min-height: 370px;
    max-height: 370px;
  }

  .blog-cta-card-right.brix-agency {
    background-size: contain;
    max-width: 100%;
    min-height: 370px;
  }

  .blog-card-color, .blog-card-code {
    border-radius: 30px;
    flex-direction: column;
    padding: 48px 32px;
  }

  .blog-date-flex {
    margin-bottom: -1px;
    padding-top: 10px;
  }

  .blog-date-flex.blog-details-font {
    padding-top: 0;
  }

  .blog-date-flex.blog-details-font.mg-bottom-12px {
    margin-bottom: 12px;
  }

  .blog-top-wrapper {
    flex-direction: column;
    padding: 12px 12px 28px;
  }

  .blog-top-image-wrapper {
    min-width: 100%;
    min-height: 100%;
    margin-bottom: 14px;
    padding-bottom: 0;
  }

  .blog-top-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-top-image {
    height: 100%;
  }

  .review-image-02 {
    z-index: -1;
    width: 25%;
    bottom: 27%;
    left: 11%;
  }

  .reviews-image-03 {
    bottom: -17%;
    right: 10%;
  }

  .reviews-image-04 {
    top: 18%;
    left: 13%;
  }

  .reviews-image-05 {
    top: -59%;
    bottom: 0%;
    right: 7%;
  }

  .card-review-testimonial-avatar {
    width: 56px;
    height: 56px;
  }

  .card-review-testimonial-avatar.featured {
    width: 64px;
    height: 64px;
    margin-right: var(--mg-pd--xs);
  }

  .card-review-testimonial-template.featured {
    font-size: var(--texts--ts-6);
  }

  .card-review-featured-image-wrapper.vertical {
    margin-bottom: 30px;
  }

  .sec {
    padding-top: var(--sizes--sz-13);
    padding-bottom: var(--sizes--sz-13);
  }

  .sec.homer-hero {
    padding-top: var(--sizes--sz-18);
  }

  .sec.home-ctas {
    background-image: linear-gradient(to top, var(--new--neutral--color-200) 71%, var(--new--neutral--color-100) 71%);
  }

  .sec.cloneable-page {
    padding-top: var(--mg-pd--l);
    padding-bottom: var(--sizes--sz-17);
  }

  .sec.template-background {
    padding-top: 40px;
    padding-bottom: 130px;
  }

  .sec.freebies {
    padding-top: var(--sizes--sz-17);
  }

  .sec.review-hero {
    padding-bottom: 175px;
  }

  .sec.agency-hero {
    padding-top: var(--sizes--sz-17);
  }

  .sec.cloneables-hero {
    padding-top: 134px;
  }

  .sec.pd-bottom-200px {
    padding-bottom: 120px;
  }

  .sec.hero {
    padding-top: 110px;
  }

  .sec.customization-top {
    padding-top: var(--sizes--sz-10);
  }

  .sec.padding-180px---background-neutral-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.padding-180px---background-neutral-200.pd-80px-tablet {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sec.services {
    border-radius: 24px;
  }

  .sec.memberstack-dashboard-hero {
    padding-top: 40px;
  }

  .sec.webflow-ecommerce-hero {
    padding-top: 134px;
  }

  .sec.fa-accent, .sec.wa-accent {
    padding-top: var(--sizes--sz-13);
    padding-bottom: var(--sizes--sz-13);
  }

  .sec.elements-hero {
    padding-top: var(--sizes--sz-17);
  }

  .sec.top-small {
    padding-top: var(--sizes--sz-10);
  }

  .sec.fr-accent {
    padding-top: var(--sizes--sz-13);
    padding-bottom: var(--sizes--sz-13);
  }

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

  .btn.inside.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn.small.header-btn-hidde-on-mb {
    display: none;
  }

  .btn.icon-form.default {
    padding-right: 45px;
  }

  .btn.pd-small-top-and-bottom {
    padding: 14px 24px;
  }

  .btn.header-button {
    padding-bottom: var(--sizes--sz-7);
    font-size: 1.15em;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .style---shadow-card {
    border-radius: 18px;
  }

  .style---content-heading {
    border-radius: 18px;
    margin-bottom: 36px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 180px);
  }

  .text-100 {
    font-size: 14px;
  }

  .style---block-sub-heading.border {
    margin-bottom: 48px;
    padding-bottom: 24px;
  }

  .heading-h2-size {
    font-size: 26px;
    line-height: 38px;
  }

  .style---bg-white {
    padding: 34px 24px;
  }

  .display-1---new {
    font-size: 40px;
    line-height: 54px;
  }

  .heading-h5-size {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-h5-size.mg-bottom-6px {
    font-size: 18px;
  }

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .grid__3-col {
    grid-template-columns: 1fr;
  }

  .grid__3-col.style---buttons-grid {
    grid-template-columns: auto;
  }

  .grid__3-col.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid__3-col.templates_grid, .grid__3-col._3-col-tablets {
    grid-template-columns: 1fr;
  }

  .grid__3-col.gap-28px.gap-16px-mbl {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .grid__3-col._2-col-mb {
    grid-template-columns: 1fr 1fr;
  }

  .grid__3-col.figma-to-webflow-features-grid {
    grid-template-columns: 1.04fr;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider.xs.top-16px {
    margin-top: 16px;
  }

  .divider._24px---32px {
    margin-top: 20px;
    margin-bottom: 24px;
  }

  .divider._48px {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .divider.s {
    margin-top: var(--mg-pd--d);
    margin-bottom: var(--mg-pd--d);
  }

  .btn-secondary {
    padding: 20px 24px;
  }

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

  .btn-secondary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary.mg-top-24px-mb {
    margin-top: 24px;
  }

  .btn-secondary.megatech-dropdown-btn {
    padding: 20px 28px;
  }

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

  .grid-2-columns-2.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

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

  .style---color-block {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .heading-h3-size.mg-bottom-24px._16px-moble {
    margin-bottom: 16px;
  }

  .heading-h6-size {
    font-size: 14px;
    line-height: 22px;
  }

  .heading-h6-size.template-card-title, .heading-h6-size.mg-bottom-4px._16px-mb {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-h6-size._16px-mb {
    font-size: 16px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-secondary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
    line-height: 28px;
  }

  .btn-circle-secondary.slider-button {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    font-size: 18px;
  }

  .btn-circle-secondary.counter-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 16px;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tag {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .tag.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tag.small.icon {
    padding-top: 10px;
    padding-bottom: 8px;
  }

  .tag.medium {
    font-size: var(--texts--ts-10);
  }

  .tag.medium.light {
    padding-left: 12px;
    padding-right: 14px;
    font-size: 16px;
  }

  .inp {
    min-height: 54px;
  }

  .inp.small.filters.jetboost-list-search-input-p5l3 {
    box-shadow: 0 2px 5px #14142b0f;
  }

  .inp.large.button-inside {
    min-height: 68px;
  }

  .inp.subscribe-form {
    min-height: 57px;
  }

  .inp.filters.default, .inp.filters.default.jetboost-list-search-input-p1x9 {
    padding-left: 49px;
  }

  .inp.select {
    min-height: 46px;
    padding-top: 9px;
    padding-bottom: 8px;
  }

  .inp.search-filter {
    min-width: auto;
    padding-left: 2.7rem;
  }

  .text-area {
    min-height: 120px;
  }

  .display-2 {
    font-size: 46px;
    line-height: 54px;
  }

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

  .display-2.mg-bottom-16px {
    margin-bottom: 12px;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

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

  .style---typography-block-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .display-3---new {
    font-size: 26px;
    line-height: 40px;
  }

  .grid__1-col.gap-column-24px {
    grid-row-gap: 20px;
  }

  .grid__1-col.gap-row-24px.flex-column {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .grid__1-col.gap-row-10px.mg-bottom-32px {
    margin-bottom: 24px;
  }

  .grid__1-col.figma-to-webflow-grid-rigth {
    grid-template-columns: 1fr;
  }

  .grid__1-col.g-0.filters-categories {
    min-width: 390px;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .display-4---new {
    font-size: 20px;
    line-height: 32px;
  }

  .display-4---new.mg-bottom-12px.mg-bottom-4px-mbl {
    margin-bottom: 4px;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-primary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
    line-height: 28px;
  }

  .btn-circle-primary.transparent {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    font-size: 18px;
    line-height: 24px;
  }

  .style---card-wrapper {
    border-radius: 18px;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

  .style---heading-icon-wrapper {
    border-radius: 16px;
    max-width: 58px;
  }

  .footer-list-wrapper.horizontal.left.center-mbl {
    justify-content: center;
  }

  .footer-top {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-top.pd-72px {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .style---content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header__nav-item-wrapper.show-in-mobile {
    margin-top: 1.25rem;
    display: block;
  }

  .hbm__bar {
    width: 26px;
  }

  .dropdown-pd.header-pd.templates, .dropdown-pd.header-pd.resourecs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .dropdown-column-wrapper.header-dropdown.agency-dropdown {
    min-width: 0;
  }

  .grid__2-col, .grid__2-col.home__hero {
    grid-template-columns: 1fr;
  }

  .grid__2-col.home-templates-g {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.cta-newsletter-v1 {
    grid-row-gap: var(--g-xxxs);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .grid__2-col.g-s {
    grid-template-columns: 1fr;
  }

  .grid__2-col.g-s._1-col-tablet {
    grid-row-gap: 28px;
  }

  .grid__2-col.bottom-cards, .grid__2-col.categories-seo {
    grid-template-columns: 1fr;
  }

  .grid__2-col.title-btn {
    grid-row-gap: 12px;
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: space-between;
    place-items: center start;
    display: flex;
  }

  .grid__2-col.title-btn.mg-bottom-94px {
    margin-bottom: 64px;
  }

  .grid__2-col.title-btn.features {
    justify-content: flex-start;
    align-items: center;
  }

  .grid__2-col.blog-hero {
    grid-row-gap: 3px;
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }

  .grid__2-col.title-filters {
    grid-row-gap: var(--g-xs);
    grid-template-columns: 1fr;
  }

  .grid__2-col.cloneables-hero {
    grid-row-gap: 1px;
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }

  .grid__2-col.blog-post-page {
    margin-bottom: var(--mg-pd--xs);
    grid-row-gap: 14px;
    justify-items: center;
  }

  .grid__2-col.webflow-agency-hero, .grid__2-col.agency-cta-grid {
    grid-template-columns: 1fr;
  }

  .grid__2-col.contact-cta {
    grid-row-gap: 28px;
  }

  .grid__2-col.contact-form {
    grid-template-columns: 1fr;
  }

  .grid__2-col.figma-cloneable-cards {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.template-single-hero {
    grid-row-gap: 38px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.home-hero-images {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .grid__2-col.icon-family-tutorial, .grid__2-col.gap-row-28, .grid__2-col.elements-hero {
    grid-template-columns: 1fr;
  }

  .grid__2-col.gap-32px {
    grid-row-gap: 24px;
  }

  .grid__2-col.megatech-2-features-grid {
    margin-bottom: var(--mg-pd--xl);
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    grid-template-columns: 1fr;
  }

  .grid__2-col.megatech-2-features-grid.image-right {
    grid-template-columns: 1fr;
  }

  .grid__2-col.exclusive-template-contact.z-index-1 {
    grid-row-gap: 20px;
  }

  .grid__2-col.template-customization-grid-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 16px;
  }

  .grid__2-col.gap-16px {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .grid__2-col.figma-to-webflow-grid-top {
    grid-template-columns: 1.05fr;
  }

  .grid__2-col.figma-to-webflow-grid-bottom {
    grid-template-columns: 1fr;
  }

  .grid__2-col.image-left-and-text---v02, .grid__2-col.image-left-and-text---v03 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.glossay-single-main-grid, .grid__2-col.glossay-single-bototm {
    grid-template-columns: 1fr;
  }

  .grid__2-col.image-left-and-text---v04 {
    grid-row-gap: var(--g-xs);
    grid-template-columns: 1fr;
  }

  .grid__2-col.awwards-section {
    grid-template-columns: 1fr;
  }

  .grid__2-col.cta-agency, .grid__2-col.fa-cta {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .grid__2-col.ctm_services-b, .grid__2-col.hire-we-hero {
    grid-template-columns: 1fr;
  }

  .grid__2-col.elements-components {
    max-width: 440px;
  }

  .button-row-left-wrapper.mg-left-12px-mbl {
    margin-right: 12px;
  }

  .flex-horizontal.gap-column-16px---row-8px {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
  }

  .crd.templates-filters {
    position: static;
  }

  .crd.features.vertical-mbl {
    padding-bottom: var(--mg-pd--d);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .crd.features.main-feature {
    padding: var(--mg-pd--s);
    border-radius: var(--radius--br-4);
  }

  .crd.services-agency {
    margin-bottom: 60px;
    box-shadow: 0 5px 22px #0e0c351a;
  }

  .crd.portfolio {
    width: 280px;
  }

  .crd.contact-form {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.contact-form.template-idea, .crd.contact-form.project-calculator {
    min-height: 499px;
  }

  .crd.figcl-cta {
    padding-top: var(--mg-pd--d);
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.template-content-single {
    padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--xs);
  }

  .crd.template-sidebar {
    padding-bottom: var(--mg-pd--s);
  }

  .crd.icon-famly.last {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.contact-form-card.mg-bottom-24px {
    padding: 40px 24px 46px;
  }

  .crd.icon-left---text-right-v1 {
    flex-direction: column;
    padding: 24px 24px 28px;
  }

  .crd.megatech-templates-card {
    border-radius: 20px;
  }

  .crd.megatech-template-assets-card {
    grid-template-columns: 1fr;
  }

  .crd.megatech-claim-template-card {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.megatech-extra-help-card {
    padding-bottom: 40px;
  }

  .crd.megatech-form-center-card {
    border-radius: 20px;
  }

  .crd.exclusive-templates-card {
    border-radius: 20px;
    padding-bottom: 48px;
  }

  .crd.grid-card-image-right {
    padding-top: var(--mg-pd--m);
    grid-column-gap: var(--g-xs);
    grid-row-gap: var(--g-xs);
    grid-template-columns: 1.1fr;
    padding-bottom: 0;
  }

  .crd.grid-card-image-top {
    padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--m);
  }

  .crd.grid-card-image-top.v2 {
    padding: var(--mg-pd--m) var(--mg-pd--s);
  }

  .crd.grid-card-marquee-bottom.pd-top-32px, .crd.grid-card-marquee-bottom.seo, .crd.grid-card-cta {
    padding: var(--mg-pd--m) var(--mg-pd--d);
  }

  .crd.a-services-card {
    margin-bottom: 60px;
  }

  .crd.integration-single-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-top: 60px;
  }

  .crd.integration-single-card.v2 {
    padding: var(--mg-pd--s) var(--mg-pd--d) var(--mg-pd--d);
  }

  .crd.integration-single-card.v3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .crd.addons-card-large {
    border-radius: var(--radius--br-5);
  }

  .crd.large-card-center {
    border-radius: 32px;
    padding: 48px 32px;
  }

  .crd.more-templates {
    grid-column-gap: var(--g-xs);
    grid-row-gap: var(--g-xs);
    text-align: center;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .brix_icon-font.link-icon._200 {
    font-size: var(--texts--ts-12);
  }

  .brix_icon-font.input-search-small.default {
    font-size: 16px;
    top: -4%;
    left: 20px;
  }

  .brix_icon-font.badge-medium-icon {
    font-size: 15px;
  }

  .brix_icon-font.table-of-contents {
    font-size: 20px;
  }

  .template__badges-wraper {
    inset: auto 3% 5% auto;
  }

  .badge-icon-font {
    margin-right: 4px;
  }

  .template__badge-bottom {
    bottom: 12px;
    left: 12px;
  }

  .link-wraper.center-mobile {
    justify-content: center;
  }

  .dropdown-filters {
    font-size: 14px;
    line-height: 21px;
    box-shadow: 0 2px 5px #14142b14;
  }

  .dropdown-filters.default {
    padding-right: 24px;
  }

  .dd {
    z-index: 4;
    min-width: auto;
  }

  .text-50 {
    font-size: 14px;
  }

  .dropdown-select-wrapper {
    width: 100%;
    margin-top: 0;
  }

  .cta_sec {
    padding-top: var(--mg-pd--xl);
    padding-bottom: var(--mg-pd--xl);
  }

  .color-neutral-600.mg-bottom-0.hidden-on-mbl {
    display: none;
  }

  .inp__btn-wrap.v2 {
    position: relative;
    inset: 0;
  }

  .absolute.btn-icon-input.v2 {
    display: none;
    right: 18px;
  }

  .absolute.icon-contact-form-button.default {
    right: 21px;
  }

  .form-sucess__icon {
    max-width: 55px;
  }

  .cta__image-wrap.subscribe {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100%;
    display: inline-flex;
    position: static;
  }

  .cta__image-wrap.subscribe._2 {
    position: relative;
  }

  .cta-image-05 {
    max-width: 34%;
    display: none;
    top: 1%;
    left: 2%;
  }

  .features__icon-wrap {
    border-radius: var(--radius--br-4);
    max-width: 80px;
  }

  .features__icon-wrap.large {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-bottom: 8px;
    margin-right: 0;
    padding-bottom: 0%;
  }

  .features__icon-wrap.large.mg-bottom-0-mbl {
    margin-bottom: 0;
  }

  .features__icon.v01 {
    max-width: 90%;
  }

  .features__icon.v06 {
    max-width: 106%;
  }

  .features__icon.v07 {
    left: -5%;
  }

  .features__icon.v08 {
    max-width: 127%;
    left: -8%;
  }

  .features__icon.v10 {
    max-width: 120%;
    top: 0%;
    left: -3%;
  }

  .features__icon.v09 {
    max-width: 90%;
    left: -7%;
  }

  .features__icon.static-mbl {
    position: static;
  }

  .features__icon.v3 {
    max-width: 83%;
  }

  .card-light.footer-card {
    padding-bottom: 40px;
  }

  .flex-space-between.center-mobile {
    align-items: center;
  }

  .cta-templates__image {
    width: 160%;
    max-width: 160%;
  }

  .cta-templates__image.v02 {
    width: 150%;
    max-width: 120%;
    left: 14%;
  }

  .footer__bot-sec {
    text-align: center;
    display: flex;
  }

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

  .footer__grid-sm {
    grid-template-columns: repeat(auto-fit, minmax(32px, 32px));
  }

  .footer__grid-sm.center-mobile {
    justify-content: center;
    justify-items: center;
  }

  .sm-icon {
    width: 32px;
  }

  .footer__links {
    grid-row-gap: 12px;
  }

  .service-card__icon.width-72px {
    border-radius: 16px;
    width: 62px;
  }

  .service-card__icon.mg-bottom-32px._16px-mobile {
    margin-bottom: 16px;
  }

  .text-icon-wrapper.table-of-content {
    font-size: var(--texts--ts-8);
  }

  .cta-blog-image-01 {
    max-width: 23%;
    position: relative;
    top: 0%;
    left: -3%;
  }

  .cta-blog-image-02 {
    display: none;
    top: 7%;
  }

  .cta-blog-image-03 {
    max-width: 14%;
    inset: 40% auto auto 10%;
  }

  .cloneable-card-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .cloneable-card-content.featured, .cloneable-card-content.default {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cloneable-card-image {
    object-fit: fill;
  }

  .blog-post-details-badge-wrapper {
    margin-bottom: 0;
  }

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

  .share-post-wrapper {
    margin-bottom: 0;
  }

  .flex-grid {
    grid-row-gap: var(--g-d);
    justify-content: center;
  }

  .webflow-agency-links-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .webflow-agency-links-wrapper:hover {
    transform: translate(0, -4px);
  }

  .service-card__content {
    padding: var(--mg-pd--m) var(--mg-pd--s);
  }

  .service-card__image-wraper {
    overflow: hidden;
  }

  .service-card__image {
    width: 100%;
  }

  .infinity-marquee-wrapper.top {
    margin-bottom: var(--g-xxs);
  }

  .infinity-marquee-list.left-to-right {
    grid-column-gap: 16px;
  }

  .contact-image {
    max-width: 200px;
    margin-bottom: 0;
    left: -10px;
  }

  .contact-image.v2 {
    max-width: 160px;
  }

  .contact-form-icon {
    max-width: 100px;
  }

  .btn-circle-secondary-2 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-secondary-2.small.accordion-btn-dark.test-faq {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .accordion_spacer {
    min-height: var(--g-xxs);
  }

  .accordion-content-wrapper {
    margin-left: 0;
  }

  .accordion-btn-line.vertical.test-faq, .accordion-btn-line.horizontal.test-faq {
    width: 12px;
  }

  .crd-figcl__img-wraper {
    max-height: 310px;
  }

  .figma-card-cloneable-icon {
    border-radius: var(--radius--br-4);
    max-width: 64px;
    margin-bottom: 12px;
  }

  .figma-card-cloneable-image.wireframe {
    width: 186%;
    max-width: 148%;
  }

  .figcl-cta__logo {
    width: 64px;
    margin-right: 0;
    margin-bottom: var(--mg-pd--s);
    border-radius: var(--radius--br-4);
  }

  .grid-4-columns---new {
    grid-template-columns: 1fr;
  }

  .grid-4-columns---new.templates-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-4-columns---new.gap-20px._2-col-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .home-hero__img {
    border-radius: 8px;
    min-width: 14rem;
  }

  .blog-filters-wrap {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .select-category-wrapper {
    max-width: 100%;
    margin-top: 12px;
  }

  .select-category-wrapper.cloneables {
    min-width: 0;
  }

  .slider-wrapper {
    border-radius: var(--radius--br-4);
  }

  .hbm {
    min-height: 50px;
  }

  .webflow-agency-badge {
    width: 110px;
    top: -22%;
    right: 9%;
    box-shadow: 0 17px 40px #211f5452;
  }

  .webflow-agency-animation-image {
    border-radius: 11px;
    box-shadow: 0 2px 10px #211f5421;
  }

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

  .br-6 {
    border-radius: 28px;
  }

  .br-6.award-sahdow {
    filter: blur(23px);
    top: 4%;
    transform: scale(.96);
  }

  .wba_icon {
    width: 23%;
    max-width: 60%;
  }

  .heading-h2-size-2 {
    font-size: 26px;
    line-height: 38px;
  }

  .megatech-logo-link {
    max-width: 150px;
  }

  .megatech-primary-button {
    padding: 20px 24px;
  }

  .megatech-primary-button.small {
    padding: 12px 24px;
    font-size: 16px;
  }

  .megatech-primary-button.btn-inside-input {
    width: 100%;
    margin-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .secondary-btn-dropdown-list {
    transform: translate(-30%);
  }

  .secondary-btn-dropdown-list.left-mbl {
    transform: translate(0%);
  }

  .megatech-vertical-marquee-container {
    max-height: none;
    margin-top: var(--g-d);
    padding: var(--mg-pd--d) 0px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .vertical-marquee-column.horizontal-mbl {
    flex-flow: row;
  }

  .vertical-marquee-items-container.horizontal-mbl {
    grid-column-gap: var(--mg-pd--xs);
    flex-flow: row;
    padding-bottom: 0;
    padding-right: 16px;
  }

  .marquee-item-link {
    border-radius: 16px;
    min-width: 220px;
  }

  .megatech-navigation-links-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
  }

  .megatech-sticky-navbar {
    top: var(--mg-pd--xxs);
  }

  .megatech-hamburger-menu-button {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .megatech-hamburger-menu-line {
    width: 20px;
  }

  .uppercase-title-small {
    margin-bottom: 12px;
  }

  .max-width-26px {
    max-width: 22px;
  }

  .icon-left-list-text {
    margin-top: 1px;
    font-size: 16px;
    line-height: 20px;
  }

  .megatech-templates-card-wrapper {
    border-radius: 23px;
  }

  .why-buy-our-templates-icon-top {
    max-width: 72px;
    margin-bottom: -12px;
  }

  .megatech-grid-image {
    border-radius: 20px;
  }

  .max-width-222px {
    max-width: 150px;
  }

  .megatech-link-image-wrapper.marquee-image {
    min-width: 260px;
  }

  .megatech-pages-grid {
    grid-row-gap: var(--g-s);
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .megatech-cta-section {
    padding-top: var(--sizes--sz-11);
  }

  .megatech-cta-right-pages {
    margin-top: var(--mg-pd--m);
  }

  .megatech-template-asset---text-container {
    padding-top: var(--mg-pd--d);
    padding-bottom: var(--mg-pd--d);
    align-items: stretch;
  }

  .paragraph-medium.mg-bottom-8px-mbl {
    margin-bottom: 8px;
  }

  .max-width-160px {
    max-width: 120px;
  }

  .megatech-figma-file-text-container {
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .megatech-resources-circle-icon {
    width: 56px;
    height: 56px;
  }

  .megatech-resources-circle-icon.large {
    border-width: 5px;
    width: 64px;
    height: 64px;
  }

  .heading-size-35px {
    font-size: 28px;
  }

  .megatech-icon-top-margin-tablet {
    margin-top: -32px;
  }

  .megatech-icon-top-text-container {
    margin-top: -28px;
  }

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

  .max-width-148px {
    width: 110px;
  }

  .max-width-64px-mbl {
    max-width: 64px;
  }

  .megatech-top-notification-bar {
    justify-content: flex-start;
    align-items: center;
    padding-left: 24px;
    padding-right: 56px;
  }

  .megatech-notification-bar-badge {
    margin-bottom: 8px;
    margin-right: 0;
    font-size: 14px;
  }

  .notification-bar-close-icon {
    top: 20px;
  }

  .notification-bar-content-inside {
    justify-content: center;
    align-items: flex-start;
  }

  .megatech-form-center {
    min-height: 416px;
  }

  .exclusive-card-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .exclusive-card-image {
    object-fit: contain;
    width: 100%;
  }

  .exclusive-template-featured {
    border-radius: 23px;
  }

  .exclusive-template-card-border-wraper {
    border-radius: 22px;
  }

  .exclusive-template-card-border {
    width: 270%;
    height: 72%;
  }

  .gradient-image {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }

  .ctm-hero__slider-content {
    padding-top: var(--mg-pd--s);
    padding-bottom: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .ctm-hero__tab-item {
    max-width: 32px;
    height: 4px;
  }

  .ctm-hero__tab-item.w--current {
    max-width: 72px;
  }

  .slider-mask {
    max-width: 80%;
  }

  .ctm-hero__tabs-menu {
    margin-top: 0;
    bottom: -40px;
  }

  .subtitle {
    font-size: 16px;
    line-height: 18px;
  }

  .ctm-hero__slider-wrapper {
    overflow: hidden;
  }

  .ctm-service-crd__text-content {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .ctm-service-crd__text-content.horizontal {
    padding-left: 32px;
    padding-right: 32px;
  }

  .ctm-service-crd__text-content.left {
    width: 58%;
  }

  .template-customization-card-bg {
    width: 110%;
    max-width: none;
    margin-bottom: -32px;
    position: relative;
    right: 0%;
  }

  .cta-sec {
    border-radius: 24px;
    padding-top: 72px;
  }

  .cta-paragraph-large {
    font-size: 20px;
  }

  .counter-value {
    min-height: 48px;
  }

  .number-badge {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .calculator-bottom-section {
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .icon-wrapper {
    margin-top: -1px;
    font-size: 18px;
  }

  .estimate-right-side {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title-flex.estimate-right-text {
    display: none;
  }

  .title-flex.start {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .title-flex.left-mobile {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3px;
  }

  .calculator-section-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .calculator-tooltip-wrapper {
    pointer-events: auto;
    cursor: auto;
    position: absolute;
    inset: 90% 0% auto;
  }

  .card-close {
    width: 28px;
    height: 28px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 14px 14px auto auto;
  }

  .position-relative-mobile {
    position: relative;
  }

  .mobile-card-close-icon {
    z-index: 999999;
    color: var(--new--primary-color);
    cursor: pointer;
    line-height: 1em;
    transition: transform .3s;
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .mobile-card-close-icon:hover {
    transform: scale3d(.96, .96, 1.01);
  }

  .hire-our-team-card-image-wrapper {
    width: 50%;
    max-width: 330px;
    bottom: auto;
  }

  .footer-link-badge {
    margin-left: 6px;
  }

  .max-width-328px {
    max-width: 240px;
  }

  .infinity-marquee-image {
    max-width: 400px;
  }

  .stars-testimonails {
    max-width: 120px;
  }

  .webflow-agency-main-wrapper, .webflow-agency-main-image-overlay {
    border-radius: 8px;
  }

  .webflow-agency-icon-bottom {
    width: 28%;
    right: 15%;
  }

  .webflow-agency-image-left-wrapper {
    width: 28%;
    top: 54%;
    left: -3.8%;
  }

  .webflow-agency-image-right-wrapper {
    width: 28%;
    right: -4%;
  }

  .color-picker-circle {
    width: 8%;
  }

  .webflow-shortcuts-hero-icon {
    max-width: 140px;
  }

  .webflow-shortcuts-bg {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    min-height: 460px;
  }

  .webflow-shortcuts-card---top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .webflow-shortcuts-section-row {
    grid-column-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .webflow-shortcuts-section-row.header {
    padding-top: var(--mg-pd--xxs);
    padding-bottom: var(--mg-pd--xxs);
    padding-left: var(--mg-pd--xxs);
  }

  .webflow-shortcut-key {
    font-size: var(--texts--ts-10);
    padding-left: 12px;
    padding-right: 12px;
  }

  .webflow-shortcut-key-wrapper.min-width-76px {
    min-width: 64px;
  }

  .webflow-shortcuts-2-items, .webflow-shortcuts-2-items.no-wrap {
    grid-column-gap: 12px;
  }

  .webflow-shortcuts-nav-menu-line {
    width: 28px;
  }

  .webflow-shortcuts-nav-button {
    width: 48px;
    height: 48px;
  }

  .webflow-shortcuts---toggle-and-nav {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .figma-to-webflow-hero-image-left-overlay, .figma-to-webflow-hero-image-right-overlay {
    border-radius: 12px;
  }

  .figma-to-webflow---image-center {
    width: 60%;
    top: 32%;
    left: 23%;
  }

  .card---image-right-container {
    z-index: 1;
    width: 108%;
    max-width: none;
    position: relative;
  }

  .grid-image-right---gradient-bottom {
    z-index: 2;
  }

  .marquee-circle-image {
    border-radius: 16px;
    max-width: 64px;
  }

  .blocks-kit-card-badge-top-right {
    font-size: 12px;
  }

  .card-marquee-badge {
    border-radius: .75rem;
  }

  .stats-center-container {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .contact-image-container {
    max-width: 200px;
    margin-bottom: -12px;
  }

  .card---image-right-image-top {
    max-width: 60%;
    bottom: 2.5%;
    left: 5%;
  }

  .agency_cta {
    border-radius: 32px;
    padding-top: 80px;
    padding-bottom: 56px;
  }

  .agency_cta.wa {
    padding-top: 72px;
    padding-bottom: 0;
  }

  .projects-marquee-image {
    border-radius: 8px;
    width: 250px;
  }

  .webflow-agency-hero-rive {
    height: 260px;
  }

  .webflow-agency-cta-rive {
    z-index: 1;
    width: auto;
    min-width: 130%;
    max-width: 130%;
    margin-top: -5%;
    margin-bottom: -5%;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    transform: translate(-22.5%);
  }

  .framer-agency-hero-rive {
    width: 100%;
    height: 320px;
  }

  .framer-agency-cta-rive {
    position: relative;
  }

  .sec__a-accent {
    padding-top: var(--sizes--sz-13);
  }

  .sec__a-accent.dark-cta {
    padding-top: var(--sizes--sz-15);
    border-radius: 24px;
    padding-bottom: 0;
  }

  .sec__a-accent.dark-cta.fig {
    padding-bottom: 64px;
  }

  .f-agency-card-content-wrapper {
    padding: 32px;
  }

  .f-agency-card-image-wrapper {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    overflow: hidden;
  }

  .framer-agency-cta-gradient {
    background-image: linear-gradient(90deg, #01061a 32%, #01061a00 60%);
    right: 0%;
  }

  .memberstack-hero-logo {
    max-width: 100px;
  }

  .memberstack-hero-logo.right {
    margin-left: -35px;
  }

  .memberstack-image-wrapper {
    border-radius: 16px;
    max-width: 400px;
  }

  .webflow-integrations-icon-and-title {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .integrations---hero-bg {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 40%;
  }

  .integration-single-banner {
    height: 56px;
  }

  .integration-single-square-icon {
    border-radius: 12px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    margin-top: -32px;
  }

  .border-radius-12px {
    border-radius: 8px;
  }

  .integration-single---bg {
    height: 212px;
  }

  .max-width-94px {
    max-width: 72px;
  }

  .addons-card-large---image {
    border-radius: var(--radius--br-5);
  }

  .max-width-80px {
    max-width: 64px;
  }

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

  .rich-text-small-headings h2 {
    font-size: 22px;
  }

  .rich-text-small-headings ul {
    margin-top: 9px;
    margin-bottom: 12px;
    padding-left: 22px;
  }

  .rich-text-small-headings ol {
    margin-bottom: 8px;
    padding-left: 22px;
  }

  .rich-text-small-headings h4 {
    margin-bottom: 11px;
  }

  .rich-text-small-headings h3 {
    margin-top: 13px;
    margin-bottom: 4px;
    line-height: 1.2em;
  }

  .grid-2-column--dropdown {
    grid-template-columns: 1fr;
  }

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

  .grid-2-column--dropdown.gap-row-24px.flex-column {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .grid-2-column--dropdown.gap-row-10px.mg-bottom-32px {
    margin-bottom: 24px;
  }

  .grid-2-column--dropdown.figma-to-webflow-grid-rigth {
    grid-template-columns: 1fr;
  }

  .integration-single-text-wrapper {
    margin-top: 0;
  }

  .blog-post-title {
    line-height: 1.2em;
  }

  .max-width-116px {
    max-width: 72px;
  }

  .article-changelog-container {
    border-radius: 15px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .glossary---hero-bg {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 40%;
  }

  .glossary-card-date-item.blog-details-font {
    padding-top: 0;
  }

  .glossary-card-date-item.blog-details-font.mg-bottom-12px {
    margin-bottom: 12px;
  }

  .glossary-card-date-item.blog-details-font-copy {
    padding-top: 0;
  }

  .glossary-card-date-item.blog-details-font-copy.mg-bottom-12px {
    margin-bottom: 12px;
  }

  .glossary-card-date-item.single-page {
    margin-bottom: 0;
  }

  .rich-text-glossary h2 {
    font-size: 22px;
    line-height: 34px;
  }

  .rich-text-glossary ul {
    padding-left: 22px;
  }

  .rich-text-glossary ol {
    padding-left: 28px;
  }

  .rich-text-glossary h4 {
    font-size: 16px;
    line-height: 21px;
  }

  .rich-text-glossary h3 {
    font-size: 18px;
    line-height: 25px;
  }

  .heading-7 {
    font-size: 13px;
  }

  .large-card-section-bg {
    border-radius: 32px;
  }

  .brix-templates-circle-logo-center {
    max-width: 64px;
  }

  .paragraph-extra-large {
    font-size: 20px;
  }

  .webflow-ecommerce-absolute-image.top-left {
    width: 60%;
  }

  .webflow-ecommerce-absolute-image.center-right {
    width: 48%;
  }

  .webflow-ecommerce-absolute-image.bottom {
    width: 60%;
  }

  .webflow-ecommerce-calendar {
    max-width: 48px;
  }

  .webflow-ecommerce-logo {
    max-width: 64px;
    margin-bottom: -14px;
    margin-right: -12px;
  }

  .webflow-ecommerce-bag {
    max-width: 56px;
    margin-top: -10px;
    margin-right: -10px;
  }

  .webflow-ecommerce-emoji {
    max-width: 48px;
    margin-top: -10px;
  }

  .figma-agency-hero-image {
    width: 120%;
  }

  .figma-agency-hero-image-wrapper {
    border-radius: 24px;
    margin-top: 48px;
  }

  .figma-sites-cta-image-right {
    margin-top: 40px;
  }

  .sbt {
    font-size: var(--texts--ts-11);
  }

  .btn__icon.header-button {
    font-size: 1.25rem;
  }

  .btn__wrap.header-button {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
  }

  .template__top {
    margin-bottom: var(--mg-pd--xxs);
  }

  .template__link-icon {
    transform: scale(1.2);
  }

  .filters-button {
    min-width: 46px;
    max-width: 46px;
    max-height: 46px;
    padding-left: 0;
    padding-right: 0;
  }

  .template__link-text, .template__link-counter {
    display: none;
  }

  .header__mega-menu {
    grid-column-gap: var(--mg-pd--d);
    grid-row-gap: var(--mg-pd--d);
    grid-template-columns: 1fr;
  }

  .mega-menu__link-icon {
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
  }

  .mega-menu__link-icon.border-radius {
    border-radius: var(--radius--br-2);
  }

  .mega-menu__link-icon-wraper {
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
  }

  .mega-menu__cta {
    padding-bottom: var(--mg-pd--d);
  }

  .hidden_mobile {
    display: none;
  }

  .shortcodes__subtitle {
    font-size: var(--texts--ts-8);
  }

  .mega-menu__cta-img {
    display: none;
  }

  .webflow-bg_wrapper {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .content-marketing-hero.align-center.vertical-mbl {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-marketing-hero.figma-resources {
    flex-direction: column;
  }

  .content-marketing-hero.flex-space-between.research {
    flex-direction: row;
    align-items: center;
  }

  .grid-content-articles {
    grid-row-gap: var(--sizes--sz-15);
  }

  .marketing-card {
    grid-template-columns: 1fr 1fr;
  }

  .popup-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mobile-button-dot-wrapper {
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
  }

  .addons_category_wrapper {
    border-radius: var(--radius--br-6);
    flex-flow: column;
    width: 100%;
    position: static;
  }

  .addons_category_badge {
    width: 100%;
  }

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

  .webflow_addons-heading_icon_wrapper {
    max-width: 48px;
  }

  .addon_card-icon_wrapper {
    max-width: 120px;
  }

  .exclusive_pricing-imag_wrapper, .card-large_icon_wrapper {
    max-width: 150px;
  }

  .contact-webflow-exclusive-wrapper {
    max-width: 200px;
  }

  .large-icon-wrapper, .service-card__icon-wrapper {
    max-width: 100px;
  }

  .agency-cta-image {
    max-width: 115%;
    margin-right: -10%;
  }

  .contact_image_wrapper {
    max-width: 225px;
  }

  .conversion_services_image-extra_components {
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .hero-icon-wrapper {
    max-width: 120px;
  }

  .figma-cloneables-badge {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    font-size: var(--texts--ts-12);
    padding: .3rem .5rem .3rem .3rem;
  }

  .figma-cloneables-badge---icon-wrapper {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .icon-fonts-image {
    max-width: 150px;
  }

  .megatech-update-image {
    max-width: 150px;
    margin-bottom: -2.5%;
  }

  .contact-row {
    grid-template-columns: 1fr;
  }

  .contact-row._4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .contact-row._3-columns {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .input-line::placeholder {
    font-size: 18px;
    line-height: 20px;
  }

  .input-line.text-area-line::placeholder {
    font-size: 18px;
    line-height: 28px;
  }

  .checkbox-item {
    min-height: 125px;
  }

  .icon-wrapper-v2.contact-checkbox-wrapper {
    border-radius: 16px;
    min-width: 76px;
    max-width: 76px;
    min-height: 76px;
    max-height: 76px;
  }

  .icon-wrapper-v2.budget-icon {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -20px;
  }

  .icon-wrapper-v2.budget-icon.range-slider {
    margin: 0;
    left: 0;
  }

  .radio-button-item.circle-variation {
    box-shadow: 0 2px 6px #14142b0a;
  }

  .card-v2.budget-slider-container {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .divider-vertical.range-slider {
    display: none;
  }

  .contact-icon-wave {
    max-width: 57px;
  }

  .contact-heading-wrapper {
    white-space: nowrap;
  }

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

  .contact-icon {
    max-width: 72px;
  }

  .blog-cta-container {
    right: 35px;
  }

  .category-seo-icon {
    max-width: 100px;
  }

  .category-seo-icon-wrapper {
    margin-bottom: var(--mg-pd--xxs);
  }

  .portfolio__heading {
    margin-bottom: var(--gap);
    font-size: var(--texts--ts-8);
  }

  .contact-row-2 {
    grid-template-columns: 1fr;
  }

  .contact-row-2._4-columns {
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .contact-label-2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .icon-wrapper-2.contact-checkbox-wrapper {
    border-radius: 16px;
    min-width: 76px;
    max-width: 76px;
    min-height: 76px;
    max-height: 76px;
  }

  .contact-checkbox-wrapper {
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
  }

  .toc-dropdown-wrapper {
    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --texts--ts-8: .85rem;
    --line-height--lh-base: 1.5em;
    --texts--ts-6: 1.0625rem;
    --line-height--lh-tight: 1.2em;
    --mg-pd--xxs: var(--sizes--sz-4);
    --line-height--lh-none: 1em;
    --mg-pd--xs: var(--sizes--sz-7);
    --g-xxs: var(--sizes--sz-4);
    --mg-pd--s: var(--sizes--sz-8);
    --mg-pd--xxxs: var(--sizes--sz-3);
    --sizes--sz-9: 1.25rem;
    --sizes--sz-8: 1rem;
    --mg-pd--d: var(--sizes--sz-9);
    --sizes--sz-16: 4rem;
    --sizes--sz-15: 3.5rem;
    --sizes--sz-14: 3rem;
    --sizes--sz-18: 6.25rem;
    --g-s: var(--sizes--sz-8);
    --g-xs: var(--sizes--sz-6);
    --radius--br-5: 1rem;
    --mg-pd--m: var(--sizes--sz-10);
    --mg-pd--l: var(--sizes--sz-12);
    --radius--br-4: .75rem;
    --texts--ts-9: .82rem;
    --gap: 0px;
    --radius--br-6: 1.25rem;
    --g-d: var(--sizes--sz-10);
    --mg-pd--xxxxs: var(--sizes--sz-2);
    --radius--br-full: 9999rem;
    --sizes--sz-7: .975rem;
    --texts--ts-7: 1.125rem;
    --texts--ts-2: 1.6rem;
    --radius--br-3: .65rem;
    --texts--ts-11: .75rem;
    --sizes--sz-13: 2.5rem;
    --sizes--sz-17: 5rem;
    --sizes--sz-19: 8.75rem;
    --sizes--sz-20: 10.5rem;
    --sizes--sz-5: .775rem;
    --sizes--sz-11: 2rem;
    --sizes--sz-3: .325rem;
    --sizes--sz-10: 1.5rem;
    --sizes--sz-12: 2.25rem;
    --new--secondary--utility-blue: #2370ff;
    --sizes--sp-0: 0rem;
    --sizes--sz-6: .7rem;
    --g-xxxs: var(--sizes--sz-2);
    --texts--ts-10: .8125rem;
    --new--secondary--blue-100: #f4f8ff;
    --sizes--sz-4: .45rem;
    --radius--br-2: .4rem;
    --sizes--sz-1: .1rem;
    --g-m: var(--sizes--sz-12);
    --mg-pd--xl: var(--sizes--sz-13);
    --g-l: var(--sizes--sz-14);
    --g-xxl: var(--sizes--sz-16);
    --g-xl: var(--sizes--sz-15);
    --texts--ts-12: .7rem;
    --mg-pd--xxl: var(--sizes--sz-15);
    --texts--ts-5: 1.125rem;
    --texts--ts-1: 2.25rem;
    --texts--ts-4: 1.3rem;
    --texts--ts-3: 1.4rem;
    --radius--br-1: .25rem;
    --sizes--sz-2: .2rem;
  }

  h1 {
    font-size: 34px;
  }

  label {
    margin-bottom: var(--g-xxs);
  }

  .mgb-s.xxs-m {
    margin-bottom: var(--mg-pd--xxxs);
  }

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

  .flex.align-center.vertical-left-mbp {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-center.hero {
    margin-top: 0;
  }

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

  .button-primary {
    padding-left: 32px;
    padding-right: 32px;
  }

  .button-primary.newsletter {
    color: #4a3aff;
    background-color: #fff;
    background-image: none;
    width: 100%;
    margin-top: 16px;
    position: static;
    box-shadow: 0 8px 12px -2px #0d0a2c2e;
  }

  .button-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .header__logo {
    max-width: 10.9rem;
  }

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

  .utility-page-content-password {
    padding: 56px 20px;
  }

  .input.newsletter {
    min-height: 64px;
  }

  ._404-title {
    font-size: 120px;
    line-height: 120px;
  }

  .dropdown-list.download-button {
    margin-top: 6px;
  }

  .dropdown.download-button {
    max-width: 100%;
  }

  .post-card-image {
    border-radius: 22px;
  }

  .cta-wrapper {
    padding: 80px 20px;
  }

  .cta-wrapper.blog {
    padding-left: 18px;
    padding-right: 18px;
  }

  .cta-banner-title {
    font-size: 30px;
    line-height: 36px;
  }

  .card.megatech-pages-section-navigation {
    grid-column-gap: 24px;
  }

  .card.testimonial-slider-card {
    border-radius: 16px;
  }

  .card.calculator-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .card.hire-our-team {
    grid-template-columns: 1fr;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .card.webflow-shortcuts-nav-menu {
    min-width: 240px;
    left: -510%;
  }

  .card.glossary-card {
    flex-flow: column;
  }

  .card.glossary-single-rich-text {
    padding-left: 24px;
    padding-right: 24px;
  }

  .feature-icon {
    max-width: 80px;
  }

  .blog-card-details.post {
    margin-bottom: var(--gap);
    grid-column-gap: var(--g-xs);
    grid-row-gap: var(--g-xs);
    flex-flow: row;
    align-items: center;
  }

  .blog-author-top {
    padding: 8px 18px 8px 10px;
  }

  .blog-author-image {
    width: 48px;
    margin-right: 12px;
  }

  .rich-text-blog h2 {
    margin-top: 12px;
    font-size: 20px;
  }

  .rich-text-blog p {
    font-size: .875rem;
  }

  .rich-text-blog h4 {
    margin-top: 12px;
  }

  .rich-text-blog h3 {
    margin-top: 12px;
    font-size: 18px;
  }

  .rich-text-blog h5 {
    margin-top: 12px;
    font-size: 14px;
  }

  .rich-text-blog h6 {
    margin-top: 12px;
    font-size: 13px;
  }

  .rich-text-blog blockquote {
    font-size: 18px;
    line-height: 30px;
  }

  .rich-text-blog ul, .rich-text-blog ol {
    padding-left: 22px;
  }

  .rich-text-blog h1 {
    font-size: 23px;
  }

  .table-of-content-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blog-author-bottom-wrapper {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .author-image {
    width: 70px;
  }

  .discus-comments-wrapper {
    margin-top: 40px;
  }

  .author-name-container {
    flex-wrap: wrap;
  }

  .heading-h3.blog-cta-card {
    font-size: 19px;
    line-height: 30px;
  }

  .sidebar-icon {
    margin-right: 10px;
  }

  .sidebar-item-text {
    flex-wrap: wrap;
    font-size: 16px;
  }

  .form-newsletter-wrapper {
    position: static;
  }

  .grid-2-columns.webflow-awards {
    grid-row-gap: 40px;
  }

  .template-idea---reward-icon {
    width: 70px;
    max-width: 130px;
    margin-right: 0;
    margin-bottom: var(--g-s);
  }

  .template-idea-blur-1 {
    z-index: -6;
  }

  .template-idea-image {
    max-width: 120px;
  }

  .icon-family__step-wrap {
    padding-top: var(--mg-pd--xxxxs);
    margin-right: 0;
  }

  .icon-family__instructions-left {
    flex-direction: column;
  }

  .checkbox {
    flex: none;
  }

  .empty-state__icon {
    max-width: 64px;
  }

  .hire-webflow-developer-2 {
    right: 9%;
  }

  .card-image.horizontal-image {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .elements---image-3 {
    width: 39%;
  }

  .link-card-content-wrapper {
    padding-top: 29px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .link-card-icon-logo {
    border-radius: var(--radius--br-3);
    max-width: 48px;
    max-height: 48px;
  }

  .blog-card-cta-wrapper {
    border-radius: 30px;
    padding-top: 34px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .blog-cta-card-left.brix-templates {
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-cta-card-right.brix-templates {
    background-size: 96%;
    min-height: 300px;
    max-height: 300px;
  }

  .blog-cta-card-right.brix-agency {
    min-height: 360px;
  }

  .blog-card-color, .blog-card-code {
    border-radius: 30px;
    padding: 32px 24px;
    font-size: 16px;
    line-height: 28px;
  }

  .blog-date-flex {
    margin-bottom: 5px;
  }

  .blog-date-flex.blog-details-font.mg-bottom-12px {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-top-wrapper {
    border-radius: 20px;
    margin-top: 14px;
  }

  .blog-top-image-wrapper {
    border-radius: 14px;
    margin-bottom: 14px;
  }

  .blog-top-number-wrapper {
    font-size: 16px;
    line-height: 28px;
    top: 16px;
    right: 16px;
  }

  .reviews-image-01 {
    left: -3%;
  }

  .review-image-02 {
    width: 26%;
    bottom: 25%;
    left: 9%;
  }

  .reviews-image-03 {
    width: 36%;
    bottom: -23%;
    right: 11%;
  }

  .reviews-image-04 {
    width: 38%;
    left: 4%;
  }

  .reviews-image-05 {
    width: 36%;
    right: 2%;
  }

  .card-review-testimonial-avatar.featured {
    width: 48px;
    height: 48px;
    margin-right: 14px;
  }

  .card-review-featured-link-wrapper {
    justify-content: flex-start;
    margin-bottom: 18px;
    margin-left: 18px;
    margin-right: 18px;
    inset: auto 0 0%;
  }

  .c-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sec.homer-hero, .sec.homer-hero.category-seo {
    padding-top: var(--sizes--sz-17);
  }

  .sec.blog-post {
    padding-top: 7px;
  }

  .sec.contact-form.grey {
    padding-top: var(--mg-pd--d);
  }

  .sec.top-hero {
    padding-top: var(--sizes--sz-10);
  }

  .sec.template-background {
    padding-bottom: 120px;
  }

  .sec.review-hero {
    padding-bottom: 150px;
  }

  .sec.agency-hero {
    padding-top: 6rem;
  }

  .sec.hero {
    padding-top: var(--sizes--sz-17);
  }

  .sec.no-bg {
    padding-bottom: 90px;
  }

  .sec.customization-hero {
    padding-bottom: var(--sizes--sz-15);
  }

  .sec.services {
    border-radius: 20px;
  }

  .sec.br-accent {
    border-radius: 24px;
  }

  .sec.memberstack-dashboard-hero {
    padding-top: 32px;
    padding-bottom: 80px;
  }

  .sec.addons-hero {
    padding-top: var(--sizes--sz-9);
  }

  .sec.bg_mega-grey.z-index-4 {
    z-index: 4;
    position: relative;
  }

  .sec.elements-hero {
    padding-top: var(--sizes--sz-18);
  }

  .sec.z-index-5 {
    z-index: 5;
    position: relative;
  }

  .btn {
    padding-top: var(--sizes--sz-6);
    padding-bottom: var(--sizes--sz-6);
  }

  .btn.inside {
    padding-right: var(--sizes--sz-8);
    background-color: var(--new--neutral--color-100);
    color: var(--new--primary-color);
    background-image: none;
    position: static;
  }

  .btn.inside.default {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn.inside.default.icon {
    background-color: var(--new--neutral--color-100);
    color: var(--new--primary-color);
    background-image: none;
    padding-right: 24px;
  }

  .btn.inside.default.icon.cta-white {
    padding-left: 24px;
    padding-right: 24px;
  }

  .btn.inside.dark {
    background-color: var(--new--primary-color);
    color: var(--new--neutral--color-100);
  }

  .btn.icon-form.default {
    padding-right: 48px;
  }

  .btn.header-button {
    font-size: 19px;
  }

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

  .style---content-heading {
    padding-left: 22px;
    padding-right: 22px;
  }

  .checkbox-2 {
    min-width: 22px;
    min-height: 22px;
  }

  .checkbox-2.large {
    min-width: 26px;
    min-height: 26px;
  }

  .footer-logo-wrapper.width-200px {
    max-width: 230px;
  }

  .heading-h2-size {
    font-size: 26px;
    line-height: 34px;
  }

  .display-1---new {
    font-size: 34px;
    line-height: 46px;
  }

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .radio-button {
    min-width: 22px;
    min-height: 22px;
  }

  .radio-button.large {
    min-width: 26px;
    min-height: 26px;
  }

  .grid__3-col, .grid__3-col.templates_grid, .grid__3-col._2-col-mb {
    grid-template-columns: 1fr;
  }

  .divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 17px;
    padding-bottom: 16px;
  }

  .btn-secondary.small, .btn-secondary.small.jetboost-pagination-prev-p5qp.btn-nav {
    width: auto;
    padding-left: 14px;
    padding-right: 16px;
  }

  .btn-secondary.small.jetboost-pagination-next-p5qp.btn-nav {
    width: auto;
    padding-left: 18px;
    padding-right: 16px;
  }

  .btn-secondary.small.jetboost-pagination-prev-g788.btn-nav {
    width: auto;
    padding-left: 14px;
    padding-right: 16px;
  }

  .btn-secondary.small.jetboost-pagination-next-g788.btn-nav, .btn-secondary.small.btn-nav {
    width: auto;
    padding-left: 16px;
    padding-right: 14px;
  }

  .btn-row {
    grid-column-gap: var(--g-xxs);
    grid-row-gap: var(--g-xxs);
    flex-flow: wrap;
  }

  .footer-logo {
    width: 100%;
    max-width: 240px;
  }

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

  .btn-circle-secondary.slider-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 15px;
  }

  .badge-primary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-primary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .tag {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .tag.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .tag.medium {
    padding: .5rem var(--mg-pd--xxs) .45rem;
  }

  .tag.medium.light {
    font-size: 14px;
    line-height: 16px;
  }

  .tag.medium.light.blog-post {
    padding-left: 8px;
    padding-right: 9px;
    font-size: 12px;
  }

  .inp::placeholder {
    font-size: var(--texts--ts-9);
  }

  .inp.large.button-inside {
    min-height: 64px;
  }

  .inp.subscribe-form {
    min-height: 51px;
    margin-bottom: var(--mg-pd--xxs);
    box-shadow: none;
    color: var(--new--neutral--color-100);
    background-color: #fff0;
    border-color: #ffffff4d;
  }

  .inp.subscribe-form:hover, .inp.subscribe-form:focus {
    border-color: #fff;
  }

  .inp.subscribe-form::placeholder {
    color: var(--new--neutral--color-300);
  }

  .inp.subscribe-form.megatech-page-input {
    border-color: var(--new--neutral--color-400);
    background-color: var(--new--neutral--color-100);
    margin-bottom: 0;
  }

  .inp.subscribe-form.megatech-page-input::placeholder {
    background-color: var(--new--neutral--color-100);
    color: var(--new--neutral--color-600);
  }

  .inp.subscribe-form.dark-version {
    border-color: var(--new--neutral--color-400);
    background-color: var(--new--neutral--color-100);
    box-shadow: 0 1px 5px #0908221c;
  }

  .inp.subscribe-form.dark-version:hover {
    border-color: var(--new--primary-color);
  }

  .inp.subscribe-form.dark-version:focus {
    border-color: var(--new--primary-color);
    color: var(--new--neutral--color-800);
  }

  .inp.subscribe-form.dark-version::placeholder {
    color: var(--new--neutral--color-600);
  }

  .inp.select {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .inp.filters.search.jetboost-list-search-input-g7yg {
    padding-left: var(--sizes--sz-12);
  }

  .inp.clonable_subscirbe {
    min-height: 42px;
    margin-bottom: var(--mg-pd--xs);
  }

  .display-2 {
    font-size: 40px;
    line-height: 50px;
  }

  .footer-list-item.horizontal {
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

  .display-3---new {
    font-size: 24px;
    line-height: 35px;
  }

  .grid__1-col.g-0.filters-categories {
    min-width: 240px;
    inset: 56px 0% auto auto;
  }

  .style---heading {
    margin-bottom: 40px;
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .style---heading-icon-wrapper {
    border-radius: 16px;
    width: 58px;
    margin-right: 14px;
  }

  .footer-list-wrapper.horizontal {
    flex-direction: column;
  }

  .text-200 {
    font-size: var(--texts--ts-8);
  }

  .text-200.bold.color-neutral-100.accent-mobile {
    color: var(--new--primary-color);
  }

  .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .checkbox-field-wrapper-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper-2.large {
    font-size: 18px;
    line-height: 22px;
  }

  .header__nav-item-wrapper {
    text-align: left;
    width: 100%;
  }

  .header__nav-item-wrapper.badge-wrapper {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
  }

  .header__nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .dropdown-pd.header-pd {
    padding-top: 6px;
  }

  .header__logo-link {
    max-width: 10rem;
  }

  .header {
    padding-top: var(--sizes--sz-5);
    padding-bottom: var(--sizes--sz-5);
  }

  .header__dropdown-toggle {
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .grid__2-col.gap-row-10px._1-col-mb {
    grid-template-columns: 1fr;
  }

  .grid__2-col.title-btn.mg-bottom-94px {
    margin-bottom: 48px;
  }

  .grid__2-col.blog-hero {
    grid-row-gap: 10px;
    margin-bottom: 10px;
  }

  .grid__2-col.gap-row-28 {
    grid-template-columns: 1fr;
  }

  .button-row-left-wrapper {
    width: 100%;
    margin-bottom: 17px;
    margin-right: 0;
  }

  .crd.features {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .crd.blog-comments-wrapper {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .crd.cloneable-rich-text {
    padding-bottom: var(--mg-pd--d);
  }

  .crd.portfolio {
    width: 250px;
  }

  .crd.contact-form.template-idea, .crd.contact-form.project-calculator {
    min-height: 430px;
  }

  .crd.template-sidebar {
    padding-bottom: var(--mg-pd--s);
  }

  .crd.icon-famly.last {
    padding-bottom: var(--mg-pd--m);
  }

  .crd.contact-form-card.mg-bottom-24px {
    padding-left: 22px;
    padding-right: 22px;
  }

  .crd.megatech-features-image-left {
    grid-template-columns: 1fr;
  }

  .crd.megatech-custom-features-icon-top {
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.megatech-form-center-card {
    border-radius: 16px;
  }

  .crd.exclusive-templates-card {
    padding-right: var(--mg-pd--s);
    padding-bottom: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.grid-card-image-right, .crd.grid-card-image-top, .crd.grid-card-image-bottom {
    border-radius: 16px;
  }

  .crd.grid-card-marquee-bottom {
    border-radius: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.grid-card-cta {
    border-radius: 16px;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.integration-single-card.v2 {
    padding-top: var(--mg-pd--d);
  }

  .crd.integration-single-card.v3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.addons-card-large, .crd.addons-card-small {
    border-radius: 16px;
  }

  .crd.large-card-center {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .crd.template-idea-cta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .crd.dropdown-menu {
    min-width: 200px;
  }

  .brix_icon-font.filters-search-icon {
    top: 0%;
  }

  .template__badges-wraper {
    bottom: 7%;
  }

  .link-wraper {
    line-height: 20px;
  }

  .link-wraper.default-link {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .link-wraper.default_center-mb {
    justify-content: center;
    align-items: center;
  }

  .templates__pagination-wraper {
    flex-direction: row;
  }

  .templates__pagination-numbers-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .button-circle-row {
    margin-right: 7px;
  }

  .inp__btn-wrap {
    color: var(--new--primary-color);
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .inp__btn-wrap:hover {
    transform: scale(.96);
  }

  .inp__btn-wrap.v2 {
    width: 100%;
  }

  .inp__btn-wrap.center_mbp {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .absolute.btn-icon-input {
    color: var(--new--primary-color);
    display: none;
    right: 0;
  }

  .absolute.icon-contact-form-button.default {
    top: -1%;
  }

  .form-success {
    font-size: var(--texts--ts-8);
  }

  .features__icon-wrap {
    max-width: 64px;
    margin-right: 0;
    margin-bottom: var(--mg-pd--xs);
    justify-content: center;
    align-items: center;
  }

  .features__icon-wrap.large {
    max-width: 80px;
    height: auto;
  }

  .features__icon-wrap.main-features {
    max-width: 90px;
    max-height: 90px;
  }

  .features__icon.v01 {
    max-width: 84%;
    position: absolute;
    top: -9%;
  }

  .features__icon.v03 {
    width: 90px;
    max-width: 100px;
    right: -16%;
  }

  .features__icon.v04 {
    max-width: 121%;
    top: 1%;
    right: -19%;
  }

  .features__icon.v06 {
    top: -1%;
    left: -3%;
  }

  .features__icon.v07 {
    left: -7%;
  }

  .features__icon.v08 {
    max-width: 118%;
    top: -4%;
    left: -12%;
  }

  .features__icon.v10 {
    max-width: 120%;
  }

  .features__icon.v09 {
    max-width: 86%;
    position: absolute;
    top: -9%;
  }

  .features__icon.v3 {
    max-width: 84%;
    position: absolute;
    top: -18%;
  }

  .card-light {
    padding-left: 28px;
    padding-right: 28px;
  }

  .card-light.flex-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-templates__image {
    width: 240%;
    max-width: 240%;
    margin-bottom: -45px;
  }

  .cta-templates__image.v02 {
    border-radius: 17px;
    max-width: 112%;
    margin-bottom: -26px;
  }

  .footer__top-sec {
    padding-top: var(--mg-pd--m);
  }

  .footer__img-wrap {
    max-width: 10rem;
  }

  .footer__grid-sm {
    grid-template-columns: repeat(auto-fit, minmax(30px, 30px));
  }

  .footer__grid-sm.center-mobile {
    flex-wrap: wrap;
    display: flex;
  }

  .sm-icon {
    width: 30px;
    max-width: 30px;
  }

  .service-card__icon.width-72px {
    border-radius: 12px;
    width: 63px;
  }

  .service-card__icon.mg-bottom-32px._16px-mobile {
    max-width: 48px;
  }

  .resource-card__image-wrap.featured {
    border-bottom-left-radius: 0;
  }

  .resource-card__content.featured {
    padding-right: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .resource-card__badge-wrap {
    top: var(--mg-pd--xxs);
    right: var(--mg-pd--xxs);
  }

  .text-icon-wrapper.blog-post-card-date {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 6px;
  }

  .resource-card__details {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cta-blog-image-01 {
    max-width: 37%;
    margin-bottom: -12px;
  }

  .cta-blog-image-03 {
    display: none;
  }

  .cloneable-card-content {
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cloneable-card-content.featured {
    padding-left: 22px;
    padding-right: 22px;
  }

  .clonleable-card-bottom-details {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .blog-post-details-badge-wrapper {
    margin-bottom: 9px;
    margin-right: 0;
  }

  .share-post-wrapper {
    flex-direction: column;
  }

  .cloneable-sidebar-image {
    max-width: 110px;
  }

  .sec__contact-bg {
    background-image: linear-gradient(90deg, #4a3aff, #6c55ff);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 18px;
  }

  .sec__contact-bg.index-1 {
    background-color: var(--new--primary-color);
  }

  .contact-image {
    max-width: 180px;
    position: relative;
    left: -12px;
  }

  .contact-image.v2 {
    max-width: 120px;
  }

  .contact-form-icon {
    max-width: 80px;
  }

  .accordion__title {
    font-size: var(--texts--ts-6);
  }

  .btn-circle-secondary-2.small.accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .crd-figcl__img-wraper.left {
    justify-content: center;
    margin-top: 0;
  }

  .figma-card-cloneable-icon.figma-slides {
    max-width: 70px;
  }

  .figma-card-cloneable-image.left {
    max-width: 130%;
  }

  .figma-card-cloneable-image.wireframe {
    width: 188%;
    max-width: 158%;
  }

  .figcl-crd__icon {
    max-width: 82px;
  }

  .figcl-crd__icon.charts {
    max-width: 90px;
    margin-left: -8px;
  }

  .badge-row-flex {
    margin-right: 12px;
  }

  .grid-4-columns---new, .grid-4-columns---new.templates-grid, .grid-4-columns---new.gap-20px._2-col-mbl {
    grid-template-columns: 1fr;
  }

  .share-links-contianer {
    margin-top: 12px;
  }

  .hbm {
    min-height: 100%;
  }

  .webflow-agency-badge {
    display: none;
    top: 16%;
    right: 37%;
  }

  .br-6 {
    border-radius: 24px;
  }

  .heading-h2-size-2 {
    font-size: 26px;
    line-height: 34px;
  }

  .megatech-logo-link {
    max-width: 150px;
  }

  .megatech-primary-button {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .megatech-primary-button.small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .megatech-primary-button.small.width-auto-mbp {
    width: auto;
  }

  .megatech-primary-button.form-button-bottom {
    padding-top: 16px;
    padding-bottom: 14px;
  }

  .secondary-btn-dropdown-list {
    width: 100%;
    min-width: 215px;
    top: 90%;
    left: auto;
    right: 0%;
    transform: none;
  }

  .secondary-btn-dropdown-list.left-mbl {
    right: auto;
  }

  .megatech-vertical-marquee-container {
    grid-row-gap: 16px;
  }

  .marquee-item-link {
    min-width: 200px;
  }

  .megatech-navigation-link {
    font-size: 14px;
  }

  .megatech-hamburger-menu-button {
    width: 38px;
    min-width: 38px;
    max-width: 38px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
  }

  .megatech-circle-icon {
    max-width: 56px;
  }

  .uppercase-title-small {
    font-size: 14px;
    line-height: 20px;
  }

  .icon-left-list-text.medium {
    font-size: 14px;
  }

  .megatech-templates-card-wrapper {
    padding: 3px;
  }

  .megatech-card-badge-top-right {
    font-size: 14px;
  }

  .megatech-grid-image {
    border-radius: 16px;
  }

  .max-width-222px {
    max-width: 125px;
  }

  .megatech-link-image-wrapper {
    border-radius: 12px;
  }

  .megatech-link-image-wrapper.marquee-image {
    min-width: 240px;
  }

  .megatech-cta-right-pages {
    margin-left: -16px;
  }

  .megatech-cta-right-pages-wrapper {
    margin-left: -16px;
    margin-right: -16px;
  }

  .megatech-cta-text-container {
    width: 100%;
  }

  .megatech-features---text-right {
    padding-top: var(--mg-pd--d);
    padding-bottom: var(--mg-pd--d);
  }

  .megatech-custom-feature-square-icon {
    border-radius: 12px;
    max-width: 56px;
    margin-bottom: 16px;
  }

  .megatech-template-asset---text-container {
    padding-right: var(--mg-pd--d);
    padding-left: var(--mg-pd--d);
  }

  .max-width-160px {
    max-width: 88px;
  }

  .megatech-figma-file-text-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-size-35px {
    font-size: 24px;
  }

  .max-width-148px {
    width: 100px;
  }

  .buy-mega-template-text-container {
    justify-content: center;
    align-items: flex-start;
  }

  .mega-template-price-badge {
    margin-bottom: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    top: auto;
    right: auto;
  }

  .megatech-top-notification-bar {
    padding-left: 20px;
  }

  .megatech-form-center {
    min-height: 340px;
  }

  .exclusive-image---card {
    border-top-left-radius: var(--radius--br-5);
    border-top-right-radius: var(--radius--br-5);
  }

  .exclusive-card-content {
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .exclusive-card-content.featured {
    padding-right: var(--mg-pd--s);
    padding-left: var(--mg-pd--s);
  }

  .exclusive-card-bottom {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
  }

  .badge.exclusive, .badge.v1 {
    padding: 8px 10px 6px;
    font-size: 13px;
    line-height: 15px;
  }

  .exclusive-card.featured {
    border-radius: var(--radius--br-5);
  }

  .exclusive-circle-icon {
    max-width: 56px;
  }

  .gradient-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .exclusive-badge-card {
    font-size: 14px;
  }

  .ctm-hero__slider-content {
    border-radius: 20px;
  }

  .ctm-hero__tab-item.w--current {
    max-width: 64px;
  }

  .mg-right-24px {
    margin-right: 16px;
  }

  .slider-image-wrapper {
    border-radius: 12px;
  }

  .ctm-hero__tabs-menu {
    grid-column-gap: 8px;
  }

  .ctm-hero__slider-wrapper {
    padding-bottom: var(--mg-pd--l);
  }

  .ctm-service-crd.horizontal {
    min-height: 180px;
  }

  .ctm-service-crd.last {
    padding-bottom: 0;
  }

  .ctm-service-crd.large {
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 300px;
  }

  .ctm-service-crd__text-content.horizontal {
    padding-left: 24px;
    padding-right: 24px;
  }

  .ctm-service-crd__text-content.left {
    width: auto;
  }

  .template-customization-card-image-center {
    right: 4%;
  }

  .template-customization-card-bg {
    margin-bottom: 0;
  }

  .cta-sec {
    border-radius: 20px;
    padding-top: 64px;
  }

  .cta-paragraph-large {
    font-size: 18px;
  }

  .cta-image-right-wrapper {
    width: 100%;
    max-width: none;
  }

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

  .calculator-bottom-section {
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .calculator-section-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .badge-menu-link {
    margin-left: 8px;
    padding: 8px 10px 6px;
    font-size: 14px;
  }

  .badge-menu-link-gradient-inside {
    bottom: -176%;
  }

  .hire-our-team-card-image-wrapper {
    width: auto;
    max-width: none;
    margin-top: 20px;
    margin-right: -24px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .max-width-328px {
    max-width: 160px;
  }

  .infinity-marquee-image {
    border-radius: 12px;
    max-width: 240px;
  }

  .stars-testimonails {
    max-width: 110px;
  }

  .webflow-agency-main-wrapper, .webflow-agency-main-image-overlay {
    border-radius: 4px;
  }

  .webflow-agency-icon-bottom {
    width: 41%;
    bottom: -30%;
    left: -5%;
    right: auto;
  }

  .webflow-agency-image-left-wrapper {
    display: none;
    left: -3%;
  }

  .webflow-agency-image-right-wrapper {
    width: 34%;
    top: 37%;
    right: -3%;
  }

  .webflow-shortcuts-hero-icon {
    max-width: 100px;
    margin-right: 0;
    margin-bottom: var(--mg-pd--xs);
    margin-left: -14px;
  }

  .webflow-shortcuts-bg {
    min-height: 550px;
  }

  .webflow-shortcuts-card---top {
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .webflow-shortcuts-tabs-menu {
    width: 100%;
  }

  .webflow-shortcuts-tab-button {
    width: 50%;
  }

  .webflow-shortcuts-tab-active-text {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .webflow-shortcuts-section-row {
    margin-bottom: var(--mg-pd--xxxs);
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 8px;
    padding-right: 8px;
  }

  .webflow-shortcuts-section-row.header {
    grid-column-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .webflow-shortcuts-section-row.last {
    margin-bottom: 0;
  }

  .webflow-shortcut-key-wrapper.min-width-76px {
    min-width: 56px;
  }

  .webflow-shortcuts-2-items {
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .webflow-shortcuts-navbar {
    z-index: 999;
    margin-left: auto;
    position: absolute;
    top: -5px;
    right: 20px;
  }

  .webflow-shortcuts-nav-button {
    width: 42px;
    height: 42px;
  }

  .figma-to-webflow-hero-images {
    grid-column-gap: 12px;
    margin-bottom: 64px;
  }

  .figma-to-webflow-hero-image-wrapper, .figma-to-webflow-hero-image-left-overlay, .figma-to-webflow-hero-image-right-overlay {
    border-radius: 8px;
  }

  .figma-to-webflow---image-center {
    top: 72%;
  }

  .figma-to-webflow---image-left, .figma-to-webflow---image-right {
    width: 24%;
  }

  .card---image-right-container {
    width: 130%;
  }

  .grid-image-right---gradient-bottom {
    height: 10%;
  }

  .marquee-inside-card-container {
    margin-left: -24px;
    margin-right: -24px;
  }

  .marquee-circle-image {
    border-radius: 12px;
    max-width: 48px;
  }

  .blocks-kit-card-badge-top-right {
    font-size: 12px;
  }

  .advanced-seo-icon {
    max-width: 32px;
  }

  .stats-center-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .stat-number-large {
    font-size: 40px;
  }

  .contact-image-container {
    max-width: 150px;
    margin-bottom: -8px;
  }

  .agency_cta {
    border-radius: 24px;
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .projects-marquee-image {
    width: 220px;
  }

  .webflow-agency-hero-rive {
    height: 200px;
  }

  .framer-agency-hero-rive {
    height: 300px;
  }

  .sec__a-accent {
    padding-bottom: var(--sizes--sz-8);
  }

  .sec__a-accent.dark-cta.fig {
    padding-top: var(--sizes--sz-13);
  }

  .f-agency-card-content-wrapper {
    padding-top: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .memberstack-hero-logo {
    max-width: 80px;
  }

  .memberstack-hero-logo.right {
    margin-left: -29px;
  }

  .memberstack-marquee {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-right: 16px;
  }

  .memberstack-image-wrapper {
    max-width: 300px;
  }

  .webflow-integrations-icon-and-title {
    grid-row-gap: var(--g-s);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .max-width-140px {
    max-width: 70px;
  }

  .integrations---hero-bg {
    height: 74%;
    max-height: none;
  }

  .addons-card-large---image {
    border-radius: 16px;
  }

  .addons-card-large---title {
    font-size: 22px;
    line-height: 22px;
  }

  .max-width-80px {
    max-width: 56px;
  }

  .rich-text-small-headings h1 {
    margin-top: 13px;
    margin-bottom: 4px;
    font-size: 20px;
  }

  .blog-post-title {
    font-size: var(--texts--ts-3);
  }

  .back-arrow {
    font-size: 13px;
  }

  .article-changelog-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .webflow-glossary-title {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .glossary---hero-bg {
    height: 50%;
    max-height: 330px;
  }

  .glossary-card-date {
    position: static;
  }

  .glossary-card-date-item {
    margin-bottom: 5px;
  }

  ._3-columns-grid-card---text-content {
    padding: 32px 24px;
  }

  .brix-templates-circle-logo-center {
    max-width: 56px;
  }

  .webflow-ecommerce-calendar {
    max-width: 40px;
  }

  .webflow-ecommerce-logo {
    max-width: 56px;
    margin-bottom: -5px;
  }

  .webflow-ecommerce-bag {
    max-width: 48px;
    margin-left: -6px;
    margin-right: -6px;
  }

  .webflow-ecommerce-emoji {
    max-width: 40px;
    margin-top: -6px;
  }

  .figma-agency-hero-image {
    width: 160%;
  }

  .figma-sites-cta-image-right {
    margin-left: -56%;
    margin-right: -56%;
  }

  .sbt {
    font-size: var(--texts--ts-9);
  }

  .btn__icon.header-button {
    font-size: 20px;
  }

  .sbt-badge {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    font-size: var(--texts--ts-11);
  }

  .sbt-badge__icon {
    width: 24px;
    height: 24px;
  }

  .filters__checkbox {
    flex: none;
  }

  .template__logo-wrapper {
    border-radius: var(--sizes--sz-4);
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .template__info {
    flex-flow: wrap;
  }

  .template__link-icon {
    transform: scale(1);
  }

  .cta__title {
    font-size: var(--texts--ts-4);
  }

  .cta__left-col {
    max-width: 100%;
  }

  .btn__form-icon-wrap {
    display: none;
  }

  .i-container._45ch.left-tablet {
    margin-left: 0;
  }

  .mega-menu__col {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
    flex-flow: column;
  }

  .mega-menu__subtitle {
    margin-bottom: var(--mg-pd--xxs);
  }

  .mega-menu__link-icon {
    min-width: 26px;
    max-width: 26px;
    min-height: 26px;
    max-height: 26px;
  }

  .mega-menu__inner-col {
    grid-column-gap: var(--g-s);
    grid-row-gap: var(--g-s);
  }

  .mega-menu__cta {
    padding-bottom: var(--mg-pd--s);
  }

  .mega-menu__cta-subtitle {
    font-size: var(--texts--ts-8);
  }

  .hidden_mobile {
    display: none;
  }

  .ctm-tag__icon {
    max-width: 40px;
  }

  .latest_updated-on, .mega-menu__cta-img {
    display: none;
  }

  .content-marketing-hero {
    text-align: center;
    flex-flow: column;
  }

  .content-marketing-hero.align-center.vertical-left-mbp {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-icon._1 {
    margin-bottom: -10px;
  }

  .grid-content-articles {
    grid-row-gap: var(--sizes--sz-14);
  }

  .marketing-card {
    grid-template-columns: 1fr;
  }

  .website-calculator-top-border-line.webflow-background-color.padding-left-and-right-calculators {
    padding-right: 12px;
  }

  .mobile-button-dot-wrapper {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .addon_card-icon_wrapper {
    max-width: 100px;
  }

  .exclusive_pricing-imag_wrapper, .card-large_icon_wrapper {
    max-width: 120px;
  }

  .contact-webflow-exclusive-wrapper {
    max-width: 150px;
  }

  .large-icon-wrapper, .service-card__icon-wrapper {
    max-width: 80px;
  }

  .agency-cta-image {
    z-index: 0;
  }

  .contact_image_wrapper {
    max-width: 150px;
  }

  .hero-icon-wrapper {
    max-width: 80px;
  }

  .icon-fonts-image, .megatech-update-image {
    max-width: 120px;
  }

  .input-line.text-area-line::placeholder {
    font-size: 16px;
    line-height: 26px;
  }

  .checkbox-item {
    border-radius: 16px;
    min-height: auto;
    max-height: none;
  }

  .checkbox-absolute {
    border-radius: 14px;
  }

  .icon-wrapper-v2.contact-checkbox-wrapper {
    border-radius: 12px;
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
  }

  .icon-wrapper-v2.budget-icon {
    min-width: 42px;
    max-width: 42px;
    min-height: 42px;
    max-height: 42px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    left: 0;
  }

  .checkbox-absolute-label {
    font-size: 15px;
    line-height: 17px;
  }

  .radio-button-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .radio-buttton {
    width: 20px;
    height: 20px;
    margin-right: 0;
  }

  .radio-buttton.w--redirected-checked {
    border-width: 5px;
  }

  .radio-button-trigger.deadline-category {
    padding-right: 9px;
  }

  .card-v2 {
    border-radius: 24px;
    box-shadow: 0 2px 10px #14142b0f;
  }

  .card-v2.budget-slider-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column-reverse;
    padding-bottom: 32px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .line-rounded-icons.button-contact-icon {
    padding-left: 105px;
  }

  .success-message-wrapper {
    min-height: 140px;
    padding: 24px 20px;
    position: static;
  }

  .mgb-large {
    margin-bottom: 40px;
  }

  .contact-icon-wave {
    display: none;
  }

  .contact-icon-wave.mobile {
    max-width: 70px;
    margin-left: 0;
    padding-bottom: 8px;
    display: block;
  }

  .contact-heading-wrapper {
    white-space: normal;
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-icon {
    max-width: 64px;
  }

  .blog-cta-container {
    min-width: 325px;
    max-width: 325px;
    right: 22px;
  }

  .blog-cta-image-wrapper {
    max-width: 48px;
  }

  .blog-cta-button {
    min-width: 1.25rem;
    max-width: 1.25rem;
    min-height: 1.25rem;
    max-height: 1.25rem;
  }

  .blog-cta-link-wrapper {
    margin-top: .25em;
  }

  .category-seo-icon {
    max-width: 80px;
  }

  .blog-post-heading {
    font-size: var(--texts--ts-5);
  }

  .contact-row-2._4-columns {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .contact-label-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .icon-wrapper-2.contact-checkbox-wrapper {
    border-radius: 12px;
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
  }

  .toc-dropdown-wrapper {
    min-width: 18px;
    max-width: 18px;
    min-height: 16px;
    max-height: 16px;
  }

  .toc-line {
    width: 18px;
  }

  .toc-line.vertical {
    height: 18px;
  }
}

.brix-grid-span-1,
#w-node-_44b1f321-cbdf-a5c3-973b-be4b3f5ba1dc-64da4415, #w-node-_00efee80-f0dc-6946-f68b-37902a80813a-64da4415, #w-node-_360937f4-07fb-132c-3fd7-9440d17fa210-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fcb3-64da4415, #w-node-_7fc6f20c-f203-e189-81c2-ef22b99ddb5e-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fc50-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fc54-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fc58-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fc74-64da4415, #w-node-eca0b09f-4538-f764-04b1-edd76f30fc90-64da4415 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-align-self-stretch,
#w-node-eca0b09f-4538-f764-04b1-edd76f30fcd9-64da4415 {
  align-self: stretch;
}

.brix-grid-span-1,
#w-node-d1d8fee1-90ee-52fd-6c7e-9dbc1bf2b88f-64da4415, #w-node-_44b1f321-cbdf-a5c3-973b-be4b3f5ba2f4-64da4415, #w-node-_44b1f321-cbdf-a5c3-973b-be4b3f5ba302-64da4415, #w-node-_217fb79e-8c74-0123-db05-ba9db84215a2-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215a8-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215aa-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215ac-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215ae-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215b2-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215b4-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215b8-b842159e, #w-node-_9b5f98cb-faaf-8dff-013d-8dc776458b24-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215ce-b842159e, #w-node-_217fb79e-8c74-0123-db05-ba9db84215d4-b842159e, #w-node-_78b81bbf-52f0-fa85-d4df-73d4fa44630f-b842159e, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287319-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287321-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287329-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287331-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287339-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287341-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287349-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287351-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287359-4e287318, #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287361-4e287318, #w-node-_87b6aba1-ce31-2b19-f85a-8b9554caa250-54caa24d, #w-node-_87b6aba1-ce31-2b19-f85a-8b9554caa26b-54caa24d, #w-node-e0b4740d-faa3-fb57-b15f-99becf6a2d37-00da442b, #w-node-e0b4740d-faa3-fb57-b15f-99becf6a2d67-00da442b, #w-node-_1961675a-8160-9901-e2bf-2232b8845f5e-00da442b, #w-node-_1961675a-8160-9901-e2bf-2232b8845f62-00da442b, #w-node-b5eb5c84-c490-0329-0649-d6fd93f42870-00da442b, #w-node-b0331191-62dc-0a81-fc8e-e97e7b710aec-f4da442d, #w-node-_791cdd3c-1e0f-ea01-71a3-7b0df56b01d2-f4da442d, #w-node-e421f79c-3f5b-1af4-e441-80e87c8e107e-f4da442d, #w-node-e421f79c-3f5b-1af4-e441-80e87c8e107f-f4da442d, #w-node-_791cdd3c-1e0f-ea01-71a3-7b0df56b01ec-f4da442d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-end,
#w-node-_3efa88a2-0a78-0a64-e785-ca0fd9763537-fada4431 {
  justify-self: end;
}

.brix-grid-span-1,
#w-node-d6a12108-75de-9ec2-271d-4f6df1ca18af-fada4431, #w-node-d6a12108-75de-9ec2-271d-4f6df1ca18b1-fada4431, #w-node-d6a12108-75de-9ec2-271d-4f6df1ca18b3-fada4431, #w-node-d6a12108-75de-9ec2-271d-4f6df1ca18b5-fada4431, #w-node-ea0c8504-298d-24d0-7197-e4e861d83ced-fada4431, #carousel.w-node-_8ae64c31-ebca-4e62-f378-8b19a1ac4f47-a6da4434, #w-node-c3d90ac6-d53d-4344-4155-6bd227941b06-a6da4434, #w-node-e88e465d-622d-9ed2-705a-9fc131c3adf8-fbda4451, #carousel.w-node-c90fd782-3d34-1bea-beeb-f68e2cc1d052-fbda4451, #w-node-_2c3f83b1-30c2-90ef-b72d-c4a23d515454-fbda4451, #w-node-fc67d780-ae79-0260-8d7f-434bfa401d89-fbda4451, #w-node-c1c2d99d-dcbc-589c-874b-521913838913-fbda4451 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-align-self-stretch,
#w-node-c82aefaf-e01b-41a7-89f5-6f024113ede5-fbda4451 {
  align-self: stretch;
}

.brix-grid-span-1,
#w-node-_8891d203-9071-8e8a-438d-23fd7c07b6f4-37da4452, #w-node-d444d0c0-2cfd-8c72-51e8-477763e8a940-37da4452, #w-node-d444d0c0-2cfd-8c72-51e8-477763e8a945-37da4452, #w-node-d444d0c0-2cfd-8c72-51e8-477763e8a946-37da4452, #w-node-_26f438ea-803f-81ac-c683-017583514435-37da4452, #w-node-_26f438ea-803f-81ac-c683-017583514446-37da4452 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-align-self-stretch,
#w-node-d444d0c0-2cfd-8c72-51e8-477763e8a9a1-37da4452 {
  align-self: stretch;
}

.brix-grid-span-1,
#w-node-_506db3fd-3270-5611-3b17-09e71bb312a2-2fda4454, #w-node-_506db3fd-3270-5611-3b17-09e71bb312ad-2fda4454, #w-node-_506db3fd-3270-5611-3b17-09e71bb312b8-2fda4454, #w-node-_506db3fd-3270-5611-3b17-09e71bb31354-2fda4454, #w-node-_506db3fd-3270-5611-3b17-09e71bb3135f-2fda4454, #w-node-_506db3fd-3270-5611-3b17-09e71bb3136a-2fda4454, #w-node-_2cf5d2ee-baf4-7f80-7b69-0b645ff29eee-e4da4468, #w-node-df1e6c66-3ef3-8f6f-6092-b911d18d6e8b-e4da4468, #w-node-_54e93e4b-7286-3c7a-17ca-ac21f0a2e7b9-e4da4468, #w-node-_228f98d1-325c-1e70-3985-4d08d072c426-e4da4468, #w-node-_697af0ad-ef46-81a0-cc65-9b8ff2872992-e4da4468, #w-node-_0dd5c456-bb06-1fad-d411-9c452afea904-e4da4468, #w-node-_368f9e77-c718-7479-59df-fcb664c17abf-e4da4468, #w-node-_54f6bbcc-6c6d-2b03-2295-cc60f8d2e5a6-e4da4468, #w-node-faf19e49-8f28-5f87-75d7-843013825052-e4da4468, #w-node-_6f6066d1-6799-1f43-8339-c4e4f3c20ab8-e4da4468, #w-node-_3dc76d21-0b2f-ef98-3938-f152ab7e9451-e4da4468, #w-node-_22d79932-ef48-5df3-bdf9-9f247b390800-e4da4468, #w-node-_2a9932d7-9795-75ea-921f-7fc54ee294d7-e4da4468, #w-node-_529f278a-d1bb-5e65-3f9a-d7fc71dbf9c9-e4da4468, #w-node-_185a3c9a-74a9-142c-5137-d33212d9c26c-e4da4468, #w-node-_30414c58-322f-e98d-41f1-7aa735715916-e4da4468, #w-node-_6b95731d-e839-d940-8673-76688cf3eed4-e4da4468, #w-node-_3828c5a5-bd2a-d15b-4a7d-865d287a5f19-e4da4468, #w-node-_9188b13e-78d8-8b25-d7f7-eab25e3d9da3-e4da4468, #w-node-e3810bd4-3dff-48d1-50a0-b38583ac412c-e4da4468, #w-node-dc06709b-816b-1d2c-b97a-b55d580d43ad-580d43aa, #w-node-dc06709b-816b-1d2c-b97a-b55d580d43b9-580d43aa, #w-node-_03dc0f8d-da07-e452-7834-e2b2f7589f4f-7fda446b, #w-node-_4a8d7e05-b91c-6cd4-81b7-e7aa07e7a8ad-7fda446b, #w-node-efc4ef1a-502a-c1ec-2c70-23dd6b09489f-7fda446b, #w-node-_131e7082-3abc-3867-d4f7-608f01f58808-7fda446b, #w-node-fac335bf-4cc4-4e2a-914f-41f80f3b00cf-7fda446b, #w-node-_0aaf0831-55cf-39cf-450b-d936f7639a76-7fda446b, #w-node-ced9ba4c-375a-f1ed-cbb0-83aba3d0c7e3-7fda446b, #w-node-_9d286640-3b4c-86a8-2022-1be07e767c12-7fda446b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-start,
#w-node-_2a7e2408-d17d-f51c-152d-3f6b1316d1aa-1316d1a7 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-de7c553b-0ff7-8fab-fbf2-1328eabf0519-eabf0519, #w-node-bcfa0b8e-e719-6e76-548b-e88696ad4549-70da4470, #w-node-a3e41336-1e82-db0f-8b0c-2a2ba9fd41d0-70da4470, #w-node-ff004410-4838-d869-5ea8-884b731da355-70da4470, #w-node-d6335635-1828-ca63-3785-30e2e2dfcefa-70da4470, #w-node-c4620b8a-139c-0146-86fa-470a68c8162b-70da4470, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29286c2-1dda4472, #w-node-_699beb12-dd41-63d6-0c32-dadf343ca9c7-1dda4472, #w-node-cdeae786-9eff-64e2-dfaa-9cf2fedd2661-1dda4472, #w-node-_9d660e89-4687-0389-3f5a-f0acac847fa4-1dda4472, #w-node-a9bb0796-2f9c-1ad3-a5ad-6eeb93df57b8-1dda4472, #w-node-a76f1e9b-ee4a-44db-3321-3173a47999a9-1dda4472, #w-node-_27cecb86-ab82-c97b-3c3a-fd1e182a8cf3-1dda4472, #w-node-efd5e0e3-5984-20c0-5d29-72471f26ab30-1dda4472, #w-node-_8f3accac-62ba-0415-3a13-5498db0e26ec-1dda4472, #w-node-_25b1ff1d-cac2-6a1c-0073-52a282e2b3e5-1dda4472, #w-node-ec1dd352-a0ad-02dd-9aa2-165f265ec1ad-1dda4472, #w-node-_21b79afc-31fe-3609-c088-1f86e1dd0a33-1dda4472, #w-node-_5303b9f8-1c61-556d-d1ec-4638e33ec692-1dda4472, #w-node-fe9e5de6-fb43-7b19-1aee-13edaa759a5b-1dda4472, #w-node-c82f51de-0518-14f4-f4ae-f0bd7eb394bf-1dda4472, #w-node-fd4de92e-a8c1-fecc-4693-91e991e89684-1dda4472, #w-node-_9befb0bc-b377-55a1-ede2-86c09022d885-1dda4472, #w-node-_70d717e2-8d62-450b-3bad-31020ee334e6-1dda4472, #w-node-f0d7800e-ad6b-b3dd-e6ff-c71fd1e8949e-1dda4472, #w-node-_40e27aa0-2ea8-89c8-8320-ec48ac49fe65-1dda4472, #w-node-_19208e2d-e01e-1f86-7ac5-1098306bd6b1-1dda4472, #w-node-efc2a703-c05e-d4f8-d17c-4b84dee5f648-1dda4472, #w-node-e6d92219-bb84-5f15-1e3d-e97efacd30c2-1dda4472, #w-node-_0f294dde-f7d4-1c19-8c0e-e9ac3c11d9d0-1dda4472, #w-node-bab7d09a-7cee-92bf-55e7-1a5ce8f0074d-1dda4472, #w-node-_18549543-b073-96a2-a208-42dfcb699f06-1dda4472, #w-node-_4f20855c-e99d-77c8-692d-e3895e382dfb-1dda4472, #w-node-c0714fe1-cace-4f3c-e687-2ab3d936f92c-1dda4472, #w-node-_8cf36535-fecf-b5de-70a5-534359c75215-1dda4472, #w-node-_5214cec7-92e0-69eb-9d8a-6ecf11b9d283-1dda4472, #w-node-_4fdcce1c-f274-a009-6126-d04554ba7c7c-1dda4472, #w-node-ea8115e1-4ff5-9d40-08a3-1c43b9ba7a42-1dda4472, #w-node-ade5d8fd-21ce-dd41-e539-8c741adadd37-1dda4472, #w-node-_8155196c-6962-1044-fa8b-c56eefe80495-1dda4472, #w-node-_82809d62-b494-ecce-0afb-46c3c902ec14-1dda4472, #w-node-_7d9ae33f-0910-6d97-ab5b-4e733138e0a5-1dda4472, #w-node-c2ce6705-cf68-9a32-a96f-15fc2a8514a1-1dda4472, #w-node-_2933019a-8781-6fec-0db6-2595235082f8-1dda4472, #w-node-cd8469a5-5291-1140-fdb4-0fe80f01d61a-1dda4472, #w-node-_0a479aa5-96fb-8a3a-ea27-1c9ef7b96d79-1dda4472, #w-node-_3b743c6f-1899-8e0a-39c5-da08b95a3c8f-1dda4472, #w-node-d38d6006-c1d7-d51d-6294-a5daf19ba0bf-1dda4472, #w-node-c05d5674-61a3-6d0b-7a4a-686edf40d2f9-1dda4472, #w-node-_9ee95f39-46be-0ea1-788c-fdcb31d8eb04-1dda4472, #w-node-c8d126ea-18a1-f9a0-d072-3b5fc2fa7012-1dda4472, #w-node-a06b4831-40e8-e5e3-122d-b81c75d33843-1dda4472, #w-node-dfc13ddd-e65a-3df8-b34f-2ff688decb04-1dda4472, #w-node-_4be39f9b-5e65-eae0-4eef-7d8ce8146aa5-1dda4472, #w-node-_32ab30f0-b45d-dca9-fccc-6182d55d2e9d-1dda4472, #w-node-_6738ad8e-0a05-8666-53ae-a09564208205-1dda4472, #w-node-_1344210b-30af-1cc6-f767-d2263ebab79e-1dda4472, #w-node-_1fe95ffe-7b4a-b084-ca16-af2aa298666f-1dda4472, #w-node-bae0c355-69ea-1572-ff2d-a72c3e1533ac-1dda4472, #w-node-e8eb2940-a3f9-8cd3-d76a-bd41f8b40261-1dda4472, #w-node-_36a20ae4-2bf6-9a23-9b53-d36f2ee6283c-1dda4472, #w-node-_0410c567-6fcb-f75b-2207-929004b22d16-1dda4472, #w-node-_575e1e12-7df7-59b8-22cb-0621cbf3cf60-1dda4472, #w-node-_16250cd0-5faf-37bb-7109-3513cc51f20b-1dda4472, #w-node-b548aea0-aa05-1d7a-9040-f7127da564d2-1dda4472, #w-node-_6a187b28-9704-3950-9f7f-64cf991b827b-1dda4472, #w-node-bf604c56-a1b6-d784-c49c-880e2fcedfdc-1dda4472, #w-node-_01f84d7d-db09-575a-fa5f-19edb6a093c4-1dda4472, #w-node-_56cb3263-695d-caeb-3113-db565b07225e-1dda4472, #w-node-ba6321c0-41f0-dbe7-f4fe-baeca22a725a-1dda4472, #w-node-eaa13b51-af64-0888-3c3e-25b70ab8a28c-1dda4472, #w-node-_0d1d60b6-9eee-9be2-e738-96dcb693ed9a-1dda4472, #w-node-_2d96ad6b-22f0-3db4-5c76-0becfb7b4397-1dda4472, #w-node-e8dce889-a4e5-e156-346f-d3be96023bb0-1dda4472, #w-node-c7b45991-8297-da1e-b16f-a93a6cdbcb72-1dda4472, #w-node-_0253f98a-42e0-5526-5401-c02cb987dff7-1dda4472, #w-node-_27fd27a7-2c93-d6b9-6bff-5dcfaded1390-1dda4472, #w-node-_08824c54-2d67-9b89-2e50-2f7f6c9340ab-1dda4472, #w-node-_16a6bde5-0a17-f7ac-1363-67f30941f42a-1dda4472, #w-node-d60cf4bd-fd0e-2380-90b7-bc1fcafcc74a-1dda4472, #w-node-_852c6098-cf11-4342-2596-7ce1fc886612-1dda4472, #w-node-_90105ab9-cc00-eb33-4832-fa76851d09c1-1dda4472, #w-node-_02751f8c-6ccc-1439-49ff-ccfa373cf329-1dda4472, #w-node-da0f8271-c0ba-5731-3b43-5ca7381ce73c-1dda4472, #w-node-_46199a61-db5a-52b2-2132-616a1f9ba868-1dda4472 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-start,
#w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928944-1dda4472, #w-node-_541d4be9-cc07-4b62-9f7b-130a2377278a-d6da4475 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_420d09c1-6590-eca8-31f8-4ededc56e251-93da4479, #w-node-_420d09c1-6590-eca8-31f8-4ededc56e284-93da4479, #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-93da4479 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-start,
#w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04d-93da4479 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-bc2aa083-5da5-33c7-6db0-b06ed083fc51-bb7656b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-area-3-2-4-3,
#w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3859-bb7656b3 {
  grid-area: 3 / 2 / 4 / 3;
}

.brix-grid-area-4-2-5-3,
#w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3897-bb7656b3 {
  grid-area: 4 / 2 / 5 / 3;
}

.brix-grid-area-3-2-4-3,
#w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3923-bb7656b3 {
  grid-area: 3 / 2 / 4 / 3;
}

.brix-grid-area-2-2-3-3,
#w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a39c1-bb7656b3 {
  grid-area: 2 / 2 / 3 / 3;
}

.brix-align-self-stretch,
#w-node-_28bce91c-b998-9894-8047-10107bdf0f8e-bb7656b3, #w-node-_434f9fdd-4120-c820-19b6-6cefbd4efd1e-bb7656b3, #w-node-a549591f-f635-14bd-71f4-83e7e08a5b19-bb7656b3 {
  align-self: stretch;
}

.brix-grid-span-1,
#w-node-e8409f30-4e97-85dd-0b1c-28885778c41a-711d2a31, #w-node-_2b97c183-7b88-d2ff-0e55-57ee00d10743-711d2a31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-_2b97c183-7b88-d2ff-0e55-57ee00d10758-711d2a31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-_2b97c183-7b88-d2ff-0e55-57ee00d1075c-711d2a31 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9722-c9e41539, #carousel.w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e973e-c9e41539, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9744-c9e41539, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e977d-c9e41539, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84d7-c9e41539, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84e3-c9e41539 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-c9e41539 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84fc-c9e41539 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9722-f4b2f0c3, #carousel.w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e973e-f4b2f0c3, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9744-f4b2f0c3, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e977d-f4b2f0c3, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84d7-f4b2f0c3, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84e3-f4b2f0c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-c494f1fb-78c3-b520-2c10-96d24e256ebb-f4b2f0c3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-c494f1fb-78c3-b520-2c10-96d24e256ebf-f4b2f0c3 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9722-e8da22ba, #carousel.w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e973e-e8da22ba, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e9744-e8da22ba, #w-node-_6ca82d5b-57a8-53cc-8e07-6ac07c0e977d-e8da22ba, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84d7-e8da22ba, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84e3-e8da22ba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-e8da22ba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84fc-e8da22ba {
  justify-self: start;
}

.brix-grid-span-2-rows,
#w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c93-f904c796 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

.brix-grid-span-2-cols,
#w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c99-f904c796 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-grid-span-2-rows,
#w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c93-8aa070d8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

.brix-grid-span-2-cols,
#w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c99-8aa070d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-grid-span-1,
#w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7d3-8aa070d8, #w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7dc-8aa070d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7f1-8aa070d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7f5-8aa070d8 {
  justify-self: start;
}

.brix-grid-span-2-rows,
#w-node-acac8437-e578-fc71-c91c-54efcf3a558f-aa8a7062 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

.brix-justify-self-start,
#w-node-af9d68e6-18d4-05d5-8967-b0cb57fb5605-57fb5602 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-a275a2b7-73e3-3bc3-00e7-6f184e6d2b52-ee3a8297, #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-ee3a8297 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-start,
#w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04d-ee3a8297, #w-node-_420d09c1-6590-eca8-31f8-4ededc56e33c-ee3a8297 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_2547008a-ae49-288a-5b57-ecb08e80f2ca-10e92e57, #w-node-_47b927e8-277f-28a7-aa51-167e9d636613-69082384 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-3-cols,
#w-node-_5b7b9c6e-dd3f-f9ed-a1d0-df442455bab9-2455bab9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

.brix-grid-span-1,
#w-node-c8b79e8a-4771-351e-d217-3620b63bf0a1-dd971aed, #w-node-_1991f40d-6372-46ca-0177-75b0f761f26a-37261be1, #w-node-_1991f40d-6372-46ca-0177-75b0f761f273-37261be1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-2-cols,
#w-node-_1991f40d-6372-46ca-0177-75b0f761f288-37261be1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-_1991f40d-6372-46ca-0177-75b0f761f28c-37261be1 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_420d09c1-6590-eca8-31f8-4ededc56e251-ef1299d3, #w-node-a275a2b7-73e3-3bc3-00e7-6f184e6d2b52-ef1299d3, #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-ef1299d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-justify-self-start,
#w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04d-ef1299d3 {
  justify-self: start;
}

.brix-grid-span-2-cols,
#w-node-_7b27e9b9-69fe-6c87-d069-448996408643-22a5c08a, #w-node-_769e6932-c094-8ddd-041b-a259c339ab32-22a5c08a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-_7b27e9b9-69fe-6c87-d069-448996408647-22a5c08a {
  justify-self: start;
}

.brix-grid-span-2-cols,
#w-node-_7b27e9b9-69fe-6c87-d069-448996408643-4af9adc8, #w-node-_769e6932-c094-8ddd-041b-a259c339ab32-4af9adc8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.brix-justify-self-start,
#w-node-_7b27e9b9-69fe-6c87-d069-448996408647-4af9adc8 {
  justify-self: start;
}

.brix-grid-span-1,
#w-node-_0d3dfec5-e871-fd3c-e281-4274af55f176-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f17a-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f180-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f184-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1a8-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1ac-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1b0-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1cc-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1d0-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1d4-38df11cb, #w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1d8-38df11cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.brix-grid-span-1-justify-start,
#form-button-wrapper.w-node-_0d3dfec5-e871-fd3c-e281-4274af55f1e5-38df11cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

@media screen and (min-width: 1920px) {
  .brix-grid-span-1,
  #w-node-_9cfdfdc1-56b1-7ced-c387-bb7e4e287321-4e287318 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  .brix-grid-span-1,
  #w-node-df1e6c66-3ef3-8f6f-6092-b911d18d6e8b-e4da4468 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  .brix-align-self-center,
  #w-node-_4a8d7e05-b91c-6cd4-81b7-e7aa07e7a8ad-7fda446b {
    align-self: center;
  }

  .brix-grid-span-1,
  #w-node-_7f744e52-1343-16ab-57c9-174816ca0de1-7eda4476, #w-node-fd24b8ee-04a3-2042-d1e4-46b6aed86e04-7eda4476, #w-node-_2f3968a9-dcaf-6f8d-36a8-7555772581df-7eda4476, #w-node-_2f3968a9-dcaf-6f8d-36a8-7555772581f1-7eda4476 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  .brix-order-first,
  #w-node-_87b6aba1-ce31-2b19-f85a-8b9554caa26b-54caa24d {
    order: -9999;
  }

  .brix-grid-span-1,
  #w-node-c4d378bc-1398-012a-0738-258c68f8e229-0ede0579, #w-node-_1abca406-3de1-e745-0198-9ef3a6020ede-0ede0579, #w-node-_8dd93761-5424-f54b-e119-ebf4ea65d233-0ede0579 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .brix-justify-self-start,
  #w-node-_3efa88a2-0a78-0a64-e785-ca0fd9763537-fada4431 {
    justify-self: start;
  }

  .brix-justify-self-center,
  #w-node-_4a8d7e05-b91c-6cd4-81b7-e7aa07e7a8ad-7fda446b {
    justify-self: center;
  }

  .brix-order-first,
  #w-node-_9d286640-3b4c-86a8-2022-1be07e767c12-7fda446b {
    order: -9999;
  }

  .brix-justify-self-center,
  #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928944-1dda4472 {
    justify-self: center;
  }

  .brix-grid-span-1,
  #w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3859-bb7656b3, #w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3897-bb7656b3, #w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a3923-bb7656b3, #w-node-_48f810bd-7f9c-e16a-5c52-0f189d7a39c1-bb7656b3, #w-node-_18f4c41a-e83f-55a4-78e5-96e5ce67279b-711d2a31 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .brix-grid-area-2-1-3-2,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c8e-f904c796, #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c8e-8aa070d8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .brix-order-last,
  #w-node-acac8437-e578-fc71-c91c-54efcf3a558f-aa8a7062 {
    order: 9999;
  }

  .brix-grid-span-2-cols,
  #w-node-acac8437-e578-fc71-c91c-54efcf3a55cf-aa8a7062 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  .brix-grid-column-span-2,
  #w-node-_5b7b9c6e-dd3f-f9ed-a1d0-df442455bab9-2455bab9 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  .brix-order-last,
  #w-node-_87b6aba1-ce31-2b19-f85a-8b9554caa250-54caa24d {
    order: 9999;
  }

  .brix-justify-self-center,
  #w-node-_3efa88a2-0a78-0a64-e785-ca0fd9763537-fada4431 {
    justify-self: center;
  }

  .brix-order-first,
  #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292831a-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928325-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928330-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292833b-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292834b-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928358-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928365-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928372-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292837f-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292838c-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292839e-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29283a9-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29283b4-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29283c8-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29283dc-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f29283f0-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928404-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928417-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928422-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292842d-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292843d-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292844f-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928458-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928466-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928470-1dda4472, #w-node-c32f18ba-b0a9-beff-79fe-a0b8f292847a-1dda4472 {
    order: -9999;
  }

  .brix-justify-self-center,
  #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928944-1dda4472 {
    justify-self: center;
  }

  .brix-order-last,
  #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-93da4479 {
    order: 9999;
  }

  .brix-order-first,
  #w-node-_2e04700e-0034-9782-e297-207d1ba4a6a3-bb7656b3, #w-node-ccf65cbf-1a51-53b1-6ac0-e5ebefef8899-bb7656b3, #w-node-afccd5fe-e6b9-0c20-6f17-2705f202d7ed-bb7656b3, #w-node-_434f9fdd-4120-c820-19b6-6cefbd4efd18-bb7656b3 {
    order: -9999;
  }

  .brix-grid-column-span-1,
  #w-node-_2b97c183-7b88-d2ff-0e55-57ee00d10758-711d2a31, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-c9e41539, #w-node-c494f1fb-78c3-b520-2c10-96d24e256ebb-f4b2f0c3, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-e8da22ba, #w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7f1-8aa070d8, #w-node-acac8437-e578-fc71-c91c-54efcf3a558f-aa8a7062, #w-node-acac8437-e578-fc71-c91c-54efcf3a55cf-aa8a7062 {
    grid-column: span 1 / span 1;
  }

  .brix-order-last,
  #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-ee3a8297 {
    order: 9999;
  }

  .brix-grid-column-span-1,
  #w-node-_5b7b9c6e-dd3f-f9ed-a1d0-df442455bab9-2455bab9 {
    grid-column: span 1 / span 1;
  }

  .brix-order-first,
  #w-node-_951d0ddd-292f-a900-fabd-09566044819e-dd971aed {
    order: -9999;
  }

  .brix-grid-column-span-1,
  #w-node-_1991f40d-6372-46ca-0177-75b0f761f288-37261be1 {
    grid-column: span 1 / span 1;
  }

  .brix-order-last,
  #w-node-d4c1b2c2-0dee-721c-391e-4f858bc0a04c-ef1299d3 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  .brix-justify-self-center,
  #w-node-c32f18ba-b0a9-beff-79fe-a0b8f2928944-1dda4472 {
    justify-self: center;
  }

  .brix-justify-self-stretch,
  #w-node-_420d09c1-6590-eca8-31f8-4ededc56e289-93da4479 {
    justify-self: stretch;
  }

  .brix-grid-column-span-1,
  #w-node-_2b97c183-7b88-d2ff-0e55-57ee00d10758-711d2a31, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-c9e41539, #w-node-c494f1fb-78c3-b520-2c10-96d24e256ebb-f4b2f0c3, #w-node-bd03a2ab-f717-3cc2-e6ff-0fbd253e84f8-e8da22ba {
    grid-column: span 1 / span 1;
  }

  .brix-grid-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c89-f904c796, #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c8e-f904c796 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .brix-grid-row-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c93-f904c796 {
    grid-row: span 1 / span 1;
  }

  .brix-grid-column-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c99-f904c796 {
    grid-column: span 1 / span 1;
  }

  .brix-grid-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c8e-8aa070d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .brix-grid-row-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c93-8aa070d8 {
    grid-row: span 1 / span 1;
  }

  .brix-grid-column-span-1,
  #w-node-_759d989c-dfc7-ab94-8bd0-046be0a41c99-8aa070d8, #w-node-_91ff8808-5914-fe8d-c913-7e85a5caf7f1-8aa070d8, #w-node-_1991f40d-6372-46ca-0177-75b0f761f288-37261be1 {
    grid-column: span 1 / span 1;
  }

  .brix-justify-self-stretch,
  #w-node-_420d09c1-6590-eca8-31f8-4ededc56e289-ef1299d3 {
    justify-self: stretch;
  }

  .brix-grid-column-span-1,
  #w-node-_7b27e9b9-69fe-6c87-d069-448996408643-22a5c08a, #w-node-_769e6932-c094-8ddd-041b-a259c339ab32-22a5c08a, #w-node-_7b27e9b9-69fe-6c87-d069-448996408643-4af9adc8, #w-node-_769e6932-c094-8ddd-041b-a259c339ab32-4af9adc8 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Social Icon Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icon Font';
  src: url('../fonts/line-rounded-icon-font.woff2') format('woff2'), url('../fonts/line-rounded-icon-font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icon Font';
  src: url('../fonts/line-square-icon-font.woff2') format('woff2'), url('../fonts/line-square-icon-font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icon Font';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BRIX Icon Font';
  src: url('../fonts/brix-icon-font.woff2') format('woff2'), url('../fonts/brix-icon-font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mega Custom Icons';
  src: url('../fonts/mega-custom-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Template Customization Icons';
  src: url('../fonts/template-customization-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}