@import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap");

*,
*::after,
*::before {
  border: 0;
  margin: 0;
  box-sizing: inherit; }

html {
  font-size: calc(0.875em + 0.25 * (100vw - 80em) / 40);
  font-size: -webkit-calc(87.5% + 0.25 * (100vw - 8000%) / 40);
  scroll-behavior: smooth; }

body {
  box-sizing: border-box;
  position: relative;
  margin: 0; }

p {
  margin: 0; }

button, body {
  font-family: 'Eina01', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; }

.hero {
  padding: 0 15rem;
  position: relative; }
  .hero-content {
    display: flex;
    align-items: center;
    padding: 72px 10vw;
    justify-content: space-between; }
    @media screen and (min-width: 1155px) and (max-width: 1439px) {
      .hero-content {
        font-size: 3.5vw; } }
    @media screen and (min-width: 1023px) and (max-width: 1154px) {
      .hero-content {
        font-size: 3vw; } }
    @media screen and (max-width: 1024px) {
      .hero-content {
        background: unset;
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media screen and (max-width: 1024px) {
      .hero-content .hero-text-heading {
        margin-bottom: unset; } }
    @media screen and (max-width: 1024px) {
      .hero-content {
        padding-left: 7%;
        padding-right: 7%; } }
    @media screen and (max-width: 768px) {
      .hero-content {
        flex-direction: column;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0; } }
    @media screen and (max-width: 600px) {
      .hero-content {
        padding: 2.13333rem 2rem; }
        .hero-content .twentytwenty-wrapper {
          display: none; } }
    .hero-content--photography-guides, .hero-content--public-api {
      justify-content: unset; }
    @media screen and (max-width: 1280px) {
      .hero-content--photography-guides {
        align-items: center !important; } }
    @media screen and (max-width: 768px) {
      .hero-content--public-api {
        padding: 27px 7% 40px; } }
    .hero-content--public-api .hero-body {
      flex: 1; }
      @media screen and (max-width: 768px) {
        .hero-content--public-api .hero-body {
          padding-top: 0; } }
      @media screen and (max-width: 768px) {
        .hero-content--public-api .hero-body-desc {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .hero-content--public-api .hero-body-desc .hero-text-heading {
            margin-bottom: 16px;
            font-size: 32px;
            line-height: 40px; }
          .hero-content--public-api .hero-body-desc .api-page-desc {
            color: #FFFFFF;
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            font-weight: normal; }
          .hero-content--public-api .hero-body-desc .category-list--mobile {
            display: none;
            margin-top: 24px; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .hero-content--public-api .hero-body-desc .category-list--mobile {
        display: block; } }
      .hero-content--public-api .hero-body-illustration {
        margin-right: 10vw; }
        @media screen and (max-width: 768px) {
          .hero-content--public-api .hero-body-illustration {
            display: none; } }
    .hero-content--how-it-works {
      align-items: center;
      padding: 0 10vw; }
      @media only screen and (min-device-width: 1024px) and (max-height: 800px) {
        .hero-content--how-it-works {
          height: calc(100vh - 85px); } }
      @media screen and (max-width: 768px) {
        .hero-content--how-it-works {
          padding: 0; } }
      .hero-content--how-it-works .howitworks-header-main-image {
        width: 32.2rem; }
        .hero-content--how-it-works .howitworks-header-main-image--mobile {
          display: none; }
          @media screen and (max-width: 768px) {
            .hero-content--how-it-works .howitworks-header-main-image--mobile {
              display: block; } }
        @media screen and (max-width: 768px) {
          .hero-content--how-it-works .howitworks-header-main-image {
            display: none; } }
        @media screen and (max-width: 768px) {
          .hero-content--how-it-works .howitworks-header-main-image-container {
            width: 100%;
            display: flex;
            justify-content: center;
            background: linear-gradient(to right, white 53.5%, #FBF3EF 46.5%);
            margin-top: -3.5%;
            padding-top: 5%; } }
        @media screen and (max-width: 425px) {
          .hero-content--how-it-works .howitworks-header-main-image-container {
            margin-top: -5%; } }
  @media screen and (max-width: 425px) {
    .hero-body {
      padding: 32px 0 0; } }
  .hero-body--howitworks {
    width: 34.4rem; }
    .hero-body--howitworks .hero-text-subheading {
      width: unset; }
    .hero-body--howitworks .hero-text-heading {
      font-size: 4.26667rem; }
      @media screen and (max-width: 768px) {
        .hero-body--howitworks .hero-text-heading {
          text-align: center;
          font-size: 32px;
          line-height: 40px; } }
    .hero-body--howitworks .btn.hero-button-upload {
      z-index: 2; }
      .hero-body--howitworks .btn.hero-button-upload:hover {
        cursor: pointer; }
    @media screen and (max-width: 768px) {
      .hero-body--howitworks {
        width: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 16px 7% 0; }
        .hero-body--howitworks .hero-button-upload {
          display: flex;
          justify-content: center;
          width: 281px;
          font-size: 18px;
          line-height: 25px; }
          .hero-body--howitworks .hero-button-upload img {
            width: 32px;
            height: 32px; } }
  .hero-body--main {
    position: relative;
    background-image: url("../images/oval.svg");
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 26rem 6rem;
    width: 50rem; }
    @media screen and (max-width: 1120px) {
      .hero-body--main {
        background: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 16px; }
        .hero-body--main p {
          text-align: center; } }
    @media screen and (max-width: 600px) {
      .hero-body--main {
        margin-bottom: unset; } }
    @media screen and (max-width: 425px) {
      .hero-body--main {
        width: unset; } }
    .hero-body--main-oval-marking {
      position: absolute; }
    .hero-body--main-headline {
      font-size: 4rem !important; }
      @media screen and (max-width: 768px) {
        .hero-body--main-headline {
          font-size: 32px !important;
          line-height: 40px;
          line-height: unset;
          text-align: center;
          margin-bottom: 16px; } }
    .hero-body--main .hero-text-subheading {
      width: 45vw; }
      @media screen and (max-width: 768px) {
        .hero-body--main .hero-text-subheading {
          width: 100%; } }
  .hero-body--faq {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .hero-body--faq .hero-text-subheading {
      text-align: center;
      color: #6E717C;
      font-weight: 600;
      font-size: 20px;
      line-height: 32px; }
  .hero-text-heading {
    color: #1C1F22;
    font-weight: bold;
    line-height: 5.33333rem;
    margin-bottom: 2.13333rem; }
    @media screen and (min-width: 1440px) {
      .hero-text-heading {
        font-size: 4.26667rem; } }
    @media screen and (min-width: 1155px) and (max-width: 1439px) {
      .hero-text-heading {
        font-size: 3.5vw;
        line-height: 1.3em; } }
    @media screen and (min-width: 1023px) and (max-width: 1154px) {
      .hero-text-heading {
        font-size: 3vw;
        line-height: 1.3em; } }
    @media screen and (max-width: 1023px) {
      .hero-text-heading {
        font-size: 32px; } }
  .hero-text-subheading {
    color: #6E717C;
    font-weight: 600;
    font-size: 1.33333rem;
    line-height: 2.13333rem;
    margin-bottom: 3.73333rem;
    width: 57%; }
    @media screen and (max-width: 1024px) {
      .hero-text-subheading {
        width: 75%;
        margin-top: 1.6rem; } }
    @media screen and (max-width: 920px) {
      .hero-text-subheading {
        width: unset;
        margin-bottom: 36px; } }
    @media screen and (max-width: 768px) {
      .hero-text-subheading {
        text-align: center;
        font-weight: normal;
        margin-bottom: 32px;
        margin-top: 16px;
        width: unset;
        font-size: 16px;
        line-height: 28px; } }
  .hero-button-upload {
    background-color: #2C54C6;
    display: flex;
    align-items: center;
    border-radius: 16px; }
    .hero-button-upload img {
      margin-left: 16px;
      width: 40px;
      height: 40px; }
  .hero--pricing, .hero--free-trial {
    position: relative; }
    .hero--pricing .pricing-header-abs, .hero--free-trial .pricing-header-abs {
      width: 545px;
      position: absolute;
      top: 0;
      right: 0; }
      @media screen and (max-width: 425px) {
        .hero--pricing .pricing-header-abs, .hero--free-trial .pricing-header-abs {
          display: none; } }
    .hero--pricing .navigation, .hero--free-trial .navigation {
      z-index: 1; }
  .hero--faq {
    background-color: #F1F6F9;
    background-image: url("../images/faq-background.svg");
    background-repeat: no-repeat;
    background-position: top right; }
    .hero--faq header {
      background-color: transparent; }
    @media screen and (max-width: 768px) {
      .hero--faq {
        background-size: 50%; }
        .hero--faq .hero-content {
          padding-top: 27px;
          padding-bottom: 48px; }
        .hero--faq .hero-text-heading {
          line-height: 40px;
          margin-bottom: 16px; }
        .hero--faq .hero-text-subheading {
          font-size: 16px;
          line-height: 28px;
          font-weight: normal; } }
    @media screen and (max-width: 425px) {
      .hero--faq {
        background-size: 75%; } }
    .hero--faq .hero-body {
      padding: 0; }
      @media screen and (max-width: 425px) {
        .hero--faq .hero-body {
          padding-left: 0;
          padding-right: 0; } }
    .hero--faq .hero-text-heading {
      margin-bottom: 32px; }
    .hero--faq .hero-text-subheading {
      margin: 0; }
    .hero--faq .hero-content {
      justify-content: center;
      padding: 16px 10vw 88px; }
      @media screen and (max-width: 425px) {
        .hero--faq .hero-content {
          padding: 36px 7% 72px; } }
  .hero--pricing {
    background-color: #F1F6F9;
    background-image: url("../images/pricing-background.svg");
    background-repeat: no-repeat;
    background-position: top right; }
    .hero--pricing header {
      background-color: transparent; }
    @media screen and (max-width: 425px) {
      .hero--pricing {
        background-position: top right;
        background-size: 75%; } }
    .hero--pricing .hero-body {
      padding: 0; }
      @media screen and (max-width: 425px) {
        .hero--pricing .hero-body {
          padding-left: 0;
          padding-right: 0; } }
    .hero--pricing .hero-text-heading {
      margin-bottom: 32px;
      width: 48.8rem; }
      @media screen and (max-width: 1280px) {
        .hero--pricing .hero-text-heading {
          width: 40rem; } }
      @media screen and (max-width: 1024px) {
        .hero--pricing .hero-text-heading {
          font-size: 32px;
          line-height: 40px;
          width: 39rem; } }
    .hero--pricing .hero-text-subheading {
      margin: 0; }
    .hero--pricing .hero-content {
      justify-content: center;
      padding: 16px 10vw 88px; }
      @media screen and (max-width: 425px) {
        .hero--pricing .hero-content {
          padding: 36px 7% 72px; } }
  @media screen and (max-width: 768px) {
    .hero--pricing {
      background-size: 40%; } }
  @media screen and (max-width: 425px) {
    .hero--pricing {
      background-size: 70%; } }
  .hero--pricing .hero-content {
    padding: 29px 10vw 59px; }
    @media screen and (max-width: 768px) {
      .hero--pricing .hero-content {
        padding: 27px 7% 40px; } }
  .hero--pricing .hero-text-heading {
    margin-bottom: 0; }
  .hero--home .hero-content {
    padding: 0 10vw 72px;
    align-items: flex-start; }
    @media only screen and (min-device-width: 1024px) and (max-height: 800px) {
      .hero--home .hero-content {
        flex: unset !important;
        display: flex;
        align-items: center;
        height: calc(100vh - 186px); } }
    @media screen and (max-width: 1120px) {
      .hero--home .hero-content {
        justify-content: center;
        align-items: center; } }
    @media screen and (max-width: 1024px) {
      .hero--home .hero-content {
        padding-left: 7%;
        padding-right: 7%; } }
    @media screen and (max-width: 768px) {
      .hero--home .hero-content {
        padding-top: 16px;
        padding-bottom: 32px; } }
    .hero--home .hero-content .hero-body {
      margin-top: 3.2rem; }
      @media screen and (max-width: 1280px) {
        .hero--home .hero-content .hero-body {
          margin-top: 0; } }
      @media screen and (max-width: 768px) {
        .hero--home .hero-content .hero-body {
          margin-top: 0;
          padding: 0; } }
  @media screen and (max-width: 768px) {
    .hero--home .hero-text-heading {
      line-height: 40px;
      margin-bottom: 16px; }
      .hero--home .hero-text-heading ~ .hero-text-subheading {
        margin-top: 0; } }
  .hero--free-trial {
    background-color: #FBF3EF;
    background-image: url("../images/free-trial-background.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 48%; }
    .hero--free-trial header {
      background-color: transparent; }
    @media screen and (max-width: 768px) {
      .hero--free-trial {
        background-size: 50%; } }
    @media screen and (max-width: 425px) {
      .hero--free-trial {
        background-size: 75%; } }
    .hero--free-trial .hero-body {
      padding: 0; }
      @media screen and (max-width: 425px) {
        .hero--free-trial .hero-body {
          padding-left: 0;
          padding-right: 0; } }
    .hero--free-trial .hero-text-heading {
      margin-bottom: unset; }
      @media screen and (max-width: 425px) {
        .hero--free-trial .hero-text-heading {
          width: 271px;
          line-height: 40px; } }
    .hero--free-trial .hero-content {
      justify-content: center;
      padding: 48px 10vw 120px; }
      @media screen and (max-width: 768px) {
        .hero--free-trial .hero-content {
          padding: 27px 7% 40px; } }
  .hero--blog {
    background-color: #EEF2FB; }
    .hero--blog .hero-text-subheading {
      width: unset;
      margin-bottom: unset; }
    @media screen and (max-width: 768px) {
      .hero--blog .hero-text-heading {
        line-height: 40px; } }
    .hero--blog .hero-content {
      justify-content: center;
      padding: 8px 10vw 96px; }
      @media screen and (max-width: 1024px) {
        .hero--blog .hero-content {
          padding-left: 7%;
          padding-right: 7%;
          padding-bottom: 56px; } }
      @media screen and (max-width: 768px) {
        .hero--blog .hero-content {
          padding-top: 27px;
          padding-bottom: 40px; } }
    .hero--blog .hero-body {
      padding: 0 !important; }
    @media screen and (max-width: 768px) {
      .hero--blog .hero-body {
        padding: 0 0 40px; } }
    @media screen and (max-width: 425px) {
      .hero--blog .hero-body {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
      .hero--blog .hero-text-heading {
        width: 60%;
        line-height: 40px; } }
    .hero--blog-category {
      background-color: #F9FAFC; }
      .hero--blog-category .hero-content {
        justify-content: unset; }
      .hero--blog-category .hero-body .hero-text-subheading {
        width: 545px;
        margin: 0; }
        @media screen and (max-width: 768px) {
          .hero--blog-category .hero-body .hero-text-subheading {
            width: 100%; } }
      .hero--blog-category .hero-text-heading {
        margin-bottom: 32px; }
        @media screen and (max-width: 768px) {
          .hero--blog-category .hero-text-heading {
            width: 100%;
            text-align: center;
            margin-bottom: 16px; } }
    .hero--blog-search .hero-content {
      justify-content: space-between;
      flex-direction: row;
      align-items: flex-end;
      padding-bottom: 5.33333rem; }
      @media screen and (max-width: 425px) {
        .hero--blog-search .hero-content {
          justify-content: center;
          align-items: center;
          padding: 0 7% 24px; }
          .hero--blog-search .hero-content .hero-text-heading {
            width: 100%; }
          .hero--blog-search .hero-content .hero-text-subheading {
            margin: 0 !important; } }
    .hero--blog-search .hero-body .hero-text-subheading {
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        .hero--blog-search .hero-body .hero-text-subheading {
          text-align: unset; } }
    .hero--blog-search .hero-body .hero-text-heading {
      margin-bottom: 0; }
    .hero--blog-search .hero-image {
      margin-right: 10vw; }
      @media screen and (max-width: 768px) {
        .hero--blog-search .hero-image {
          display: none; } }
  .hero--blog-search {
    background-color: #F1F6F9; }
    @media screen and (max-width: 768px) {
      .hero--blog-search {
        background-image: url("../images/pricing-background.svg");
        background-repeat: no-repeat;
        background-position: top right;
        background-position: top right;
        background-size: 50%; } }
  @media screen and (max-width: 768px) {
    .hero--blog-category .hero-body {
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .hero--blog-category .hero-content {
    padding: 8px 10vw 3.73333rem; }
    @media screen and (max-width: 1024px) {
      .hero--blog-category .hero-content {
        padding-left: 7%;
        padding-right: 7%; } }
    @media screen and (max-width: 768px) {
      .hero--blog-category .hero-content {
        padding-top: 27px;
        padding-bottom: 40px; } }
  .hero--blog-category .hero-text-heading {
    margin-bottom: 2.13333rem; }
    @media screen and (max-width: 768px) {
      .hero--blog-category .hero-text-heading {
        margin-bottom: 16px;
        line-height: 40px;
        width: 85%; } }
  @media screen and (max-width: 1024px) {
    .hero--blog-category .hero-text-subheading {
      width: unset !important; } }
  @media screen and (max-width: 768px) {
    .hero--blog .hero-content, .hero--blog-category .hero-content, .hero--blog-search .hero-content {
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 768px) {
    .hero--blog .hero-body, .hero--blog-category .hero-body, .hero--blog-search .hero-body {
      text-align: center; } }
  .hero--blog .categories--blog-search--mobile, .hero--blog-category .categories--blog-search--mobile, .hero--blog-search .categories--blog-search--mobile {
    display: none; }
    @media screen and (max-width: 768px) {
      .hero--blog .categories--blog-search--mobile, .hero--blog-category .categories--blog-search--mobile, .hero--blog-search .categories--blog-search--mobile {
        display: block;
        width: 100%;
        border: none; } }
  .hero--whoweare {
    background-color: #F0FAF4;
    padding-bottom: 5.26667rem;
    background-image: url("../images/whoweare-background.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 40%; }
    @media screen and (max-width: 768px) {
      .hero--whoweare {
        background-size: 38%; } }
    @media screen and (max-width: 425px) {
      .hero--whoweare {
        background-size: 70%; } }
    .hero--whoweare .hero-content {
      justify-content: center; }
    .hero--whoweare .hero-body {
      display: flex;
      align-items: center;
      flex-direction: column;
      position: relative; }
    .hero--whoweare .hero-text-heading {
      text-align: center;
      width: 67.46667rem;
      margin-bottom: 0; }
      @media screen and (max-width: 1280px) {
        .hero--whoweare .hero-text-heading {
          width: 50rem; } }
      @media screen and (max-width: 768px) {
        .hero--whoweare .hero-text-heading {
          width: 90%;
          font-size: 32px;
          line-height: 40px; } }
    .hero--whoweare .hero-text-subheading {
      width: 64%;
      text-align: center;
      color: #6E717C;
      font-size: 1.33333rem;
      line-height: 2.13333rem;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .hero--whoweare .hero-text-subheading {
          width: 85%;
          margin: 0;
          font-size: 16px;
          line-height: 28px;
          font-weight: normal; } }
    .hero--whoweare .hero-content {
      padding-top: 48px;
      padding-bottom: 0; }
      @media screen and (max-width: 768px) {
        .hero--whoweare .hero-content {
          padding-top: 0; } }
  .hero--gallery {
    background-color: #FBF3EF;
    background-image: url("../images/free-trial-background.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 48%; }
    @media screen and (max-width: 768px) {
      .hero--gallery {
        background-size: 40%; } }
    @media screen and (max-width: 425px) {
      .hero--gallery {
        background-size: 70%; } }
    .hero--gallery .hero-body {
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media screen and (max-width: 425px) {
        .hero--gallery .hero-body {
          padding-top: 0; } }
    .hero--gallery .hero-text-heading {
      width: 43.66667rem;
      text-align: center;
      margin-bottom: unset; }
      @media screen and (max-width: 768px) {
        .hero--gallery .hero-text-heading {
          width: 100%;
          font-size: 32px;
          line-height: 40px; } }
    .hero--gallery .hero-text-subheading {
      display: none;
      text-align: center;
      color: #6E717C;
      font-size: 16px;
      line-height: 28px;
      margin: 0;
      margin-top: 16px; }
      @media screen and (max-width: 768px) {
        .hero--gallery .hero-text-subheading {
          display: block; } }
    .hero--gallery .hero-content {
      justify-content: center;
      padding: 8px 10vw 80px; }
      @media screen and (max-width: 1024px) {
        .hero--gallery .hero-content {
          padding-left: 7%;
          padding-right: 7%; } }
      @media screen and (max-width: 768px) {
        .hero--gallery .hero-content {
          padding-top: 27px;
          padding-bottom: 41px; } }
  .hero--integrations .hero-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 0; }
  .hero--integrations .hero-content {
    padding: 3.2rem 10vw 8rem;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .hero--integrations .hero-content {
        padding-bottom: 3.2rem; } }
  @media screen and (max-width: 768px) {
    .hero--integrations .hero-text-heading {
      line-height: 40px; } }
  .hero--integrations .hero-text-subheading {
    width: 57.86667rem;
    text-align: center;
    margin-bottom: 3.2rem; }
    @media screen and (max-width: 768px) {
      .hero--integrations .hero-text-subheading {
        width: 100%; } }
  .hero--integrations .integrations-illustration {
    position: absolute;
    bottom: -90%; }
    @media screen and (max-width: 768px) {
      .hero--integrations .integrations-illustration {
        position: inherit;
        bottom: 0;
        margin-top: unset; } }
  .hero--photography-guides {
    background-color: #F1F0FA; }
    @media screen and (max-width: 768px) {
      .hero--photography-guides {
        background-image: unset; } }
    .hero--photography-guides .hero-body {
      width: 644px;
      margin-top: 48px; }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .hero-body {
          width: 100%;
          margin-top: 0;
          padding: 0;
          display: flex;
          align-items: center;
          flex-direction: column; } }
      .hero--photography-guides .hero-body .photo-guide-mobile-bg {
        display: none; }
        @media screen and (max-width: 1024px) {
          .hero--photography-guides .hero-body .photo-guide-mobile-bg {
            display: block;
            width: 235px;
            margin-top: 48px; } }
    .hero--photography-guides .hero-text-heading {
      width: 27.66667rem; }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .hero-text-heading {
          width: 16.66667rem;
          text-align: center;
          width: 100%;
          line-height: 40px;
          margin-bottom: 10px; } }
    .hero--photography-guides .hero-text-subheading {
      width: unset; }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .hero-text-subheading {
          margin: 0; } }
    .hero--photography-guides .hero-content {
      padding-top: 0;
      padding-bottom: 0;
      align-items: unset; }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .hero-content {
          padding: 32px 7% 0; } }
    .hero--photography-guides .photography-guides-illustration {
      width: 29rem;
      margin-right: 60px; }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .photography-guides-illustration {
          height: 275px;
          width: unset; } }
      @media screen and (max-width: 1024px) {
        .hero--photography-guides .photography-guides-illustration {
          margin: 0;
          display: none; } }
  .hero--public-api .hero-body, .hero--contact .hero-body {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .hero--public-api .hero-body-desc .hero-text-heading,
    .hero--public-api .hero-body-desc .hero-text-subheading, .hero--contact .hero-body-desc .hero-text-heading,
    .hero--contact .hero-body-desc .hero-text-subheading {
      color: #FFFFFF; }
  .hero--public-api .header .navigation-list-item a, .hero--public-api .header .navigation-list-item button, .hero--contact .header .navigation-list-item a, .hero--contact .header .navigation-list-item button {
    color: #FFFFFF; }
  .hero--public-api .header .navigation-list-item .dropdown-content a, .hero--contact .header .navigation-list-item .dropdown-content a {
    color: #444854; }
  .hero--public-api .header.sticky .navigation-list-item a, .hero--public-api .header.sticky .navigation-list-item button, .hero--contact .header.sticky .navigation-list-item a, .hero--contact .header.sticky .navigation-list-item button {
    color: #444854; }
  .hero--public-api {
    background-color: #162B64; }
    .hero--public-api .hero-body-illustration {
      width: 374px;
      height: 315px; }
  .hero--contact {
    background-color: #665CC7; }
    @media screen and (max-width: 920px) {
      .hero--contact {
        height: unset; } }
  .hero--public-api #main-header > div.header-content > a.icon > i, .hero--contact #main-header > div.header-content > a.icon > i {
    color: #FFFFFF !important; }
  .hero--affiliates {
    background-color: #EEF2FB; }
  .hero--testimonials {
    background-color: #F1F0FA;
    background-image: url("../images/testimonials-background.svg");
    background-repeat: no-repeat;
    background-position: top right; }
    @media screen and (max-width: 768px) {
      .hero--testimonials {
        background-size: 40%; } }
    @media screen and (max-width: 425px) {
      .hero--testimonials {
        background-size: 70%; } }
    .hero--testimonials .hero-text-heading {
      width: 52rem;
      text-align: center;
      margin-bottom: unset;
      font-size: 4.26667rem;
      line-height: 5.33333rem; }
      @media screen and (max-width: 768px) {
        .hero--testimonials .hero-text-heading {
          width: 100%;
          font-size: 32px;
          line-height: 40px; } }
    .hero--testimonials .hero-body {
      padding: 0;
      width: 85%;
      display: flex;
      justify-content: center; }
    .hero--testimonials .hero-content {
      justify-content: center;
      padding: 16px 10vw 64px; }
      @media screen and (max-width: 768px) {
        .hero--testimonials .hero-content {
          padding: 27px 7% 21px; } }
  .hero--how-it-works {
    background: linear-gradient(to right, white 70.7%, #FBF3EF 33%); }
    @media screen and (max-width: 768px) {
      .hero--how-it-works {
        background: unset; } }
    .hero--how-it-works header {
      background-color: transparent; }
  .hero--main {
    display: flex;
    flex-direction: column; }
    .hero--main .hero-content {
      flex: 1; }
  .hero--main, .hero--pricing, .hero--free-trial, .hero--whoweare, .hero--gallery, .hero--integrations, .hero--photography-guides, .hero--affiliates, .hero--public-api, .hero--blog, .hero--blog-category, .hero--testimonials, .hero--contact, .hero--how-it-works, .hero--faq {
    padding-left: unset;
    padding-right: unset; }
  .hero .image-slider {
    width: 20vw;
    height: auto; }
    .hero .image-slider img {
      width: 20vw;
      height: auto;
      object-fit: contain; }
      @media screen and (max-width: 425px) {
        .hero .image-slider img {
          top: unset;
          right: unset;
          height: 432px;
          width: 350px; } }
    @media screen and (max-width: 1120px) {
      .hero .image-slider {
        display: none; } }
    @media screen and (max-width: 425px) {
      .hero .image-slider {
        top: unset;
        right: unset;
        height: 432px;
        display: inherit;
        width: 350px; } }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #FFFFFF !important;
  box-shadow: 0 1px 2px 0 #eee;
  z-index: 1;
  transition: background-color 0.2s ease-out; }
  @media screen and (max-width: 920px) {
    .sticky {
      background-color: #FAFAFA; } }

.header {
  z-index: 3; }
  .header-to-hide {
    display: none; }
  .header-content {
    display: flex;
    align-items: center;
    padding: 20px 10vw; }
    @media screen and (max-width: 1024px) {
      .header-content {
        padding-left: 7%;
        padding-right: 7%; } }
    @media screen and (max-width: 920px) {
      .header-content {
        justify-content: space-between; }
        .header-content i {
          font-size: 24px;
          color: black; } }
    @media screen and (max-width: 768px) {
      .header-content {
        padding-top: 11px;
        padding-bottom: 11px; } }
    .header-content .logo {
      margin-right: 4.26667rem; }
    .header-content .navigation {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      z-index: 1; }
      @media screen and (max-width: 920px) {
        .header-content .navigation {
          display: none; } }
      .header-content .navigation-list {
        display: flex;
        align-items: center;
        padding-left: 0;
        list-style: none; }
        .header-content .navigation-list-item:not(:last-of-type) {
          margin-right: 2.73333rem; }
        .header-content .navigation-list-item.active a {
          color: #2c54c6;
          padding-bottom: 8px;
          border-bottom: 1px solid #2c54c6; }
        .header-content .navigation-list-item a {
          text-decoration: none;
          color: #444854;
          font-size: 16px;
          font-weight: 600;
          line-height: 24px;
          transition: color 0.3s ease-in 0s; }
          .header-content .navigation-list-item a:hover {
            color: #2c54c6; }

.logo-pixc-contact {
  display: none; }

#main-header a.icon {
  display: none; }
  @media screen and (max-width: 920px) {
    #main-header a.icon {
      display: block; } }

.mobile-menu {
  display: none; }
  @media screen and (max-width: 920px) {
    .mobile-menu {
      display: inherit; } }
  .mobile-menu-content {
    width: 85%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column; }
  .mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    border-bottom: 1px solid #E5E9F2; }

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  left: 0;
  top: 0;
  background: rgba(29, 30, 44, 0.5);
  backdrop-filter: blur(2px);
  overflow-x: hidden;
  display: flex;
  justify-content: flex-end;
  /* Optional: Style the caret down icon */ }
  .overlay .dropdown-btn {
    width: 100%;
    text-align: start;
    background: white;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: #25292D; }
  .overlay .dropdown-container {
    display: none;
    padding-left: 32px;
    flex-direction: column;
    border-left: 1px solid #E5E9F2;
    margin-top: 32px; }
    .overlay .dropdown-container a:not(:last-of-type) {
      margin-bottom: 24px; }
  .overlay .fa-caret-down {
    float: right;
    padding-right: 8px; }
  .overlay a {
    text-decoration: none;
    color: #25292D;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; }
  .overlay .closebtn {
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s; }
  .overlay-content {
    flex: 1;
    padding: 24px 32px; }
    .overlay-content .navigation-list {
      padding-left: 0;
      list-style: none; }
      .overlay-content .navigation-list-item a, .overlay-content .navigation-list-item .dropdown-btn {
        color: #25292D !important; }
      .overlay-content .navigation-list-item:not(:last-of-type) {
        margin-bottom: 24px; }
    .overlay-content-bottom {
      padding: 20px 32px;
      border-top: 1px solid #E5E9F2;
      display: flex;
      flex-direction: column; }
      .overlay-content-bottom .btn {
        width: 100%;
        background-color: #2C54C6;
        color: #FFFFFF;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        padding: 12px 0;
        margin-top: 16px;
        display: flex;
        justify-content: center; }
        .overlay-content-bottom .btn:hover {
          cursor: pointer; }

.overlay a:hover, .overlay a:focus {
  color: #25292D; }

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px; }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px; } }

.supported-platforms {
  background-color: #EEF2FB; }
  .supported-platforms-content {
    height: 97px;
    padding: 0 10vw;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .supported-platforms-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 75px 75px;
        padding: 0;
        height: unset;
        justify-items: center; } }
    @media screen and (max-width: 1024px) {
      .supported-platforms-content {
        padding-left: 7%;
        padding-right: 7%; } }
    .supported-platforms-content img {
      width: 144px; }
      @media screen and (max-width: 768px) {
        .supported-platforms-content img {
          width: 120px; } }

.logo-pixc {
  width: 5rem; }
  @media screen and (max-width: 768px) {
    .logo-pixc {
      width: 75px; } }

.btn {
  background-color: #2C54C6;
  border-radius: 16px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  padding: 1.06667rem 1.33333rem;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.08);
  color: #FFFFFF;
  font-weight: 600; }
  .btn:hover {
    cursor: pointer; }
  .btn img {
    width: 40px;
    height: 40px; }
    @media screen and (max-width: 768px) {
      .btn img {
        width: 32px;
        height: 32px; } }
  .btn-get-started {
    padding: 0.8rem 1.33333rem;
    font-size: 1.06667rem;
    border-radius: 8px;
    margin-left: 2.73333rem;
    background-color: #2C54C6;
    text-decoration: none; }
  .btn-upload {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .btn-upload {
        width: 281px;
        padding: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px; } }
    .btn-upload img {
      margin-left: 1.06667rem; }
      @media screen and (max-width: 768px) {
        .btn-upload img {
          width: 32px;
          height: 32px; } }
  @media screen and (max-width: 768px) {
    .btn--credit-pack {
      width: 131px;
      text-align: center;
      border-radius: 8px; } }

.how-it-works {
  padding: 8rem 10vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .how-it-works {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 768px) {
    .how-it-works {
      padding: 48px 7%; } }
  .how-it-works .img-artwork {
    width: 129px;
    height: 134px;
    position: absolute;
    top: 150px;
    right: 5%; }
    .how-it-works .img-artwork--howitworks {
      top: 95px; }
    @media screen and (max-width: 920px) {
      .how-it-works .img-artwork {
        display: none; } }
  .how-it-works .heading {
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    letter-spacing: -0.01em;
    color: #1C1F22;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 768px) {
      .how-it-works .heading {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 16px; } }
  .how-it-works .subheading {
    width: 51.46667rem;
    font-size: 1.33333rem;
    line-height: 2rem;
    color: #444854;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .how-it-works .subheading {
        width: 90%;
        font-size: 16px;
        line-height: 28px; } }
    @media screen and (max-width: 425px) {
      .how-it-works .subheading {
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 425px) {
      .how-it-works .subheading + img {
        display: none; } }
  .how-it-works .steps {
    margin-top: 4.26667rem;
    display: flex;
    width: 100%;
    justify-content: space-between; }
    @media screen and (max-width: 920px) {
      .how-it-works .steps {
        flex-wrap: wrap;
        justify-content: space-evenly; } }
    @media screen and (max-width: 768px) {
      .how-it-works .steps {
        flex-direction: column;
        margin-top: 40px;
        justify-content: unset; } }
  .how-it-works .step {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .how-it-works .step:not(:last-of-type) {
        margin-bottom: 2.66667rem;
        margin-right: unset; } }
    @media screen and (max-width: 768px) {
      .how-it-works .step:not(:last-of-type) {
        margin-bottom: 40px; } }
    .how-it-works .step--howitworks .step-image {
      margin-bottom: 48px; }
    @media screen and (max-width: 768px) {
      .how-it-works .step--howitworks .step-description {
        font-size: 20px;
        line-height: 30px; } }
    .how-it-works .step-image {
      width: 6.66667rem;
      height: auto;
      margin-bottom: 1.6rem; }
      @media screen and (max-width: 768px) {
        .how-it-works .step-image {
          width: 100px;
          margin-bottom: 24px; } }
    .how-it-works .step-count-label {
      color: #6E717C;
      font-size: 1.06667rem;
      line-height: 1.86667rem;
      margin-bottom: 1.06667rem; }
      @media screen and (max-width: 768px) {
        .how-it-works .step-count-label {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 16px; } }
    .how-it-works .step-title {
      color: #25292D;
      font-size: 1.6rem;
      line-height: 2.13333rem;
      font-weight: bold;
      margin-bottom: 1.06667rem; }
      @media screen and (max-width: 768px) {
        .how-it-works .step-title {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 16px; } }
    .how-it-works .step-description {
      width: 22vw;
      color: #575A65;
      font-size: 1.33333rem;
      line-height: 2rem;
      text-align: center; }
      @media screen and (max-width: 920px) {
        .how-it-works .step-description {
          width: 295px; } }
      @media screen and (max-width: 768px) {
        .how-it-works .step-description {
          font-size: 16px;
          line-height: 28px; } }
      @media screen and (max-width: 425px) {
        .how-it-works .step-description {
          font-size: 16px;
          line-height: 28px; } }

.footer {
  display: flex;
  width: 100%;
  padding: 48px 10vw;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #EFF2F7; }
  @media screen and (max-width: 1024px) {
    .footer {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 920px) {
    .footer {
      flex-direction: column;
      align-items: flex-start; } }
  .footer .copyright {
    color: #575A65;
    font-size: 16px;
    line-height: 40px; }
    @media screen and (max-width: 920px) {
      .footer .copyright {
        margin-bottom: 48px; } }
    .footer .copyright a {
      color: #575A65;
      font-size: 16px;
      line-height: 40px;
      text-decoration: none; }
  .footer .socials {
    display: flex; }
    .footer .socials a {
      width: 40px;
      height: 40px; }
      .footer .socials a:not(:last-of-type) {
        margin-right: 32px; }

.corporate {
  display: flex;
  justify-content: space-between;
  padding: 242px 10vw 5.33333rem;
  border-top: 1px solid #EFF2F7; }
  @media screen and (max-width: 1024px) {
    .corporate {
      padding-right: 7%;
      padding-left: 7%; } }
  @media screen and (max-width: 920px) {
    .corporate {
      padding-bottom: 48px;
      flex-direction: column; } }
  @media screen and (max-width: 768px) {
    .corporate {
      padding: 48px 7%;
      flex-direction: column; } }
  .corporate-navigation {
    flex: 1;
    display: flex;
    justify-content: space-around; }
    @media screen and (max-width: 920px) {
      .corporate-navigation {
        gap: 48px;
        flex-wrap: wrap;
        justify-content: space-between; } }
  @media screen and (max-width: 768px) {
    .corporate--home {
      padding-top: 32.5rem; } }
  .corporate--pricing {
    padding-top: 5.33333rem; }
  .corporate-team {
    margin-right: 7%; }
    .corporate-team img {
      margin-bottom: 41px; }
      @media screen and (max-width: 920px) {
        .corporate-team img {
          margin-bottom: 16px; } }
    @media screen and (max-width: 920px) {
      .corporate-team {
        margin-right: unset;
        margin-bottom: 48px; } }
    .corporate-team .subtext {
      color: #575A65;
      font-size: 16px;
      line-height: 40px; }
  @media screen and (max-width: 920px) {
    .corporate-links {
      margin-bottom: 48px; } }
  .corporate-links-title {
    color: #162B64;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px; }
  .corporate-links-navigation {
    padding-left: 0;
    list-style: none; }
    .corporate-links-navigation-item a {
      text-decoration: none;
      color: #575A65;
      font-size: 16px;
      line-height: 40px;
      transition: color 0.3s ease-in 0s; }
      .corporate-links-navigation-item a:hover {
        color: #2c54c6; }

.credit {
  padding: 5.33333rem 10vw 8rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .credit {
      padding: 48px 7%; } }
  .credit-packs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 2.66667rem;
    padding: 2.66667rem 0;
    background-color: #FFFFFF;
    box-shadow: 0px 28px 44px rgba(0, 0, 0, 0.05);
    border-radius: 24px; }
    @media screen and (max-width: 768px) {
      .credit-packs {
        margin-bottom: 24px; } }
    @media screen and (max-width: 875px) {
      .credit-packs {
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: unset;
        padding: 2.66667rem 0.66667rem; } }
  .credit-pack {
    width: 414px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0; }
    @media screen and (max-width: 875px) {
      .credit-pack {
        width: 50%; } }
    .credit-pack:not(:last-of-type) {
      border-right: 1px solid #D3DCE6; }
      @media screen and (max-width: 875px) {
        .credit-pack:not(:last-of-type) {
          border-right: unset;
          margin-bottom: unset; } }
    @media screen and (max-width: 875px) {
      .credit-pack:nth-child(1), .credit-pack:nth-child(3) {
        border-right: 1px solid #D3DCE6; }
      .credit-pack:nth-child(1), .credit-pack:nth-child(2) {
        border-bottom: 1px solid #D3DCE6;
        padding-bottom: 2.13333rem; }
      .credit-pack:nth-child(3), .credit-pack:nth-child(4) {
        padding-top: 2.13333rem; } }
    .credit-pack .btn:hover {
      cursor: pointer; }
    @media screen and (max-width: 768px) {
      .credit-pack .btn {
        font-size: 18px;
        line-height: 21px;
        padding: 8px 28px; } }
    .credit-pack .label {
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 2.13333rem;
      color: #575A65;
      margin-bottom: 0.73333rem; }
      @media screen and (max-width: 768px) {
        .credit-pack .label {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 4px; } }
    .credit-pack .amount {
      color: #25292D;
      font-size: 2.66667rem;
      font-weight: bold;
      line-height: 3.73333rem;
      margin-bottom: 0.53333rem; }
      @media screen and (max-width: 768px) {
        .credit-pack .amount {
          font-size: 24px;
          line-height: 32px; } }
    .credit-pack .quantity {
      color: #6E717C;
      font-size: 1.33333rem;
      line-height: 2rem;
      margin-bottom: 32px; }
      @media screen and (max-width: 768px) {
        .credit-pack .quantity {
          text-align: center;
          font-size: 14px;
          line-height: 19px;
          width: 92px;
          margin-bottom: 16px; } }
    .credit-pack img {
      margin-top: auto;
      margin-bottom: 2.26667rem; }
      @media screen and (max-width: 425px) {
        .credit-pack img {
          margin-bottom: 10px; } }
  .credit p.subtext {
    color: #6E717C;
    font-size: 1.33333rem;
    text-align: center;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      .credit p.subtext {
        font-size: 16px;
        line-height: 28px; } }
    .credit p.subtext a {
      color: #2C54C6; }

.why-credit {
  background-color: #F1F0FA; }
  .why-credit-content {
    padding: 5.33333rem 10vw;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .why-credit-content {
        padding: 48px 7%; } }
    @media screen and (max-width: 480px) {
      .why-credit-content {
        padding: 0; } }
  @media screen and (max-width: 480px) {
    .why-credit {
      padding: 48px 28px; } }
  .why-credit .title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .why-credit .title {
        text-align: center;
        font-size: 32px;
        line-height: 40px; } }
    @media screen and (max-width: 425px) {
      .why-credit .title {
        width: 264px; } }
  .why-credit .subtitle {
    margin-bottom: 4.26667rem;
    font-size: 20px;
    line-height: 30px;
    color: #444854;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .why-credit .subtitle {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 28px;
        color: #6E717C; } }
    @media screen and (max-width: 425px) {
      .why-credit .subtitle {
        width: 310px; } }
  .why-credit-reasons {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .why-credit-reasons {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2.66667rem; } }
    @media screen and (max-width: 768px) {
      .why-credit-reasons {
        margin-top: 0; } }
  .why-credit .reason {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .why-credit .reason:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 3.73333rem; } }
    .why-credit .reason img {
      width: 6.66667rem;
      margin-bottom: 2.66667rem; }
      @media screen and (max-width: 768px) {
        .why-credit .reason img {
          width: 100px;
          margin-bottom: 40px; } }
    .why-credit .reason-title {
      color: #25292D;
      font-size: 1.6rem;
      line-height: 2.13333rem;
      text-align: center;
      font-weight: bold;
      margin-bottom: 1.06667rem; }
      @media screen and (max-width: 768px) {
        .why-credit .reason-title {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 16px; } }
    .why-credit .reason-subtitle {
      color: #575A65;
      font-size: 1.33333rem;
      line-height: 2rem;
      text-align: center;
      width: 21.33333rem; }
      @media screen and (max-width: 768px) {
        .why-credit .reason-subtitle {
          font-size: 20px;
          line-height: 30px;
          width: unset; } }

.contact {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 8rem 0;
  background-color: #EEF2FB; }
  @media screen and (max-width: 768px) {
    .contact {
      display: none; } }
  .contact .title {
    color: #25292D;
    letter-spacing: -0.01em;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 780px) {
      .contact .title {
        width: 90%;
        text-align: center; } }
  .contact .subtitle {
    color: #444854;
    font-size: 1.33333rem;
    line-height: 2rem;
    margin-bottom: 2.86667rem; }

.what-credits-cover {
  padding: 8rem 10vw;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .what-credits-cover {
      padding: 48px 7%; } }
  .what-credits-cover .title {
    margin-bottom: 4.26667rem;
    color: #25292D;
    letter-spacing: -0.01em;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    width: 620px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .what-credits-cover .title {
        width: 100%;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 32px; } }
  .what-credits-cover .covers {
    display: flex;
    align-items: flex-start;
    width: 100%; }
    @media screen and (max-width: 1020px) {
      .what-credits-cover .covers {
        flex-direction: column; } }
  .what-credits-cover .cover {
    border: 1px solid #EFF2F7;
    background-color: white;
    padding: 0 2.66667rem 4.26667rem;
    border-radius: 32px;
    flex: 1; }
    @media screen and (max-width: 1020px) {
      .what-credits-cover .cover {
        width: 100%;
        margin-bottom: 32px;
        padding: 32px; } }
    .what-credits-cover .cover:not(:last-of-type) {
      margin-right: 1.6rem; }
      @media screen and (max-width: 768px) {
        .what-credits-cover .cover:not(:last-of-type) {
          margin-right: 0; } }
    .what-credits-cover .cover-header {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #EFF2F7;
      padding: 2.13333rem 0;
      align-items: center;
      margin-bottom: 2.13333rem; }
      @media screen and (max-width: 768px) {
        .what-credits-cover .cover-header {
          padding: 0 0 24px; } }
      @media screen and (max-width: 550px) {
        .what-credits-cover .cover-header {
          flex-direction: column;
          align-items: flex-start;
          padding: 0 0 1.6rem; } }
      .what-credits-cover .cover-header-title {
        color: #25292D;
        font-weight: bold;
        font-size: 1.6rem;
        line-height: 2.66667rem; }
        @media screen and (max-width: 768px) {
          .what-credits-cover .cover-header-title {
            font-size: 24px;
            line-height: 40px; } }
      .what-credits-cover .cover-header-subtitle {
        color: #575A65;
        font-size: 1.06667rem;
        line-height: 1.6rem; }
        @media screen and (max-width: 768px) {
          .what-credits-cover .cover-header-subtitle {
            font-size: 16px;
            line-height: 24px; } }
    .what-credits-cover .cover-item {
      display: flex;
      align-items: center; }
      .what-credits-cover .cover-item:not(:last-of-type) {
        margin-bottom: 2.66667rem; }
      .what-credits-cover .cover-item img {
        width: 4.4rem;
        margin-right: 1.6rem; }
        @media screen and (max-width: 768px) {
          .what-credits-cover .cover-item img {
            width: 66px;
            margin-right: 24px; } }
      .what-credits-cover .cover-item-details {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between; }
        @media screen and (max-width: 550px) {
          .what-credits-cover .cover-item-details {
            flex-direction: column;
            align-items: flex-start; } }
      .what-credits-cover .cover-item-description {
        color: #575A65;
        font-weight: 600;
        font-size: 1.06667rem;
        line-height: 1.6rem;
        width: 8.33333rem; }
        .what-credits-cover .cover-item-description--long {
          width: unset; }
        @media screen and (max-width: 768px) {
          .what-credits-cover .cover-item-description {
            font-size: 16px;
            line-height: 24px; } }
        @media screen and (max-width: 550px) {
          .what-credits-cover .cover-item-description {
            width: 100%; } }
      .what-credits-cover .cover-item-sub {
        color: #575A65;
        font-size: 1.06667rem;
        line-height: 1.6rem;
        text-align: right; }
        @media screen and (max-width: 768px) {
          .what-credits-cover .cover-item-sub {
            font-size: 16px;
            line-height: 24px;
            text-align: left; } }

.faq {
  background-color: #F9FAFC; }
  .faq-content {
    padding: 5.33333rem 14.26667rem;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 875px) {
      .faq-content {
        padding: 48px 7%; } }
  .faq-title {
    color: #25292D;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 3.73333rem;
    text-align: center;
    margin-bottom: 4.26667rem; }
    @media screen and (max-width: 768px) {
      .faq-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 32px; } }
  .faq .accordion {
    background-color: #FFFFFF;
    color: #444854;
    cursor: pointer;
    padding: 1.93333rem 2.66667rem;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 1.33333rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 1.6rem;
    border-radius: 16px; }
    @media screen and (max-width: 768px) {
      .faq .accordion {
        font-size: 20px;
        line-height: 28px;
        padding: 24px;
        display: flex;
        justify-content: space-between; } }
  .faq .panel {
    background-color: #FFFFFF;
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    padding: 2.66667rem;
    margin-bottom: 1.6rem;
    margin-top: -56px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
    @media screen and (max-width: 425px) {
      .faq .panel {
        padding: 24px; } }
    .faq .panel p {
      font-size: 1.33333rem;
      line-height: 2rem;
      color: #444854; }
      @media screen and (max-width: 768px) {
        .faq .panel p {
          font-size: 16px;
          line-height: 28px; } }
    .faq .panel span.link {
      color: #2c54c6; }
      .faq .panel span.link:hover {
        cursor: pointer; }
  .faq .accordion:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #444854;
    float: right;
    margin-left: 5px; }
  .faq .active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */ }

.testimonials {
  position: relative;
  padding: 5.33333rem 0 10rem;
  background-color: #2C54C6;
  position: relative; }
  @media screen and (max-width: 768px) {
    .testimonials {
      padding-bottom: 20rem; } }
  .testimonials-content {
    padding: 0 10vw; }
    @media screen and (max-width: 1024px) {
      .testimonials-content {
        padding-left: 7%;
        padding-right: 7%; } }
  .testimonials-title {
    font-size: 2.13333rem;
    line-height: 3.2rem;
    width: 75%;
    letter-spacing: -0.01em;
    font-weight: bold;
    color: #FFFFFF; }
    @media screen and (max-width: 920px) {
      .testimonials-title {
        width: 60%; } }
    @media screen and (max-width: 768px) {
      .testimonials-title {
        font-size: 24px;
        line-height: 32px; } }
    @media screen and (max-width: 425px) {
      .testimonials-title {
        width: 100%;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px; } }
  .testimonials .text-and-slide-controls {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4.26667rem; }
    @media screen and (max-width: 768px) {
      .testimonials .text-and-slide-controls--whoweare {
        flex-direction: column; } }
    @media screen and (max-width: 425px) {
      .testimonials .text-and-slide-controls {
        padding: 0;
        flex-direction: column;
        margin-bottom: 40px; } }
    .testimonials .text-and-slide-controls button {
      background-color: #20397C;
      border-radius: 8px;
      width: 44px;
      height: 44px; }
      @media screen and (max-width: 425px) {
        .testimonials .text-and-slide-controls button:not(:last-of-type) {
          margin-right: 22px; } }
      .testimonials .text-and-slide-controls button img {
        width: 13px; }
      .testimonials .text-and-slide-controls button:hover {
        cursor: pointer; }
  .testimonials--whoweare {
    background-color: #162B64; }
    .testimonials--whoweare .title--promise {
      color: #FFFFFF;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      font-weight: bold;
      margin-bottom: 24px; }
      @media screen and (max-width: 768px) {
        .testimonials--whoweare .title--promise {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 16px; } }
    .testimonials--whoweare .testimonials-subtitle {
      color: #FFFFFF;
      font-size: 1.33333rem;
      line-height: 2rem;
      width: 65%; }
      @media screen and (max-width: 768px) {
        .testimonials--whoweare .testimonials-subtitle {
          font-size: 16px;
          line-height: 28px;
          width: unset;
          margin-bottom: 24px; } }
    .testimonials--whoweare .text-and-slide-controls {
      padding-right: 0; }
      @media screen and (max-width: 768px) {
        .testimonials--whoweare .text-and-slide-controls {
          margin-bottom: 40px; } }

.testimonial-carousel {
  padding-left: 10vw;
  position: absolute;
  width: 100%; }
  .testimonial-carousel .flickity-viewport {
    min-height: 290px !important; }
  @media screen and (max-width: 1024px) {
    .testimonial-carousel {
      padding-left: 7%; } }
  @media screen and (max-width: 768px) {
    .testimonial-carousel {
      width: 100%; } }
  .testimonial-carousel-cell {
    width: 558px;
    border-radius: 32px;
    margin-right: 24px;
    padding: 32px;
    background-color: #FFFFFF;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05)); }
    @media screen and (max-width: 768px) {
      .testimonial-carousel-cell {
        width: 326px; } }
  @media screen and (max-width: 768px) {
    .testimonial-carousel .flickity-viewport {
      height: 50rem !important; } }

.testimonial-comment {
  font-size: 18px;
  line-height: 28px;
  color: #575A65; }
  @media screen and (max-width: 768px) {
    .testimonial-comment {
      font-size: 16px;
      margin-bottom: 16px; } }

.testimonial-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px; }
  @media screen and (max-width: 768px) {
    .testimonial-profile {
      margin-bottom: 16px; } }
  .testimonial-profile-info-name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #2F2F2F; }
  .testimonial-profile-info-position {
    color: #6E717C;
    font-size: 16px;
    line-height: 28px; }
  .testimonial-profile-stars img {
    width: 24px;
    height: 24px; }
    .testimonial-profile-stars img:not(:last-of-type) {
      margin-right: 8px; }
  @media screen and (max-width: 768px) {
    .testimonial-profile-stars {
      display: none; } }
  .testimonial-profile-stars--mobile {
    display: none; }
    @media screen and (max-width: 768px) {
      .testimonial-profile-stars--mobile {
        display: block; } }

.shopify {
  background-color: #FFFFFF;
  padding: 375px 10vw 8rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .shopify {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 768px) {
    .shopify {
      padding-top: 300px; } }
  @media screen and (max-width: 600px) {
    .shopify {
      padding-top: 325px; } }
  @media screen and (max-width: 425px) {
    .shopify {
      padding: 100px 16px 92px;
      margin-top: 30rem; } }
  .shopify-title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3.73333rem; }
    @media screen and (max-width: 768px) {
      .shopify-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px; } }
  .shopify-logo {
    width: 198px;
    margin-bottom: 3.73333rem; }
    @media screen and (max-width: 1024px) {
      .shopify-logo {
        width: 138px;
        margin-bottom: 40px; } }
  .shopify-carousel {
    width: 100%; }
    .shopify-carousel-cell {
      margin-right: 80px;
      display: flex; }
      @media screen and (max-width: 768px) {
        .shopify-carousel-cell {
          margin-right: 0;
          width: 100%;
          justify-content: center; } }
      .shopify-carousel-cell .app-details {
        width: 400px;
        margin-right: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        @media screen and (max-width: 768px) {
          .shopify-carousel-cell .app-details {
            margin-right: 0;
            align-items: center; } }
      .shopify-carousel-cell .app-logo {
        width: 96px;
        height: 96px;
        border-radius: 8px;
        margin: 0;
        margin-bottom: 24px; }
      .shopify-carousel-cell .app-stars {
        margin-bottom: 16px; }
        .shopify-carousel-cell .app-stars img {
          width: 24px;
          height: 24px; }
      .shopify-carousel-cell .app-name {
        color: #25292D;
        font-size: 32px;
        line-height: 40px;
        font-weight: bold;
        letter-spacing: -0.01em;
        margin-bottom: 16px; }
        @media screen and (max-width: 768px) {
          .shopify-carousel-cell .app-name {
            font-size: 24px;
            line-height: 32px; } }
      .shopify-carousel-cell .app-view-store {
        height: 40px;
        padding: 10px 28px;
        text-decoration: none;
        border: 1px solid #2C54C6;
        border-radius: 8px;
        color: #2C54C6;
        font-size: 14px;
        line-height: 19px;
        font-weight: 600; }
      .shopify-carousel-cell .app-description {
        color: #575A65;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 24px; }
        @media screen and (max-width: 768px) {
          .shopify-carousel-cell .app-description {
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 16px; } }
      .shopify-carousel-cell .app-screenshot {
        min-width: 486px;
        height: 348px;
        padding: 24px;
        background-color: #F1F0FA;
        border-radius: 16px; }
        @media screen and (max-width: 768px) {
          .shopify-carousel-cell .app-screenshot {
            display: none; } }
        .shopify-carousel-cell .app-screenshot img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          border-radius: 16px; }
  @media screen and (max-width: 768px) {
    .shopify .flickity-page-dots {
      text-align: center;
      margin-top: 0 !important; } }
  .shopify--integrations.shopify {
    padding: 5.33333rem 10vw; }
    @media screen and (max-width: 768px) {
      .shopify--integrations.shopify {
        margin-top: 0; }
        .shopify--integrations.shopify .subtitle {
          width: 100%;
          font-size: 16px;
          line-height: 28px; } }
  .shopify--integrations .shopify {
    padding: 80 10vw/15rem; }
    .shopify--integrations .shopify-title {
      margin-bottom: 24px;
      font-size: 3.2rem;
      line-height: 3.73333rem; }
      @media screen and (max-width: 768px) {
        .shopify--integrations .shopify-title {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 16px; } }
  .shopify--integrations-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .shopify--integrations .subtitle {
    width: 53.46667rem;
    color: #575A65;
    font-size: 1.33333rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 3.2rem; }
    @media screen and (max-width: 768px) {
      .shopify--integrations .subtitle {
        color: #6E717C; } }
  .shopify--integrations a {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
    color: #2C54C6; }

ol.flickity-page-dots {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  margin-top: 28px !important;
  align-self: flex-start; }
  @media screen and (max-width: 768px) {
    ol.flickity-page-dots {
      margin-top: 0 !important; } }

.flickity-page-dots .dot {
  width: 20px !important;
  height: 20px !important;
  opacity: 1;
  background: #E5E9F2; }
  @media screen and (max-width: 768px) {
    .flickity-page-dots .dot {
      width: 16px !important;
      height: 16px !important; } }

.flickity-page-dots .dot.is-selected {
  background: #2C54C6; }

.dropdown {
  float: left;
  overflow: hidden; }

.dropdown .dropbtn {
  font-size: 16px;
  color: #444854;
  font-weight: 600;
  background-color: transparent;
  margin: 0; }

.dropdown:hover .dropbtn {
  color: #2C54C6;
  cursor: pointer; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 8px; }

.dropdown-content a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left; }

.dropdown:hover .dropdown-content {
  display: block; }

.remote-carousel-cell {
  width: 100%; }

.widget {
  width: 100%;
  background-color: #162B64; }
  .widget-free-trial-container {
    padding: 24px 0;
    background-color: white;
    box-shadow: 0px 1px 1px 2px #eee;
    border-radius: 32px;
    width: 54.5%;
    margin: 95px auto; }
    @media screen and (max-width: 768px) {
      .widget-free-trial-container {
        margin: 48px auto;
        width: 75%; } }
    @media screen and (max-width: 600px) {
      .widget-free-trial-container {
        width: 85%; } }
    @media screen and (max-width: 425px) {
      .widget-free-trial-container {
        width: 95%; } }
  .widget-container {
    padding: 24px 0;
    width: 54.5%;
    background-color: white;
    box-shadow: 0 1px 2px 1px #eee;
    border-radius: 32px;
    position: absolute;
    top: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 625px; }
    @media screen and (max-width: 375px) {
      .widget-container {
        height: 675px; } }
    @media screen and (max-width: 1024px) {
      .widget-container {
        top: 220px;
        width: 70%; } }
    @media screen and (max-width: 768px) {
      .widget-container {
        width: 85%; } }
    @media screen and (max-width: 600px) {
      .widget-container {
        top: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
  .widget-content {
    width: 100%;
    padding: 8rem 0 24rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .widget-content {
        padding-bottom: 30rem; } }
    @media screen and (max-width: 768px) {
      .widget-content {
        padding-bottom: 45rem; } }
    @media screen and (max-width: 768px) {
      .widget-content {
        padding: 48px 16px 45rem; } }
    @media screen and (max-width: 425px) {
      .widget-content {
        padding-top: 48px;
        padding-left: 26px;
        padding-right: 26px; } }
    .widget-content .title {
      color: #FFFFFF;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      width: 60%;
      text-align: center;
      font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .widget-content .title {
          font-size: 36px;
          line-height: 42px; } }
      @media screen and (max-width: 1024px) {
        .widget-content .title {
          font-size: 32px;
          line-height: 40px; } }
      @media screen and (max-width: 600px) {
        .widget-content .title {
          font-size: 32px;
          width: 90%;
          line-height: 40px; } }
    .widget-content img.art {
      position: absolute;
      left: 214px;
      top: 40%; }
      @media screen and (max-width: 1320px) {
        .widget-content img.art {
          display: none; } }

.see-it-in-action {
  background-color: #E2EEF3; }
  .see-it-in-action-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5.33333rem 10vw; }
    @media screen and (max-width: 920px) {
      .see-it-in-action-content {
        padding: 48px 7%;
        flex-direction: column-reverse; } }
  .see-it-in-action .left-item {
    background-color: #FFFFFF;
    width: 30.53333rem;
    max-width: 458px;
    border-radius: 32px;
    padding: 16px;
    margin-right: 112px; }
    @media screen and (max-width: 920px) {
      .see-it-in-action .left-item {
        margin-right: unset;
        padding: 16px; } }
  .see-it-in-action .image-slider {
    border-radius: 16px; }
    @media screen and (max-width: 1280px) {
      .see-it-in-action .image-slider img {
        height: unset !important; } }
    @media screen and (max-width: 920px) {
      .see-it-in-action .image-slider img {
        height: 432px; } }
  .see-it-in-action .right-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (max-width: 920px) {
      .see-it-in-action .right-item {
        margin-bottom: 32px;
        align-items: center; } }
    .see-it-in-action .right-item .title {
      color: #25292D;
      font-size: 3.2rem;
      font-weight: bold;
      line-height: 3.73333rem;
      margin-bottom: 1.6rem;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .see-it-in-action .right-item .title {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 16px; } }
    .see-it-in-action .right-item .subtitle {
      color: #575A65;
      font-size: 20px;
      line-height: 30px;
      width: 30.86667rem; }
      @media screen and (max-width: 920px) {
        .see-it-in-action .right-item .subtitle {
          color: #6E717C;
          text-align: center;
          width: unset;
          font-size: 16px;
          line-height: 28px; } }
    .see-it-in-action .right-item .action {
      background-color: #FFFFFF;
      padding: 1.06667rem;
      display: inline-flex;
      align-items: center;
      border-radius: 16px;
      min-width: 8.33333rem; }
      .see-it-in-action .right-item .actions {
        margin-top: 3.2rem; }
        @media screen and (max-width: 768px) {
          .see-it-in-action .right-item .actions {
            margin-top: 24px;
            display: none; } }
        .see-it-in-action .right-item .actions--mobile {
          display: none;
          max-width: 325px;
          width: 100%; }
          @media screen and (max-width: 768px) {
            .see-it-in-action .right-item .actions--mobile {
              display: block; } }
      @media screen and (max-width: 768px) {
        .see-it-in-action .right-item .action {
          padding: 16px; } }
      .see-it-in-action .right-item .action img {
        margin-right: 0.53333rem; }
      .see-it-in-action .right-item .action p {
        color: #575A65;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600; }
        @media screen and (max-width: 768px) {
          .see-it-in-action .right-item .action p {
            font-size: 16px; } }
      .see-it-in-action .right-item .action--bg {
        margin-right: 1.6rem; }
      .see-it-in-action .right-item .action--natural {
        margin-right: 1.6rem; }

.talk-about-it {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 1024px) {
    .talk-about-it {
      flex-direction: column; } }
  .talk-about-it .item-left {
    margin-right: 2.8rem; }
    .talk-about-it .item-left .title {
      color: #25292D;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      font-weight: bold;
      width: 26.66667rem; }
      @media screen and (max-width: 1024px) {
        .talk-about-it .item-left .title {
          width: unset;
          text-align: center;
          font-size: 32px;
          line-height: 40px; } }
    @media screen and (max-width: 1024px) {
      .talk-about-it .item-left {
        margin-bottom: 32px; } }
  @media screen and (max-width: 1024px) {
    .talk-about-it .item-right {
      display: flex;
      justify-content: center; } }
  .talk-about-it .item-right .testimonial-carousel-cell {
    height: unset;
    width: 37.2rem;
    box-shadow: 0 1px 2px 1px #eee;
    margin-left: 0;
    margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .talk-about-it .item-right .testimonial-carousel-cell {
        width: 75%; } }
    @media screen and (max-width: 768px) {
      .talk-about-it .item-right .testimonial-carousel-cell {
        width: 100%; } }
    @media screen and (max-width: 920px) {
      .talk-about-it .item-right .testimonial-carousel-cell .testimonial-comment {
        font-size: 18px; } }

.talk-and-see-section {
  background-image: url("../images/talk_about_it_bg.svg");
  background-repeat: no-repeat;
  background-position: top left; }
  @media screen and (max-width: 425px) {
    .talk-and-see-section {
      background-position: top center;
      background-size: 50%; } }
  .talk-and-see-section-content {
    padding: 8rem 10vw; }
    @media screen and (max-width: 768px) {
      .talk-and-see-section-content {
        padding: 48px 7%; } }
    .talk-and-see-section-content .how-it-works {
      padding: 8rem 0 0; }
      @media screen and (max-width: 768px) {
        .talk-and-see-section-content .how-it-works {
          padding: 0;
          margin-top: 48px; } }
      .talk-and-see-section-content .how-it-works .heading {
        text-align: center;
        color: #25292D; }
      .talk-and-see-section-content .how-it-works .subheading {
        width: unset; }
        @media screen and (max-width: 768px) {
          .talk-and-see-section-content .how-it-works .subheading {
            color: #6E717C; } }

.get-first-image {
  background-color: #EEF2FB; }
  .get-first-image-content {
    padding: 5.33333rem 10vw;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 920px) {
      .get-first-image-content {
        padding: 48px 7%;
        flex-direction: column; } }
    .get-first-image-content > * {
      display: flex; }
    .get-first-image-content .item-left {
      padding-left: 5.8rem;
      margin-right: 10.4rem; }
      @media screen and (max-width: 920px) {
        .get-first-image-content .item-left {
          padding-left: 0;
          margin-bottom: 32px;
          margin-right: 0; } }
      .get-first-image-content .item-left img {
        width: 19.26667rem; }
        @media screen and (max-width: 768px) {
          .get-first-image-content .item-left img {
            width: 155px;
            height: 192px; } }
    @media screen and (max-width: 920px) {
      .get-first-image-content .item-right .hero-body {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .get-first-image-content .item-right .hero-body .hero-text-heading {
      width: unset;
      font-size: 3.2rem;
      margin-bottom: 1.6rem;
      line-height: 3.73333rem;
      color: #25292D; }
      @media screen and (max-width: 920px) {
        .get-first-image-content .item-right .hero-body .hero-text-heading {
          margin-bottom: 0;
          font-size: 32px;
          line-height: 40px;
          text-align: center;
          color: #1C1F22; } }
      @media screen and (max-width: 425px) {
        .get-first-image-content .item-right .hero-body .hero-text-heading {
          width: 281px; } }
    .get-first-image-content .item-right .hero-body .hero-text-subheading {
      color: #444854;
      width: 34.66667rem;
      font-size: 1.33333rem;
      line-height: 2rem;
      font-weight: normal;
      margin-bottom: 2.66667rem; }
      @media screen and (max-width: 920px) {
        .get-first-image-content .item-right .hero-body .hero-text-subheading {
          width: 100%;
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 32px;
          color: #6E717C;
          text-align: center; } }
    .get-first-image-content .item-right .hero-body .btn {
      font-size: 18px;
      line-height: 25px; }
      .get-first-image-content .item-right .hero-body .btn:hover {
        cursor: pointer; }
      .get-first-image-content .item-right .hero-body .btn img {
        width: 40px;
        height: 40px; }
      @media screen and (max-width: 768px) {
        .get-first-image-content .item-right .hero-body .btn {
          width: 281px;
          justify-content: center; }
          .get-first-image-content .item-right .hero-body .btn img {
            width: 32px;
            height: 32px; } }

.all-done-24h {
  padding: 5.33333rem 0 8.66667rem;
  background-color: #F9FAFC;
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 768px) {
    .all-done-24h {
      padding: 48px 7%; } }
  .all-done-24h .title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    letter-spacing: -0.01em; }
    @media screen and (max-width: 768px) {
      .all-done-24h .title {
        font-size: 32px;
        line-height: 40px;
        text-align: center; } }
    @media screen and (max-width: 425px) {
      .all-done-24h .title {
        width: 250px; } }
    .all-done-24h .title-container {
      padding: 30px;
      margin-bottom: 1.6rem;
      background-image: url("../images/all-24h-background.svg");
      background-repeat: no-repeat;
      background-position: right;
      background-size: 17rem 7rem; }
      @media screen and (max-width: 768px) {
        .all-done-24h .title-container {
          background: none;
          padding: 0; } }
  .all-done-24h .subtitle {
    color: #575A65;
    font-size: 1.33333rem;
    line-height: 2rem;
    width: 37.73333rem;
    text-align: center; }
    @media screen and (max-width: 920px) {
      .all-done-24h .subtitle {
        width: 70%;
        font-size: 16px;
        line-height: 28px;
        color: #6E717C; } }
    @media screen and (max-width: 768px) {
      .all-done-24h .subtitle {
        width: 90%; } }
  @media screen and (max-width: 768px) {
    .all-done-24h .howitworks-carousel {
      width: 100%;
      margin-left: 0; } }

.howitworks-row {
  display: flex;
  justify-content: space-between;
  margin-top: 24px; }
  @media screen and (max-width: 1024px) {
    .howitworks-row {
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 768px) {
    .howitworks-row {
      flex-wrap: wrap;
      justify-content: center; } }
  @media screen and (max-width: 425px) {
    .howitworks-row {
      width: 95vw;
      margin-left: 0; } }
  .howitworks-row-cell {
    flex: 1;
    background-color: #FFFFFF;
    border-radius: 32px;
    border: 1px solid #EFF2F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.86667rem 2rem; }
    .howitworks-row-cell:hover {
      box-shadow: 0 1px 2px 1px #eee; }
    .howitworks-row-cell:not(:last-of-type) {
      margin-right: 24px; }
      @media screen and (max-width: 1024px) {
        .howitworks-row-cell:not(:last-of-type) {
          margin-bottom: 24px;
          margin-right: 0; } }
      @media screen and (max-width: 425px) {
        .howitworks-row-cell:not(:last-of-type) {
          margin-right: 0; } }
    @media screen and (max-width: 1024px) {
      .howitworks-row-cell {
        flex: unset;
        padding: 32px;
        width: 85%; } }
    @media screen and (max-width: 768px) {
      .howitworks-row-cell {
        flex: unset;
        width: 65%; } }
    @media screen and (max-width: 425px) {
      .howitworks-row-cell {
        width: 90%;
        padding: 24px; } }
    .howitworks-row-cell .title {
      color: #25292D;
      font-size: 24px;
      line-height: 40px;
      font-weight: bold;
      margin-bottom: 8px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .howitworks-row-cell .title {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 16px; } }
    .howitworks-row-cell .description {
      color: #575A65;
      font-size: 16px;
      line-height: 28px;
      text-align: center;
      margin-bottom: 24px; }
    .howitworks-row-cell img {
      margin-top: auto;
      width: 10rem;
      height: 10rem; }
      @media screen and (max-width: 768px) {
        .howitworks-row-cell img {
          width: 150px; } }

.howitworks-carousel {
  width: 90vw;
  margin-left: 10vw;
  margin-top: 4.26667rem; }
  @media screen and (max-width: 425px) {
    .howitworks-carousel {
      width: 95vw;
      margin-left: 0; } }
  .howitworks-carousel-cell {
    width: 30%;
    background-color: #FFFFFF;
    border-radius: 32px;
    border: 1px solid #EFF2F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.13333rem 2rem; }
    .howitworks-carousel-cell:hover {
      box-shadow: 0 1px 2px 1px #eee; }
    @media screen and (max-width: 1280px) {
      .howitworks-carousel-cell {
        width: 34%;
        height: 425px; } }
    @media screen and (max-width: 1024px) {
      .howitworks-carousel-cell {
        width: 40%; } }
    @media screen and (max-width: 768px) {
      .howitworks-carousel-cell {
        width: 55%; } }
    @media screen and (max-width: 600px) {
      .howitworks-carousel-cell {
        width: 70%; } }
    @media screen and (max-width: 500px) {
      .howitworks-carousel-cell {
        width: 90%; } }
    @media screen and (max-width: 425px) {
      .howitworks-carousel-cell {
        height: 50rem;
        width: 100%; } }
    .howitworks-carousel-cell:not(:last-of-type) {
      margin-right: 1.6rem; }
    .howitworks-carousel-cell .title {
      color: #25292D;
      font-size: 1.6rem;
      line-height: 2.66667rem;
      margin-bottom: 8px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .howitworks-carousel-cell .title {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 16px; } }
    .howitworks-carousel-cell .description {
      color: #575A65;
      font-size: 16px;
      line-height: 28px;
      text-align: center; }
    .howitworks-carousel-cell img {
      margin-top: 32px;
      width: 11.6rem; }
      @media screen and (max-width: 1280px) {
        .howitworks-carousel-cell img {
          margin-top: auto; } }
      @media screen and (max-width: 768px) {
        .howitworks-carousel-cell img {
          width: 150px; } }

.marketplace, .put-to-work, .get-free-trial {
  padding-top: 8rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .marketplace .title, .put-to-work .title, .get-free-trial .title {
    color: #25292D;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 3.73333rem;
    width: 60%;
    text-align: center;
    margin-bottom: 1.6rem; }
  .marketplace .subtitle, .put-to-work .subtitle, .get-free-trial .subtitle {
    font-size: 1.33333rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
    line-height: 2rem; }
  .marketplace .info, .put-to-work .info, .get-free-trial .info {
    font-size: 1.33333rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    width: 71%;
    margin-bottom: 2.66667rem; }

.marketplace {
  display: flex;
  flex-direction: row;
  padding: 8rem 10vw; }
  @media screen and (max-width: 768px) {
    .marketplace {
      padding: 48px 7%; } }
  .marketplace .left {
    flex: 1; }
    .marketplace .left .info {
      width: 100%;
      color: #444854;
      text-align: unset; }
      @media screen and (max-width: 768px) {
        .marketplace .left .info {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 24px;
          color: #6E717C;
          width: 100%;
          text-align: center; } }
    .marketplace .left .title {
      width: unset;
      text-align: unset;
      font-size: 3.2rem; }
      @media screen and (max-width: 768px) {
        .marketplace .left .title {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 16px;
          color: #1C1F22;
          text-align: center; } }
    .marketplace .left .subtitle {
      color: #444854;
      max-width: 33.26667rem; }
      @media screen and (max-width: 768px) {
        .marketplace .left .subtitle {
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 24px;
          color: #6E717C;
          text-align: center; } }
    .marketplace .left .info {
      width: 33.26667rem; }
  .marketplace .right img {
    width: 34.13333rem; }
  @media screen and (max-width: 768px) {
    .marketplace .right {
      display: none; } }
  .marketplace-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .marketplace-content {
        align-items: center; } }
    @media screen and (max-width: 768px) {
      .marketplace-content .mbp-image {
        display: none; } }
    .marketplace-content .btn:hover {
      cursor: pointer; }
    @media screen and (max-width: 768px) {
      .marketplace-content .btn {
        width: 160px;
        justify-content: center;
        border-radius: 8px;
        font-size: 14px;
        line-height: 19px; } }

.put-to-work {
  background-color: #F9FAFC;
  padding-top: 0; }
  .put-to-work-content {
    padding-top: 5.33333rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .put-to-work-content {
        padding: 48px 7%; } }
    .put-to-work-content .info {
      color: #444854;
      width: 57.06667rem; }
      @media screen and (max-width: 920px) {
        .put-to-work-content .info {
          font-size: 16px;
          line-height: 28px;
          width: 85%;
          color: #6E717C; } }
      @media screen and (max-width: 768px) {
        .put-to-work-content .info {
          width: 100%; } }
    @media screen and (max-width: 768px) {
      .put-to-work-content .title {
        font-size: 32px;
        line-height: 40px;
        width: 100%;
        margin-bottom: 16px;
        color: #1C1F22; }
      .put-to-work-content .btn {
        display: none; } }

.integrations-illustration {
  width: 62.13333rem;
  margin-top: 3.8rem; }

@media screen and (max-width: 768px) {
  .integrations {
    margin-top: 0;
    width: 100%; } }

.get-free-trial {
  background-color: #EEF2FB; }

/*  .get-free-trial--whoweare {
    padding-top: 0; }*/

  .get-free-trial--gallery {
    padding-top: 0; }
    @media screen and (max-width: 920px) {
      .get-free-trial--gallery {
        display: none; } }
    .get-free-trial--gallery .title {
      width: 781px;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      margin-bottom: 1.6rem; }
    .get-free-trial--gallery .info {
      width: 792px;
      font-size: 1.33333rem;
      line-height: 2rem;
      margin-bottom: 2.66667rem; }
  .get-free-trial-content {
    padding: 5.33333rem 10vw;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .get-free-trial-content {
        padding: 48px 7%; } }
    .get-free-trial-content .info {
      color: #444854; }
    .get-free-trial-content .title {
      width: unset; }
    .get-free-trial-content .btn {
      font-size: 18px;
      line-height: 25px; }
      .get-free-trial-content .btn:hover {
        cursor: pointer; }
      .get-free-trial-content .btn img {
        width: 40px;
        height: 40px; }
    @media screen and (max-width: 768px) {
      .get-free-trial-content--whoweare {
        display: none; } }
    .get-free-trial-content--whoweare .title {
      width: 52rem; }
    .get-free-trial-content--whoweare .info {
      width: 52.8rem; }
  .get-free-trial--how-it-works {
    padding-top: unset; }
    .get-free-trial--how-it-works .title {
      font-size: 3.2rem; }
      @media screen and (max-width: 1024px) {
        .get-free-trial--how-it-works .title {
          width: unset; } }
      @media screen and (max-width: 920px) {
        .get-free-trial--how-it-works .title {
          width: 95%; } }
    @media screen and (max-width: 920px) {
      .get-free-trial--how-it-works {
        display: none; } }

.badge {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  color: #162B64; }
  .badge--section-title {
    padding: 16px 28px;
    background-color: #EEF2FB;
    border-radius: 16px; }

.our-mission {
  padding: 3.33333rem 0 5.33333rem; }
  .our-mission-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10vw; }
    @media screen and (max-width: 768px) {
      .our-mission-content {
        padding: 0 7%; } }
  .our-mission .title-container {
    padding: 30px;
    background-image: url("../images/all-24h-background.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 37% 65%; }
    @media screen and (max-width: 768px) {
      .our-mission .title-container {
        padding: 10px;
        background-size: 10rem 7rem; } }
    @media screen and (max-width: 425px) {
      .our-mission .title-container {
        background-size: 12rem 7rem; } }
    .our-mission .title-container .title {
      color: #25292D;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        .our-mission .title-container .title {
          font-size: 32px;
          line-height: 40px; } }

.our-values {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/our-values-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 18.86667rem 7%; }
  @media screen and (max-width: 768px) {
    .our-values {
      padding: 48px 16px; } }
  .our-values-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .our-values .title {
    color: #FFFFFF;
    font-size: 4.26667rem;
    line-height: 4.26667rem;
    font-weight: bold;
    margin-bottom: 3.73333rem; }
    @media screen and (max-width: 768px) {
      .our-values .title {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 32px; } }
  .our-values .subtitle {
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 768px) {
      .our-values .subtitle {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 16px; } }
  .our-values .info {
    color: #FFFFFF;
    font-size: 1.33333rem;
    line-height: 2.13333rem;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .our-values .info {
        font-size: 16px;
        line-height: 28px; } }
    .our-values .info img {
      margin-left: 8px; }
    .our-values .info--desc {
      width: 47.26667rem;
      text-align: center;
      margin-bottom: 2.66667rem; }
      @media screen and (max-width: 425px) {
        .our-values .info--desc {
          width: 100%; } }
  .our-values .youtube-video-modal {
    background-color: transparent; }

.we-believe-in {
  padding: 8rem 10vw; }
  @media screen and (max-width: 768px) {
    .we-believe-in {
      padding: 48px 7% 65px; } }
  .we-believe-in-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .we-believe-in .title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    margin-bottom: 4.26667rem; }
    @media screen and (max-width: 768px) {
      .we-believe-in .title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px; } }
  .we-believe-in .howitworks-carousel {
    width: 100%;
    margin: 0; }
    .we-believe-in .howitworks-carousel-cell {
      width: 33.13333rem;
      padding: 16px; }
      @media screen and (max-width: 768px) {
        .we-believe-in .howitworks-carousel-cell {
          width: 45rem;
          height: 325px; } }
      @media screen and (max-width: 425px) {
        .we-believe-in .howitworks-carousel-cell {
          height: 35rem; } }
      .we-believe-in .howitworks-carousel-cell .title {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 36px; }
        @media screen and (max-width: 768px) {
          .we-believe-in .howitworks-carousel-cell .title {
            font-size: 20px;
            line-height: 28px;
            font-weight: 600;
            text-align: center;
            margin-bottom: 16px; } }
      .we-believe-in .howitworks-carousel-cell img {
        margin-top: 32px;
        width: 11.6rem;
        height: 10rem; }
        @media screen and (max-width: 1280px) {
          .we-believe-in .howitworks-carousel-cell img {
            margin-top: auto; } }
        @media screen and (max-width: 768px) {
          .we-believe-in .howitworks-carousel-cell img {
            width: 150px; } }
        @media screen and (max-width: 425px) {
          .we-believe-in .howitworks-carousel-cell img {
            margin-top: auto; } }

.our-team-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15rem 10vw 8.13333rem; }
  @media screen and (max-width: 1024px) {
    .our-team-content {
      padding-top: 18.5rem; } }
  @media screen and (max-width: 768px) {
    .our-team-content {
      padding-top: 25rem;
      padding-bottom: 48px; } }
  @media screen and (max-width: 600px) {
    .our-team-content {
      padding-top: 35rem; } }

.our-team .title {
  color: #25292D;
  font-size: 3.2rem;
  line-height: 3.73333rem;
  font-weight: bold;
  margin-bottom: 1.6rem; }
  @media screen and (max-width: 1024px) {
    .our-team .title {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 16px; } }
  .our-team .title-small {
    color: #25292D;
    font-weight: bold;
    font-size: 2.66667rem;
    line-height: 3.73333rem; }
    @media screen and (max-width: 1024px) {
      .our-team .title-small {
        text-align: center;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px; } }

.our-team .subtitle {
  color: #6E717C;
  font-size: 1.33333rem;
  line-height: 2.13333rem; }
  @media screen and (max-width: 1024px) {
    .our-team .subtitle {
      font-size: 16px;
      line-height: 28px; } }
  .our-team .subtitle--one {
    width: 73%;
    text-align: center;
    margin-bottom: 2.66667rem; }
    @media screen and (max-width: 1024px) {
      .our-team .subtitle--one {
        width: 100%;
        margin-bottom: 48px; } }
  .our-team .subtitle--two {
    width: 78%;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .our-team .subtitle--two {
        width: 100%; } }

.our-team .person-container {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(5, 208px);
  grid-gap: 56px 25px; }
  @media screen and (max-width: 1024px) {
    .our-team .person-container {
      grid-template-columns: repeat(4, 1fr);
      margin-top: 34px;
      grid-gap: 24px 17px; } }
  @media screen and (max-width: 768px) {
    .our-team .person-container {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 425px) {
    .our-team .person-container {
      grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 1024px) {
  .our-team .person {
    display: flex;
    flex-direction: column; } }

.our-team .person-photo {
  width: 13.86667rem;
  height: 13.86667rem;
  margin-bottom: 24px; }
  @media screen and (max-width: 1024px) {
    .our-team .person-photo {
      margin-bottom: 8px; } }
  @media screen and (max-width: 425px) {
    .our-team .person-photo {
      width: 163px;
      height: 163px; } }

.our-team .person-name {
  color: #25292D;
  font-size: 1.33333rem;
  font-weight: 600;
  line-height: 2.13333rem; }
  @media screen and (max-width: 1024px) {
    .our-team .person-name {
      font-size: 16px;
      line-height: 28px; } }

.our-team .person-role, .our-team .person-country {
  color: #6E717C;
  font-size: 1.33333rem;
  line-height: 2.13333rem; }
  @media screen and (max-width: 1024px) {
    .our-team .person-role, .our-team .person-country {
      font-size: 16px;
      line-height: 28px; } }

.preview-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5.33333rem 10vw 1.6rem; }
  @media screen and (max-width: 768px) {
    .preview-content {
      padding: 32px 7%; } }
  .preview-content .title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    margin-bottom: 3.8rem;
    width: 85%;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .preview-content .title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px;
        width: unset; } }
    @media screen and (max-width: 425px) {
      .preview-content .title {
        width: 100%; } }
  .preview-content .tags {
    display: flex; }
    @media screen and (max-width: 425px) {
      .preview-content .tags {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 0; } }
    .preview-content .tags .tag {
      color: #444854;
      font-size: 12px;
      line-height: 20px;
      padding: 2px 8px;
      background: #EFF2F7;
      border: 2px solid #FFFFFF;
      border-radius: 100px;
      text-align: center;
      display: flex;
      align-items: center; }

.preview .carousel-content {
  width: 365px;
  height: 365px;
  background-color: #F8F8F8;
  border-radius: 32px; }
  @media screen and (max-width: 768px) {
    .preview .carousel-content {
      width: 178px;
      height: 178px; } }
  @media screen and (max-width: 425px) {
    .preview .carousel-content {
      width: 154px;
      height: 154px; } }
  .preview .carousel-content img {
    border-radius: 32px; }
    @media screen and (max-width: 768px) {
      .preview .carousel-content img {
        border-radius: 24px; } }

.preview .carousel-cell {
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .preview .carousel-cell {
      width: 300px;
      height: 300px; } }
  @media screen and (max-width: 425px) {
    .preview .carousel-cell {
      width: 240px;
      height: 240px; } }
  .preview .carousel-cell.is-selected .carousel-content {
    width: 500px;
    height: 500px; }
    @media screen and (max-width: 768px) {
      .preview .carousel-cell.is-selected .carousel-content {
        width: 300px;
        height: 300px; } }
    @media screen and (max-width: 425px) {
      .preview .carousel-cell.is-selected .carousel-content {
        width: 240px;
        height: 240px; } }

.preview .slide-controls {
  display: flex;
  justify-content: center;
  margin-top: 2.13333rem; }
  @media screen and (max-width: 768px) {
    .preview .slide-controls {
      margin-top: 16px; } }
  .preview .slide-controls button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .preview .slide-controls button {
        width: 40px;
        height: 40px; } }
    .preview .slide-controls button:not(:last-of-type) {
      margin-right: 32px; }
      @media screen and (max-width: 768px) {
        .preview .slide-controls button:not(:last-of-type) {
          margin-right: 24px; } }

.category-list {
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .category-list {
      display: none; } }
  .category-list--mobile {
    display: none;
    border-radius: 4px;
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */ }
    .category-list--mobile .custom-select {
      position: relative; }
    .category-list--mobile .custom-select select {
      display: none;
      /*hide original SELECT element: */ }
    .category-list--mobile .select-selected {
      background-color: #FFFFFF;
      color: #162B64 !important;
      font-size: 14px;
      line-height: 19px;
      font-weight: 600; }
    .category-list--mobile .select-selected:after {
      position: absolute;
      content: "";
      top: 14px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #5C5F62 transparent transparent transparent; }
    .category-list--mobile .select-selected.select-arrow-active:after {
      border-color: transparent transparent #5C5F62 transparent;
      top: 7px; }
    .category-list--mobile .select-items div, .category-list--mobile .select-selected {
      color: #25292D;
      padding: 8px 16px;
      border: 1px solid transparent;
      box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.05);
      cursor: pointer;
      font-size: 14px; }
    .category-list--mobile .select-items div {
      line-height: 40px; }
    .category-list--mobile .select-items {
      position: absolute;
      background-color: #FFFFFF;
      top: calc(100% + 16px);
      left: 0;
      right: 0;
      z-index: 99;
      border-radius: 8px;
      box-shadow: 0px 28px 44px rgba(0, 0, 0, 0.05); }
    .category-list--mobile .select-hide {
      display: none; }
    .category-list--mobile .select-items div:hover {
      background-color: #EEF2FB; }
    .category-list--mobile .same-as-selected {
      color: #2C54C6 !important; }
    @media screen and (max-width: 768px) {
      .category-list--mobile {
        display: flex; } }

.section-gallery {
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .section-gallery--blog {
      padding: 16px 16px 0; } }
  .section-gallery--blog .section-gallery-content {
    padding: 0; }
  .section-gallery-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8rem 10vw; }
    @media screen and (max-width: 768px) {
      .section-gallery-content {
        padding: 48px 7%; } }
  .section-gallery .title {
    color: #25292D;
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    margin-bottom: 3.73333rem; }
    @media screen and (max-width: 768px) {
      .section-gallery .title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px; } }
  .section-gallery .category-list {
    background-color: #EFF2F7;
    border-radius: 16px;
    padding: 4px;
    margin-bottom: 3.73333rem; }
    @media screen and (max-width: 768px) {
      .section-gallery .category-list {
        display: none; } }
    .section-gallery .category-list--mobile {
      display: none;
      border-radius: 4px;
      /* The container must be positioned relative: */
      /* Style the arrow inside the select element: */
      /* Point the arrow upwards when the select box is open (active): */
      /* style the items (options), including the selected item: */
      /* Style items (options): */
      /* Hide the items when the select box is closed: */ }
      .section-gallery .category-list--mobile .custom-select {
        position: relative; }
      .section-gallery .category-list--mobile .custom-select select {
        display: none;
        /*hide original SELECT element: */ }
      .section-gallery .category-list--mobile .select-selected {
        background-color: #FFFFFF;
        color: #162B64 !important;
        font-size: 14px;
        line-height: 19px;
        font-weight: 600; }
      .section-gallery .category-list--mobile .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #5C5F62 transparent transparent transparent; }
      .section-gallery .category-list--mobile .select-selected.select-arrow-active:after {
        border-color: transparent transparent #5C5F62 transparent;
        top: 7px; }
      .section-gallery .category-list--mobile .select-items div, .section-gallery .category-list--mobile .select-selected {
        color: #25292D;
        padding: 8px 16px;
        border: 1px solid transparent;
        box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        font-size: 14px; }
      .section-gallery .category-list--mobile .select-items div {
        line-height: 40px; }
      .section-gallery .category-list--mobile .select-items {
        position: absolute;
        background-color: #FFFFFF;
        top: calc(100% + 16px);
        left: 0;
        right: 0;
        z-index: 99;
        border-radius: 8px;
        box-shadow: 0px 28px 44px rgba(0, 0, 0, 0.05); }
      .section-gallery .category-list--mobile .select-hide {
        display: none; }
      .section-gallery .category-list--mobile .select-items div:hover {
        background-color: #EEF2FB; }
      .section-gallery .category-list--mobile .same-as-selected {
        color: #2C54C6 !important; }
      @media screen and (max-width: 768px) {
        .section-gallery .category-list--mobile {
          display: flex; } }
  .section-gallery .category-btn {
    background-color: transparent;
    padding: 24px;
    color: #162B64;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600; }
    .section-gallery .category-btn.active {
      background-color: #FFFFFF;
      box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.05);
      border-radius: 16px; }
    .section-gallery .category-btn:hover {
      cursor: pointer; }
  .section-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px; }
    @media screen and (max-width: 768px) {
      .section-gallery .gallery {
        grid-template-columns: repeat(3, 163px); } }
    @media screen and (max-width: 550px) {
      .section-gallery .gallery {
        grid-template-columns: repeat(2, 1fr); } }
    .section-gallery .gallery-item {
      border: 1px solid #F9FAFC;
      border-radius: 16px; }
      .section-gallery .gallery-item img {
        width: 267px;
        height: 267px;
        background-color: #F8F8F8;
        border: none;
        border-radius: 16px 16px 0px 0px; }
        @media screen and (max-width: 1024px) {
          .section-gallery .gallery-item img {
            height: unset; } }
        @media screen and (max-width: 425px) {
          .section-gallery .gallery-item img {
            height: 163px; } }
      .section-gallery .gallery-item-tags {
        padding: 16px 0;
        display: flex;
        flex-direction: column;
        align-items: center; }
      .section-gallery .gallery-item-tag {
        background: #EFF2F7;
        border: 2px solid #FFFFFF;
        border-radius: 100px;
        padding: 2px 8px;
        text-align: center;
        color: #444854;
        font-size: 12px;
        line-height: 20px; }

.apps-integrations {
  background-color: #F9FAFC; }
  .apps-integrations-content {
    padding: 255px 10vw 120px; }
    @media screen and (max-width: 1024px) {
      .apps-integrations-content {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    @media screen and (max-width: 768px) {
      .apps-integrations-content {
        padding: 113px 7% 48px; } }
  .apps-integrations .app-integration {
    padding: 7.2rem 3.2rem 0;
    background-color: #FFFFFF;
    border: 1px solid #ABBDED;
    border-radius: 32px;
    position: relative;
    display: flex;
    align-items: flex-end; }
    @media screen and (max-width: 1024px) {
      .apps-integrations .app-integration {
        flex-direction: column;
        width: 65%; } }
    @media screen and (max-width: 768px) {
      .apps-integrations .app-integration {
        width: 86%; } }
    @media screen and (max-width: 425px) {
      .apps-integrations .app-integration {
        width: 100%; } }
    .apps-integrations .app-integration:not(:last-of-type) {
      margin-bottom: 10rem; }
      @media screen and (max-width: 920px) {
        .apps-integrations .app-integration:not(:last-of-type) {
          margin-bottom: 32px; } }
      @media screen and (max-width: 768px) {
        .apps-integrations .app-integration:not(:last-of-type) {
          margin-bottom: 10rem; } }
    @media screen and (max-width: 1024px) {
      .apps-integrations .app-integration--inverse {
        flex-direction: column-reverse; } }
    .apps-integrations .app-integration-logo {
      width: 138px;
      height: 138px;
      border-radius: 50%;
      background-color: #FFFFFF;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: -69px;
      box-shadow: 0px 28px 44px rgba(0, 0, 0, 0.05); }
      @media screen and (max-width: 1024px) {
        .apps-integrations .app-integration-logo {
          left: 50%;
          margin-left: -69px; } }
      .apps-integrations .app-integration-logo img {
        width: 96px; }
    .apps-integrations .app-integration > * {
      flex: 1; }
    @media screen and (max-width: 1024px) {
      .apps-integrations .app-integration-content-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 24px; } }
    .apps-integrations .app-integration-content-text .title {
      color: #25292D;
      font-size: 3.2rem;
      line-height: 3.73333rem;
      font-weight: bold;
      margin-bottom: 24px;
      width: 25.66667rem; }
      @media screen and (max-width: 1024px) {
        .apps-integrations .app-integration-content-text .title {
          width: unset;
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 16px; } }
    .apps-integrations .app-integration-content-text .description {
      width: 31.46667rem;
      color: #444854;
      font-size: 1.33333rem;
      line-height: 2rem;
      margin-bottom: 2.66667rem; }
      @media screen and (max-width: 1024px) {
        .apps-integrations .app-integration-content-text .description {
          width: 100%;
          font-size: 16px;
          line-height: 28px;
          text-align: center;
          margin-bottom: 40px; } }
    .apps-integrations .app-integration-content-text .btn {
      background-color: #2C54C6;
      border-radius: 16px;
      text-decoration: none;
      font-size: 18px;
      line-height: 25px;
      font-weight: 600;
      padding: 24px;
      margin-bottom: 24px; }
      .apps-integrations .app-integration-content-text .btn:hover {
        cursor: pointer; }
      @media screen and (max-width: 1024px) {
        .apps-integrations .app-integration-content-text .btn {
          padding: 16px; } }
    .apps-integrations .app-integration-content-image--left {
      margin-right: 40px; }
      @media screen and (max-width: 1024px) {
        .apps-integrations .app-integration-content-image--left {
          margin-right: 0; } }

.guides .guide {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 920px) {
    .guides .guide {
      flex-direction: column; }
      .guides .guide--left {
        flex-direction: column-reverse; } }
  .guides .guide:not(:last-of-type) {
    margin-bottom: 8rem; }
    @media screen and (max-width: 920px) {
      .guides .guide:not(:last-of-type) {
        margin-bottom: 48px; } }
  .guides .guide-image img {
    width: 31.33333rem; }
    @media screen and (max-width: 920px) {
      .guides .guide-image img {
        width: 100%;
        display: none; } }
  .guides .guide-image .mobile {
    display: none; }
    @media screen and (max-width: 920px) {
      .guides .guide-image .mobile {
        display: block; } }
  @media screen and (max-width: 920px) {
    .guides .guide-text {
      width: 100%;
      margin-bottom: 24px;
      padding-left: 7%;
      padding-right: 7%; } }
  .guides .guide-text .title {
    color: #25292D;
    font-size: 3.2rem;
    line-height: 3.73333rem;
    font-weight: bold;
    margin-bottom: 24px;
    width: 30.66667rem; }
    @media screen and (max-width: 920px) {
      .guides .guide-text .title {
        font-size: 32px;
        line-height: 40px;
        width: 100%;
        margin-bottom: 16px; } }
  .guides .guide-text .desc {
    color: #444854;
    font-size: 1.33333rem;
    line-height: 2rem;
    width: 26.2rem;
    margin-bottom: 24px; }
    @media screen and (max-width: 920px) {
      .guides .guide-text .desc {
        font-size: 16px;
        line-height: 28px;
        width: 100%;
        margin-bottom: 16px; } }
  .guides .guide-text .about {
    margin-bottom: 40px;
    padding-left: 16px;
    list-style: none; }
    @media screen and (max-width: 920px) {
      .guides .guide-text .about {
        margin-bottom: 16px; } }
    .guides .guide-text .about li {
      color: #444854;
      font-size: 20px;
      line-height: 46px;
      font-weight: 600; }
      @media screen and (max-width: 920px) {
        .guides .guide-text .about li {
          font-size: 16px;
          font-weight: normal; } }
      .guides .guide-text .about li::before {
        content: "\2022";
        color: #D3DCE6;
        font-weight: bold;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: -16px;
        margin-right: 22px; }
  .guides .guide-text .btn {
    font-size: 18px;
    padding: 24px 32px; }
    .guides .guide-text .btn:hover {
      cursor: pointer; }
    @media screen and (max-width: 920px) {
      .guides .guide-text .btn {
        font-size: 18px;
        padding: 15px 24px;
        border-radius: 8px; } }

.guides-content {
  padding: 8rem 10vw; }
  @media screen and (max-width: 1024px) {
    .guides-content {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 920px) {
    .guides-content {
      padding-top: 48px;
      padding-bottom: 48px;
      padding-left: 0;
      padding-right: 0; } }

.help-center-content {
  padding: 8rem 10vw; }
  @media screen and (max-width: 768px) {
    .help-center-content {
      padding: 48px 7%; } }

.help-center .content {
  border: 1px solid #ABBDED;
  border-radius: 32px;
  padding: 108px 48px 0;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 920px) {
    .help-center .content {
      padding: 48px;
      justify-content: center; } }
  @media screen and (max-width: 768px) {
    .help-center .content {
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .help-center .content .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px; }
    @media screen and (max-width: 920px) {
      .help-center .content .text .title {
        margin-top: 0; } }
    @media screen and (max-width: 920px) {
      .help-center .content .text {
        align-items: center; }
        .help-center .content .text .subtitle {
          text-align: center; } }
    @media screen and (max-width: 768px) {
      .help-center .content .text {
        padding-top: 40px;
        align-items: center; }
        .help-center .content .text .title {
          margin: 0;
          margin-bottom: 16px;
          font-size: 32px;
          line-height: 40px; }
        .help-center .content .text .subtitle {
          text-align: center;
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 40px; }
        .help-center .content .text .btn {
          font-size: 18px;
          padding: 16px 24px; }
          .help-center .content .text .btn:hover {
            cursor: pointer; } }
  .help-center .content .image {
    width: 534px; }
    @media screen and (max-width: 920px) {
      .help-center .content .image {
        display: none; } }
    @media screen and (max-width: 768px) {
      .help-center .content .image {
        width: 65%;
        display: block; } }

.help-center .text .title {
  margin-top: 50px;
  color: #25292D;
  font-size: 3.2rem;
  line-height: 4.26667rem;
  font-weight: bold;
  margin-bottom: 24px; }

.help-center .text .subtitle {
  color: #444854;
  font-size: 1.33333rem;
  line-height: 2rem;
  width: 31.46667rem;
  margin-bottom: 40px; }

.affiliates-container {
  background-color: #EEF2FB;
  padding: 80px 7%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .affiliates-container .title {
    color: #1C1F22;
    font-size: 64px;
    font-weight: bold;
    line-height: 80px;
    margin-bottom: 32px; }
  .affiliates-container .subtext {
    color: #6E717C;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    width: 70%;
    text-align: center; }

.affiliates-form {
  background-color: #FFFFFF;
  padding: 40px;
  margin-top: 64px;
  border-radius: 24px;
  display: flex;
  flex-direction: column; }
  .affiliates-form > * {
    margin-bottom: 24px; }
  .affiliates-form button {
    width: 518px;
    padding: 20px;
    border-radius: 8px;
    background-color: #2C54C6;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 600; }
  .affiliates-form input[type='text'] {
    padding: 22px 24px;
    background-color: #F9FAFC;
    border: 1px solid #E5E9F2;
    border-radius: 8px;
    outline: none;
    color: #555555;
    font-size: 16px; }
  .affiliates-form .confirmation {
    width: 518px;
    display: flex; }
    .affiliates-form .confirmation input[type='checkbox'] {
      margin-right: 17px;
      margin-top: 6px; }
    .affiliates-form .confirmation-text {
      font-size: 16px;
      line-height: 28px;
      color: #6E717C; }

.api-page-desc {
  margin: 38px 10vw 56px;
  color: #6E717C;
  font-weight: 600;
  line-height: 28px;
  font-size: 20px; }
  @media screen and (max-width: 768px) {
    .api-page-desc {
      margin: 48px 7%;
      display: none; } }
  .api-page-desc--mobile {
    display: none; }
    @media screen and (max-width: 768px) {
      .api-page-desc--mobile {
        display: block;
        margin: 0; } }

.api-desc-body-content {
  display: flex;
  padding: 80px 10vw; }
  @media screen and (max-width: 768px) {
    .api-desc-body-content {
      padding: 48px 7%;
      flex-direction: column; } }

.api-desc .navigation {
  width: 238px;
  margin-right: 80px;
  padding-left: 0;
  list-style-type: none; }
  @media screen and (max-width: 768px) {
    .api-desc .navigation {
      margin-bottom: 48px;
      display: none; } }
  .api-desc .navigation-item {
    display: flex;
    align-items: center; }
    .api-desc .navigation-item:not(:last-of-type) {
      margin-bottom: 41px; }
    .api-desc .navigation-item img {
      margin-right: 18px; }
    .api-desc .navigation-item-label {
      font-size: 20px; }
      .api-desc .navigation-item-label a {
        text-decoration: none; }
        .api-desc .navigation-item-label a:link, .api-desc .navigation-item-label a:visited, .api-desc .navigation-item-label a:hover, .api-desc .navigation-item-label a:active {
          color: #25292D; }
        .api-desc .navigation-item-label a.active:link, .api-desc .navigation-item-label a.active:visited, .api-desc .navigation-item-label a.active:hover, .api-desc .navigation-item-label a.active:active {
          color: #2C54C6; }

.api-desc .api-desc-content {
  flex: 1; }
  .api-desc .api-desc-content .title {
    font-size: 40px;
    font-weight: bold;
    line-height: 56px; }
  .api-desc .api-desc-content .subtext {
    color: #25292D;
    font-size: 20px;
    line-height: 30px; }
    .api-desc .api-desc-content .subtext--heading {
      font-weight: bold; }
  .api-desc .api-desc-content .code {
    background-color: #1C1F22;
    border-radius: 32px;
    color: #FFFFFF;
    padding: 40px;
    font-size: 20px;
    line-height: 46px;
    font-family: 'Fira Code'; }
    @media screen and (max-width: 768px) {
      .api-desc .api-desc-content .code {
        font-size: 12px;
        line-height: 22px;
        padding: 24px;
        border-radius: 24px; } }
  .api-desc .api-desc-content .api-actions {
    background-color: #F9FAFC;
    border-radius: 32px;
    padding: 40px;
    list-style: none; }
    .api-desc .api-desc-content .api-actions-item {
      font-size: 20px;
      line-height: 46px;
      color: #25292D;
      font-size: 20px;
      line-height: 46px; }
      @media screen and (max-width: 920px) {
        .api-desc .api-desc-content .api-actions-item {
          font-size: 16px;
          font-weight: normal; } }
      .api-desc .api-desc-content .api-actions-item::before {
        content: "\2022";
        color: #D3DCE6;
        font-weight: bold;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: -16px;
        margin-right: 22px; }

.support {
  background-color: #665CC7;
  margin-top: -5px; }
  .support-content {
    padding: 16px 10vw 8rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .support-content {
        padding-left: 7%;
        padding-right: 7%; } }
    @media screen and (max-width: 768px) {
      .support-content {
        padding-top: 24px;
        padding-bottom: 24px; } }
    .support-content .title {
      color: #FFFFFF;
      font-size: 4.26667rem;
      line-height: 5.33333rem;
      font-weight: bold;
      margin-bottom: 2.13333rem; }
      @media screen and (max-width: 768px) {
        .support-content .title {
          font-size: 32px;
          line-height: 40px;
          text-align: center; } }
      @media screen and (max-width: 425px) {
        .support-content .title {
          width: 257px; } }
    .support-content .subtitle {
      color: #FFFFFF;
      font-size: 1.33333rem;
      line-height: 2.13333rem;
      font-weight: 600;
      margin-bottom: 2.66667rem; }
      @media screen and (max-width: 768px) {
        .support-content .subtitle {
          font-size: 16px;
          line-height: 28px;
          text-align: center;
          font-weight: normal; } }

.channel {
  width: 24.26667rem;
  background-color: #FFFFFF;
  padding: 3.2rem 4rem;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .channels {
    width: 100%;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 920px) {
      .channels {
        flex-wrap: wrap; } }
    @media screen and (max-width: 610px) {
      .channels {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
  .channel:not(:last-of-type) {
    margin-right: 24px; }
    @media screen and (max-width: 768px) {
      .channel:not(:last-of-type) {
        margin-right: 0; } }
  @media screen and (max-width: 920px) {
    .channel {
      height: 38rem; }
      .channel:not(:last-of-type) {
        margin-bottom: 16px; } }
  @media screen and (max-width: 768px) {
    .channel {
      width: 65%;
      height: 25rem; } }
  @media screen and (max-width: 610px) {
    .channel {
      width: 85%;
      height: 32rem; } }
  .channel img.icon {
    margin-bottom: 35px;
    width: 77px;
    height: 77px; }
    @media screen and (max-width: 768px) {
      .channel img.icon {
        margin-bottom: 8px; } }
  .channel .title {
    color: #25292D;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .channel .title {
        margin-bottom: 8px; } }
  .channel .desc {
    text-align: center;
    color: #575A65;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .channel .desc {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 16px;
        color: #6E717C; } }
    .channel .desc > .link {
      color: #2C54C6; }
  .channel a.link {
    color: #2C54C6;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-top: auto; }
    @media screen and (max-width: 768px) {
      .channel a.link {
        font-size: 14px; } }

.categories {
  border-bottom: 1px solid #E5E9F2; }
  @media screen and (max-width: 768px) {
    .categories {
      display: none; } }
  .categories-content {
    padding: 16px 10vw;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .categories-content {
        padding-left: 7%;
        padding-right: 7%; } }
    .categories-content a.category {
      color: #444854;
      text-decoration: none;
      font-size: 16px;
      line-height: 24px;
      font-weight: 600; }
      .categories-content a.category.active {
        color: #2C54C6; }
      @media screen and (max-width: 1024px) {
        .categories-content a.category {
          display: none; } }
    @media screen and (max-width: 1024px) {
      .categories-content .search-form {
        width: 100%; } }
    .categories-content .search-field {
      background-color: #FFFFFF;
      width: 16rem;
      border: 1px solid #EFF2F7;
      border-radius: 16px;
      padding-left: 24px;
      padding-right: 18px;
      display: flex; }
      @media screen and (max-width: 1024px) {
        .categories-content .search-field {
          width: unset; } }
      @media screen and (max-width: 920px) {
        .categories-content .search-field {
          width: 100%; } }
      .categories-content .search-field input {
        flex: 1;
        padding: 16px 0;
        outline: none;
        border: none;
        font-size: 16px; }
        .categories-content .search-field input::placeholder {
          color: #444854; }

.main-post {
  padding: 80px 10vw; }
  @media screen and (max-width: 1024px) {
    .main-post {
      padding: 32px 7%; } }
  .main-post img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 24px;
    border-radius: 32px; }
    @media screen and (max-width: 768px) {
      .main-post img {
        height: 205px;
        width: 100%;
        margin-bottom: 16px;
        border-radius: 24px; } }
    @media screen and (max-width: 425px) {
      .main-post img {
        height: 170px; } }
  .main-post .category {
    color: #6E717C;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 8px; }
  .main-post .title {
    color: #25292D;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    width: 51%;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .main-post .title {
        width: 100%;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 8px; } }
  .main-post .date-author {
    color: #6E717C;
    font-size: 16px;
    line-height: 28px; }

.blog-list {
  padding: 0 10vw 80px; }
  @media screen and (max-width: 1024px) {
    .blog-list {
      padding: 0 7% 32px; } }
  .blog-list--search, .blog-list--category {
    padding-top: 80px; }
    @media screen and (max-width: 768px) {
      .blog-list--search, .blog-list--category {
        padding-top: 32px; } }
  .blog-list-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px; }
    @media screen and (max-width: 1024px) {
      .blog-list-items {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 425px) {
      .blog-list-items {
        display: flex;
        grid-template-columns: 1fr;
        flex-direction: column; } }
  .blog-list-item img {
    margin-bottom: 24px;
    width: 100%;
    height: 216px;
    border-radius: 24px;
    object-fit: unset; }
    @media screen and (max-width: 768px) {
      .blog-list-item img {
        height: 170px;
        margin-bottom: 16px; } }
  .blog-list-item .category {
    color: #6E717C;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 28px; }
  .blog-list-item .title {
    color: #25292D;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .blog-list-item .title {
        width: 100%;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 8px; } }
  .blog-list-item .date-author {
    color: #6E717C;
    font-size: 16px;
    line-height: 28px; }
  .blog-list-content {
    display: flex;
    flex-direction: column;
    align-items: center; }

.pagination {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F9FAFC;
  border-radius: 8px;
  padding: 21px 14px; }
  @media screen and (max-width: 768px) {
    .pagination {
      margin-top: 48px; } }
  @media screen and (max-width: 425px) {
    .pagination {
      width: calc(100% - 20px); } }
  .pagination .page {
    font-size: 20px;
    line-height: 30px; }
    .pagination .page:not(:last-of-type) {
      margin-right: 24px; }
    .pagination .page.active {
      font-weight: 600;
      color: #2C54C6; }
    .pagination .pages {
      display: flex;
      margin: 0 16px; }
  .pagination .direction-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    width: 100px; }
    .pagination .direction-btn:hover {
      cursor: pointer; }
    @media screen and (max-wdith: 768px) {
      .pagination .direction-btn {
        width: 100px; } }
    .pagination .direction-btn :first-child {
      margin-right: 14px; }
    .pagination .direction-btn p {
      color: #000000;
      font-size: 16px;
      line-height: 28px; }

.blog-category-body {
  padding: 5.33333rem 10vw;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .blog-category-body {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 768px) {
    .blog-category-body {
      padding-top: 32px;
      padding-bottom: 32px; } }
  .blog-category-body-content {
    display: flex;
    align-items: flex-start; }
    .blog-category-body-content .blog-list-items {
      flex: 1;
      grid-template-columns: repeat(2, 1fr);
      margin-right: 30px; }
      @media screen and (max-width: 768px) {
        .blog-category-body-content .blog-list-items {
          margin-right: 0; } }
  @media screen and (max-width: 1024px) {
    .blog-category-body .recent-articles {
      display: none; } }
  .blog-category-body .recent-articles .article {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    .blog-category-body .recent-articles .article img {
      width: 100px;
      height: 100px;
      margin-right: 16px;
      border-radius: 16px; }
    .blog-category-body .recent-articles .article-title {
      color: #25292D;
      font-size: 20px;
      line-height: 32px;
      font-weight: 600;
      width: 232px;
      margin-bottom: 8px; }
    .blog-category-body .recent-articles .article-author-date {
      color: #6E717C;
      font-size: 14px;
      line-height: 24px; }
  .blog-category-body .recent-articles .title {
    color: #6E717C;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px; }

.testimonial-title {
  display: flex;
  justify-content: center;
  padding: 40px 10vw; }
  @media screen and (max-width: 1024px) {
    .testimonial-title {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 768px) {
    .testimonial-title {
      background-color: #F1F0FA;
      margin-top: -5px;
      padding-top: 0; } }
  .testimonial-title .page-subtitle {
    font-size: 1.6rem;
    line-height: 2.13333rem;
    font-weight: bold;
    width: 65.93333rem; }
    @media screen and (max-width: 768px) {
      .testimonial-title .page-subtitle {
        font-size: 16px;
        line-height: 28px;
        font-weight: normal;
        width: 85%; } }

.page-subtitle {
  color: #6E717C;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  width: 989px;
  text-align: center; }

.four-o-four {
  background-color: #F9FAFC;
  height: 100vh;
  padding-top: 50px; }
  .four-o-four-content {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .four-o-four-content .links {
      display: flex;
      margin-top: 24px; }
      .four-o-four-content .links a {
        font-size: 16px;
        line-height: 28px;
        text-decoration: none; }
        .four-o-four-content .links a:link, .four-o-four-content .links a:visited, .four-o-four-content .links a:hover, .four-o-four-content .links a:active {
          color: #2C54C6; }
        .four-o-four-content .links a:not(:last-of-type) {
          margin-right: 32px; }
  @media screen and (max-width: 768px) {
    .four-o-four {
      padding-top: 11px; } }
  .four-o-four .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .four-o-four .content {
        padding: 0 16px; } }
    .four-o-four .content img {
      margin-bottom: 64px; }
      @media screen and (max-width: 768px) {
        .four-o-four .content img {
          width: 50%; } }
    .four-o-four .content .title {
      color: #1C1F22;
      font-size: 40px;
      line-height: 56px;
      font-weight: bold;
      margin-bottom: 24px; }
      @media screen and (max-width: 768px) {
        .four-o-four .content .title {
          font-size: 20px;
          line-height: 28px;
          text-align: center; } }
    .four-o-four .content .subtitle {
      font-size: 20px;
      color: #6E717C;
      line-height: 30px; }
      @media screen and (max-width: 768px) {
        .four-o-four .content .subtitle {
          font-size: 16px;
          text-align: center;
          line-height: 28px; } }
    .four-o-four .content button {
      margin-top: 56px;
      padding: 19px;
      width: 260px;
      background: #2C54C6;
      border-radius: 8px;
      color: #FFFFFF;
      font-size: 16px;
      font-weight: 600;
      line-height: 22px; }
  .four-o-four .header {
    padding-left: 10vw;
    background-color: #F9FAFC; }
    @media screen and (max-width: 1024px) {
      .four-o-four .header {
        padding-left: 7%; } }

.yotpo.yotpo-main-widget {
  padding-left: 10vw;
  padding-right: 10vw;
  margin-bottom: 48px; }
  @media screen and (max-width: 1024px) {
    .yotpo.yotpo-main-widget {
      padding-left: 7%;
      padding-right: 7%; } }

.modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center; }
  .modal-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 425px) {
      .modal-content {
        width: 90%; } }
  .modal-close-button {
    margin-bottom: 4.13333rem;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    font-size: 32px; }
    @media screen and (max-width: 425px) {
      .modal-close-button {
        width: 24px;
        height: 24px;
        font-size: 16px;
        margin-bottom: 1rem; } }

.youtubeIframe {
  width: 46.13333rem;
  height: 25.93333rem; }
  @media screen and (max-width: 425px) {
    .youtubeIframe {
      width: 100%; } }

.mobile-content-tags {
  display: none;
  background-color: #EEF2FB;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #162B64;
  width: 112px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px; }
  @media screen and (max-width: 768px) {
    .mobile-content-tags {
      display: flex;
      justify-content: center;
      align-items: center; } }

.more-to-read {
  padding: 5.33333rem 10vw;
  background-color: #EEF2FB; }
  @media screen and (max-width: 1024px) {
    .more-to-read {
      padding-left: 7%;
      padding-right: 7%; } }
  @media screen and (max-width: 768px) {
    .more-to-read {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .more-to-read .title {
    margin-bottom: 2.73333rem;
    font-size: 32px;
    line-height: 40px;
    color: #1C1F22;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .more-to-read .title {
        margin-bottom: 24px; } }
  .more-to-read .blog-list-items .blog-list-item {
    flex: 1; }
    .more-to-read .blog-list-items .blog-list-item:not(:last-of-type) {
      margin-right: 24px; }
      @media screen and (max-width: 768px) {
        .more-to-read .blog-list-items .blog-list-item:not(:last-of-type) {
          margin: 0;
          margin-bottom: 40px; } }
    .more-to-read .blog-list-items .blog-list-item .title {
      font-size: 24px;
      line-height: 32px;
      color: #25292D;
      margin-bottom: 16px; }
      @media screen and (max-width: 768px) {
        .more-to-read .blog-list-items .blog-list-item .title {
          margin-bottom: 8px; } }

.blog-post {
  padding: 3.2rem calc(10vw + 24px) 5.33333rem; }
  @media screen and (max-width: 1024px) {
    .blog-post {
      padding: 16px 7% 48px; } }
  @media screen and (max-width: 768px) {
    .blog-post {
      padding: 16px 0 0; } }
  .blog-post-heading {
    max-width: 844px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 768px) {
      .blog-post-heading {
        padding: 0 7%;
        margin-bottom: 48px; } }
  .blog-post-title {
    color: #25292D;
    font-weight: bold;
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 24px; }
    @media screen and (max-width: 768px) {
      .blog-post-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px; } }
  .blog-post-date-author {
    color: #6E717C;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .blog-post-date-author {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px; } }
  .blog-post-feature-image {
    height: 38.86667rem;
    object-fit: cover;
    border-radius: 32px; }
    @media screen and (max-width: 425px) {
      .blog-post-feature-image {
        height: 170px; } }
  .blog-post-content {
    display: flex; }
    .blog-post-content .left {
      width: 15.86667rem;
      margin-right: 7.73333rem; }
      @media screen and (max-width: 768px) {
        .blog-post-content .left {
          display: none; } }
      .blog-post-content .left .title {
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        text-transform: uppercase;
        color: #25292D;
        margin-bottom: 24px; }
      .blog-post-content .left .post-content-navigation {
        padding-left: 0;
        list-style: none; }
        .blog-post-content .left .post-content-navigation li:not(:last-of-type) {
          margin-bottom: 24px; }
        .blog-post-content .left .post-content-navigation li a:link, .blog-post-content .left .post-content-navigation li a:visited, .blog-post-content .left .post-content-navigation li a:active {
          font-size: 20px;
          line-height: 30px;
          color: #25292D;
          text-decoration: none; }
        .blog-post-content .left .post-content-navigation li a.active, .blog-post-content .left .post-content-navigation li a:hover {
          color: #2C54C6; }
    .blog-post-content .right {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .blog-post-content .right p {
        color: #25292D;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right p {
            font-size: 16px;
            margin-bottom: 24px; } }
        /*.blog-post-content .right p b:first-of-type {
          font-weight: bold;
          font-size: 24px;
          line-height: 32px; }
          @media screen and (max-width: 768px) {
            .blog-post-content .right p b:first-of-type {
              font-size: 16px;
              line-height: 28px; } }*/
        .blog-post-content .right p a img {
          max-width: 500px;
          display: block;
          margin: auto; }
        .blog-post-content .right p > img {
          max-width: 500px;
          display: block;
          margin: auto; }
      .blog-post-content .right h2 {
        color: #25292D;
        font-size: 40px;
        line-height: 56px;
        font-weight: bold;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right h2 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 24px; } }
      .blog-post-content .right h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
        color: #25292D;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right h3 {
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 24px; } }
      .blog-post-content .right h4 {
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        color: #25292D;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right h4 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 24px; } }
      .blog-post-content .right h6 {
        font-size: 16px;
        line-height: 28px;
        color: #6E717C;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right h6 {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 24px; } }
      .blog-post-content .right a:link, .blog-post-content .right a:active, .blog-post-content .right a:visited, .blog-post-content .right a:hover {
        color: #2C54C6;
        text-decoration: none; }
      .blog-post-content .right img {
        width: 100%; }
      .blog-post-content .right ul, .blog-post-content .right ol {
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right ul, .blog-post-content .right ol {
            margin-bottom: 24px; } }
      .blog-post-content .right ul li {
        color: #25292D;
        font-size: 20px;
        line-height: 46px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right ul li {
            font-size: 16px;
            line-height: 20px; } }
      .blog-post-content .right ol li {
        color: #25292D;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 24px; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right ol li {
            font-size: 16px;
            line-height: 20px; } }
      .blog-post-content .right table {
        background-color: unset !important;
        border: unset !important;
        border-radius: 0 !important;
        width: 100%; }
        .blog-post-content .right table td a:only-child {
          background-color: #2C54C6;
          padding: 16px 32px;
          border-radius: 8px; }
      .blog-post-content .right .blog-social-share {
        background-color: #F9FAFC;
        padding: 3rem 5rem;
        border-radius: 24px;
        margin-top: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (max-width: 1024px) {
          .blog-post-content .right .blog-social-share {
            flex-direction: column;
            align-items: center;
            padding: 20px 0; } }
        @media screen and (max-width: 768px) {
          .blog-post-content .right .blog-social-share {
            border-radius: unset;
            margin-top: 48px; } }
        .blog-post-content .right .blog-social-share p {
          color: #25292D;
          font-size: 20px;
          line-height: 30px;
          margin: 0; }
        .blog-post-content .right .blog-social-share .socials {
          display: flex;
          margin-left: 24px; }
          @media screen and (max-width: 1024px) {
            .blog-post-content .right .blog-social-share .socials {
              margin-top: 10px; } }
          .blog-post-content .right .blog-social-share .socials a {
            width: 40px;
            height: 40px; }
            .blog-post-content .right .blog-social-share .socials a:not(:last-of-type) {
              margin-right: 32px; }
      .blog-post-content .right .blog_content {
        max-width: 844px;
        margin: 0 auto; }
        @media screen and (max-width: 768px) {
          .blog-post-content .right .blog_content {
            padding-left: 7%;
            padding-right: 7%; } }