:root {
  --white: white;
  --black: #171618;
  --blue: #2b44e7;
  --blue-violet: #7214ff;
}

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

body {
  color: var(--white);
  background-color: #171618;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

p {
  color: var(--white);
  margin-bottom: 0;
}

a {
  color: #fff9;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 67px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.container.is__hero {
  padding-bottom: 0;
}

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

.nav {
  background-color: var(--black);
  border-bottom: .5px solid #fff6;
  padding-left: 24px;
  padding-right: 24px;
}

.nav-container {
  grid-column-gap: 50px;
  grid-row-gap: 89px;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.logo-image {
  max-width: 120px;
}

.nav-link {
  color: #fff9;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 16px;
  transition: all .2s;
}

.nav-link:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.nav-link.w--current {
  color: var(--white);
  border-bottom: 1px solid #fff;
}

.nav-link.is__hide {
  display: none;
}

.nav-menu {
  grid-column-gap: 57px;
  grid-row-gap: 57px;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.buttons-wrapper {
  display: flex;
}

.nav-button {
  color: #fff9;
  background-color: #272727;
  border: 1px solid #fff9;
  border-radius: 100px;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 600;
}

.nav-bar-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-button-white {
  color: var(--black);
  background-color: #fff;
  border: 1px solid #fff9;
  border-radius: 100px;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 600;
}

.nav-button-white.is__hide {
  display: none;
}

.footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #17161899;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: auto;
  position: relative;
}

.footer-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 92px;
  display: grid;
}

.footer-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

.logo-image-footer {
  max-width: 140px;
}

.footer-text {
  opacity: .6;
  line-height: 24px;
}

.footer-socials-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.rights-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 14px;
}

.paragraph-12px {
  opacity: .6;
  font-size: 12px;
}

.footer-links-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.footer-content-wrapper-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.footer-links-column-title {
  font-size: 16px;
  line-height: 24px;
}

.footer-links-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.section-title-wrapper {
  z-index: 1;
  background-color: #fff3;
  border: 1px solid #fff6;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 10px 30px;
  display: inline-block;
  position: relative;
}

.hero-section-title {
  z-index: 1;
  text-align: center;
  align-self: center;
  max-width: 823px;
  margin-top: 18px;
  margin-bottom: 8px;
  font-size: 52px;
  line-height: 72px;
  position: relative;
}

.hero-section-subtitle {
  z-index: 1;
  color: #fff9;
  text-align: center;
  align-self: center;
  max-width: 924px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.is__medium {
  color: #fff;
  font-weight: 500;
}

.ai-tools__heading {
  opacity: .6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #7214ff, #2b44e7);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-weight: 800;
}

.ai-tools_subtitle {
  color: #171618cc;
  text-align: center;
  max-width: 477px;
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 28px;
}

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

.ai-tools__item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.ai-tools__item.is__black {
  background-color: #17161899;
}

.ai-tools-content {
  border-radius: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.ai-tools__title {
  color: var(--black);
  font-size: 18px;
}

.ai-tools__title.is__white {
  color: #fff;
}

.name-line {
  background-color: var(--blue);
  width: 20px;
  height: 2px;
  margin-bottom: 20px;
}

.ai-tools__caterory-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 14px;
  display: flex;
}

.tags-item {
  background-color: #1716181a;
  border: 1px solid #17161833;
  border-radius: 5px;
  padding: 8px 10px;
}

.tags-item.is__white {
  background-color: #ffffff1a;
  border-color: #fff6;
}

.tag-name {
  color: #17161899;
  font-size: 10px;
  line-height: 100%;
}

.tag-name.is__white {
  color: var(--white);
}

.tool-description {
  color: #17161899;
  font-size: 12px;
  line-height: 18px;
}

.tool-description.is__white {
  color: #fff9;
}

.ai-tools-button {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  text-transform: uppercase;
  background-image: linear-gradient(60deg, #2b44e766, #7214ff66);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.categories__grid-item {
  cursor: pointer;
  background-image: linear-gradient(#fff, #ffffffe6 34%, #171618cc);
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding: 1px;
  display: flex;
}

.categories__title {
  text-align: center;
  margin-top: 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.caregories-content {
  background-color: var(--black);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 28px;
  padding-bottom: 45px;
  display: flex;
}

.categories-icon-wrapper {
  background-color: #fff;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 22px;
  display: flex;
}

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

.categories__heading {
  font-family: Inter, sans-serif;
  font-weight: 800;
}

.categories_subtitle {
  color: #fffc;
  text-align: center;
  max-width: 477px;
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 28px;
}

.categories-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 72px;
  display: flex;
}

.white-button {
  color: var(--black);
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 44.5px;
  font-weight: 700;
}

.blog_subtitle {
  color: #fffc;
  text-align: center;
  max-width: 644px;
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 28px;
}

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

.blog-cms-item {
  background-color: var(--black);
  border: 1px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.blog-cms-image {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.blog-cms__content-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 16px 18px 20px 16px;
  display: flex;
}

.blog-cms__category {
  color: #7dd879;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
}

.blog-cms__name {
  font-size: 18px;
  font-weight: 800;
  line-height: 120%;
}

.blog-cms__subtitle {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fffc;
  flex-direction: column;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.blog-cms__text-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 16px;
  display: flex;
}

.blog-cms__date-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .8;
  font-size: 12px;
  display: flex;
}

.blog-cms__title-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  display: flex;
}

.newsletter__wrapper {
  background-color: #17161899;
  border: 1px solid #fff3;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 820px;
  padding: 36px 105px 52px;
  display: flex;
}

.newsletter__header {
  color: #fff9;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 12px;
}

.newsletter__title {
  text-align: center;
}

.newsletter-subtitle {
  color: #fff9;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 28px;
}

.form-block {
  flex: 1;
  justify-content: space-between;
}

.form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: stretch;
  display: flex;
}

.newsletter-field {
  color: #fff3;
  background-color: #17161833;
  border: 1px solid #fff3;
  border-radius: 5px;
  height: 52px;
  margin-bottom: 0;
  padding: 20px 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.newsletter__icon {
  align-self: center;
  max-width: 68px;
}

.submit-button {
  background-color: #fff0;
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  border-radius: 5px;
  padding: 14px 48px;
  font-weight: 700;
  line-height: 24px;
}

.black-button {
  color: #fff;
  background-color: #171618;
  border-radius: 5px;
  padding: 10px 60px;
  font-weight: 700;
}

.gradient-background {
  background-image: url('../images/newsletter-background.svg');
  background-position: 50% 160%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-section__cta {
  background-image: linear-gradient(#ffffff1a, #0000);
  border: 1px solid #ffffffb3;
  border-radius: 15px;
  align-self: center;
  width: 100%;
  max-width: 1028px;
  margin-top: 50px;
}

.hero-section-cta__buttons-wrapper {
  border-bottom: 1px solid #fff3;
  flex-direction: row;
  justify-content: center;
  padding-top: 21px;
  padding-bottom: 21px;
  display: flex;
}

.hero-section-cta__buttons-wrapper.is__hide {
  display: none;
}

.hero-section-content {
  padding-top: 33px;
  padding-bottom: 79px;
}

.hero-section__btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  border-radius: 5px;
  align-items: center;
  padding: 4px 13px 4px 4px;
  display: flex;
}

.hero-section__btn.is__hide {
  display: none;
}

.filter-content-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff05;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 84px;
  margin-right: 84px;
  padding: 16px;
  display: flex;
  position: relative;
}

.filter-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.filter-submit-button {
  background-color: #2b44e7;
  background-image: url('../images/zoom.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 10px;
  width: 72px;
  height: 72px;
  padding: 24px;
}

.filter-input {
  color: #fff6;
  background-color: #ffffff1a;
  border: 1px solid #0000;
  border-radius: 10px;
  height: 72px;
  margin-bottom: 0;
  padding: 22px 14px 22px 16px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.filter-input:focus {
  color: #fffc;
  border-style: solid;
  border-color: #fff;
}

.filter-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.hero-section-filter-categories__wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.hero-section-filter-categories-title__wrapper {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 75px;
  margin-bottom: 24px;
  display: flex;
}

.hero-section-filter-categories-title {
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.form-state {
  background-color: #ddd0;
}

.categorylink {
  grid-column-gap: 7px;
  background-color: #fff3;
  border: 1px solid #fff3;
  border-radius: 100px;
  align-items: center;
  padding: 5px 16px 5px 5px;
  display: flex;
}

.faq-content-wrapper {
  grid-column-gap: 143px;
  grid-row-gap: 143px;
  justify-content: space-between;
  max-width: 1031px;
  display: flex;
}

.faq-content-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(222deg, #7214ff 47%, #2b44e7);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 278px;
  font-size: 42px;
  line-height: 56px;
}

.faq-questions-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 610px;
  display: flex;
}

.faq-question {
  color: #000c;
  max-width: 488px;
}

.faq-question-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.faq-question-text {
  color: #0009;
  font-size: 16px;
  line-height: 22px;
}

.dropdown-toggle {
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 10px;
  display: flex;
}

.dropdown-toggle-2, .dropdown-toggle-3 {
  display: flex;
}

.filter-toggle-dropdown {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  color: #fff6;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  height: 72px;
  padding: 22px 16px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.filter-toggle-dropdown.w--open {
  color: #fffc;
  background-color: #191919;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

.icons-wrapper {
  z-index: 0;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.categories-icons__left, .icons__right {
  flex-direction: column;
  display: flex;
}

.categories-image-1 {
  position: absolute;
  top: 33px;
  left: 22%;
}

.categories-image-2 {
  position: absolute;
  top: 126px;
  left: 5%;
}

.categories-image-3 {
  position: absolute;
  top: 271px;
  left: 13%;
}

.categories-image-4 {
  position: absolute;
  top: 50px;
  right: 18%;
}

.categories-image-5 {
  position: absolute;
  top: 121px;
  right: 2%;
}

.categories-image-6 {
  position: absolute;
  top: 284px;
  right: 10%;
}

.catergories-tab-wrapper {
  background-color: #fff3;
  border: 1px solid #000;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 36px;
  padding: 8px;
  display: flex;
}

.tabs {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.categories-tab-button {
  color: #17161866;
  background-color: #fff0;
  border-radius: 10px;
  padding: 14px 56px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  line-height: 21px;
}

.categories-tab-button.w--current {
  color: #171618;
  background-color: #fff;
  box-shadow: 0 0 12px #ffffff2e;
}

.pricing__icon-1 {
  max-width: 72px;
  position: absolute;
  top: 41px;
  left: 22%;
}

.pricing__icon-2 {
  max-width: 51px;
  position: absolute;
  top: 125px;
  left: 8%;
}

.pricing__icon-3 {
  position: absolute;
  top: 300px;
  left: 5%;
}

.pricing__icon-4 {
  max-width: 52px;
  position: absolute;
  top: 50px;
  right: 17%;
}

.pricing__icon-5 {
  max-width: 64px;
  position: absolute;
  top: 122px;
  right: 5%;
}

.pricing__icon-6 {
  max-width: 71px;
  position: absolute;
  top: 284px;
  right: 10%;
}

.pricing-tabs-wrapper {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  margin-top: 67px;
  display: flex;
  position: relative;
}

.pricing-tab {
  grid-column-gap: 95px;
  grid-row-gap: 95px;
  background-color: #17161899;
  border-top: 1px solid #fff6;
  border-bottom: 1px solid #fff6;
  border-radius: 10px;
  flex-direction: column;
  max-width: 295px;
  padding: 32px 20px 20px;
  display: flex;
}

.pricing-button-white {
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}

.pricing-heading {
  font-family: DM Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 47px;
}

.pricing__text-black {
  color: var(--black);
  font-size: 32px;
  line-height: 39px;
}

.pricing__per-month-text {
  margin-bottom: 6px;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.pricing-wrapper {
  align-items: flex-end;
  margin-top: 16px;
  margin-bottom: 14px;
  display: flex;
}

.pricing-subtitle {
  color: #fff9;
  margin-bottom: 21px;
}

.pricing-bonus-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border-top: .5px solid #fff6;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.pricing-small-subtitle {
  color: #fff9;
  font-size: 12px;
  line-height: 24px;
}

.pricing-bonus-text-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.pricing-small-subtitle-bold {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
}

.pricing-tab-top {
  border-bottom: .5px solid #fff6;
}

.pricing-tab-white {
  grid-column-gap: 95px;
  grid-row-gap: 95px;
  background-color: #fff;
  border-top: 1px solid #fff6;
  border-bottom: 1px solid #fff6;
  border-radius: 10px;
  flex-direction: column;
  max-width: 295px;
  padding: 32px 20px 20px;
  display: flex;
}

.pricing-heading-gradient {
  color: var(--black);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(227deg, #7214ff, #4e2cf3 86%, #2b44e7);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: DM Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 47px;
}

.pricing__per-month-text-black {
  color: var(--black);
  margin-bottom: 6px;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.pricing__text {
  font-size: 32px;
  line-height: 39px;
}

.pricing-subtitle-black {
  color: var(--black);
  margin-bottom: 21px;
}

.pricing-small-subtitle-bold-black {
  color: var(--black);
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
}

.pricing-small-subtitle-black {
  color: var(--black);
  font-size: 12px;
  line-height: 24px;
}

.pricing-bonus-wrapper-black {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border-top: .5px solid #17161866;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.pricing-tab-top-black {
  border-bottom: .5px solid #17161866;
}

.pricing-button-gradient {
  color: var(--white);
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  border-radius: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}

.blog-title-wrapper {
  background-color: #fff3;
  border: 1px solid #fff6;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 10px 30px;
  display: inline-block;
}

.blog-hero-section-title {
  align-self: flex-start;
  max-width: 823px;
  margin-top: 18px;
  margin-bottom: 8px;
  font-size: 52px;
  line-height: 72px;
}

.blog-hero-section-subtitle {
  color: #fff9;
  text-align: left;
  align-self: flex-start;
  max-width: 745px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.blog-background__wrapper {
  background-image: url('../images/blog-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-blog__wrapper {
  margin-bottom: 66px;
}

.featured-blog-cms-item {
  background-color: var(--black);
  border: 1px solid #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.featured-blog__image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  min-width: 50%;
}

.featured-blog-cms__name {
  font-size: 24px;
  font-weight: 800;
  line-height: 34px;
}

.featured-blog-cms__subtitle {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fffc;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.featured-blog-cms__date-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .8;
  margin-top: 107px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.featured-blog__list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

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

.featured-blog-cms__content-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 48px 135px 42px 36px;
  display: flex;
}

.featured-blog-cms__title-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.featured-blog-cms__text-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.blog-page__heading {
  font-weight: 700;
}

.blog-tabs-wrapper {
  margin-top: 36px;
}

.blog-tabs__menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-bottom: 39px;
  display: flex;
}

.blog-tabs__link {
  color: #fff;
  background-color: #ddd0;
  padding: 16px 24px;
  font-weight: 600;
  line-height: 20px;
}

.blog-tabs__link.w--current {
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  border-radius: 5px;
  box-shadow: 0 0 12px #2b44e740;
}

.cms-link {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.empty-state-blog {
  background-color: #ddd0;
}

.blog-post-hero-section-title {
  text-align: center;
  align-self: center;
  max-width: 708px;
  margin-top: 28px;
  margin-bottom: 28px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 120%;
}

.blog-post-hero-section-subtitle {
  color: #fffc;
  text-align: center;
  align-self: center;
  max-width: 781px;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}

.blog-post-cms__category {
  color: #7dd879;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}

.blog-post-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.blog-post-body p {
  color: #fffc;
  font-size: 16px;
  line-height: 32px;
}

.blog-post__content {
  max-width: 1027px;
  margin-left: auto;
  margin-right: auto;
}

.blog-post__main-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px;
  min-height: 407px;
  margin-top: 28px;
}

.blog-post-cms__date-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .8;
  align-self: center;
  margin-top: 32px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.blog-post__author-wrapper {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  align-self: center;
  align-items: center;
  margin-top: 23px;
  display: flex;
}

.author-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.scroll-indicator {
  z-index: 111;
  transform-origin: 0%;
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  align-self: flex-start;
  width: 100%;
  height: 8px;
  position: fixed;
  inset: 0 auto auto 0;
}

.navigation__back-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.navigation-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.blog-post-button {
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
}

.navigation-pages-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .4;
  display: flex;
}

.learn-hero-section-subtitle {
  z-index: 1;
  color: #fff9;
  text-align: center;
  align-self: center;
  max-width: 740px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.learn-icon-1 {
  position: absolute;
  top: 26px;
  left: 21%;
}

.learn-icon-2 {
  position: absolute;
  top: 106px;
  left: 8%;
}

.learn-icon-3 {
  position: absolute;
  top: 248px;
  left: 15%;
}

.learn-icon-4 {
  position: absolute;
  inset: 14px 18% auto auto;
}

.learn-icon-5 {
  position: absolute;
  top: 113px;
  right: 7%;
}

.learn-icon-6 {
  position: absolute;
  top: 264px;
  right: 13%;
}

.filter__heading {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 16px;
}

.filter-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

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

.dropdown-list {
  background-color: #191919;
  border: 1px solid #fff;
  border-radius: 10px;
  overflow: scroll;
}

.dropdown-list.w--open {
  border-top-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 200px;
}

.dropdown-collection-text {
  color: #fffc;
  font-size: 16px;
  line-height: 28px;
}

.dropdown-collection-item {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  flex-direction: column;
  margin-right: 10px;
  display: flex;
}

.dropdown__link {
  padding: 10px 16px;
  display: flex;
}

.top-categories-cms {
  flex: 1;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.text-block {
  margin-right: 30px;
}

.image-2 {
  margin-left: 20px;
  position: absolute;
  inset: auto 16px auto auto;
}

.filter-items__wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.filter-item__left {
  background-color: #17161866;
  border-radius: 10px;
  flex: 1;
  max-width: 295px;
}

.filter-item-right {
  flex: 1;
  max-width: 925px;
}

.learn-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  height: 195px;
  padding-right: 0;
}

.section {
  padding-left: 24px;
  padding-right: 24px;
}

.section.is__search-and-filter {
  background-image: url('../images/background-search-and-filter.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.is__white {
  background-image: url('../images/background-for-tools.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.learn-hero_container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 37px;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.learn-video {
  margin-bottom: 20px;
}

.learn-title__wrapper {
  margin-top: 27px;
  margin-bottom: 25px;
}

.learn-title {
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 800;
}

.learn-category-wrapper {
  border-bottom: 1px solid #ffffff1a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 28px;
  display: flex;
}

.learn-author-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 16px;
  display: flex;
}

.learn-author-text {
  color: #fff9;
}

.learn-author-name {
  font-weight: 700;
}

.learn-categories {
  border: 1px solid var(--white);
  background-color: #18181866;
  border-radius: 10px;
  max-width: 401px;
  display: flex;
}

.learn-categories__image-wrapper {
  border-right: 1px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16.5px 16px;
  display: flex;
}

.learn-categories__cms-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.learns-tags-cms-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.learn-tag {
  background-color: #fff3;
  border: 1px solid #fff6;
  border-radius: 5px;
  padding: 10px 12px;
}

.learn-follow-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.learn-follow-wrapper.is__hide {
  display: none;
}

.learn-follow__socials-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.learn-social-wrapper {
  border: 1px solid #fff;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 11px;
  display: flex;
}

.follow-creator__wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.follow-text {
  font-size: 16px;
  font-weight: 700;
}

.learn-section-title {
  text-align: center;
  margin-bottom: 62px;
  font-size: 36px;
}

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

.learn-date {
  font-weight: 700;
}

.empty {
  background-color: #ddd0;
}

.current-ai-tools-wrapper {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.current-ai-tools-wrapper__left {
  flex-direction: column;
  flex: 1;
  max-width: 820px;
  display: flex;
}

.current-ai-tools-wrapper__right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 400px;
  display: flex;
}

.current-ai-tools__content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.current-ai-tools__image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ai-tools__category-wrapper {
  border: 1px solid #fff9;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.ai-tools__category-wrapper.is__hide {
  display: none;
}

.ai-tools__category__date {
  color: #fffc;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

.ai-tools__category-title-wrapper {
  background-color: #171618cc;
  border-bottom: 1px solid #fff9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.ai-tools-category-content-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.current-ai-tool__title-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 16px;
  display: flex;
}

.current-ai-tool__title {
  font-size: 28px;
  font-weight: 800;
  line-height: 28px;
}

.heading {
  text-align: center;
}

.current-ai-tool__more-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  margin-top: 66px;
  display: flex;
}

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

.submit-button-1 {
  position: absolute;
  top: 26px;
  left: 21%;
}

.submit-button-2 {
  position: absolute;
  top: 106px;
  left: 8%;
}

.submit-button-3 {
  position: absolute;
  top: 248px;
  left: 15%;
}

.submit-button-4 {
  position: absolute;
  inset: 14px 18% auto auto;
}

.submit-button-5 {
  position: absolute;
  top: 113px;
  right: 7%;
}

.submit-button-6 {
  position: absolute;
  top: 264px;
  right: 13%;
}

.submit-form {
  background-image: linear-gradient(#0003, #fff0 71%);
  border: 1px solid #fff3;
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 610px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  display: flex;
}

.submit-form-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 36px;
  display: flex;
  position: relative;
}

.form-button {
  background-image: linear-gradient(222deg, #7214ff, #2b44e7);
  border-radius: 5px;
  width: 100%;
  font-weight: 700;
}

.form-input-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.form-input {
  background-color: #17161833;
  border: 1px solid #fff3;
  border-radius: 10px;
  height: 52px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 14px;
  font-size: 16px;
  line-height: 24px;
}

.form-input::placeholder {
  color: #fff3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.form-input.is__long-text {
  height: auto;
  min-height: 168px;
}

.submit-form-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.form-input-title {
  font-size: 16px;
  line-height: 24px;
}

.background-submit {
  background-image: url('../images/background-submit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.learn-background {
  background-image: url('../images/Learn.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.categories-background {
  background-image: url('../images/categories-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-background {
  background-image: url('../images/Pricing-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.search-and-filter-cms-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.filter-top-title__wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--black);
  border-bottom: 1px solid #fff6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 20px;
  display: flex;
}

.filter-top-title__wrapper.is__border-top {
  border-top: 1px solid #fff6;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.filter-title {
  color: #fffc;
  font-size: 18px;
  line-height: 24px;
}

.filter-switch__wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.filter-switch__wrapper.w--current {
  border-bottom: 1px solid #fff6;
}

.ai-tool-item__logo-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.filter-top-wrapper-price__content {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #ededed00;
  flex-direction: column;
  display: flex;
}

.filter-item-right-top-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 43px;
  display: flex;
}

.filter-item-right-top-wrapper.is__hide {
  display: none;
}

.filter-item-right-top-content-wrapper {
  align-items: center;
  display: flex;
}

.filter-item-right-top-content-wrapper.is__hide {
  display: none;
}

.checkbox-label {
  flex-direction: row-reverse;
  display: none;
}

.checkbox-field-2 {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 26px;
  line-height: 26px;
  display: flex;
}

.checkbox {
  background-color: #fff3;
  background-image: url('../images/black-circle.svg');
  background-position: 3px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-color: #fff6;
  border-radius: 20px;
  width: 52px;
  height: 26px;
  margin-top: 0;
  margin-left: 0;
  transition: all .3s;
}

.checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/black-circle.svg'), linear-gradient(222deg, var(--blue-violet), #2b44e7);
  background-position: 28px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 20px, auto;
  border-style: solid;
  border-color: #8bc79400;
  margin-top: 0;
  margin-left: 0;
}

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

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

.filter-text {
  color: #fff6;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
}

.dropdown_icon {
  margin-right: 1.2rem;
  font-size: 1rem;
}

.dropdown_list.w--open {
  background-color: #fff;
}

.sort_field {
  color: #000;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 2rem 1rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.sort_field.w--current {
  color: #3c7c43;
  background-color: #f4f9f4;
}

.filter-toggle-dropdown_sorting {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  color: #fff6;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  height: 72px;
  padding: 22px 16px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.filter-toggle-dropdown_sorting.w--open {
  color: #fffc;
  background-color: #191919;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination {
  margin-top: 70px;
}

.rich-text h1 {
  margin-bottom: 15px;
  font-size: 50px;
}

.rich-text h2 {
  margin-bottom: 10px;
  font-size: 28px;
}

.rich-text h3 {
  margin-bottom: 10px;
  font-size: 26px;
}

.rich-text p {
  margin-bottom: 20px;
}

.section-title {
  color: var(--blue);
  text-transform: none;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}

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

.form-block-contact-us {
  border: 1px #dbdbdb;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0;
}

.form-section {
  border-bottom: 1px solid #dbdbdb;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 100px;
  display: flex;
}

.form-description {
  opacity: .75;
  font-size: 16px;
  line-height: 22px;
}

.form-spacer {
  flex: 0 auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.text-field-inform {
  border: 1px solid #dbdbdb;
  height: 48px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 15px;
  font-size: 16px;
  line-height: 22px;
}

.text-field-inform:active {
  color: #3b2ae5;
  border-color: #dbdbdb;
}

.text-field-inform.bigger {
  height: auto;
  min-height: 58px;
}

.big-image-form {
  background-image: linear-gradient(#00000080, #00000080), url('../images/women-in-office.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  width: 100%;
  height: 450px;
}

.form-heading {
  margin-top: 0;
  font-size: 35px;
  font-weight: 600;
  line-height: 45px;
}

.form-section-inner {
  background-color: var(--black);
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 750px;
  margin-top: -320px;
  padding: 50px;
  display: flex;
}

.button {
  background-color: var(--blue);
  text-transform: none;
  border-radius: 0;
  padding: 13px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: all .2s;
}

.button:hover {
  opacity: .8;
}

.button.in-form {
  text-align: center;
  width: 100%;
}

.top-categories-cms-list {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  display: flex;
}

.category-icon-wrapper {
  border: 1px solid var(--black);
  background-color: var(--white);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px;
  display: flex;
}

.category-icon {
  max-width: 18px;
}

.pagination-button {
  background-color: #fafafa00;
  border-style: none;
  display: none;
}

.page-link {
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #fff;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  max-height: 48px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 20px;
  font-size: 14px;
  line-height: 28px;
  display: flex;
}

.page-link.w--current {
  background-image: linear-gradient(222deg, var(--blue-violet), var(--blue));
  border-color: #fff0;
}

.pagination-wrapper {
  display: flex;
}

.platforms-list {
  grid-column-gap: 4px;
  display: flex;
}

.learn-more-wrapper {
  margin-top: 70px;
}

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

.current-learn-background {
  background-image: url('../images/current-learn.svg');
  background-position: 0 0;
  background-size: cover;
}

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

.filter-empty {
  background-color: var(--black);
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.tool-name-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.link-icon {
  width: 18px;
}

.btn-green {
  text-align: center;
  background-color: #00a67e;
  border-radius: 5px;
  min-width: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}

.fs-cc-prefs2_close {
  background-color: var(--blue);
  color: #fff;
  cursor: pointer;
  padding: .75rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

.fs-cc-prefs2_overlay {
  z-index: -1;
  background-color: #010440e6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_form-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox-label {
  display: none;
}

.fs-cc-banner2_container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-banner2_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-preferences2_close-icon {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs2_form {
  color: #fff;
  background-color: #333;
  width: 100%;
  max-width: 25rem;
  max-height: 85vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs2_buttons-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 1rem;
  display: flex;
}

.fs-cc-prefs2_label {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-banner2_text {
  font-size: 1rem;
}

.fs-cc-manager2_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 1.25rem 1.25rem;
}

.fs-cc-prefs2_checkbox {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border-width: 2px;
  border-color: #0540f2;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox.w--redirected-checked {
  background-color: #0540f2;
  background-size: auto;
  border-color: #0540f2;
}

.fs-cc-prefs2_button {
  background-color: var(--blue);
  text-align: center;
  border: 1px solid #0540f2;
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.fs-cc-prefs2_button.fs-cc-button-alt {
  color: var(--blue);
  background-color: #fff;
  border-color: #0540f2;
  margin-bottom: .75rem;
}

.fs-cc-prefs2_option {
  border-bottom: 1px solid #c0c0c04d;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-banner2_button {
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  flex: 1;
  min-width: 7.5rem;
  margin-left: 0;
  margin-right: 1rem;
  padding: .5rem 1.25rem;
  font-weight: 700;
}

.fs-cc-banner2_button.fs-cc-button-alt {
  color: #fff9;
  background-color: #02087366;
}

.fs-cc-prefs2_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs2_submit {
  text-align: center;
  background-color: #010440;
  margin-top: .75rem;
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.fs-cc-prefs2_component {
  z-index: 997;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs2_content {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding: 2.5rem 2rem;
}

.fs-cc-prefs2_title {
  color: #010440;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs2_checkbox-field {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-manager2_button {
  color: var(--blue);
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  width: 3rem;
  padding: .5rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager2_button:hover {
  color: #4353ff;
}

.fs-cc-prefs2_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fs-cc-banner2_text-link {
  color: #fff;
  border-bottom: 2px solid #fff;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-banner2_component {
  z-index: 999;
  background-color: var(--blue);
  color: #fff;
  width: 28.125rem;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .container {
    padding-top: 42px;
    padding-bottom: 60px;
  }

  .nav-container {
    padding-left: 24px;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    transition-property: none;
  }

  .nav-link:hover {
    color: #fff9;
    border-bottom-style: none;
  }

  .nav-link.w--current {
    border-bottom-style: none;
  }

  .nav-menu {
    background-color: var(--black);
    flex-direction: column;
    padding-bottom: 50px;
  }

  .nav-button-mobile-menu {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-button-mobile-menu.w--open {
    background-color: #c8c8c800;
  }

  .buttons-wrapper, .nav-bar-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-wrapper {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    grid-template-columns: 1fr;
    max-width: 450px;
    padding-bottom: 104px;
  }

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

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

  .rights-wrapper {
    bottom: 24px;
  }

  .section-title-wrapper {
    font-size: 13px;
    line-height: 16px;
  }

  .hero-section-title {
    max-width: 570px;
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 48px;
  }

  .hero-section-subtitle {
    max-width: 586px;
  }

  .ai-tools__cms {
    grid-template-columns: 1fr 1fr;
  }

  .ai-tools-content {
    max-width: none;
  }

  .categories-cta {
    margin-top: 48px;
  }

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

  .newsletter__wrapper {
    padding-left: 43px;
    padding-right: 43px;
  }

  .filter-content-wrapper {
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .filter-block {
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .filter-submit-button {
    width: 100%;
  }

  .filter-input {
    min-width: auto;
  }

  .hero-section-filter-categories__wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-content-wrapper {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .filter-toggle-dropdown {
    min-width: auto;
  }

  .blog-title-wrapper {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
  }

  .blog-hero-section-title {
    font-size: 36px;
    line-height: 48px;
  }

  .featured-blog-cms__name {
    font-size: 18px;
    line-height: 22px;
  }

  .featured-blog-cms__subtitle {
    font-size: 12px;
  }

  .featured-blog-cms__date-wrapper {
    margin-top: 60px;
    font-size: 12px;
  }

  .featured-blog-cms__content-wrapper {
    padding: 36px 19px 36px 16px;
  }

  .blog-tabs-wrapper {
    margin-top: 30px;
  }

  .blog-tabs__link {
    font-size: 14px;
  }

  .current-ai-tools-wrapper__left {
    min-height: 200px;
  }

  .current-ai-tools-wrapper__right {
    flex-direction: column;
    justify-content: space-between;
    max-width: none;
  }

  .current-ai-tools__content-wrapper {
    flex-direction: column-reverse;
  }

  .ai-tools__category-wrapper {
    flex: 1;
  }

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

  .submit-button-1 {
    top: 23px;
  }

  .submit-button-2 {
    top: 87px;
    left: 23px;
  }

  .submit-button-3 {
    top: 190px;
    left: 23px;
  }

  .submit-button-4 {
    top: 37px;
  }

  .submit-button-5 {
    top: 77px;
    right: 46px;
  }

  .submit-button-6 {
    top: 190px;
    right: 31px;
  }

  .search-and-filter-cms-list {
    grid-template-columns: 1fr;
  }

  .filter-toggle-dropdown_sorting {
    min-width: auto;
  }

  .rich-text h1 {
    font-size: 30px;
  }

  .rich-text h2 {
    font-size: 24px;
  }

  .form-block-contact-us {
    margin-top: 20px;
  }

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

@media screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
    line-height: 31px;
  }

  .rights-wrapper {
    bottom: 29px;
  }

  .ai-tools__cms, .blog-cms-list {
    grid-template-columns: 1fr;
  }

  .newsletter__wrapper {
    padding-bottom: 27px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .catergories-tab-wrapper {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .categories-tab-button {
    padding: 16px 34px;
  }

  .pricing-tab, .pricing-tab-white {
    max-width: none;
  }

  .gradient-line-2 {
    flex-direction: column;
  }

  .blog-hero-section-title {
    font-size: 24px;
    line-height: 32px;
  }

  .featured-blog-cms-item {
    flex-direction: column;
  }

  .featured-blog__image {
    border-top-right-radius: 20px;
    height: 200px;
  }

  .featured-blog-cms__content-wrapper {
    padding: 15.44px 20px 20px 15.44px;
  }

  .blog-tabs__menu {
    padding-left: 24px;
    overflow: scroll;
  }

  .filter-items__wrapper {
    flex-direction: column;
  }

  .filter-item__left {
    width: 100%;
    max-width: none;
  }

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

  .submit-button-1, .submit-button-2, .submit-button-3, .submit-button-4, .submit-button-5, .submit-button-6 {
    display: none;
  }

  .submit-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .search-and-filter-cms-list {
    grid-template-columns: 1fr;
  }

  .filter-top-title__wrapper.is__border-top {
    display: none;
  }

  .filter-top-wrapper-price {
    margin-bottom: 0;
  }

  .tabs-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .search-filter-cms {
    display: none;
  }

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

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

  .fs-cc-banner2_container {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .footer-wrapper {
    max-width: 295px;
  }

  .form {
    flex-direction: column;
  }

  .filter-content-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .filter-block {
    margin-left: 16px;
    margin-right: 16px;
  }

  .hero-section-filter-categories__wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }

  .faq-content-wrapper {
    flex-direction: column;
  }

  .catergories-tab-wrapper {
    flex-wrap: wrap;
  }

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

  .filter-items__wrapper, ._2-questions-wrap {
    flex-direction: column;
  }

  .form-block-contact-us {
    width: 100%;
    max-width: 100%;
  }

  .form-section-inner {
    width: 90%;
    padding: 20px;
  }

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

  .fs-cc-prefs2_close {
    padding: .5rem;
  }

  .fs-cc-prefs2_label {
    font-size: .875rem;
  }

  .fs-cc-prefs2_button.fs-cc-button-alt {
    margin-bottom: .5rem;
  }

  .fs-cc-prefs2_submit {
    margin-top: 8px;
  }

  .fs-cc-prefs2_component, .fs-cc-prefs2_content {
    padding: 1.5rem;
  }

  .fs-cc-prefs2_title {
    font-size: 1.125rem;
  }

  .fs-cc-banner2_component {
    width: 100%;
  }
}

#w-node-_83b1c3f1-5b0a-b148-47b9-ee1ffd408386-fd408384, #w-node-_83b1c3f1-5b0a-b148-47b9-ee1ffd40838b-fd408384, #w-node-_83b1c3f1-5b0a-b148-47b9-ee1ffd408398-fd408384 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}