/* =========================================================
   FIDATY - MEDIA QUERIES CSS
   Autor: Regilton Bezerra
   Empresa: efata.com.br
   Arquivo: media-query-fidaty.css
   Descrição: regras responsivas organizadas por breakpoint.
========================================================= */

@media screen and (min-width:1920px) {
  body {
    font-size: 16px;
  }

  .section-hero {
    padding-top: 9.5em;
    padding-bottom: 7.5em;
  }

  .block-hero {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }

  .gradient-hero {
    background-image: linear-gradient(#d4ffd9, #fff 49%);
  }

  .brix---grid-footer-v17 {
    grid-template-columns: minmax(340px, 1fr) auto;
  }

}

@media screen and (min-width:1440px) {
  body {
    font-size: 15px;
  }

  .text-button,
  .text-button.white {
    font-weight: 700;
  }

  .gradient-hero {
    background-image: linear-gradient(#d4ffd9, #fff 49%);
  }

  .grid-focus {
    grid-column-gap: 2em;
    grid-row-gap: 0em;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1.2fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .app-focus {
    display: block;
  }

  .image-app---focus-1 {
    max-height: 0;
  }

  .image-app---focus-3 {
    display: inline-block;
  }

  .body {
    background-image: url(../652be14de212bf1bb1339e76_noise_bg.webp), linear-gradient(#000, #fff);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }

  .brix---grid-hero-v16 {
    grid-column-gap: 90px;
  }

  .brix---subtitle {
    color: var(--heading);
  }

  .brix---footer-wrapper {
    background-color: var(--background);
  }

  .brix---grid-footer-v1 {
    grid-column-gap: 91px;
    grid-template-columns: minmax(340px, 1fr) auto auto auto auto;
  }

  .brix---grid-footer-v17 {
    grid-column-gap: 91px;
    grid-template-columns: minmax(340px, 1fr) auto;
  }

  .brix---grid-stats-v1,
  .brix---grid-stats-v1-2 {
    grid-column-gap: 100px;
  }

  .grid-footer-4-cols-v14,
  .grid-footer-4-cols-v14-2 {
    grid-column-gap: 80px;
    grid-template-columns: .9fr auto auto auto;
  }

  .brix---top-bar-form {
    max-width: 468px;
  }

  .text-button-arabic,
  .text-button-arabic.white {
    font-weight: 700;
  }

  .brix---blog-card-image-wrapper-featured-v4 {
    max-width: 1012px;
  }

  .text-button-es,
  .text-button-es.white {
    font-weight: 700;
  }

}

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

  .navbar.is-fixed {
    position: fixed;
    inset: 0% 0% auto;
    background: rgba(248, 247, 243, 0.88);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 14px 34px rgba(22, 22, 19, 0.08);
    padding-top: 1em;
    padding-bottom: .9em;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block;
  }

  .w-layout-blockcontainer {
    max-width: 728px;
  }

  .nav-menu {
    border-radius: 1.625em;
    padding: 1.2em .8em;
    position: absolute;
    inset: 0 1em auto;
    box-shadow: 0 40px 30px -30px #1616138c;
  }

  .nav-link {
    color: #ffffffb3;
    padding-top: .6em;
    padding-bottom: .6em;
  }

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

  .nav-link.w--current {
    /* color: #ffffffb3; */
  }

  .nav-link.w--current:hover {
    /* color: var(--white); */
  }

  .menu-button {
    background-color: #4ed25d;
    color: var(--white);
    border-radius: 50%;
    padding: .5em;
    transition: box-shadow .4s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.165, .84, .44, 1);
  }

  .menu-button:hover {
    transform: scale(1.14);
    box-shadow: 0 15px 25px -10px #16161399;
  }

  .menu-button.w--open {
    background-color: var(--heading);
  }

  .icon-menu {
    width: 17px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .icon-menu-bar {
    width: 100%;
    height: 2px;
    background-color: currentColor;
    border-radius: 999px;
    display: block;
    transform-origin: center;
    transition: transform .25s ease, opacity .25s ease, width .25s ease;
  }

  .menu-button.w--open .icon-menu-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .menu-button.w--open .icon-menu-bar:nth-child(2) {
    opacity: 0;
  }

  .menu-button.w--open .icon-menu-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .grid-hero {
    grid-column-gap: 1em;
  }

  .heading-hero {
    font-size: 3em;
  }

  .paragraph-hero {
    text-align: left;
  }

  .app-focus---content,
  .app-hero---wrapper {
    max-width: 18em;
  }

  .section-top {
    padding-top: 12em;
    padding-bottom: 2em;
  }

  .heading-top {
    font-size: 4.5em;
  }

  .block-post {
    padding-top: 3.6em;
    padding-bottom: 3.6em;
  }

  .heading-download {
    font-size: 4.5em;
  }

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

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

  .brix---floating-image-hero-v1---1 {
    bottom: -14%;
    left: -42%;
  }

  .brix---floating-image-hero-v1---2 {
    top: 24%;
    right: -30%;
  }

  .brix---btn-download-app-white,
  .brix---btn-download-app {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

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

  .brix---section-hero-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

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

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

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

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

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

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

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

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

  .brix---social-media-grid-right---t-center {
    grid-column-gap: 10px;
    justify-content: center;
    justify-items: center;
  }

  .brix---text-left---t-center {
    text-align: center;
  }

  .brix---grid-footer-v12 {
    grid-template-columns: 1fr;
  }

  .brix---footer-bottom-v12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .brix---hamburger-menu-bar-bottom {
    width: 44px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .brix---hamburger-menu-bar-top {
    width: 44px;
    height: 3px;
  }

  .brix---hamburger-menu-wrapper {
    order: -1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper:hover {
    transform: scale(.96);
  }

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

  .brix---header-nav-list-item-show-in-mbl,
  .brix---header-nav-list-item {
    margin-bottom: 16px;
    padding-left: 0;
  }

  .brix---dropdown-pd {
    padding: 20px 0 14px;
  }

  .brix---dropdown-card {
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    min-width: auto;
  }

  .brix---dropdown-card.w--open {
    position: static;
  }

  .brix---dropdown-column-wrapper {
    padding-top: 0;
    position: static;
  }

  .brix---dropdown-column-wrapper.w--open {
    transform: none;
  }

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

  .brix---header-menu-wrapper {
    border-top: 1px solid var(--elements-webflow-library-neutral--300);
    border-bottom: 1px solid var(--elements-webflow-library-neutral--300);
    background-color: var(--elements-webflow-library-neutral--100);
    padding: 24px;
  }

  .brix---header-logo {
    max-width: 232px;
  }

  .brix---header-wrapper,
  .brix---footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

  .brix---social-media-grid-left {
    grid-column-gap: 10px;
  }

  .brix---grid-footer-v1 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .brix---social-media-grid-center {
    grid-column-gap: 10px;
  }

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

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

  .brix---footer-top-small {
    padding-top: 58px;
    padding-bottom: 58px;
  }

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

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

  .brix---footer-big-links-wrapper {
    border-left-width: 0;
    padding-left: 0;
  }

  .brix---grid-footer-v17 {
    grid-row-gap: 60px;
    grid-template-columns: .8fr;
  }

  .image-2 {
    text-align: left;
  }

  .brix---social-media-grid-right---t-center-2 {
    grid-column-gap: 10px;
    justify-content: center;
    justify-items: center;
  }

  .brix---text-left---t-center-2 {
    text-align: center;
  }

  .brix---grid-footer-v12-2 {
    grid-template-columns: 1fr;
  }

  .brix---footer-bottom-v12-2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .brix---lightbox-video-icon-wrapper {
    max-width: 100px;
  }

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

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

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

  .brix---hamburger-menu-bar-bottom-2 {
    width: 44px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .brix---hamburger-menu-bar-top-2 {
    width: 44px;
    height: 3px;
  }

  .brix---hamburger-menu-wrapper-2 {
    order: -1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper-2:hover {
    transform: scale(.96);
  }

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

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

  .brix---dropdown-pd-2 {
    padding: 20px 0 14px;
  }

  .brix---dropdown-card-2 {
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    min-width: auto;
  }

  .brix---dropdown-card-2.w--open {
    position: static;
  }

  .brix---dropdown-column-wrapper-2 {
    padding-top: 0;
    position: static;
  }

  .brix---dropdown-column-wrapper-2.w--open {
    transform: none;
  }

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

  .brix---header-menu-wrapper-2 {
    border-top: 1px solid var(--elements-webflow-library-neutral--300);
    border-bottom: 1px solid var(--elements-webflow-library-neutral--300);
    background-color: var(--elements-webflow-library-neutral--100);
    padding: 24px;
  }

  .brix---header-logo-2 {
    max-width: 232px;
  }

  .brix---header-wrapper-2,
  .brix---btn-download-app-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

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

  .brix---cta-v13-link-card-white {
    padding: 52px 32px;
  }

  .brix---btn-download-app-white-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---ctav-13-link-card {
    padding: 52px 32px;
  }

  .brix---section-small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---display-2 {
    font-size: 58px;
    line-height: 70px;
  }

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

  .brix---grid-stats-v1 {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

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

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

  .brix---display-3 {
    font-size: 58px;
    line-height: 70px;
  }

  .brix---grid-stats-v1-2 {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

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

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

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

  .bold-text-8 {
    text-align: left;
  }

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

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

  .brix---grid-3-columns---1-col-mb {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

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

  .brix---blog-card-image {
    width: 100%;
  }

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

  .brix---badge-secondary-category-badges {
    margin-left: 0;
    margin-right: 24px;
  }

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

  .brix---grid-title-and-categories {
    grid-template-columns: 1fr;
  }

  .brix---section-small-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .brix---blog-card-image-featured {
    width: 100%;
  }

  .brix---blog-card-featured-card-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

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

  .affliate-section {
    padding-top: 118px;
  }

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

  .brix---buttons-row-right---t-left {
    justify-content: flex-start;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: .7fr;
  }

  .brix---cta-v3-floating-item-02-2 {
    display: none;
  }

  .brix---cta-card {
    padding: 72px 54px;
  }

  .brix---footer-bottom-v14 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 24px;
  }

  .brix---social-media-grid-left-2 {
    grid-column-gap: 10px;
  }

  .grid-footer-4-cols-v14 {
    grid-column-gap: 60px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .brix---footer-bottom-v14-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---footer-col-title-3 {
    margin-bottom: 24px;
  }

  .brix---social-media-grid-left-3 {
    grid-column-gap: 10px;
  }

  .grid-footer-4-cols-v14-2 {
    grid-column-gap: 60px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .brix---social-media-grid-right---t-center-3 {
    grid-column-gap: 10px;
    justify-content: center;
    justify-items: center;
  }

  .brix---text-left---t-center-3 {
    text-align: center;
  }

  .brix---grid-footer-v12-3 {
    grid-template-columns: 1fr;
  }

  .brix---footer-bottom-v12-3 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .brix---footer-bottom-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---social-media-grid-right---t-center-4 {
    grid-column-gap: 10px;
    justify-content: center;
    justify-items: center;
  }

  .brix---grid-footer-3-cols {
    grid-template-columns: 1fr;
  }

  .brix---footer-top-small-2 {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .grid-2-columns.main-dashboard-grid {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .footer-bottom-section {
    grid-row-gap: 20px;
    text-align: center;
    flex-direction: column;
  }

  .footer-top-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .brix---btn-primary-small-input {
    padding-left: 16px;
    padding-right: 16px;
  }

  .brix---top-bar-form {
    max-width: 460px;
  }

  .brix---text-left---t-center-4 {
    text-align: center;
  }

  .brix---top-bar-right-col {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .brix---top-bar-flex-h-center {
    flex-direction: column;
  }

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

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

  .brix---hamburger-menu-bar-bottom-3 {
    width: 44px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .brix---hamburger-menu-bar-top-3 {
    width: 44px;
    height: 3px;
  }

  .brix---hamburger-menu-wrapper-3 {
    order: -1;
    transition: transform .3s;
  }

  .brix---hamburger-menu-wrapper-3:hover {
    transform: scale(.96);
  }

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

  .brix---header-nav-list-item-show-in-mbl-2,
  .brix---header-nav-list-item-3 {
    margin-bottom: 16px;
    padding-left: 0;
  }

  .brix---dropdown-pd-3 {
    padding: 20px 0 14px;
  }

  .brix---dropdown-card-3 {
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    min-width: auto;
  }

  .brix---dropdown-card-3.w--open {
    position: static;
  }

  .brix---dropdown-column-wrapper-3 {
    padding-top: 0;
    position: static;
  }

  .brix---dropdown-column-wrapper-3.w--open {
    transform: none;
  }

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

  .brix---header-menu-wrapper-3 {
    border-top: 1px solid var(--elements-webflow-library-neutral--300);
    border-bottom: 1px solid var(--elements-webflow-library-neutral--300);
    background-color: var(--elements-webflow-library-neutral--100);
    padding: 24px;
  }

  .brix---header-logo-3 {
    max-width: 232px;
  }

  .brix---header-wrapper-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---footer-bottom-v4 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .brix---footer-bottom-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---social-media-grid-right---t-center-5 {
    grid-column-gap: 10px;
    justify-content: center;
    justify-items: center;
  }

  .brix---grid-footer-3-cols-2 {
    grid-template-columns: 1fr;
  }

  .brix---footer-top-small-3 {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .brix---grid-footer-v12-4 {
    grid-template-columns: 1fr;
  }

  .brix---footer-bottom-v12-4 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

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

  .brix---buttons-row-right---t-left-2 {
    justify-content: flex-start;
  }

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

  .brix---grid-cta-v1-2 {
    grid-template-columns: .7fr;
  }

  .brix---cta-v3-floating-item-02-2-2 {
    display: none;
  }

  .brix---cta-card-2 {
    padding: 72px 54px;
  }

  .brix---section-small-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---grid-cta-v20 {
    grid-template-columns: 1fr;
  }

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

  .brix---divider-40px-2 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

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

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

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

  .brix---btn-primary-white-full-width-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---3-columns-1-col-tablet-2 {
    grid-template-columns: 1fr;
  }

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

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

  .nav-link-copy {
    color: #ffffffb3;
    padding-top: .6em;
    padding-bottom: .6em;
  }

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

  .nav-link-copy.w--current {
    color: #ffffffb3;
  }

  .nav-link-copy.w--current:hover {
    color: var(--white);
  }

  .heading-hero-arabic {
    font-size: 3em;
  }

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

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

  .brix---heading-h2-size-5-arabic,
  .brix---heading-h2-size-4-copy {
    font-size: 30px;
    line-height: 46px;
  }

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

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

  .brix---display-4 {
    font-size: 22px;
    line-height: 38px;
  }

  .brix---tabs-content-card {
    padding: 40px 32px 48px;
  }

  .brix---tab-small-center {
    padding-left: 20px;
    padding-right: 20px;
  }

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

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

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

  .brix---display-4-arabic {
    font-size: 22px;
    line-height: 38px;
  }

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

  .brix---btn-primary-full-width-2-arabic {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

  .brix---blog-card-image-featured-arabic,
  .brix---blog-card-image-featured-arabic-copy {
    width: 100%;
  }

  .brix---heading-h3-size-5-monthly,
  .brix---heading-h3-size-5-monthyl-grow,
  .brix---heading-h3-size-5-monhtly-bussiness {
    font-size: 22px;
    line-height: 32px;
  }

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

  .brix---buttons-row-right---t-left-3 {
    justify-content: flex-start;
  }

  .brix---heading-h2-size-8 {
    text-align: center;
    margin-right: -96px;
    padding-right: 0;
    font-size: 30px;
    line-height: 46px;
    display: block;
  }

  .brix---grid-cta-v1-3 {
    grid-template-columns: .7fr;
    place-items: end stretch;
    margin-left: 73px;
    margin-right: -8px;
    padding-right: 0;
  }

  .brix---cta-v3-floating-item-02-2-3 {
    display: none;
  }

  .brix---cta-card-3 {
    padding: 72px 54px;
  }

  .brix---section-small-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

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

  .brix---avatar-circle-08-testimonial-v12 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
    margin-bottom: 48px;
    margin-right: 0;
  }

  .brix---card-testimonial-v12 {
    flex-direction: column;
    padding-left: 48px;
    padding-right: 48px;
  }

  .brix---tab-line {
    padding: 22px 18px;
  }

  .brix---tabs-menu-bottom {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .brix---btn-primary-full-width-2-arabic-blue {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

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

  .brix---btn-primary-full-width-2-english-blue {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

  .brix---accordion-spacer {
    min-height: 12px;
  }

  .brix---accordion-item-wrapper-v6 {
    padding-left: 40px;
    padding-right: 40px;
  }

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

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

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

  .brix---btn-download-app-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

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

  .brix---cta-v13-link-card-white-2 {
    padding: 52px 32px;
  }

  .brix---btn-download-app-white-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---ctav-13-link-card-2 {
    padding: 52px 32px;
  }

  .brix---section-small-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---badge-secondary-small-light {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .brix---blog-card-details-v6 {
    flex-wrap: wrap;
  }

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

  .brix---blog-card-image-2 {
    width: 100%;
  }

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

  .brix---badge-secondary-category-badges-2 {
    margin-left: 0;
    margin-right: 24px;
  }

  .brix---categories-badges-wrapper-2 {
    justify-content: flex-start;
  }

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

  .brix---grid-title-and-categories-2 {
    grid-template-columns: 1fr;
  }

  .brix---section-bg-neutral-200 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---blog-card-image-featured-2 {
    width: 100%;
  }

  .brix---blog-card-image-wrapper-v6 {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    height: 100%;
  }

  .brix---grid-blog-card-featured-v6 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

  .brix---section-small-6 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---card-blog-featured-v4 {
    max-width: 610px;
    margin-bottom: -120px;
    margin-left: 29px;
    padding: 32px;
    position: relative;
    inset: auto auto 0% 0%;
    transform: none;
  }

  .brix---card-blog-featured-v4:hover {
    transform: scale(.98);
  }

  .brix---flex-card---image-wrapper {
    display: block;
  }

  .brix---grid-3-columns-gap-row-72px {
    grid-template-columns: 1fr 1fr;
  }

  .brix---blog-card-image-featured-wrapper-v1 {
    height: 100%;
  }

  .brix---blog-card-featured {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---section-pd-bottom-56px-2 {
    padding-top: 118px;
  }

  .brix---grid-content-section-v6 {
    grid-template-columns: 1fr;
  }

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

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

  .brix---grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

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

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

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

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

  .brix---grid-3-columns-2 {
    grid-template-columns: 1fr 1fr;
  }

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

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

  .brix---section-11 {
    padding-top: 4px;
    padding-bottom: 118px;
  }

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

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

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

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

  .brix---blog-card-image-3 {
    width: 100%;
  }

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

  .brix---grid-3-columns-gap-row-72px-2 {
    grid-template-columns: 1fr 1fr;
  }

  .brix---badge-secondary-category-badges-3 {
    margin-left: 0;
    margin-right: 24px;
  }

  .brix---categories-badges-wrapper-3 {
    justify-content: flex-start;
  }

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

  .brix---grid-title-and-categories-3 {
    grid-template-columns: 1fr;
  }

  .brix---section-small-7 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---blog-card-image-featured-3 {
    width: 100%;
  }

  .brix---blog-card-image-featured-wrapper-v1-2 {
    height: 100%;
  }

  .brix---blog-card-featured-2 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

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

  .brix---section-pd-bottom-56px-3,
  .brix---section-pd-bottom-56px-4 {
    padding-top: 118px;
  }

  .brix---product-card-image {
    width: 100%;
  }

  .brix---grid-3-columns-gap-row-64px {
    grid-template-columns: 1fr 1fr;
  }

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

  .brix---blog-card-image-featured-copy {
    width: 100%;
  }

  .heading-hero-es {
    font-size: 3em;
  }

  .paragraph-hero-es {
    text-align: left;
  }

  .heading-hero-copy {
    font-size: 3em;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a30-b1339e21 {
    grid-area: 2/1/3/2;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a35-b1339e21 {
    grid-area: 1/1/2/2;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a37-b1339e21 {
    grid-area: 3/1/4/2;
  }

  #w-node-_930e48ef-50c3-547c-48a5-63994dabc61b-b1339e21 {
    justify-self: center;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a30-0f0500ff {
    grid-area: 2/1/3/2;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a35-0f0500ff {
    grid-area: 1/1/2/2;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a37-0f0500ff {
    grid-area: 3/1/4/2;
  }

  #w-node-_14e3492c-b6d5-3496-f28a-cb52b12aefe9-b1339e26 {
    grid-area: 2/1/3/2;
  }

  #w-node-_14e3492c-b6d5-3496-f28a-cb52b12aeff9-b1339e26 {
    grid-area: 1/1/2/2;
  }

  #w-node-_14e3492c-b6d5-3496-f28a-cb52b12aeffb-b1339e26 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-cbe7f29d {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-cbe7f29d {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-cbe7f29d {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-45ceff5a {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-45ceff5a {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-45ceff5a {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-4889d2e3 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-4889d2e3 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-4889d2e3 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-dad4c322 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-dad4c322 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-dad4c322 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-c96bd5d1 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-c96bd5d1 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-c96bd5d1 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-f6b1b300 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-f6b1b300 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-f6b1b300 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-5009543b {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-5009543b {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-5009543b {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-d539a5f7 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-d539a5f7 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-d539a5f7 {
    grid-area: 3/1/4/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cb0-f603e365 {
    grid-area: 2/1/3/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-f603e365 {
    grid-area: 1/1/2/2;
  }

  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc2-f603e365 {
    grid-area: 3/1/4/2;
  }

  .nav-menu-principal {
    width: auto;
    display: block;
  }

  .nav-item-dropdown {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border: 1px solid rgba(22, 22, 19, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.86);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 8px 22px rgba(22, 22, 19, 0.05);
    overflow: hidden;
  }

  .nav-item-dropdown:last-child {
    margin-bottom: 0;
  }

  .nav-link-parent {
    width: 100%;
    min-height: 58px;
    padding: 16px 18px;
    justify-content: space-between;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #161613;
    font-size: 1rem;
  }

  .nav-item-dropdown.is-open .nav-link-parent {
    background: linear-gradient(180deg, rgba(214, 194, 145, 0.18) 0%, rgba(214, 194, 145, 0.08) 100%);
    color: var(--heading);
  }

  .nav-dropdown {
    position: static;
    min-width: 100%;
    margin-top: 0;
    padding: 0 14px 14px;
    border: 0;
    border-top: 1px solid rgba(22, 22, 19, 0.06);
    border-radius: 0;
    background: rgba(247, 243, 233, 0.72);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    transform: none;
    transition: opacity .2s ease,
      max-height .25s ease,
      visibility .2s ease,
      padding-top .2s ease;
  }

  .nav-item-dropdown.is-open .nav-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 320px;
    padding-top: 12px;
  }

  .nav-dropdown-link {
    padding: 12px 14px;
    margin-bottom: 8px;
    border: 1px solid rgba(22, 22, 19, 0.06);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    color: #2c2c2f;
    font-size: 1.4em;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(22, 22, 19, 0.04);
  }

  .nav-dropdown-link:last-child {
    margin-bottom: 0;
  }

  .nav-dropdown-link:hover {
    background: #ffffff;
    color: var(--heading);
    transform: none;
  }

  .nav-link-parent::after {
    margin-left: 14px;
    flex: none;
  }

}

@media screen and (max-width:767px) {

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }

  .w-nav-brand {
    padding-left: 10px;
  }

  .w-nav[data-collapse=small] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block;
  }

  .w-layout-blockcontainer {
    max-width: none;
  }

  h1 {
    font-size: 3.7em;
  }

  h2 {
    font-size: 3.1em;
  }

  h3 {
    font-size: 2.3em;
  }

  h4 {
    font-size: 1.9em;
  }

  h5 {
    font-size: 1.55em;
  }

  .section-hero {
    padding-top: 8.5em;
    padding-bottom: 4.5em;
  }

  .grid-hero {
    grid-row-gap: 4em;
    grid-template-columns: 1.2fr;
  }

  .block-hero {
    text-align: center;
    align-items: center;
    padding: 2.5em 10% 0;
  }

  .heading-hero {
    font-size: 3.6em;
    text-align: center;
  }

  .section {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }

  .focus {
    min-height: auto;
    padding-top: 7em;
    padding-bottom: 7em;
  }

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

  .block-functions-large {
    align-items: center;
    max-width: 100%;
    padding-right: 0;
  }

  .image-functions-large {
    width: 100%;
    margin-bottom: 3em;
  }

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

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

  .testimonials {
    min-height: auto;
    padding: 2.65em;
  }

  .section-footer {
    padding-top: 4.5em;
  }

  .grid-footer {
    grid-row-gap: 3.5em;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-bottom: 9em;
  }

  .footer-left {
    align-items: center;
  }

  .heading-footer {
    max-width: 9em;
  }

  .block-button-footer {
    align-items: center;
  }

  .footer-down {
    grid-row-gap: 3em;
    flex-direction: column;
  }

  .block-footer-down {
    grid-row-gap: 1em;
    flex-direction: column;
  }

.app-hero-mobile {
  display: block;
  width: 100%;
  perspective: 1200px;
  overflow: visible;
  --hero-mobile-rotate: -1.6deg;
}

.app-hero---wrapper {
  display: none;
  max-width: 50vw;
}

  .app-hero---content-1 {
    left: -31%;
  }

  .app-hero---content-2 {
    left: 22%;
  }

  .app-hero---content-3 {
    left: 45%;
  }

  .section-top {
    padding-top: 11em;
    padding-bottom: 1em;
  }

  .heading-top {
    font-size: 4.2em;
  }

  .block-post {
    padding: 3em 10%;
  }

  .image-main-post {
    margin-bottom: 3.2em;
  }

  .grid-features-bg {
    grid-template-columns: 1fr;
  }

  .features-bg {
    padding: 2.7em;
  }

  .grid-focus-left,
  .grid-focus-right {
    grid-template-columns: 1fr;
  }

  .focus-separate {
    min-height: auto;
    padding: 6.5em 10% 3.5em;
  }

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

  .grid-download {
    grid-row-gap: 3em;
    grid-template-columns: auto;
  }

  .heading-download {
    font-size: 4.2em;
  }

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

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

  .grid-icon-licensing {
    grid-template-columns: auto auto auto;
  }

  .app-download-left {
    margin-right: 0;
  }

  .app-download-right {
    margin-left: 0;
    display: none;
  }

  .app-download---wrapper {
    max-width: 50vw;
  }

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

  .text-300.medium.top-8px {
    top: 6px;
  }

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

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

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .brix---floating-image-hero-v1---1 {
    max-width: 500px;
  }

  .brix---floating-image-hero-v1---2 {
    max-width: 480px;
  }

  .brix---btn-download-app-white,
  .brix---btn-download-app {
    padding: 20px 22px;
  }

  .brix---button-row-left {
    margin-right: 16px;
  }

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

  .brix---heading-h1-size {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---grid-hero-v16 {
    grid-template-columns: 1fr;
  }

  .brix---section-hero-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-primary-full-width {
    padding: 20px 32px;
  }

  .brix---text-200-list-bold {
    font-size: 16px;
  }

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

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

  .brix---text-300-medium {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---heading-h1-size-2 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---pricing-content-v2 {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---btn-primary-white-full-width {
    padding: 20px 32px;
  }

  .brix---badge-secondary-small-bold {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary---tabs {
    margin: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---subtitle {
    font-size: 17px;
    line-height: 19px;
  }

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

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

  .brix---social-media-grid-right---t-center {
    justify-content: center;
    justify-items: center;
  }

  .brix---footer-logo-wrapper {
    width: 239px;
  }

  .brix---heading-h1-size-2-copy {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---btn-primary-small {
    padding: 20px 32px;
  }

  .brix---btn-header-hidden-on-mbl {
    display: none;
  }

  .brix---header-nav-list-item-show-in-mbl {
    display: block;
  }

  .brix---header-logo {
    max-width: 90%;
  }

  .brix---footer-list-item {
    margin-bottom: 10px;
  }

  .brix---footer-col-title {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .brix---social-media-grid-left {
    justify-content: start;
    justify-items: start;
  }

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

  .brix---footer-logo-wrapper-2 {
    width: 239px;
  }

  .brix---grid-footer-v1 {
    grid-template-columns: 1fr 1fr;
  }

  .brix---footer-top {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---social-media-grid-center {
    justify-content: center;
    justify-items: center;
  }

  .brix---btn-primary {
    padding: 20px 32px;
  }

  .brix---input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

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

  .brix---footer-top-small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---heading-h2-size-link {
    font-size: 26px;
    line-height: 38px;
  }

  .brix---text-300-bold {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---grid-footer-v17 {
    grid-template-columns: 1fr;
  }

  .brix---social-media-grid-right---t-center-2 {
    justify-content: center;
    justify-items: center;
  }

  .brix---btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary-2 {
    padding: 20px 32px;
  }

  .brix---button-row-left-2 {
    margin-right: 16px;
  }

  .brix---lightbox-video-icon-wrapper {
    max-width: 90px;
  }

  .brix---image-wrapper-br-24px-shadow {
    box-shadow: 0 4px 22px 0 var(--elements-webflow-library-general--shadow-04);
    border-radius: 14px;
  }

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

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle-2 {
    font-size: 17px;
    line-height: 19px;
  }

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

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

  .brix---header-logo-2 {
    max-width: 90%;
  }

  .brix---btn-download-app-2 {
    padding: 20px 22px;
  }

  .brix---heading-h2-size-2 {
    font-size: 28px;
    line-height: 40px;
  }

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

  .brix---btn-download-app-white-2 {
    padding: 20px 22px;
  }

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

  .brix---section-small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---display-2 {
    font-size: 48px;
    line-height: 56px;
  }

  .brix---heading-h2-size-3 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-stats-v1 {
    grid-row-gap: 52px;
    grid-template-columns: 1fr;
  }

  .brix---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---text-center---mb-left {
    text-align: center;
  }

  .brix---link-icon-right {
    width: 20px;
    margin-left: 8px;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

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

  .brix---display-3 {
    font-size: 48px;
    line-height: 56px;
  }

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

  .brix---grid-stats-v1-2 {
    grid-row-gap: 52px;
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-4 {
    font-size: 28px;
    line-height: 40px;
  }

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

  .brix---section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---text-center---mb-left-2 {
    text-align: center;
  }

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

  .brix---card-link-content-left-fw {
    align-items: stretch;
  }

  .brix---grid-3-columns---1-col-mb {
    grid-template-columns: 1fr;
  }

  .affliate-heading {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---heading-h4-size {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---badge-secondary-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

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

  .brix---badge-secondary-category-badges {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---categories-badges-item-wrapper,
  .brix---categories-badges-wrapper {
    flex-wrap: wrap;
  }

  .brix---grid-title-and-categories {
    grid-template-columns: 1fr;
  }

  .brix---section-small-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---badge-primary-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---blog-card-featured-content {
    padding: 32px 32px 48px;
  }

  .brix---blog-card-featured-card-wrapper {
    grid-template-columns: 1fr;
  }

  .brix---heading-h1-size-3 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---subtitle-3 {
    font-size: 17px;
    line-height: 19px;
  }

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

  .brix---btn-secondary-white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary-white {
    padding: 20px 32px;
  }

  .brix---button-row-left-3 {
    margin-right: 16px;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2 {
    max-width: 50%;
  }

  .brix---cta-card {
    padding: 56px 40px;
  }

  .brix---text-200-bold-2,
  .brix---text-201 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .brix---footer-list-item-2 {
    margin-bottom: 10px;
  }

  .brix---social-media-grid-left-2 {
    justify-content: start;
    justify-items: start;
  }

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

  .brix---footer-logo-wrapper-3 {
    width: 239px;
  }

  .grid-footer-4-cols-v14 {
    grid-template-columns: 1fr 1fr;
  }

  .brix---footer-top-border-bottom {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---text-200-bold-3,
  .brix---text-202 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---big-icon-left-2 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---footer-col-title-3 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .brix---footer-list-item-3 {
    margin-bottom: 10px;
  }

  .brix---social-media-grid-left-3 {
    justify-content: start;
    justify-items: start;
  }

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

  .brix---footer-logo-wrapper-4 {
    width: 239px;
  }

  .grid-footer-4-cols-v14-2 {
    grid-template-columns: 1fr 1fr;
  }

  .brix---footer-top-border-bottom-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---social-media-grid-right---t-center-3,
  .brix---social-media-grid-right---t-center-4 {
    justify-content: center;
    justify-items: center;
  }

  .brix---footer-list-item-horizontal {
    margin-bottom: 10px;
  }

  .brix---footer-logo-wrapper-5 {
    width: 239px;
  }

  .brix---footer-top-small-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .footer-links-container {
    grid-column-gap: 12px;
  }

  .footer-bottom-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-top-section {
    grid-column-gap: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .brix---icon-small-hover {
    width: 24px;
  }

  .brix---top-bar-close-icon {
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .brix---top-bar-input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---top-bar-form {
    max-width: 100%;
  }

  .brix---top-bar-right-col {
    margin-bottom: 12px;
  }

  .brix---top-bar-flex-h-center {
    flex-direction: column;
  }

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

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

  .brix---btn-primary-small-2 {
    padding: 20px 32px;
  }

  .brix---btn-header-hidden-on-mbl-2 {
    display: none;
  }

  .brix---header-nav-list-item-show-in-mbl-2 {
    display: block;
  }

  .brix---header-logo-3 {
    max-width: 90%;
  }

  .brix---footer-logo-wrapper-6 {
    width: 239px;
  }

  .brix---grid-footer-logo---paragraph {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .brix---footer-bottom-v4 {
    text-align: center;
  }

  .brix---social-media-grid-right---t-center-5 {
    justify-content: center;
    justify-items: center;
  }

  .brix---footer-list-item-horizontal-2 {
    margin-bottom: 10px;
  }

  .brix---footer-top-small-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---btn-secondary-white-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary-white-2 {
    padding: 20px 32px;
  }

  .brix---button-row-left-4 {
    margin-right: 16px;
  }

  .brix---heading-h2-size-6 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-cta-v1-2 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2-2 {
    max-width: 50%;
  }

  .brix---cta-card-2 {
    padding: 56px 40px;
  }

  .brix---section-small-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---input-large-button-inside {
    min-height: 68px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---big-icon-left-3 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---grid-cta-v20 {
    grid-template-columns: 1fr;
  }

  .brix---btn-primary-full-width-2 {
    padding: 20px 32px;
  }

  .brix---text-200-list-bold-2 {
    font-size: 16px;
  }

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

  .brix---divider-40px-2 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .brix---text-300-medium-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---heading-h1-size-4 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---pricing-content-v2-2 {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---btn-primary-white-full-width-2 {
    padding: 20px 32px;
  }

  .brix---badge-secondary-small-bold-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---3-columns-1-col-tablet-2 {
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary---tabs-2 {
    margin: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---tabs-menu-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---subtitle-4 {
    font-size: 17px;
    line-height: 19px;
  }

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

  .brix---section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-hero-arabic {
    font-size: 3em;
  }

  .brix---heading-h2-size-4-arabic,
  .brix---heading-h2-size-5-arabic,
  .brix---heading-h2-size-4-copy {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle-4-arabic {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---heading-h1-size-4-arabic {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---link-icon-right-2 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---text-200-bold-4 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---display-4 {
    font-size: 20px;
    line-height: 32px;
  }

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

  .brix---grid-2-columns-gap-56px {
    grid-template-columns: 1fr;
  }

  .brix---tabs-content-card {
    padding-top: 30px;
    padding-bottom: 32px;
  }

  .brix---square-icon-48px {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---tab-small-center {
    justify-content: center;
    margin: 10px 0;
  }

  .brix---tabs-menu-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size-7 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle-5 {
    font-size: 17px;
    line-height: 19px;
  }

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

  .brix---section-6 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---display-4-arabic {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---badge-secondary-small-bold-2-arabic {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---text-300-medium-2-arabic {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---text-200-list-bold-arabic,
  .brix---text-200-list-bold-copy {
    font-size: 16px;
  }

  .brix---btn-primary-full-width-2-arabic {
    padding: 20px 32px;
  }

  .brix---heading-h2-size-7-arabic {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---btn-secondary-white-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary-white-3 {
    padding: 20px 32px;
  }

  .brix---button-row-left-5 {
    margin-right: 16px;
  }

  .brix---heading-h2-size-8 {
    text-align: right;
    margin-right: auto;
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-cta-v1-3 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2-3 {
    max-width: 50%;
  }

  .brix---cta-card-3 {
    padding: 56px 40px;
  }

  .brix---section-small-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---text-300-list {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---text-300-bold-2 {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---avatar-circle-08-testimonial-v12 {
    width: 200px;
    max-width: 200px;
    height: 200px;
    max-height: 200px;
  }

  .brix---card-testimonial-v12 {
    padding: 32px 32px 48px;
  }

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---text-200-bold-5 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-4 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---tab-line {
    padding-left: 0;
    padding-right: 0;
  }

  .brix---tabs-menu-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size-9 {
    font-size: 28px;
    line-height: 40px;
  }

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

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

  .brix---section-7 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-primary-full-width-2-arabic-blue,
  .brix---btn-primary-full-width-2-english-blue {
    padding: 20px 32px;
  }

  .brix---btn-circle-accordion-btn {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .brix---accordion-right-side {
    margin-left: 16px;
    margin-right: 16px;
  }

  .brix---accordion-title {
    font-size: 20px;
    line-height: 30px;
  }

  .brix---accordion-item-wrapper-v6 {
    padding: 40px 24px;
  }

  .brix---badge-secondary---tabs-3 {
    margin: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---tabs-menu-4 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size-10 {
    font-size: 28px;
    line-height: 40px;
  }

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

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

  .brix---section-8 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-download-app-3 {
    padding: 20px 22px;
  }

  .brix---heading-h2-size-11 {
    font-size: 28px;
    line-height: 40px;
  }

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

  .brix---btn-download-app-white-3 {
    padding: 20px 22px;
  }

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

  .brix---section-small-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---badge-secondary-small-light {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---text-203,
  .brix---text-200-bold-6 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-5 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---badge-secondary-small-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---grid-2-columns---gap-48px {
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary-category-badges-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---categories-badges-item-wrapper-2,
  .brix---categories-badges-wrapper-2 {
    flex-wrap: wrap;
  }

  .brix---heading-h2-size-12 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-title-and-categories-2 {
    grid-template-columns: 1fr;
  }

  .brix---section-bg-neutral-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---blog-card-featured-content-2 {
    padding: 32px 32px 48px;
  }

  .brix---grid-blog-card-featured-v6 {
    grid-template-columns: 1fr;
  }

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

  .brix---heading-h1-size-5 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---subtitle-6 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---section-9 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-circle-primary-small {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .brix---heading-h4-size-2 {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---grid-3-columns-gap-row-48px-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .brix---section-small-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---badge-primary-small-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

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

  .brix---card-blog-featured-v4 {
    margin-bottom: -58px;
    margin-left: 18px;
    margin-right: 18px;
  }

  .brix---badge-primary-small-light {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---grid-3-columns-gap-row-72px {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .brix---blog-card-featured {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .brix---section-pd-bottom-56px-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---square-icon-56px {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---grid-content-section-v6 {
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px-shadow-2 {
    box-shadow: 0 4px 22px 0 var(--elements-webflow-library-general--shadow-04);
    border-radius: 14px;
  }

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

  .brix---square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---grid-3-columns {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-13 {
    font-size: 28px;
    line-height: 40px;
  }

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

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

  .brix---link-icon-right-3 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---text-200-bold-7 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---square-icon-2 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---grid-3-columns-2 {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-14 {
    font-size: 28px;
    line-height: 40px;
  }

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

  .brix---section-11 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-secondary-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary-3 {
    padding: 20px 32px;
  }

  .brix---button-row-left-6 {
    margin-right: 16px;
  }

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

  .brix---heading-h1-size-6 {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---section-12 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---text-204 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---badge-primary-small-light-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---grid-3-columns-gap-row-72px-2 {
    grid-row-gap: 56px;
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary-category-badges-3 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---categories-badges-item-wrapper-3,
  .brix---categories-badges-wrapper-3 {
    flex-wrap: wrap;
  }

  .brix---heading-h2-size-15 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-title-and-categories-3 {
    grid-template-columns: 1fr;
  }

  .brix---section-small-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---text-200-bold-8 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-6 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---blog-card-featured-2 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .brix---subtitle-7 {
    font-size: 17px;
    line-height: 19px;
  }

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

  .brix---section-pd-bottom-56px-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---badge-primary-small-light-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---section-pd-bottom-56px-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---btn-secondary-card {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---text-300-medium-3 {
    font-size: 18px;
    line-height: 20px;
  }

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

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

  .brix---badge-primary-small-3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brix---grid-3-columns-gap-row-64px {
    grid-row-gap: 68px;
    grid-template-columns: 1fr;
  }

  .brix---section-13 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-hero-es,
  .heading-hero-copy {
    font-size: 3em;
  }

  #w-node-fb81bcce-4d37-85e0-208e-77cf7c1ffc2c-b1339e21 {
    order: -9999;
  }

  #w-node-_3fc21780-31f5-b873-b9d4-4305529b78a8-b1339e21,
  #w-node-_0bc042d6-d371-719d-d6e1-9c4daa719c25-b1339e21 {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a35-b1339e21 {
    justify-self: center;
  }

  #w-node-fb81bcce-4d37-85e0-208e-77cf7c1ffc2c-0f0500ff {
    order: -9999;
  }

  #w-node-_3fc21780-31f5-b873-b9d4-4305529b78a8-0f0500ff,
  #w-node-_81555241-fbef-f1cb-9a12-11bf9a562580-0f0500ff {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-cd1ae1ee-a661-b127-ee0b-5a81e28b9a35-0f0500ff,
  #w-node-_14e3492c-b6d5-3496-f28a-cb52b12aeff9-b1339e26,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-cbe7f29d,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-45ceff5a,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-4889d2e3,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-dad4c322,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-c96bd5d1,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-f6b1b300,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-5009543b,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-d539a5f7,
  #w-node-d5d1976b-a852-84f9-ed6e-2b4772f98cc0-f603e365 {
    justify-self: center;
  }

  .back-to-top {
    right: 18px;
    bottom: 18px;
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }

  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block;
  }

  .w-tab-link {
    display: block;
  }

  h1 {
    font-size: 3.2em;
  }

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 2.2em;
  }

  h4 {
    font-size: 1.8em;
  }

  .section-hero {
    padding-bottom: 0;
  }

  .nav-button {
    display: none;
  }

  .text-button.white {
    font-size: 1.3em;
  }

  .menu-button {
    text-align: left;
  }

  .icon-menu {
    color: var(--white);
    border-radius: 0;
  }

  .block-hero {
    padding-left: 0%;
    padding-right: 0%;
  }

  .heading-hero {
    text-align: center;
    font-size: 13vw;
  }

  .paragraph-hero {
    text-align: center;
    font-size: 20px;
  }

  .text-subtitle-2 {
    font-size: 1.3em;
  }

  .block-button {
    grid-row-gap: 1em;
    flex-direction: column;
  }

  .grid-focus {
    grid-row-gap: 7em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .heading {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2em;
  }

  .block-heading {
    text-align: center;
    align-items: center;
  }

  .paragraph {
    text-align: left;
  }

  .focus {
    text-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .app-focus {
    padding-top: 0;
    padding-bottom: 0;
  }

  .app-focus---sticky {
    height: auto;
    position: relative;
    top: 0;
  }

  .app-focus---content {
    max-width: 45vw;
  }

  .image-app---focus-1 {
    z-index: 30;
    border-radius: 1.2em;
    right: auto;
  }

  .image-app---focus-2 {
    border-radius: 1.2em;
    transform: rotateX(-3deg)rotateY(6deg)rotate(-14deg)translate3d(-29%, -62px, -200px);
  }

  .image-app---focus-3 {
    z-index: 10;
    border-radius: 1.2em;
    transform: rotateX(0)rotateY(-9deg)rotate(11deg)translate3d(24%, 16%, -200px);
  }

  .grid-features {
    grid-row-gap: 3.5em;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .features {
    align-items: center;
  }

  .icon-features-bg {
    align-self: center;
  }

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

  .footer-right {
    grid-row-gap: 1.7em;
    flex-direction: column;
  }

  .app-focus---image {
    perspective: 1800px;
    border-radius: 1.2em;
    overflow: visible;
  }

  .image-app---hero {
    border-radius: 1.2em;
  }

  .heading-top {
    font-size: 12vw;
  }

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

  .focus-separate {
    text-align: center;
    align-items: center;
    padding-top: 4.5em;
    padding-bottom: 0;
  }

  .block-button-download {
    grid-row-gap: 1.25em;
    flex-direction: column;
  }

  .heading-download {
    font-size: 12vw;
  }

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

  .image-app---download {
    border-radius: 1.2em;
  }

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

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

  .text-300.medium.top-8px {
    top: 3px;
  }

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

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .icon-list {
    margin-right: 8px;
  }

  .brix---floating-image-hero-v1---1 {
    opacity: .2;
    bottom: -5%;
    left: -35%;
  }

  .brix---floating-image-hero-v1---2 {
    display: none;
  }

  .brix---btn-icon-left {
    width: 10%;
  }

  .brix---btn-download-app-white {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-download-app {
    text-align: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---button-row-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h1-size {
    text-align: left;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

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

  .brix---section-hero-small {
    padding-top: 48px;
    padding-bottom: 96px;
  }

  .brix---btn-primary-full-width {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---icon-list {
    width: 24px;
    margin-right: 8px;
  }

  .brix---divider-40px {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h1-size-2 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---heading-h3-size {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---btn-primary-white-full-width {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---badge-secondary-small-bold {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---badge-wrapper-top-right {
    top: 14px;
    right: 14px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary---tabs {
    margin-left: 0;
    margin-right: 0;
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---subtitle {
    font-size: 14px;
    line-height: 18px;
  }

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

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

  .brix---icon-square-36px {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-right---t-center {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---footer-logo {
    width: 100%;
    max-width: 240px;
  }

  .brix---heading-h1-size-2-copy {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---btn-primary-small {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---header-nav-list-item-show-in-mbl,
  .brix---header-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .brix---header-logo {
    max-width: 84%;
  }

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

  .brix---paragraph-default-3 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---footer-link {
    font-size: 16px;
    line-height: 19px;
  }

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

  .brix---footer-col-title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---icon-square-36px-2 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-left {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---footer-logo-2 {
    width: 100%;
    max-width: 240px;
  }

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

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

  .brix---footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---social-media-grid-center {
    flex: 1;
    grid-template-columns: repeat(auto-fit, 30px);
    align-self: stretch;
  }

  .brix---icon-success-message-left {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .brix---success-message-horizontal {
    flex-direction: column;
  }

  .brix---btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---grid-subscribe-form-button-left {
    grid-template-columns: 1fr;
  }

  .brix---heading-h3-size-2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

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

  .brix---footer-top-small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---heading-h2-size-link {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---text-300-bold {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---footer-big-links-col {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .brix---footer-big-links-wrapper {
    flex-direction: column;
  }

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

  .brix---social-media-grid-right---t-center-2 {
    color: var(--heading);
    grid-template-columns: repeat(auto-fit, 30px);
    font-weight: 300;
  }

  .brix---btn-secondary,
  .brix---btn-primary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---button-row-left-2 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-center {
    flex-direction: column;
  }

  .brix---lightbox-video-icon-wrapper {
    max-width: 70px;
  }

  .brix---image-wrapper-br-24px-shadow {
    border-radius: 16px;
  }

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

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---subtitle-2 {
    font-size: 14px;
    line-height: 18px;
  }

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

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

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

  .brix---header-nav-list-item-2 {
    text-align: left;
    width: 100%;
  }

  .brix---header-logo-2 {
    max-width: 84%;
  }

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

  .brix---btn-icon-left-2 {
    width: 10%;
  }

  .brix---btn-download-app-2 {
    text-align: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---paragraph-default-4 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h2-size-2 {
    font-size: 24px;
    line-height: 34px;
  }

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

  .brix---cta-v13-link-card-white {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---btn-download-app-white-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---ctav-13-link-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---section-small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .image-app---focus-4 {
    border-radius: 1.2em;
    transform: rotateX(-3deg)rotateY(6deg)rotate(-14deg)translate3d(-29%, -62px, -200px);
  }

  .heading-406 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .image-app---focus-5 {
    z-index: 10;
    border-radius: 1.2em;
    transform: rotateX(0)rotateY(-9deg)rotate(11deg)translate3d(24%, 16%, -200px);
  }

  .grid-focus-2 {
    grid-row-gap: 7em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .grid-focus-2.grid-focus-2--reverse {
    grid-column-gap: 2em;
    grid-row-gap: 0;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-rows: 1fr;
  }

  .grid-focus-2.grid-focus-2--reverse .block-heading,
  .grid-focus-2.grid-focus-2--reverse .focus {
    text-align: left;
    align-items: flex-start;
  }

  .grid-focus-2.grid-focus-2--reverse .subtitle-3,
  .grid-focus-2.grid-focus-2--reverse .heading-406 {
    align-self: flex-start;
  }

  .grid-focus-2.grid-focus-2--reverse .heading-406,
  .grid-focus-2.grid-focus-2--reverse .paragraph-3,
  .grid-focus-2.grid-focus-2--reverse .text-subtitle-2 {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-focus-2.grid-focus-2--reverse #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee4d-b1339e21 {
    grid-area: 1 / 2 / 4 / 3;
  }

  .grid-focus-2.grid-focus-2--reverse #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee56-b1339e21 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .grid-focus-2.grid-focus-2--reverse #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee62-b1339e21 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .grid-focus-2.grid-focus-2--reverse #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee6e-b1339e21 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .app-focus---image-2 {
    perspective: 1800px;
    border-radius: 1.2em;
    overflow: visible;
  }

  .image-app---focus-6 {
    z-index: 30;
    border-radius: 1.2em;
  }

  .app-focus-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .subtitle-3 {
    align-self: center;
    font-weight: bold;
    font-size: 19px !important;
  }

  .brix---paragraph-default-5 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---display-2 {
    font-size: 38px;
    line-height: 48px;
  }

  .brix---heading-h2-size-3 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---grid-stats-v1 {
    grid-template-columns: 1fr;
  }

  .brix---link-icon-right {
    width: 18px;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---paragraph-default-6 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h3-size-3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---display-3 {
    font-size: 48px;
  }

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

  .brix---grid-stats-v1-2 {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-4 {
    font-size: 36px;
    margin-bottom: 15px;
  }

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

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

  .brix---section-4 {
    padding-top: 23px;
    padding-bottom: 50px;
  }

  .brix---paragraph-default-7 {
    font-size: 17px;
    line-height: 28px;
  }

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

  .brix---paragraph-default-8 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h3-size-4 {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

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

  .brix---card-link-content-left-fw {
    padding: 40px 24px 34px;
  }

  .brix---grid-3-columns---1-col-mb {
    grid-template-columns: 1fr;
  }

  .affliate-heading {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---text-200 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---avatar-image {
    width: 100%;
  }

  .brix---avatar-circle-03 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---paragraph-default-9 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h4-size {
    font-size: 18px;
    line-height: 24px;
  }

  .brix---blog-card-content-inside {
    padding: 24px 24px 31px;
  }

  .brix---badge-secondary-small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

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

  .brix---badge-secondary-category-badges {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 13px 21px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---grid-title-and-categories {
    margin-bottom: 40px;
  }

  .brix---section-small-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---badge-primary-small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---blog-card-featured-content {
    padding-top: 26px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---heading-h1-size-3 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---subtitle-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .affliate-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .brix---btn-secondary-white,
  .brix---btn-primary-white {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---button-row-left-3 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-right---t-left {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2 {
    max-width: 70%;
    right: -33%;
  }

  .brix---cta-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---text-200-bold-2,
  .brix---text-201 {
    font-size: 15px;
    line-height: 16px;
  }

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

  .brix---big-icon-left {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---card-link-icon-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---footer-col-title-2 {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---footer-link-2 {
    font-size: 16px;
    line-height: 19px;
  }

  .brix---footer-list-item-2 {
    margin-bottom: 8px;
  }

  .brix---icon-square-36px-3 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-left-2 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---paragraph-default-10 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---footer-logo-3 {
    width: 100%;
    max-width: 240px;
  }

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

  .brix---footer-top-border-bottom {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .brix---text-200-bold-3,
  .brix---text-202 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---mg-bottom-8px-3 {
    margin-bottom: 6px;
  }

  .brix---big-icon-left-2 {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---card-link-icon-wrapper-2 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .brix---footer-col-title-3 {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---footer-link-3 {
    font-size: 16px;
    line-height: 19px;
  }

  .brix---footer-list-item-3 {
    margin-bottom: 8px;
  }

  .brix---icon-square-36px-4 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-left-3 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---paragraph-default-11 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---footer-logo-4 {
    width: 100%;
    max-width: 240px;
  }

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

  .brix---footer-top-border-bottom-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .brix---social-media-grid-right---t-center-3 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---paragraph-default-12 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---social-icon-square-30px {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-right---t-center-4 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---footer-link-4 {
    font-size: 16px;
    line-height: 19px;
  }

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

  .brix---footer-list-wrapper-horizontal {
    flex-direction: column;
  }

  .brix---footer-logo-5 {
    width: 100%;
    max-width: 240px;
  }

  .brix---footer-top-small-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .footer-top-section {
    grid-row-gap: 16px;
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .brix---icon-small-hover {
    width: 20px;
  }

  .brix---top-bar-close-icon {
    padding-left: 12px;
    padding-right: 8px;
  }

  .brix---btn-primary-small-input {
    border: 1px solid var(--elements-webflow-library-accent--primary-1);
    background-color: var(--elements-webflow-library-neutral--100);
    color: var(--elements-webflow-library-accent--primary-1);
    width: 100%;
    margin-top: 12px;
    padding-top: 18px;
    padding-bottom: 18px;
    position: static;
  }

  .brix---top-bar-input {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---top-bar-input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

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

  .brix---top-bar-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 17px;
    line-height: 26px;
  }

  .brix---btn-primary-small-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---header-nav-list-item-show-in-mbl-2,
  .brix---header-nav-list-item-3 {
    text-align: left;
    width: 100%;
  }

  .brix---header-logo-3 {
    max-width: 84%;
  }

  .brix---footer-logo-6 {
    width: 100%;
    max-width: 240px;
  }

  .brix---paragraph-default-13 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---social-icon-square-30px-2 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---social-media-grid-right---t-center-5 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---footer-link-5 {
    font-size: 16px;
    line-height: 19px;
  }

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

  .brix---footer-list-wrapper-horizontal-2 {
    flex-direction: column;
  }

  .brix---footer-top-small-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---icon-square-36px-whatsapp {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---btn-secondary-white-2,
  .brix---btn-primary-white-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---button-row-left-4 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-right---t-left-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size-6 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---grid-cta-v1-2 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2-2 {
    max-width: 70%;
    right: -33%;
  }

  .brix---cta-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---section-small-3 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---icon-success-message-left-2 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .brix---flex-horizontal---vertical-mbp {
    flex-direction: column;
  }

  .brix---input-large-button-inside {
    min-height: 64px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input-large-button-inside::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---big-icon-left-3 {
    border-radius: 14px;
    max-width: 56px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .brix---cta-v20-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .brix---btn-primary-full-width-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---icon-list-2 {
    width: 24px;
    margin-right: 8px;
  }

  .brix---divider-40px-2 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .brix---paragraph-default-14 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h1-size-4 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---heading-h3-size-5 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---btn-primary-white-full-width-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brix---badge-secondary-small-bold-2 {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---badge-wrapper-top-right-2 {
    top: 14px;
    right: 14px;
  }

  .brix---3-columns-1-col-tablet-2 {
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary---tabs-2 {
    margin-left: 0;
    margin-right: 0;
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---subtitle-4 {
    font-size: 14px;
    line-height: 18px;
  }

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

  .brix---section-5 {
    padding-top: 22px;
  }

  .heading-hero-arabic {
    text-align: center;
    font-size: 11vw;
  }

  .text-button-arabic.white {
    font-size: 1.3em;
  }

  .heading-406-arabic {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .brix---heading-h2-size-4-arabic {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size-3-arabic {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---paragraph-default-7-arabic {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h2-size-5-arabic {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---paragraph-default-9-arabic {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h2-size-4-copy {
    font-size: 24px;
    line-height: 34px;
  }

  .heading-arabic {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2em;
  }

  .heading-features-arabic {
    align-self: auto;
  }

  .brix---subtitle-4-arabic {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---heading-h1-size-4-arabic {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---paragraph-default-14-copy,
  .brix---paragraph-default-14-copy-arabic,
  .brix---paragraph-default-14-copy-arabic-copy,
  .brix---paragraph-default-14-copy-arabic-copy-copy-arabic {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---link-icon-right-2 {
    width: 18px;
  }

  .brix---text-200-bold-4 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---paragraph-default-15 {
    font-size: 17px;
    line-height: 28px;
  }

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

  .brix---grid-2-columns-gap-56px {
    grid-row-gap: 36px;
  }

  .brix---tabs-content-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---square-icon-48px {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---tab-small-center {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---heading-h2-size-7 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---subtitle-5 {
    font-size: 14px;
    line-height: 18px;
  }

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

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

  .subtitle-3-arabic {
    align-self: center;
  }

  .icon-features-bg-arabic {
    align-self: flex-end;
  }

  .brix---heading-h3-size-5-arabic {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---badge-secondary-small-bold-2-arabic {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---paragraph-default-14-arabic {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-primary-full-width-2-arabic {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---heading-h2-size-7-arabic {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size-5-monthly,
  .brix---heading-h3-size-5-monthyl-grow,
  .brix---heading-h3-size-5-monhtly-bussiness {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---btn-secondary-white-3,
  .brix---btn-primary-white-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---button-row-left-5 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-right---t-left-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size-8 {
    text-align: center;
    margin-left: -68px;
    margin-right: 11px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .brix---grid-cta-v1-3 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v3-floating-item-02-2-3 {
    max-width: 70%;
    right: -33%;
  }

  .brix---cta-card-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .brix---section-small-4 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---text-300-bold-2 {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---mg-bottom-8px-4 {
    margin-bottom: 6px;
  }

  .brix---paragraph-default-16 {
    font-size: 17px;
    line-height: 28px;
  }

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

  .brix---heading-h3-size-6 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---avatar-image-2 {
    width: 100%;
  }

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---text-200-bold-5 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---avatar-circle-4 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---tab-line {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .brix---heading-h2-size-9 {
    font-size: 24px;
    line-height: 34px;
  }

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

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

  .brix---section-7 {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .brix---btn-primary-full-width-2-arabic-blue {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---paragraph-default-16-english {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h3-size-6-english {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---btn-primary-full-width-2-english-blue {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-circle-accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .brix---accordion-right-side {
    margin-right: 0;
  }

  .brix---paragraph-default-17 {
    text-align: justify;
    font-size: 17px;
    line-height: 28px;
  }

  .brix---accordion-title {
    font-size: 18px;
    line-height: 26px;
  }

  .brix---badge-secondary---tabs-3 {
    margin-left: 0;
    margin-right: 0;
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

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

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

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

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

  .brix---section-8 {
    padding-top: 10px;
  }

  .image-6 {
    margin-left: 38px;
    margin-right: auto;
  }

  .brix---btn-icon-left-3 {
    width: 10%;
  }

  .brix---btn-download-app-3 {
    text-align: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---paragraph-default-18 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h2-size-11 {
    font-size: 24px;
    line-height: 34px;
  }

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

  .brix---cta-v13-link-card-white-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---btn-download-app-white-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---ctav-13-link-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .brix---section-small-5 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---badge-secondary-small-light {
    margin-top: 12px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---text-203,
  .brix---text-200-bold-6 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---mg-bottom-8px-5 {
    margin-bottom: 6px;
  }

  .brix---avatar-image-3 {
    width: 100%;
  }

  .brix---avatar-circle-5 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---blog-card-details-v6 {
    flex-direction: row;
    align-items: center;
  }

  .brix---heading-h3-size-7 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

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

  .brix---blog-card-content-inside-2 {
    padding: 24px 24px 31px;
  }

  .brix---badge-secondary-small-2 {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---badge-secondary-category-badges-2 {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 13px 21px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---heading-h2-size-12 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---grid-title-and-categories-2 {
    margin-bottom: 40px;
  }

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

  .brix---section-bg-neutral-200 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---paragraph-default-19 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---blog-card-featured-content-2 {
    padding-top: 26px;
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .brix---heading-h1-size-5 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---subtitle-6 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---btn-circle-primary-small {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .brix---heading-h4-size-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .brix---grid-3-columns-gap-row-48px-2 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .brix---section-small-6 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---badge-primary-small-2 {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

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

  .brix---card-blog-featured-v4 {
    margin-bottom: 21px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---badge-primary-small-light {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---grid-3-columns-gap-row-72px {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .brix---section-pd-bottom-56px-2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---square-icon-56px {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---grid-content-section-v6 {
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px-shadow-2 {
    border-radius: 16px;
  }

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

  .brix---paragraph-default-20 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h3-size-8 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

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

  .brix---grid-3-columns {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-13 {
    font-size: 24px;
    line-height: 34px;
  }

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

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

  .brix---link-icon-right-3 {
    width: 18px;
  }

  .brix---text-200-bold-7 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---paragraph-default-21 {
    font-size: 17px;
    line-height: 28px;
  }

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

  .brix---heading-h3-size-9 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---square-icon-2 {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---card-link-content-left {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---grid-3-columns-2 {
    grid-template-columns: 1fr;
  }

  .brix---heading-h2-size-14 {
    font-size: 24px;
    line-height: 34px;
  }

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

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

  .brix---section-11 {
    padding-top: 2px;
  }

  .heading-blog {
    padding-right: 176px;
    font-size: 2em;
  }

  .brix---btn-secondary-2,
  .brix---btn-primary-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---button-row-left-6 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-center-2 {
    flex-direction: column;
  }

  .brix---paragraph-default-22 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---heading-h1-size-6 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

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

  .brix---section-12 {
    padding-top: 48px;
  }

  .brix---heading-h3-size-10 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---text-204 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---badge-primary-small-light-2 {
    padding: 10px 20px 10px 2px;
    font-size: 14px;
    line-height: 16px;
  }

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

  .brix---grid-3-columns-gap-row-72px-2 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .brix---badge-secondary-category-badges-3 {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 13px 21px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---heading-h2-size-15 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---grid-title-and-categories-3 {
    margin-bottom: 40px;
  }

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

  .brix---section-small-7 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brix---text-200-bold-8 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---mg-bottom-8px-6 {
    margin-bottom: 6px;
  }

  .brix---avatar-image-4 {
    width: 100%;
  }

  .brix---avatar-circle-6 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---subtitle-7 {
    font-size: 14px;
    line-height: 18px;
  }

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

  .brix---section-pd-bottom-56px-3 {
    padding-top: 14px;
    padding-bottom: 8px;
  }

  .brix---badge-primary-small-light-3 {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

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

  .brix---section-pd-bottom-56px-4 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---btn-secondary-card {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

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

  .brix---badge-primary-small-3 {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .brix---badge-wrapper-top-right-3 {
    top: 14px;
    right: 14px;
  }

  .brix---grid-3-columns-gap-row-64px {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .brix---section-13 {
    padding-top: 14px;
    padding-bottom: 28px;
  }

  .heading-hero-es {
    text-align: left;
    font-size: 11vw;
  }

  .paragraph-hero-es {
    text-align: left;
  }

  .text-button-es.white {
    font-size: 1.3em;
  }

  .heading-hero-copy {
    text-align: left;
    font-size: 11vw;
  }

  .heading-406-es {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee4d-b1339e21,
  #w-node-aec1d727-ee8f-37cf-5b43-22110d5321d8-b1339e21 {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-_930e48ef-50c3-547c-48a5-63994dabc61b-b1339e21 {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: center;
  }

  #w-node-_37dc98a6-0aea-91be-fff5-788c15a0ee4d-0f0500ff,
  #w-node-aec1d727-ee8f-37cf-5b43-22110d5321d8-0f0500ff {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-af31ef7d-2fc6-c2b8-9e60-3201cac525cd-0f0500ff {
    justify-self: center;
  }

}

@media (max-width: 991px) {
  .card-flip-item {
    min-height: 390px;
  }

  .card-front-header {
    min-height: 250px;
    padding: 24px 20px 0;
  }

  .card-front-content {
    padding: 20px 20px 24px;
  }

  .card-face-front {
    background-size: 100% 250px;
  }

  .card-front-text {
    min-height: 96px;
  }

  .card-flip-item {
    min-height: 580px;
  }

  .card-face-front {
    padding: 24px 20px;
  }

  .card-back-wrap {
    padding: 24px 20px 0;
  }

  .card-face-front .brix---border-radius-24px,
  .card-face-back .card-back-wrap::after {
    height: 210px;
  }

  .card-back-image-wrap {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }

  .fidaty-tabs-nav {
    max-width: 100%;
    margin-bottom: 24px;
    padding: 7px;
    border-radius: 20px;
  }

  .fidaty-tab-btn {
    min-height: 54px;
    font-size: 17px;
    padding: 14px 16px;
    border-radius: 14px;
  }

}

@media (max-width: 767px) {
  .card-flip-item {
    min-height: 360px;
  }

  .card-front-header {
    min-height: 220px;
    padding: 22px 18px 0;
  }

  .card-front-content {
    padding: 18px 18px 22px;
  }

  .card-face-front {
    background-size: 100% 220px;
  }

  .card-front-text {
    min-height: auto;
  }

  .card-back-image-wrap .brix---border-radius-24px {
    max-width: 100%;
    height: 190px;
  }

  .front-bg-restaurante {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-restaurante.png");
  }

  .front-bg-pizzaria {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-pizzaria.png");
  }

  .front-bg-hamburgueria {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-hamburgueria.png");
  }

  .front-bg-galeto {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-galeto.png");
  }

  .front-bg-sorveteria {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-sorveteria.png");
  }

  .front-bg-acai {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-acai.png");
  }

  .front-bg-sushi {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-sushi.png");
  }

  .front-bg-cafe {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-cafe.png");
  }

  .front-bg-bar {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-bar.png");
  }

  .front-bg-bolos {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-bolos.png");
  }

  .front-bg-farmacia {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-farmacia.png");
  }

  .front-bg-lojaroupas {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-lojaroupas.png");
  }

  .front-bg-construcao {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-construcao.png");
  }

  .front-bg-perfumaria {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-perfumaria.png");
  }

  .front-bg-salaobeleza {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-salaobeleza.png");
  }

  .front-bg-barbearia {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-barbearia.png");
  }

  .front-bg-petshop {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-petshop.png");
  }

  .front-bg-oficina {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-oficina.png");
  }

  .front-bg-manucelular {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-manucelular.png");
  }

  .front-bg-lavanderia {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-lavanderia.png");
  }

  .front-bg-lojainformatica {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-lojainformatica.png");
  }

  .front-bg-manuinformatica {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.00) 52%, rgba(255, 255, 255, 0.00) 52%, rgba(255, 255, 255, 1) 100%),
      url("../mobile-manuinformatica.png");
  }

  .fidaty-tabs-nav {
    gap: 6px;
    padding: 6px;
    border-radius: 18px;
  }

  .fidaty-tab-btn {
    min-height: 50px;
    font-size: 15px;
    padding: 12px 10px;
  }

  .fidaty-glide-controls {
    margin-top: 14px;
  }

  .fidaty-glide-arrow {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }

  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }

}

@media (max-width: 480px) {
  .card-face-front {
    background-size: cover;
  }

  .brix---heading-h3-size-4 {
    font-size: 30px;
  }

  .card-back-image-wrap .brix---border-radius-24px {
    height: auto;
  }

}