/*
$blue-001:#1133FF;
$blue-002:#0D25AE;
$blue-003:#1133FF;
$blue-004:#506AFF;
$blue-005:#1133FF;
*/
/*
$orange-001:#FF7811;
$orange-002:#FF5E14;
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

a {
  color: inherit; }

/* Some overrides on top of resets.scss (taken from https://gist.github.com/DavidWells/18e73022e723037a50d6) */
@font-face {
  font-family: "Matter";
  src: url("/assets/fonts/Matter-Bold.ttf");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Matter";
  src: url("/assets/fonts/Matter-Medium.ttf");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Matter";
  src: url("/assets/fonts/Matter-Regular.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Matter";
  src: url("/assets/fonts/Matter-SemiBold.ttf");
  font-weight: 600;
  font-style: normal; }
html {
  font-family: "Matter";
  font-weight: 400;
  line-height: 1.5; }

div, section {
  scrollbar-width: none; }
  div::-webkit-scrollbar, section::-webkit-scrollbar {
    display: none; }

body {
  line-height: inherit;
  overflow-x: hidden; }

html,
button,
input,
select,
textarea {
  color: inherit; }

a {
  text-decoration: none; }

* {
  box-sizing: border-box; }

a:focus, button:focus, select:focus, input:focus {
  outline: 0; }

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.gap-32 {
  gap: 2rem !important; }
  @media (max-width: 960px) {
    .gap-32 {
      gap: 1.25rem !important; } }

.bg-primary {
  background-color: #CFEF1C !important; }

.bg-gray-1 {
  background-color: #F7F7F7 !important; }

.bg-gray-3 {
  background-color: #F9F9F9 !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.bg-accent-yellow {
  background-color: #F5FFA8 !important; }

.bg-accent-blue {
  background-color: #E1F4FF !important; }

.bg-dark-2 {
  background-color: #2A2A2A !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.c2v {
  color: #000000;
  font-weight: 500; }

@media (max-width: 1024px) {
  .hide-in-desktop {
    display: none !important; } }

.black-logo {
  filter: grayscale(100%) brightness(0%) contrast(120%); }

.button {
  height: 2.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 600;
  color: #404040;
  position: relative;
  z-index: 2;
  color: #000000;
  background-color: #404040;
  color: #FFFFFF;
  font-family: "Matter";
  transition: al 300ms ease-in; }
  .button:hover, .button:focus {
    background-color: #2c2c2c; }
  .button:active:not(:disabled), .button.is-loading:not(:disabled) {
    position: relative;
    right: 1px;
    top: 1px; }
  .button[disabled], .button .is-disabled {
    background-color: #3D3D3D;
    color: rgba(224, 224, 224, 0.3);
    cursor: not-allowed; }
  .button.is-outlined {
    border: 2px solid #E0E0E0;
    background-color: transparent; }
    .button.is-outlined:hover, .button.is-outlined:focus {
      background-color: #E0E0E0; }
    .button.is-outlined[disabled], .button.is-outlined.is-disabled {
      background-color: transparent; }
  .button.is-primary {
    background-color: #CFEF1C;
    color: #000000; }
    .button.is-primary:hover, .button.is-primary:focus {
      background-color: #c6e610; }
    .button.is-primary[disabled], .button.is-primary.is-disabled {
      background-color: #e3f67b;
      color: rgba(61, 61, 61, 0.35); }
    .button.is-primary.is-outlined {
      border: 2px solid #CFEF1C;
      background-color: transparent;
      color: #CFEF1C; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
        background-color: #CFEF1C;
        color: #FFFFFF; }
      .button.is-primary.is-outlined[disabled], .button.is-primary.is-outlined.is-disabled {
        border: 2px solid #e3f67b;
        background-color: inherit;
        color: rgba(227, 246, 123, 0.35); }
      .button.is-primary.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-primary.is-outlined.is-loading::after {
          border: 2px solid #CFEF1C; }
  .button.is-secondary {
    background-color: #404040;
    transition: 300ms ease-in-out; }
    .button.is-secondary:hover, .button.is-secondary:focus {
      background-color: #CFEF1C;
      color: #000000; }
  .button.is-blue {
    background-color: #4049FD;
    color: #FFFFFF; }
    .button.is-blue:hover, .button.is-blue:focus {
      background-color: #232CD2; }
    .button.is-blue[disabled], .button.is-blue.is-disabled {
      background-color: #8187F7;
      color: rgba(255, 255, 255, 0.35); }
    .button.is-blue.is-outlined {
      border: 2px solid #4049FD;
      background-color: transparent;
      color: #4049FD; }
      .button.is-blue.is-outlined:hover, .button.is-blue.is-outlined:focus {
        background-color: #4049FD;
        color: #FFFFFF; }
      .button.is-blue.is-outlined[disabled], .button.is-blue.is-outlined.is-disabled {
        border: 2px solid #8187F7;
        background-color: inherit;
        color: rgba(129, 135, 247, 0.35); }
      .button.is-blue.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-blue.is-outlined.is-loading::after {
          border: 2px solid #4049FD; }
  .button.is-green {
    background-color: #5CF995;
    color: #FFFFFF; }
    .button.is-green:hover, .button.is-green:focus {
      background-color: #0FB94D; }
    .button.is-green[disabled], .button.is-green.is-disabled {
      background-color: #87FBB1;
      color: rgba(255, 255, 255, 0.35); }
    .button.is-green.is-outlined {
      border: 2px solid #5CF995;
      background-color: transparent;
      color: #5CF995; }
      .button.is-green.is-outlined:hover, .button.is-green.is-outlined:focus {
        background-color: #5CF995;
        color: #FFFFFF; }
      .button.is-green.is-outlined[disabled], .button.is-green.is-outlined.is-disabled {
        border: 2px solid #87FBB1;
        background-color: inherit;
        color: rgba(135, 251, 177, 0.35); }
      .button.is-green.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-green.is-outlined.is-loading::after {
          border: 2px solid #5CF995; }
  .button.is-red {
    background-color: #FF3E51;
    color: #FFFFFF; }
    .button.is-red:hover, .button.is-red:focus {
      background-color: #C31123; }
    .button.is-red[disabled], .button.is-red.is-disabled {
      background-color: #FD6171;
      color: rgba(255, 255, 255, 0.35); }
    .button.is-red.is-outlined {
      border: 2px solid #FF3E51;
      background-color: transparent;
      color: #FF3E51; }
      .button.is-red.is-outlined:hover, .button.is-red.is-outlined:focus {
        background-color: #FF3E51;
        color: #FFFFFF; }
      .button.is-red.is-outlined[disabled], .button.is-red.is-outlined.is-disabled {
        border: 2px solid #FD6171;
        background-color: inherit;
        color: rgba(253, 97, 113, 0.35); }
      .button.is-red.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-red.is-outlined.is-loading::after {
          border: 2px solid #FF3E51; }
  .button.is-orange {
    background-color: #FFA735;
    color: #FFFFFF; }
    .button.is-orange:hover, .button.is-orange:focus {
      background-color: #D08017; }
    .button.is-orange[disabled], .button.is-orange.is-disabled {
      background-color: #FFC06E;
      color: rgba(255, 255, 255, 0.35); }
    .button.is-orange.is-outlined {
      border: 2px solid #FFA735;
      background-color: transparent;
      color: #FFA735; }
      .button.is-orange.is-outlined:hover, .button.is-orange.is-outlined:focus {
        background-color: #FFA735;
        color: #FFFFFF; }
      .button.is-orange.is-outlined[disabled], .button.is-orange.is-outlined.is-disabled {
        border: 2px solid #FFC06E;
        background-color: inherit;
        color: rgba(255, 192, 110, 0.35); }
      .button.is-orange.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-orange.is-outlined.is-loading::after {
          border: 2px solid #FFA735; }
  .button.is-white {
    background-color: #FFFFFF;
    color: #2A2A2A; }
    .button.is-white:hover, .button.is-white:focus {
      background-color: #F0F0F0; }
    .button.is-white[disabled], .button.is-white.is-disabled {
      background-color: #3D3D3D;
      color: rgba(42, 42, 42, 0.35); }
    .button.is-white.is-outlined {
      border: 2px solid #FFFFFF;
      background-color: transparent;
      color: #FFFFFF; }
      .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
        background-color: #FFFFFF;
        color: #2A2A2A; }
      .button.is-white.is-outlined[disabled], .button.is-white.is-outlined.is-disabled {
        border: 2px solid #3D3D3D;
        background-color: inherit;
        color: rgba(61, 61, 61, 0.35); }
      .button.is-white.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-white.is-outlined.is-loading::after {
          border: 2px solid #FFFFFF; }
  .button.is-md {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .button.is-lg {
    height: 3rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem; }
  .button.is-fullrounded {
    border-radius: 25rem; }
  .button.is-rounded {
    border-radius: 0.25rem; }
  .button.has-icon-left .icon {
    margin-left: 0.25rem; }
  .button.has-icon-right .icon {
    margin-right: 0.25rem; }
  .button.is-loading {
    color: transparent !important;
    pointer-events: none; }
    .button.is-loading::after {
      content: "";
      width: 1.1rem;
      height: 1.1rem;
      border: 2px solid #000000;
      border-right: 2px solid transparent !important;
      border-radius: 100%;
      position: absolute;
      animation: spin 500ms linear infinite; }
  .button.call-button, .button.hero-button {
    height: 64px;
    font-family: "Matter";
    font-weight: 600;
    font-size: 1.25rem;
    border-radius: 25rem;
    color: #000000; }
  .button.call-button {
    display: inline-flex;
    gap: 12px;
    padding: 16px 6px 16px 8px;
    background-color: #2A2A2A;
    color: #FFFFFF; }
    .button.call-button .arrow-button {
      display: inline-flex;
      justify-content: center;
      min-width: 3rem;
      min-height: 3rem;
      border-radius: 3rem;
      background-color: #CFEF1C; }
      .button.call-button .arrow-button .arrow-icon {
        width: 24px;
        color: #000000;
        transition: 200ms ease-in; }
    .button.call-button:hover .arrow-icon {
      transform: translate(2px, -2px); }
    .button.call-button.is-primary {
      background-color: #CFEF1C;
      color: #000000; }
      .button.call-button.is-primary .arrow-button {
        background-color: #2A2A2A; }
        .button.call-button.is-primary .arrow-button .arrow-icon {
          color: #FFFFFF; }
  .button.hero-button {
    padding: 20px 18px;
    background-color: #CFEF1C; }
    .button.hero-button:hover, .button.hero-button:focus {
      background-color: #bedd10; }
    @media (max-width: 960px) {
      .button.hero-button {
        height: 48px;
        font-size: 1rem; } }
    @media (max-width: 550px) {
      .button.hero-button {
        padding: 16px;
        font-size: 14px; } }

.hero-section-texts {
  display: flex;
  align-items: center;
  height: 100%; }

.hero-title {
  color: #000000;
  font-size: 70px;
  font-family: "Matter";
  font-weight: 600;
  line-height: 1.2; }

.hero-subtitle, .section-subtitle {
  font-size: 18px;
  font-family: "Matter";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5; }
  @media (max-width: 700px) {
    .hero-subtitle, .section-subtitle {
      font-size: 1rem; } }

.hero-subtitle {
  text-transform: capitalize; }

.section-title {
  font-size: 56px;
  font-weight: 500;
  color: #000000;
  line-height: 1.2; }
  @media (max-width: 1024px) {
    .section-title {
      font-size: 42px; } }
  @media (max-width: 960px) {
    .section-title {
      font-size: 36px; } }
  @media (max-width: 700px) {
    .section-title {
      font-size: 30px; } }
  @media (max-width: 550px) {
    .section-title {
      font-size: 20px; } }

@media (max-width: 960px) {
  .section-texts {
    margin-bottom: 1.25rem; } }

.section-texts.variation-2 .section-texts-wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 20px; }
  .section-texts.variation-2 .section-texts-wrapper .section-title, .section-texts.variation-2 .section-texts-wrapper .section-subtitle {
    width: 100%; }
  .section-texts.variation-2 .section-texts-wrapper .section-title {
    max-width: 650px; }
  .section-texts.variation-2 .section-texts-wrapper .section-subtitle {
    max-width: 460px; }
  @media (max-width: 1024px) {
    .section-texts.variation-2 .section-texts-wrapper {
      flex-direction: column; }
      .section-texts.variation-2 .section-texts-wrapper .section-title {
        max-width: 100%; }
      .section-texts.variation-2 .section-texts-wrapper .section-subtitle {
        max-width: 600px; } }
  @media (max-width: 960px) {
    .section-texts.variation-2 .section-texts-wrapper {
      gap: 1rem; } }
  @media (max-width: 550px) {
    .section-texts.variation-2 .section-texts-wrapper {
      gap: 12px; } }

.section-texts.variation-3 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem; }
  .section-texts.variation-3 .section-texts-wrapper {
    width: 70%; }
  @media (max-width: 800px) {
    .section-texts.variation-3 {
      flex-direction: column; }
      .section-texts.variation-3 .section-texts-wrapper {
        width: auto; } }

.section-texts.variation-4 {
  max-width: 700px; }
  .section-texts.variation-4 .section-texts-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px; }
    .section-texts.variation-4 .section-texts-wrapper .section-cta {
      margin-top: 48px; }
      @media (max-width: 700px) {
        .section-texts.variation-4 .section-texts-wrapper .section-cta {
          margin-top: 28px; } }

.section-texts.variation-5 {
  font-size: 56px;
  font-weight: 500;
  color: #000000;
  line-height: 1.2;
  margin-top: 20px; }
  @media (max-width: 1024px) {
    .section-texts.variation-5 {
      font-size: 42px; } }
  @media (max-width: 960px) {
    .section-texts.variation-5 {
      font-size: 36px; } }
  @media (max-width: 700px) {
    .section-texts.variation-5 {
      font-size: 30px; } }
  @media (max-width: 550px) {
    .section-texts.variation-5 {
      font-size: 24px; } }
  .section-texts.variation-5 .section-title, .section-texts.variation-5 .section-subtitle {
    width: 100%; }
  .section-texts.variation-5 .section-title {
    max-width: 1016px;
    margin: 20px 0; }

.section-texts.is-white .text-tab {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.2); }
.section-texts.is-white .section-texts-wrapper .section-title {
  color: #FFFFFF; }
.section-texts.is-white .section-texts-wrapper .section-subtitle {
  color: rgba(255, 255, 255, 0.6); }

.text-tab {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.2; }
  .text-tab.is-fullrounded {
    border-radius: 25rem; }
  .text-tab.is-rounded {
    border-radius: 0.5rem; }
  .text-tab.for-black-bg {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  @media (max-width: 550px) {
    .text-tab {
      padding: 8px 14px;
      font-size: 14px; } }

.content-tabs {
  display: flex;
  gap: 12px; }
  .content-tabs .content-tab {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: .5rem;
    padding: 14px 26px;
    font-size: 1rem;
    line-height: 1;
    color: #000000;
    font-weight: 400; }
    @media (max-width: 960px) {
      .content-tabs .content-tab {
        padding: 14px 16px; } }
    @media (max-width: 800px) {
      .content-tabs .content-tab {
        padding: 12px;
        font-size: 14px; } }

.stats-col-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px; }
  @media (max-width: 960px) {
    .stats-col-3 {
      gap: 20px; } }
  @media (max-width: 700px) {
    .stats-col-3 {
      grid-template-columns: repeat(1, 1fr); } }

.stat-card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 48px 40px; }
  @media (max-width: 1024px) {
    .stat-card {
      padding: 24px 20px; } }
  .stat-card-texts {
    text-align: center; }
  .stat-card-title {
    font-size: 80px;
    font-weight: 500;
    color: #000000; }
    @media (max-width: 1024px) {
      .stat-card-title {
        font-size: 60px; } }
    @media (max-width: 960px) {
      .stat-card-title {
        font-size: 44px; } }
    @media (max-width: 700px) {
      .stat-card-title {
        font-size: 38px; } }
  .stat-card-subtitle {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.2; }
    @media (max-width: 960px) {
      .stat-card-subtitle {
        font-size: 18px; } }
  .stat-card.variation-2 {
    background-color: transparent;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.2); }
    .stat-card.variation-2 .stat-card-texts {
      display: flex;
      align-items: center;
      gap: 54px;
      text-align: left; }
      .stat-card.variation-2 .stat-card-texts .stat-card-title, .stat-card.variation-2 .stat-card-texts .stat-card-subtitle {
        color: #FFFFFF; }
      .stat-card.variation-2 .stat-card-texts .stat-card-title {
        font-size: 70px; }
    @media (max-width: 1366px) {
      .stat-card.variation-2 {
        padding: 20px; }
        .stat-card.variation-2 .stat-card-texts {
          gap: 40px; }
          .stat-card.variation-2 .stat-card-texts .stat-card-title {
            font-size: 50px; } }
    @media (max-width: 960px) {
      .stat-card.variation-2 {
        padding: 16px; }
        .stat-card.variation-2 .stat-card-texts {
          gap: 24px; }
          .stat-card.variation-2 .stat-card-texts .stat-card-title {
            font-size: 42px; }
          .stat-card.variation-2 .stat-card-texts .stat-card-subtitle {
            font-size: 18px; } }

.rating-stars {
  display: flex;
  gap: .25rem; }
  .rating-stars .rating-star {
    color: #3D3D3D; }
    .rating-stars .rating-star .star-icon {
      width: 24px;
      display: flex; }
    .rating-stars .rating-star.is-rated {
      color: #F0483A; }

.circular-buttons {
  display: flex;
  gap: 8px; }
  @media (max-width: 550px) {
    .circular-buttons {
      justify-content: center;
      justify-content: space-between; } }

.circular-button {
  height: 2.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 600;
  color: #404040;
  position: relative;
  z-index: 2;
  min-width: 48px;
  min-height: 48px;
  background-color: #FFFFFF;
  border-radius: 25rem;
  transition: all 200ms ease-in; }
  .circular-button:hover {
    background-color: #CFEF1C; }
    .circular-button:hover .circular-button-icon {
      color: #000000; }
  .circular-button-icon {
    width: 1rem;
    display: flex;
    color: rgba(0, 0, 0, 0.6);
    transition: all 200ms ease-in; }
  .circular-button.is-active {
    background-color: #CFEF1C; }
    .circular-button.is-active .circular-button-icon {
      color: #000000; }

.vertical-bar {
  display: flex;
  gap: 4px;
  background-color: #FFFFFF;
  width: 100%;
  height: 6px;
  border-radius: 25rem;
  overflow: hidden; }
  .vertical-bar-value {
    background-color: #FFFFFF;
    width: calc(100% / 3);
    height: 8px;
    border-radius: 25rem; }
    .vertical-bar-value.is-active {
      background-color: #CFEF1C; }

.horizontal-bar {
  min-height: 100%;
  width: 6px;
  background-color: rgba(207, 239, 28, 0.2);
  border-radius: 25rem;
  display: flex;
  flex-direction: column;
  gap: 4px; }
  .horizontal-bar-value {
    min-height: 150px;
    width: 6px;
    border-radius: 25rem; }
    .horizontal-bar-value.is-active {
      background-color: #CFEF1C; }

.ellipse-container-body-item .ellipse-icon {
  position: relative;
  width: fit-content; }
  .ellipse-container-body-item .ellipse-icon-svg {
    width: 920px; }
.ellipse-container-body-avatar {
  display: flex;
  align-items: center;
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%); }
  .ellipse-container-body-avatar .avatar-wrapper .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 25rem; }

.trust-badges {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(4, 1fr); }
  .trust-badges .trust-badge-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 40px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 25rem;
    position: relative; }
    .trust-badges .trust-badge-item-logo {
      background-color: #FFFFFF;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      border-radius: 25rem;
      position: absolute;
      top: -35px; }
      .trust-badges .trust-badge-item-logo .logo-img {
        object-fit: contain; }
      @media (max-width: 550px) {
        .trust-badges .trust-badge-item-logo {
          width: 60px;
          height: 60px; } }
      @media (max-width: 550px) {
        .trust-badges .trust-badge-item-logo {
          top: -25px; } }
    .trust-badges .trust-badge-item .logo-svg {
      width: 30px;
      color: #F0483A; }
    .trust-badges .trust-badge-item-text {
      font-size: 24px;
      margin-top: 26px;
      color: rgba(255, 255, 255, 0.6); }
      @media (max-width: 550px) {
        .trust-badges .trust-badge-item-text {
          font-size: 1rem; } }
    @media (max-width: 960px) {
      .trust-badges .trust-badge-item {
        padding: 20px 30px; } }
  @media (max-width: 1200px) {
    .trust-badges {
      grid-template-columns: repeat(2, 1fr);
      gap: 4rem 1.25rem; } }
  @media (max-width: 960px) {
    .trust-badges {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 1rem; }
      .trust-badges .trust-badge-item-text {
        margin-top: 36px; } }
  @media (max-width: 550px) {
    .trust-badges {
      row-gap: 3rem; }
      .trust-badges .trust-badge-item-text {
        margin-top: 20px;
        line-height: 1.2; } }
  .trust-badges.variation-2 .trust-badge-item {
    border: 1px solid rgba(0, 0, 0, 0.15); }
    .trust-badges.variation-2 .trust-badge-item-logo {
      background-color: #CFEF1C; }
      @media (max-width: 550px) {
        .trust-badges.variation-2 .trust-badge-item-logo {
          width: 50px;
          height: 50px; } }
      .trust-badges.variation-2 .trust-badge-item-logo .logo-svg {
        color: #000000;
        width: 28px;
        height: 28px; }
        @media (max-width: 550px) {
          .trust-badges.variation-2 .trust-badge-item-logo .logo-svg {
            width: 20px;
            height: 20px; } }
    .trust-badges.variation-2 .trust-badge-item-text {
      color: #000000;
      font-size: 40px;
      font-weight: 500;
      line-height: 1.2; }
      @media (max-width: 550px) {
        .trust-badges.variation-2 .trust-badge-item-text {
          font-size: 24px; } }
      .trust-badges.variation-2 .trust-badge-item-text-label {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        margin-top: 14px; }
        @media (max-width: 550px) {
          .trust-badges.variation-2 .trust-badge-item-text-label {
            margin-top: 4px; } }
  @media (max-width: 1200px) {
    .trust-badges.variation-2 {
      grid-template-columns: repeat(4, 1fr); } }

.brand-logo-2 {
  width: 100%;
  padding: 24px;
  background-color: #FFFFFF;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .brand-logo-2-icon .brand-logo-img {
    height: 42px; }
    @media (max-width: 550px) {
      .brand-logo-2-icon .brand-logo-img {
        height: 30px; } }

.info-card {
  width: 100%;
  padding: 2rem;
  background-color: #FFFFFF;
  border-radius: 2rem;
  transition: all 300ms ease; }
  .info-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px; }
  .info-card-text .info-card-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    color: #000000;
    font-family: "Matter";
    font-weight: 500;
    transition: all 300ms ease; }
  .info-card-text .info-card-subtitle {
    font-size: 16px;
    font-family: "Matter";
    line-height: 150%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    text-align: right;
    transition: all 300ms ease; }
  .info-card-text.align-end {
    display: flex;
    justify-content: end; }
    @media (max-width: 550px) {
      .info-card-text.align-end {
        justify-content: start; } }
  .info-card:hover, .info-card.is-active {
    background-color: #CFEF1C; }
  @media (max-width: 960px) {
    .info-card {
      padding: 1.5rem; } }
  @media (max-width: 800px) {
    .info-card .info-card-title {
      font-size: 24px; }
    .info-card .info-card-subtitle {
      font-size: 16px; } }
  @media (max-width: 550px) {
    .info-card {
      border-radius: 1rem; }
      .info-card .info-card-subtitle {
        text-align: left; } }

.insight {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 24px;
  border-radius: 1.25rem;
  transition: all 200ms ease-in-out; }
  .insight-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem; }
    .insight-item .icon-container {
      background-color: #3D3D3D;
      color: #FFFFFF;
      transition: all 200ms ease-in-out; }
    @media (max-width: 800px) {
      .insight-item {
        display: flex;
        align-items: start;
        justify-content: flex-start; } }
    .insight-item-texts {
      display: flex;
      align-items: center;
      gap: 90px; }
      .insight-item-texts .insight-item-title {
        font-size: 2rem;
        line-height: 1.2;
        color: #FFFFFF;
        width: 400px; }
        @media (max-width: 960px) {
          .insight-item-texts .insight-item-title {
            font-size: 1.5rem; } }
        @media (max-width: 700px) {
          .insight-item-texts .insight-item-title {
            width: auto; } }
        @media (max-width: 550px) {
          .insight-item-texts .insight-item-title {
            font-size: 1.2rem; } }
      .insight-item-texts .insight-item-subtitle {
        max-width: 350px;
        font-size: 1rem;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.6); }
        @media (max-width: 550px) {
          .insight-item-texts .insight-item-subtitle {
            font-size: 14px;
            max-width: 300px; } }
        @media (max-width: 800px) {
          .insight-item-texts .insight-item-subtitle {
            max-width: 100%; } }
      @media (max-width: 960px) {
        .insight-item-texts {
          gap: 20px; } }
      @media (max-width: 800px) {
        .insight-item-texts {
          display: flex;
          flex-direction: column;
          align-items: start;
          gap: 12px; } }
    @media (max-width: 550px) {
      .insight-item {
        gap: 1rem; } }
  .insight:hover {
    background-color: #3D3D3D;
    border-color: transparent; }
    .insight:hover .icon-container {
      background-color: #CFEF1C;
      color: #000000; }

.icon-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 25rem;
  transition: all 200ms ease-in-out; }
  .icon-container .icon-item {
    font-size: 24px;
    font-weight: 500;
    transition: all 200ms ease-in-out; }
  .icon-container.is-primary {
    background-color: #CFEF1C; }
  .icon-container.is-md {
    min-width: 70px;
    min-height: 70px; }
    .icon-container.is-md .icon-item {
      font-size: 20px; }
    @media (max-width: 960px) {
      .icon-container.is-md {
        min-width: 50px;
        min-height: 50px; }
        .icon-container.is-md .icon-item {
          font-size: 18px; } }
    @media (max-width: 550px) {
      .icon-container.is-md {
        min-width: 44px;
        min-height: 44px; }
        .icon-container.is-md .icon-item {
          font-size: 16px; } }
  .icon-container.is-sm {
    min-height: 50px;
    min-width: 50px; }
    .icon-container.is-sm .icon-item {
      font-size: 16px; }
  .icon-container.is-sm2 {
    min-height: 40px;
    min-width: 40px; }
    .icon-container.is-sm2 .icon-item {
      font-size: 16px; }

.email {
  display: inline-flex; }
  .email .circular-button {
    background-color: #F7F7F7;
    width: 50px;
    height: 50px;
    padding: 0; }
    @media (max-width: 550px) {
      .email .circular-button {
        width: 36px;
        height: 36px; } }
    .email .circular-button-icon {
      width: 24px;
      height: 24px;
      transition: all 200ms linear; }
  .email .email-link {
    display: flex;
    gap: 20px;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000000; }
    @media (max-width: 550px) {
      .email .email-link {
        font-size: 20px; } }
  .email:hover .circular-button-icon {
    transform: translate(4px, -4px); }

.section-cta {
  margin: 0 auto; }

.user-avatars {
  position: relative;
  width: 170px; }
  .user-avatars .user-avatar, .user-avatars .circular-add-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 0.78px solid #CFEF1C;
    border-radius: 25rem;
    overflow: hidden; }
    .user-avatars .user-avatar-img, .user-avatars .circular-add-btn-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top; }
  .user-avatars.is-dark .circular-add-btn {
    background-color: #000000; }
    .user-avatars.is-dark .circular-add-btn .add-icon {
      color: #FFFFFF; }
  .user-avatars.is-dark .user-avatar, .user-avatars.is-dark .circular-add-btn {
    border-color: #000000; }
  .user-avatars.is-white-border .user-avatar, .user-avatars.is-white-border .circular-add-btn {
    border-color: #FFFFFF; }

.circular-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid #CFEF1C;
  border-radius: 25rem;
  background-color: #FFFFFF; }
  .circular-add-btn .add-icon {
    width: 1.25rem; }

.cta-form {
  width: 100%;
  max-width: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .cta-form-input, .cta-form-button {
    border: 0;
    outline: 0;
    background-color: transparent; }
  .cta-form-input {
    width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid transparent;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 20px 28px;
    backdrop-filter: blur(22px);
    border-radius: 25rem;
    transition: all 200ms linear; }
    .cta-form-input::placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .cta-form-input:focus {
      border-color: rgba(255, 255, 255, 0.4); }
  .cta-form-button {
    position: absolute;
    right: 26px; }
    .cta-form-button-icon {
      width: 24px;
      display: flex;
      transition: all 300ms linear; }
    .cta-form-button:hover .cta-form-button-icon {
      transform: translateX(6px); }

.circular-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 200ms; }
  .circular-icon-svg {
    width: 24px;
    height: 24px;
    fill: #000000; }

.brand-card {
  width: 100%;
  background-color: #F9F9F9;
  border-radius: 1.25rem;
  padding: 2rem;
  transition: 300ms ease-in; }
  .brand-card-body {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%; }
  .brand-card .brand-card-img .image {
    width: 100%;
    height: 100%;
    min-height: 360px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media (max-width: 700px) {
      .brand-card .brand-card-img .image {
        min-height: 220px; } }
  .brand-card .brand-card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    height: 100%; }
    .brand-card .brand-card-content-left {
      display: flex;
      flex-direction: column;
      gap: 14px; }
    .brand-card .brand-card-content-text {
      color: #000000;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.15; }
      @media (max-width: 960px) {
        .brand-card .brand-card-content-text {
          font-size: 20px; } }
      @media (max-width: 550px) {
        .brand-card .brand-card-content-text {
          font-size: 16px; } }
    .brand-card .brand-card-content-right .arrow-button {
      outline: 0;
      border: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #FFFFFF;
      min-width: 68px;
      min-height: 68px;
      border-radius: 25rem; }
      .brand-card .brand-card-content-right .arrow-button .arrow-icon {
        width: 2rem;
        color: #000000; }
        @media (max-width: 550px) {
          .brand-card .brand-card-content-right .arrow-button .arrow-icon {
            width: 1.5rem; } }
      @media (max-width: 960px) {
        .brand-card .brand-card-content-right .arrow-button {
          background-color: #CFEF1C;
          min-width: 50px;
          min-height: 50px; } }
  .brand-card.brand-card .arrow-button, .brand-card .arrow-icon, .brand-card .content-tab {
    transition: 300ms ease-in; }
  .brand-card:hover {
    background-color: #CFEF1C;
    transform: translateY(-42px); }
    .brand-card:hover .arrow-button {
      background-color: #2A2A2A; }
      .brand-card:hover .arrow-button .arrow-icon {
        color: #FFFFFF;
        transform: translate(4px, -4px); }
    .brand-card:hover .content-tab {
      background-color: rgba(0, 0, 0, 0.099) !important;
      transition: 300ms ease-in; }
    @media (max-width: 550px) {
      .brand-card:hover {
        transform: none; } }
  @media (max-width: 960px) {
    .brand-card {
      padding: 1.5rem; } }
  .brand-card.variation-2 {
    background-color: transparent; }
    .brand-card.variation-2 .brand-card-body {
      gap: 24px; }
      .brand-card.variation-2 .brand-card-body .brand-card-content-left {
        gap: 18px; }
    .brand-card.variation-2 .content-tabs .content-tab {
      background-color: #FFFFFF !important; }
    .brand-card.variation-2:hover {
      background-color: #FFFFFF;
      filter: drop-shadow(0 1px 31px rgba(0, 0, 0, 0.08));
      transform: none; }
      .brand-card.variation-2:hover .content-tab.bg-accent-yellow {
        background-color: #F5FFA8 !important; }
      .brand-card.variation-2:hover .content-tab.bg-accent-blue {
        background-color: #E1F4FF !important; }
    @media (max-width: 960px) {
      .brand-card.variation-2 {
        background-color: #FFFFFF;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.08));
        transform: none; }
        .brand-card.variation-2 .content-tab.bg-accent-yellow {
          background-color: #F5FFA8 !important; }
        .brand-card.variation-2 .content-tab.bg-accent-blue {
          background-color: #E1F4FF !important; } }

.navbar-2 {
  background-color: #FFFFFF;
  height: 80px;
  width: 100%;
  max-width: 1100px;
  border-radius: 25rem;
  z-index: 999;
  position: relative;
  box-shadow: 0 2px 228px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 1200px) {
    .navbar-2 {
      border-radius: 0; } }
  .navbar-2 .navbar-wrapper, .navbar-2 .navbar-left, .navbar-2 .navbar-center, .navbar-2 .navbar-right, .navbar-2 .navbar-content, .navbar-2 .navbar-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; }
  .navbar-2 .navbar-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 8px 8px 20px;
    justify-content: space-between;
    gap: 32px; }
    @media (max-width: 550px) {
      .navbar-2 .navbar-wrapper {
        padding: 0 16px; } }
    .navbar-2 .navbar-wrapper .navbar-controls {
      display: none; }
  .navbar-2 .navbar-brand {
    display: flex;
    align-items: center;
    height: 50px; }
    @media (max-width: 700px) {
      .navbar-2 .navbar-brand {
        height: 44px; } }
    .navbar-2 .navbar-brand-image {
      height: 100%;
      width: 100%;
      max-width: 180px; }
    .navbar-2 .navbar-brand .navber-brand-title {
      font-size: 20px;
      font-weight: 900;
      color: #1E3F61; }
      @media (max-width: 550px) {
        .navbar-2 .navbar-brand .navber-brand-title {
          font-size: 16px;
          font-weight: 700; } }
  .navbar-2 .navbar-menu {
    padding: 0;
    margin: 0; }
    .navbar-2 .navbar-menu .navbar-menu-contact {
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 32px;
      background-color: transparent;
      padding: 8px 16px;
      border: 1px solid #EDF2FF; }
      .navbar-2 .navbar-menu .navbar-menu-contact .contact-icon {
        display: flex;
        align-items: center; }
        .navbar-2 .navbar-menu .navbar-menu-contact .contact-icon .contact-icon-link {
          fill: #EDF2FF;
          width: 12px;
          height: 12px; }
      .navbar-2 .navbar-menu .navbar-menu-contact .contact-text {
        display: flex;
        flex-direction: column;
        line-height: 24px; }
        .navbar-2 .navbar-menu .navbar-menu-contact .contact-text .contact-text-heading {
          color: #EDF2FF;
          font-size: 10px;
          font-weight: 600;
          line-height: 14px; }
        .navbar-2 .navbar-menu .navbar-menu-contact .contact-text .contact-text-number {
          color: #000000;
          font-size: 14px;
          font-weight: 600;
          line-height: 20px; }
    .navbar-2 .navbar-menu .navbar-menu-item {
      position: relative;
      list-style: none; }
      .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
        margin-left: 1.25rem; }
      .navbar-2 .navbar-menu .navbar-menu-item.active .navbar-menu-item-link {
        font-weight: 600; }
      @media (max-width: 1200px) {
        .navbar-2 .navbar-menu .navbar-menu-item {
          margin-left: 0; }
          .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
            margin-left: 0; } }
      .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        color: #2A2A2A;
        line-height: 1;
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        transition: all 300ms ease-in; }
        @media (max-width: 1200px) {
          .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
            display: flex !important;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            border-radius: 50px; } }
        @media (max-width: 1200px) {
          .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link.open {
            background-color: #CFEF1C;
            margin-bottom: 8px; } }
        .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link.is-active {
          color: #000000 !important; }
          .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link.is-active:hover {
            color: #000000; }
        @media (max-width: 1200px) {
          .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
            width: 100%; } }
        .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link:hover {
          color: #000000; }
      .navbar-2 .navbar-menu .navbar-menu-item.is-active::after {
        content: "";
        width: 12px;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -12px;
        background-color: #000000;
        opacity: 1;
        transition: all 300ms ease-in; }
        @media (max-width: 1200px) {
          .navbar-2 .navbar-menu .navbar-menu-item.is-active::after {
            bottom: 0; } }
      .navbar-2 .navbar-menu .navbar-menu-item.is-active-transparent .navbar-menu-item-link::after {
        content: "";
        width: 12px;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -10px;
        background-color: #000000;
        opacity: 1;
        transition: all 300ms ease-in; }
        @media (max-width: 700px) {
          .navbar-2 .navbar-menu .navbar-menu-item.is-active-transparent .navbar-menu-item-link::after {
            bottom: 0 !important; } }
    .navbar-2 .navbar-menu .navbar-menu-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 6px 12px;
      background-color: #EDF2FF;
      white-space: nowrap;
      border-radius: 32px;
      color: #FFFFFF !important;
      font-size: 14px;
      font-weight: 600;
      transition: all .4s;
      border: 1px solid #EDF2FF; }
      .navbar-2 .navbar-menu .navbar-menu-button-icon {
        width: 16px;
        display: inline-flex;
        fill: #FFFFFF !important; }
      .navbar-2 .navbar-menu .navbar-menu-button:hover {
        background-color: transparent;
        color: #EDF2FF !important; }
      .navbar-2 .navbar-menu .navbar-menu-button:hover .navbar-menu-button-icon {
        fill: #000000 !important;
        transition: all .4s; }
  .navbar-2 .navbar-toggler {
    display: none;
    cursor: pointer; }
    .navbar-2 .navbar-toggler-icon {
      width: 24px;
      height: 24px;
      fill: #2A2A2A !important; }
  .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .navbar-2.is-headsup {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 1rem); }
    @media (max-width: 1200px) {
      .navbar-2.is-headsup {
        transform: translate(-50%, 0); } }

.navsubmenu {
  background-color: rgba(128, 128, 128, 0.2);
  font-size: 1rem;
  border-radius: 16px; }
  .navsubmenu-content {
    background: rgba(234, 210, 187, 0.5);
    backdrop-filter: blur(36px);
    border-radius: 16px; }
  .navsubmenu .navsubmenu-wrapper {
    display: flex;
    padding: 20px; }
    .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper {
      display: flex; }
      .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper .navsubmenu-menu-column {
        width: 100%; }
        .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper .navsubmenu-menu-column .navsubmenu-menu {
          display: flex;
          flex-direction: column;
          gap: 16px; }

.navsubmenu-menu-item-link {
  color: #FFFFFF;
  display: block; }
.navsubmenu-menu-item-link.is-heading {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 1rem; }

@media (max-width: 800px) {
  .navbar-menu-item.has-dropdown {
    display: none !important; } }

.mobile-dropdown {
  display: none; }
  @media (max-width: 800px) {
    .mobile-dropdown {
      display: block; } }

.has-dropdown {
  position: relative; }
  .has-dropdown .dropdown {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -42px;
    top: 20px;
    transition: all 300ms ease-in;
    z-index: 99;
    transform: translateY(50vh); }
    @media (max-width: 800px) {
      .has-dropdown .dropdown {
        display: none; } }
  .has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }

.mobile-sub-menus {
  display: grid;
  grid-template-columns: repeat(1, 1fr); }

.navbar-menu-item.mobile-sub-menu {
  display: none !important;
  padding-left: 24px; }
  @media (max-width: 700px) {
    .navbar-menu-item.mobile-sub-menu {
      display: block !important; } }

.navbar-2.is-transparent {
  background-color: transparent !important; }
  .navbar-2.is-transparent .navbar-menu-item-link {
    color: #FFFFFF !important; }
  .navbar-2.is-transparent .navbar-toggler-icon {
    fill: #FFFFFF !important; }

@media (max-width: 700px) {
  .navbar-2.is-black {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9) !important; } }

.navbar-menu-item.hover-after-none {
  padding: 12px 20px;
  transition: all 300ms ease-in; }
  .navbar-menu-item.hover-after-none::after {
    content: "";
    background-color: transparent !important; }

.navbar-modifier {
  height: 100% !important; }
  @media (max-width: 700px) {
    .navbar-modifier .nav-modifier-wrapper {
      position: relative;
      display: flex;
      gap: 12px; }
      .navbar-modifier .nav-modifier-wrapper .navbar-left {
        /*        overflow-x: unset !important;*/ }
      .navbar-modifier .nav-modifier-wrapper .nav-modifier-menu .navbar-menu-item-link {
        padding-left: 0 !important; } }
  @media (max-width: 800px) {
    .navbar-modifier .nav-modifier-wrapper .navbar-content {
      display: block !important;
      width: 100%; }
    .navbar-modifier .nav-modifier-wrapper .nav-modifier-menu {
      margin-top: 20px;
      margin-left: 0 !important;
      width: 100%;
      height: 60px;
      /*        max-width: 600px;*/
      overflow-x: scroll;
      scrollbar-width: none; }
      .navbar-modifier .nav-modifier-wrapper .nav-modifier-menu::-webkit-scrollbar {
        display: none; } }

.navbar-toggler {
  display: none;
  cursor: pointer; }
  .navbar-toggler-icon {
    width: 20px;
    height: 20px;
    fill: #2A2A2A !important; }

@media (max-width: 1200px) {
  .navbar-2 {
    height: auto;
    width: 100%;
    max-width: 100%;
    position: absolute;
    background-color: #FFFFFF; }
    .navbar-2 .navbar-wrapper {
      display: block;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .navbar-2 .navbar-wrapper .navbar-left {
        display: block; }
      .navbar-2 .navbar-wrapper .navbar-center, .navbar-2 .navbar-wrapper .navbar-right {
        display: none; }
        .navbar-2 .navbar-wrapper .navbar-center .navbar-content, .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
          display: block;
          width: 100%; }
          .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu, .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
            display: block; }
            .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item, .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item {
              height: unset; }
              .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item-link, .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item-link {
                display: block;
                padding-top: 12px;
                padding-bottom: 12px; }
                .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item-link.is-active::after, .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item-link.is-active::after {
                  bottom: 0; }
      .navbar-2 .navbar-wrapper .navbar-center .navbar-content {
        margin-top: 20px; }
      .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
        display: block;
        width: 100%;
        margin-top: 20px; }
        .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
          display: flex;
          justify-content: start; }
      .navbar-2 .navbar-wrapper .navbar-controls {
        display: block;
        margin-bottom: 1rem; }
        .navbar-2 .navbar-wrapper .navbar-controls-wrapper {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 1.25rem; }
          .navbar-2 .navbar-wrapper .navbar-controls-wrapper .navbar-brand img {
            height: 2rem; }
          .navbar-2 .navbar-wrapper .navbar-controls-wrapper .navbar-toggler {
            font-size: 1.25rem;
            color: #404040; }
      .navbar-2 .navbar-wrapper .navbar-menu-item {
        display: flex;
        align-items: center;
        height: 24px; }
    .navbar-2 .navbar-toggler {
      display: flex; }
      .navbar-2 .navbar-toggler-icon {
        fill: #FFFFFF; }
        .navbar-2 .navbar-toggler-icon.hidden {
          display: none; }
    .navbar-2 .navbar-left.hidden, .navbar-2 .navbar-center.hidden, .navbar-2 .navbar-right.hidden {
      display: none; }
    .navbar-2 .navbar-left.visible, .navbar-2 .navbar-center.visible, .navbar-2 .navbar-right.visible {
      display: block; } }
.navbar-2.is-relative .navsubmenu-content {
  background: transparent; }

.nav-bg {
  background-color: rgba(214, 224, 251, 0.4);
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1; }

#dropdown {
  --border-radius: 6px;
  --shadow-color: 60deg 13% 61%;
  width: 100%;
  border-radius: var(--border-radius);
  position: relative; }
  @media (max-width: 1200px) {
    #dropdown {
      width: 100%;
      padding-right: 12px; } }

/* DROPDOWN/SUBMENU ITEMS AND TOGGLES */
@media (max-width: 1200px) {
  .has-dropdown-2 {
    flex-direction: column;
    align-items: flex-start !important; } }

.dropdown-toggle {
  display: flex !important; }

.menu-item a {
  color: #2A2A2A; }

.menu-item,
.submenu-item {
  width: 100%;
  cursor: pointer;
  padding: 8px 12px; }

:is(.menu-item, .submenu-item):first-child {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit; }

:is(.menu-item, .submenu-item):last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit; }

:is(.menu-item, .submenu-item):hover {
  background-color: #E0E0E0; }

.dropdown-toggle,
.submenu-toggle {
  display: flex;
  align-items: center;
  padding: 4px 8px; }
  @media (max-width: 1200px) {
    .dropdown-toggle,
    .submenu-toggle {
      padding: 4px 0; } }

.dropdown-toggle > .dropdown-icon {
  color: #7b7b6e; }

.dropdown-icon {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: 4px;
  transition: 0.25s ease;
  transform-origin: center;
  justify-content: center; }
  @media (max-width: 1200px) {
    .dropdown-icon {
      margin-left: auto;
      transform: rotate(-90deg); } }
  .dropdown-icon svg {
    width: 10px;
    display: flex;
    fill: #2A2A2A; }

.dropdown-icon.two {
  width: 40px; }

.dropdown-toggle.open > .dropdown-icon {
  transform: rotate(180deg); }
  @media (max-width: 1200px) {
    .dropdown-toggle.open > .dropdown-icon {
      transform: rotate(0); } }

/* MENU and SUBMENU */
.dropdown {
  position: relative; }

.menu,
.submenu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #FFFFFF;
  border-radius: var(--border-radius);
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease; }
  @media (max-width: 700px) {
    .menu,
    .submenu {
      background-color: transparent;
      backdrop-filter: blur(0); } }

.menu {
  width: 100%;
  translate: 0 -12px; }

.menu {
  gap: 0; }

.menu.open {
  visibility: visible;
  opacity: 1;
  translate: 0 12px; }
  @media (max-width: 1200px) {
    .menu.open {
      position: relative;
      translate: 0;
      width: 100%; } }

.submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 100%;
  translate: -12px 0; }
  .submenu-item {
    display: flex;
    align-items: center;
    gap: 8px; }
    .submenu-item-icon {
      width: 20px;
      height: 20px; }
      .submenu-item-icon-svg {
        padding: 2px;
        border-radius: 4px; }

.submenu.is-active {
  visibility: visible;
  opacity: 1;
  transform: translate(20px, 0); }
  @media (max-width: 700px) {
    .submenu.is-active {
      position: relative;
      left: 0; } }

.navbar-icon-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px;
  padding: 25px 12px;
  width: 100% !important; }
  @media (max-width: 700px) {
    .navbar-icon-cards {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      padding: 12px;
      scrollbar-width: none; }
      .navbar-icon-cards::-webkit-scrollbar {
        display: none; } }
  @media (max-width: 700px) {
    .navbar-icon-cards {
      display: flex !important; } }
  .navbar-icon-cards .icon-card {
    color: inherit;
    gap: 4px;
    padding: 8px;
    border-radius: 12px;
    min-width: 100%; }
    .navbar-icon-cards .icon-card:hover {
      background-color: rgba(51, 105, 255, 0.25); }
    @media (max-width: 700px) {
      .navbar-icon-cards .icon-card {
        min-width: 250px !important;
        background-color: rgba(255, 255, 255, 0.3); } }
    .navbar-icon-cards .icon-card-logo {
      width: 40px !important;
      height: 40px !important; }
    .navbar-icon-cards .icon-card-texts-title {
      font-weight: 400 !important; }
    .navbar-icon-cards .icon-card-texts-subtitle {
      font-size: 12px !important;
      width: 100% !important;
      max-width: 200px !important;
      color: #3D3D3D !important; }
      @media (max-width: 700px) {
        .navbar-icon-cards .icon-card-texts-subtitle {
          max-width: 100% !important; } }

.cards-menu {
  min-width: 600px; }
  @media (max-width: 700px) {
    .cards-menu {
      min-width: 100%; } }

.nav-icon {
  display: none; }
  @media (max-width: 1200px) {
    .nav-icon {
      display: flex; } }
  .nav-icon-icon {
    width: 20px;
    color: #000000; }

.testimonial {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 1.25rem;
  padding: 2rem;
  transition: 200ms ease-in; }
  .testimonial-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    height: 100%; }
  .testimonial-header {
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    .testimonial-header-items {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px; }
    .testimonial-header .rating-texts .rating-text {
      font-size: 80px;
      font-weight: 500;
      line-height: 1;
      display: flex;
      align-items: end; }
      .testimonial-header .rating-texts .rating-text .out-of {
        font-size: 2rem;
        color: rgba(0, 0, 0, 0.3);
        vertical-align: bottom; }
        @media (max-width: 550px) {
          .testimonial-header .rating-texts .rating-text .out-of {
            font-size: 1.5rem; } }
      @media (max-width: 550px) {
        .testimonial-header .rating-texts .rating-text {
          font-size: 60px; } }
    .testimonial-header .testimonial-texts .testimonial-text {
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.4; }
      @media (max-width: 800px) {
        .testimonial-header .testimonial-texts .testimonial-text {
          font-size: 1rem; } }
      @media (max-width: 550px) {
        .testimonial-header .testimonial-texts .testimonial-text {
          font-size: .875rem; } }
  .testimonial:hover {
    background-color: #CFEF1C; }

.brand-logo .clutch-logo {
  width: 92px;
  height: 2rem; }

.testimonial-user {
  display: flex;
  align-items: center;
  gap: 1.25rem; }
  .testimonial-user-avatar .avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 25rem;
    object-fit: cover;
    object-position: center; }
  .testimonial-user-texts .user-title {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    line-height: 1;
    margin-bottom: 4px; }
  .testimonial-user-texts .user-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5); }

/********************************************************************************/
.testimonial-4 {
  background-color: #F9F9F9;
  padding: 24px;
  border-radius: 1.25rem; }
  .testimonial-4 .testimonial-4-wrapper {
    display: flex;
    gap: 24px; }
  .testimonial-4 .testimonial-4-img-wrapper {
    position: relative;
    display: inline-block; }
    .testimonial-4 .testimonial-4-img-wrapper .testimonial-4-img {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: 1.25rem;
      position: relative; }
      @media (max-width: 700px) {
        .testimonial-4 .testimonial-4-img-wrapper .testimonial-4-img {
          width: 120px;
          height: 132px; } }
    .testimonial-4 .testimonial-4-img-wrapper .img-overlay {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.22);
      border-radius: 1.25rem;
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: all 300ms ease-in-out; }
    .testimonial-4 .testimonial-4-img-wrapper:hover .img-overlay {
      opacity: 1; }
  .testimonial-4 .video-play-button {
    background-color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    border-radius: 25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
    .testimonial-4 .video-play-button-icon {
      width: 12px;
      height: 12px; }
      @media (max-width: 700px) {
        .testimonial-4 .video-play-button-icon {
          min-width: 32px; } }
  .testimonial-4 .testimonial-4-texts {
    font-size: 18px;
    color: #000000;
    line-height: 1.5;
    font-family: "Matter";
    font-weight: 400; }
    .testimonial-4 .testimonial-4-texts .arrow-wrapper .left-arrow, .testimonial-4 .testimonial-4-texts .arrow-wrapper .right-arrow {
      width: 20px;
      padding: 2px;
      background-color: #fff;
      border-radius: 100%;
      color: #5e5c5c; }
    .testimonial-4 .testimonial-4-texts .arrow-wrapper .right-arrow {
      background: #bdbdbd; }
    .testimonial-4 .testimonial-4-texts .testimonial-4-texts-navbar {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #5d5d5d91; }
      @media (max-width: 550px) {
        .testimonial-4 .testimonial-4-texts .testimonial-4-texts-navbar {
          flex-direction: column;
          align-items: center;
          margin: 12px 0; } }
      .testimonial-4 .testimonial-4-texts .testimonial-4-texts-navbar .testimonial-4-logo {
        width: 150px; }
      .testimonial-4 .testimonial-4-texts .testimonial-4-texts-navbar .arrow-wrapper {
        display: flex;
        align-items: center;
        gap: 4px; }
    .testimonial-4 .testimonial-4-texts .footer-right-arrow {
      display: flex;
      align-items: center;
      gap: 4px;
      color: gray;
      font-weight: 600; }
    @media (max-width: 700px) {
      .testimonial-4 .testimonial-4-texts {
        font-size: 12px; } }
  .testimonial-4-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem; }
    .testimonial-4-details .rating-stars {
      gap: 2px;
      margin-bottom: 1.25rem; }
      .testimonial-4-details .rating-stars .rating-star .star-icon {
        width: 1rem; }
    @media (max-width: 700px) {
      .testimonial-4-details .testimonial-user-texts .user-title {
        font-size: 1rem; } }
    @media (max-width: 700px) {
      .testimonial-4-details .testimonial-user-texts .user-subtitle {
        font-size: 12px; } }
  @media (max-width: 700px) {
    .testimonial-4 {
      padding: 1rem; } }

.feature-card-1 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 32px;
  width: 100%;
  height: 100%;
  background: #726d6d1c;
  padding: 100px 12px; }
  @media (max-width: 960px) {
    .feature-card-1 {
      flex-direction: column; } }

.feature-card {
  width: 100%;
  background-color: #FFFFFF;
  padding: 2rem;
  position: relative;
  border-radius: 1.25rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); }
  .feature-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 70px; }
    @media (max-width: 960px) {
      .feature-card-wrapper {
        gap: 36px; } }
  .feature-card-count {
    font-size: 180px;
    color: rgba(0, 0, 0, 0.05);
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50%, -50%);
    z-index: -1;
    font-weight: 500;
    line-height: 1.2; }
    @media (max-width: 1200px) {
      .feature-card-count {
        font-size: 150px;
        left: 48px; } }
    @media (max-width: 960px) {
      .feature-card-count {
        font-size: 120px; } }
    @media (max-width: 700px) {
      .feature-card-count {
        left: calc(100% - 160px); } }
    @media (max-width: 550px) {
      .feature-card-count {
        top: -78px;
        transform: none; } }
  .feature-card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #F7F7F7;
    border-radius: 100%; }
  .feature-card-svg {
    width: 32px;
    height: 32px;
    fill: #000000; }
  .feature-card-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    line-height: 1.2; }
  .feature-card-title-text {
    font-size: 28px;
    color: #000000;
    font-weight: 500; }
    @media (max-width: 960px) {
      .feature-card-title-text {
        font-size: 24px; } }
    @media (max-width: 550px) {
      .feature-card-title-text {
        font-size: 20px; } }
  .feature-card-subtitle-text {
    color: rgba(0, 0, 0, 0.6);
    font-family: "Matter";
    font-weight: 400;
    font-size: 1rem; }
  .feature-card-cta-icon {
    display: flex;
    justify-content: flex-end;
    height: 20px;
    transform: translateX(0); }
  .feature-card-cta-svg {
    width: 20px;
    height: 20px;
    fill: #4049FD;
    transition: all .2s ease; }
    .feature-card-cta-svg:hover {
      transform: translateX(4px); }
  .feature-card-poster {
    width: 100%;
    max-width: 220px; }
    .feature-card-poster-img {
      width: 100%;
      height: 100%; }
  .feature-card .card-3 {
    text-align: center;
    align-items: center;
    padding: 64px 32px 0 32px;
    gap: 20px; }
  .feature-card.variation-2 {
    background-color: #F7F7F7;
    border: none;
    filter: none; }
  .feature-card.variation-3 {
    background-color: #F9F9F9;
    border: none;
    box-shadow: none;
    transition: all 200ms ease-in-out; }
    .feature-card.variation-3 .feature-card-wrapper {
      justify-content: space-between;
      height: 100%; }
    .feature-card.variation-3 .feature-card-item .feature-card-text {
      margin-top: 2rem; }
      @media (max-width: 800px) {
        .feature-card.variation-3 .feature-card-item .feature-card-text {
          margin-top: 1.5rem; } }
    .feature-card.variation-3 .feature-card-text {
      gap: 18px; }
      .feature-card.variation-3 .feature-card-text .feature-card-title {
        font-size: 36px; }
      .feature-card.variation-3 .feature-card-text .feature-card-subtitle {
        line-height: 1.5; }
      @media (max-width: 800px) {
        .feature-card.variation-3 .feature-card-text {
          gap: 14px; } }
    .feature-card.variation-3 .feature-card-icon {
      min-width: 60px;
      min-height: 60px;
      border-radius: 1rem;
      background-color: #CFEF1C;
      transition: all 200ms ease-in-out; }
      .feature-card.variation-3 .feature-card-icon-svg {
        width: 28px;
        display: flex;
        color: #000000;
        transition: all 200ms ease-in-out; }
    .feature-card.variation-3:hover {
      background-color: #CFEF1C; }
      .feature-card.variation-3:hover .feature-card-icon {
        background-color: #3D3D3D; }
        .feature-card.variation-3:hover .feature-card-icon-svg {
          color: #FFFFFF; }
      .feature-card.variation-3:hover .feature-chips .feature-chip {
        background-color: #3D3D3D;
        color: #FFFFFF; }
  .feature-card.is-bordered {
    border: 1px solid rgba(0, 0, 0, 0.08); }
  @media (max-width: 960px) {
    .feature-card {
      padding: 1.5rem; } }

.feature-card-bottom {
  display: flex;
  align-items: end; }

.key-points-wrapper .key-points {
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 1.25rem; }
  .key-points-wrapper .key-points .key-point {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 16px;
    font-size: 1rem;
    font-family: "Matter";
    font-weight: 400;
    line-height: 1; }
    .key-points-wrapper .key-points .key-point:last-child {
      margin-bottom: 0; }
  @media (max-width: 960px) {
    .key-points-wrapper .key-points {
      padding: 16px; }
      .key-points-wrapper .key-points .key-point {
        margin-left: 16px;
        margin-bottom: 14px; } }
  @media (max-width: 550px) {
    .key-points-wrapper .key-points {
      border-radius: 1rem; } }

.feature-card-5 {
  display: flex;
  align-items: start;
  gap: 48px;
  padding: 3rem 0; }
  .feature-card-5-wrapper {
    display: flex;
    gap: 32px;
    width: 100%;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .feature-card-5-wrapper {
        flex-direction: column; } }
  .feature-card-5-body .feature-card-5-tabs {
    font-family: "Matter";
    font-weight: 400;
    display: flex;
    gap: 1.25rem; }
    @media (max-width: 550px) {
      .feature-card-5-body .feature-card-5-tabs {
        gap: 0.75rem; } }
    .feature-card-5-body .feature-card-5-tabs .text-tab {
      padding: .875rem 1.25rem;
      border-color: rgba(255, 255, 255, 0.25);
      color: rgba(255, 255, 255, 0.9);
      font-weight: 400; }
      @media (max-width: 550px) {
        .feature-card-5-body .feature-card-5-tabs .text-tab {
          padding: 12px 8px;
          font-size: 14px;
          text-align: center; } }
  .feature-card-5-body .button {
    transition: all 200ms ease-in-out;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    font-family: "Matter"; }
  .feature-card-5-body-items {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    @media (max-width: 960px) {
      .feature-card-5-body-items {
        flex-direction: column-reverse;
        gap: 1.25rem; } }
    @media (max-width: 550px) {
      .feature-card-5-body-items {
        flex-direction: column-reverse;
        gap: 1rem; } }
  .feature-card-5-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    color: #FFFFFF; }
    .feature-card-5-texts-title {
      font-size: 40px;
      font-weight: 500;
      line-height: 1; }
      @media (max-width: 960px) {
        .feature-card-5-texts-title {
          font-size: 36px; } }
      @media (max-width: 700px) {
        .feature-card-5-texts-title {
          font-size: 32px; } }
      @media (max-width: 550px) {
        .feature-card-5-texts-title {
          font-size: 1rem; } }
    .feature-card-5-texts-subtitle {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.6); }
      @media (max-width: 550px) {
        .feature-card-5-texts-subtitle {
          font-size: 14px; } }
    @media (max-width: 1024px) {
      .feature-card-5-texts {
        order: 2;
        width: 100%; } }
    @media (max-width: 960px) {
      .feature-card-5-texts {
        gap: 14px; } }
    @media (max-width: 550px) {
      .feature-card-5-texts {
        gap: 8px; } }
  @media (max-width: 550px) {
    .feature-card-5 .feature-card-5-poster {
      width: 100%; } }
  .feature-card-5 .feature-card-5-poster-wrapper {
    display: flex;
    overflow: hidden;
    border: 3px solid transparent;
    border-radius: 1.25rem;
    transition: all 200ms ease-in-out; }
  .feature-card-5 .feature-card-5-poster-banner {
    width: 100%;
    min-width: 420px;
    max-height: 260px;
    object-position: center;
    object-fit: cover; }
    @media (max-width: 550px) {
      .feature-card-5 .feature-card-5-poster-banner {
        min-width: 100%;
        max-height: inherit; } }
  .feature-card-5:hover .feature-card-5-poster-wrapper {
    border-color: #FFFFFF; }
  .feature-card-5:hover .button {
    background-color: #CFEF1C;
    color: #000000; }
  .feature-card-5:hover .feature-card-5-count {
    background-color: #CFEF1C; }
    .feature-card-5:hover .feature-card-5-count-number {
      color: #000000; }
  @media (max-width: 960px) {
    .feature-card-5 {
      padding: 24px;
      gap: 12px; } }
  @media (max-width: 550px) {
    .feature-card-5 {
      padding: 0;
      margin: 2rem 0;
      flex-direction: column; } }

.second-variation .feature-card-5 {
  background-image: url("https://kota-content.b-cdn.net/app/uploads/2024/05/Statistics-bg-black-1400x762.jpeg");
  background-size: cover;
  background-position: center;
  border-radius: 20px 200px 20px 20px;
  padding: 4rem 5rem 2.5rem 4rem; }
  @media (max-width: 960px) {
    .second-variation .feature-card-5 {
      border-radius: 10px 80px 10px 10px;
      padding: 2rem; } }
  .second-variation .feature-card-5 .feature-card-5-texts-title {
    font-size: 150px;
    background: linear-gradient(90deg, #633cc9, #3b8392, #cb24cc);
    background-clip: border-box;
    background-size: 200% 200%;
    animation: StatisticsPanel_rainbow__FRjps 3s ease-in-out infinite;
    background-clip: text;
    -webkit-background-clip: text;
    transition: color .5s ease;
    color: transparent;
    display: inline-block;
    letter-spacing: -3.2px; }
    @media (max-width: 960px) {
      .second-variation .feature-card-5 .feature-card-5-texts-title {
        font-size: 120px; } }
    @media (max-width: 960px) {
      .second-variation .feature-card-5 .feature-card-5-texts-title {
        font-size: 80px; } }
  .second-variation .feature-card-5 .feature-card-5-texts-subtitle {
    color: #FFFFFF; }
  .second-variation .feature-card-5 .feature-card-5-texts-logo {
    width: 150px;
    height: 100px; }
    .second-variation .feature-card-5 .feature-card-5-texts-logo-img {
      width: 100%;
      height: 100%;
      object-fir: cover;
      object-position: center; }
  .second-variation .feature-card-5 .feature-card-5-poster-wrapper {
    border-radius: inherit; }
    @media (max-width: 1024px) {
      .second-variation .feature-card-5 .feature-card-5-poster-wrapper {
        max-height: inherit; } }

@keyframes StatisticsPanel_rainbow__FRjps {
  0% {
    background-position: 0; }
  50% {
    background-position: 100%; }
  to {
    background-position: 0; } }
.feature-card-5-count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 25rem;
  transition: all 200ms ease-in-out; }
  .feature-card-5-count-number {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 200ms ease-in-out; }
    @media (max-width: 550px) {
      .feature-card-5-count-number {
        font-size: 14px; } }
  @media (max-width: 960px) {
    .feature-card-5-count {
      min-width: 70px;
      min-height: 70px; }
      .feature-card-5-count-number {
        font-size: 20px; } }
  @media (max-width: 550px) {
    .feature-card-5-count {
      min-width: 50px;
      min-height: 50px; }
      .feature-card-5-count-number {
        font-size: 16px; } }

.accordians {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #F7F7F7; }
  .accordians .accordian {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .accordians .accordian-wrapper {
      display: flex;
      align-items: center; }
    .accordians .accordian-button {
      margin: 0;
      box-shadow: none;
      border: none;
      background: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 32px;
      width: 100%;
      cursor: pointer; }
      .accordians .accordian-button .accordian-title-wrapper {
        line-height: 1;
        text-align: left; }
        .accordians .accordian-button .accordian-title-wrapper .accordian-title {
          font-size: 26px;
          font-family: "Matter";
          font-weight: 600;
          color: #000000;
          line-height: 1.1; }
          @media (max-width: 960px) {
            .accordians .accordian-button .accordian-title-wrapper .accordian-title {
              font-size: 18px; } }
          @media (max-width: 550px) {
            .accordians .accordian-button .accordian-title-wrapper .accordian-title {
              font-size: 16px; } }
        .accordians .accordian-button .accordian-title-wrapper .accordian-subtitle {
          font-size: 1rem;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          margin-top: 8px; }
      @media (max-width: 960px) {
        .accordians .accordian-button {
          padding: 20px; } }
      @media (max-width: 550px) {
        .accordians .accordian-button {
          padding: 16px; } }
    .accordians .accordian .accordian-icon .icon-container {
      background-color: #FFFFFF; }
    .accordians .accordian .icon-container .icon-item-svg {
      width: 24px;
      display: flex;
      color: #000000;
      transform: rotate(0deg);
      transition: transform 300ms ease-in; }
    @media (max-width: 960px) {
      .accordians .accordian .icon-container {
        background-color: #CFEF1C;
        min-width: 60px;
        min-height: 60px; }
        .accordians .accordian .icon-container .icon-item {
          font-size: 18px;
          line-height: 1.5; }
          .accordians .accordian .icon-container .icon-item-svg {
            width: 18px; } }
    @media (max-width: 550px) {
      .accordians .accordian .icon-container {
        min-width: 44px;
        min-height: 44px; }
        .accordians .accordian .icon-container .icon-item {
          font-size: 14px; }
          .accordians .accordian .icon-container .icon-item-svg {
            width: 14px; } }
    .accordians .accordian-body {
      height: 0px;
      overflow: hidden;
      padding-left: 32px;
      padding-right: 32px;
      padding-bottom: 0px;
      opacity: 0;
      font-family: "Matter";
      font-weight: 400;
      transition: padding-bottom 300ms ease-in, opacity 300ms ease-in; }
      .accordians .accordian-body-text {
        font-size: 1rem; }
        @media (max-width: 550px) {
          .accordians .accordian-body-text {
            font-size: .875rem; } }
      @media (max-width: 960px) {
        .accordians .accordian-body {
          padding-left: 20px;
          padding-right: 20px; } }
  @media (max-width: 960px) and (max-width: 550px) {
    .accordians .accordian-body {
      padding-left: 16px;
      padding-right: 16px; } }

    .accordians .accordian:hover .accordian-icon .icon-container {
      background-color: #CFEF1C; }
      .accordians .accordian:hover .accordian-icon .icon-container .icon-item-svg {
        transform: rotate(180deg); }
    .accordians .accordian.active {
      align-items: start; }
      .accordians .accordian.active .accordian-wrapper {
        align-items: start; }
      @media (max-width: 960px) {
        .accordians .accordian.active .accordian-button {
          padding-bottom: 1.25rem;
          padding-top: 0; } }
      .accordians .accordian.active .accordian-body {
        height: unset !important;
        padding-bottom: 1rem;
        opacity: 1; }
      .accordians .accordian.active .accordian-icon .icon-container {
        background-color: #CFEF1C; }
        .accordians .accordian.active .accordian-icon .icon-container .icon-item-svg {
          transform: rotate(180deg); }
    .accordians .accordian:last-child {
      border-bottom: 0; }
  @media (max-width: 960px) {
    .accordians .accordian {
      padding-bottom: 1.25rem; } }
  @media (max-width: 700px) {
    .accordians {
      gap: 1rem;
      padding: 1rem 1rem; } }
  @media (max-width: 550px) {
    .accordians {
      margin-top: 0;
      padding: 0; } }

.divider {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

.service-detail-card {
  background-color: #3D3D3D;
  border-radius: 1.25rem;
  padding: 2rem;
  transition: all 300ms ease-in-out; }
  @media (max-width: 960px) {
    .service-detail-card {
      padding: 1.5rem;
      border-radius: 1rem; } }
  .service-detail-card-wrapper {
    display: flex;
    gap: 26px; }
    @media (max-width: 550px) {
      .service-detail-card-wrapper {
        gap: 16px; } }
  .service-detail-card-left .icon-container {
    background-color: #CFEF1C;
    min-width: 70px;
    min-height: 70px;
    transition: all 300ms ease-in-out; }
    .service-detail-card-left .icon-container .icon-item {
      font-size: 20px; }
    @media (max-width: 960px) {
      .service-detail-card-left .icon-container {
        min-width: 45px;
        min-height: 45px; }
        .service-detail-card-left .icon-container .icon-item {
          font-size: 1rem; } }
  .service-detail-card-right .service-detail-card-texts .service-detail-card-title {
    font-size: 2rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 2rem; }
    @media (max-width: 1024px) {
      .service-detail-card-right .service-detail-card-texts .service-detail-card-title {
        font-size: 1.25rem; } }
    @media (max-width: 960px) {
      .service-detail-card-right .service-detail-card-texts .service-detail-card-title {
        margin-bottom: 1.25rem; } }
    @media (max-width: 550px) {
      .service-detail-card-right .service-detail-card-texts .service-detail-card-title {
        margin-bottom: .5rem; } }
  .service-detail-card-right .service-detail-card-texts .service-detail-card-subtitle {
    font-size: 1rem;
    font-family: "Matter";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6); }
    @media (max-width: 960px) {
      .service-detail-card-right .service-detail-card-texts .service-detail-card-subtitle {
        font-size: 14px; } }
  .service-detail-card:hover {
    background-color: #CFEF1C; }
    .service-detail-card:hover .icon-container {
      background-color: #3D3D3D; }
      .service-detail-card:hover .icon-container .icon-item {
        color: #FFFFFF; }
    .service-detail-card:hover .service-detail-card-title {
      color: #000000; }
    .service-detail-card:hover .service-detail-card-subtitle {
      color: rgba(0, 0, 0, 0.6); }
  .service-detail-card.is-white {
    background-color: #FFFFFF; }
    .service-detail-card.is-white .service-detail-card-title {
      color: #000000; }
    .service-detail-card.is-white .service-detail-card-subtitle {
      color: rgba(0, 0, 0, 0.6); }
    .service-detail-card.is-white:hover {
      background-color: #CFEF1C; }

.service-card {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #F1F1F1;
  padding: 2rem;
  border-radius: 1.25rem;
  transition: all 300ms ease-in-out; }
  .service-card-items {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .service-card-logo .brand-logo {
    width: 190px; }
    .service-card-logo .brand-logo.logo-black {
      display: none; }
  .service-card-users {
    display: flex;
    position: relative;
    margin-bottom: 3rem; }
    .service-card-users .user-avatar {
      position: absolute; }
      .service-card-users .user-avatar-img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        object-position: top;
        border: 0.78px solid #CFEF1C;
        border-radius: 25rem; }
    .service-card-users .circular-add-btn {
      position: absolute; }
  .service-card-texts .service-card-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #000000; }
    @media (max-width: 960px) {
      .service-card-texts .service-card-title {
        font-size: 1rem; } }
  .service-card:hover, .service-card.is-active {
    background-color: #CFEF1C; }
    .service-card:hover .logo-black, .service-card.is-active .logo-black {
      display: block; }
    .service-card:hover .logo-white, .service-card.is-active .logo-white {
      display: none; }
    .service-card:hover .service-card-text, .service-card:hover .service-card-title, .service-card.is-active .service-card-text, .service-card.is-active .service-card-title {
      color: #000000 !important; }
  @media (max-width: 960px) {
    .service-card {
      padding: 1.5rem; } }
  .service-card.variation-2 {
    gap: 2rem; }
    .service-card.variation-2 .service-card-text {
      font-size: 28px;
      font-weight: 500;
      line-height: 1.2;
      color: #FFFFFF; }
      @media (max-width: 960px) {
        .service-card.variation-2 .service-card-text {
          font-size: 20px; } }
    .service-card.variation-2 .service-card-items {
      flex-direction: row;
      align-items: center; }
      .service-card.variation-2 .service-card-items .service-card-texts {
        width: 50%; }
      .service-card.variation-2 .service-card-items .user-avatars {
        height: 50px; }
      @media (max-width: 550px) {
        .service-card.variation-2 .service-card-items {
          gap: 50px; } }

.service-intro {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 1.25rem; }
  .service-intro-wrapper {
    display: flex;
    gap: 60px; }
    @media (max-width: 800px) {
      .service-intro-wrapper {
        flex-direction: column-reverse;
        gap: 30px; } }
  .service-intro-left, .service-intro-right {
    width: 50%; }
    @media (max-width: 800px) {
      .service-intro-left, .service-intro-right {
        width: 100%; } }
  .service-intro-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px; }
    .service-intro-left .service-intro-texts .service-intro-title {
      font-size: 40px;
      line-height: 1.5;
      color: #000000;
      font-weight: 500;
      margin-bottom: 20px; }
      @media (max-width: 960px) {
        .service-intro-left .service-intro-texts .service-intro-title {
          font-size: 20px;
          line-height: 1.2;
          margin-bottom: 16px; } }
      @media (max-width: 550px) {
        .service-intro-left .service-intro-texts .service-intro-title {
          margin-bottom: 8px; } }
    .service-intro-left .service-intro-texts .service-intro-subtitle {
      font-size: 18px;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.6);
      font-family: "Matter";
      font-weight: 400; }
      @media (max-width: 960px) {
        .service-intro-left .service-intro-texts .service-intro-subtitle {
          font-size: 16px; } }
  .service-intro-right .service-intro-banner .banner-image {
    width: 100%;
    height: 100%;
    max-height: 572px;
    object-fit: cover;
    object-position: center;
    border-radius: 1.25rem; }
    @media (max-width: 480px) {
      .service-intro-right .service-intro-banner .banner-image {
        max-height: 350px; } }
  @media (max-width: 960px) {
    .service-intro {
      padding: 24px; } }
  @media (max-width: 550px) {
    .service-intro {
      padding: 0;
      background-color: transparent; } }

.service-card-2 {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  padding: 2rem;
  border-radius: 1.25rem;
  transition: all 300ms ease-in-out; }
  .service-card-2:hover {
    background-color: #CFEF1C; }
  .service-card-2-items {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .service-card-2-logo .brand-logo {
    width: 190px; }
  .service-card-2-texts .service-card-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #000000; }
    @media (max-width: 550px) {
      .service-card-2-texts .service-card-title {
        font-size: 1rem; } }
  .service-card-2-texts .service-card-subtitle {
    color: rgba(0, 0, 0, 0.6); }
  @media (max-width: 960px) {
    .service-card-2 {
      padding: 1.5rem;
      min-height: 200px; } }

.call-card {
  display: inline-flex;
  background-color: #F9F9F9;
  padding: 2rem;
  border-radius: 1.25rem; }
  .call-card-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem; }
  .call-card-texts {
    color: #000000;
    text-align: center; }
    .call-card-texts .call-card-title {
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 1.25rem; }
      @media (max-width: 1024px) {
        .call-card-texts .call-card-title {
          font-size: 1.5rem; } }
    .call-card-texts .call-card-subtitle {
      font-size: 1rem;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6); }
  .call-card:hover, .call-card.is-active {
    background-color: #CFEF1C; }

.circular-call-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  background-color: #2A2A2A;
  color: #FFFFFF;
  border-radius: 25rem; }
  .circular-call-btn-text {
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.2; }
  .circular-call-btn.is-primary {
    background-color: #CFEF1C;
    color: #000000; }
    .circular-call-btn.is-primary .circular-call-btn-text {
      color: #000000; }

.article-card {
  width: 100%;
  padding: 2rem;
  border-radius: 1.25rem;
  transition: all 300ms ease-in-out; }
  .article-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%; }
  .article-card-img {
    width: 100%;
    height: 400px;
    border-radius: 1.25rem;
    overflow: hidden; }
    .article-card-img .image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      transition: all 200ms linear; }
    @media (max-width: 1200px) {
      .article-card-img {
        height: 300px; } }
  .article-card-item {
    font-size: 24px;
    font-weight: 500; }
    .article-card-item .text-tab {
      padding: 8px 26px; }
  .article-card-texts {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2; }
    @media (max-width: 960px) {
      .article-card-texts {
        font-size: 20px; } }
    @media (max-width: 700px) {
      .article-card-texts {
        font-size: 18px; } }
  .article-card:hover {
    background-color: #FFFFFF;
    filter: drop-shadow(0 1px 31px rgba(0, 0, 0, 0.08)); }
  @media (max-width: 1200px) {
    .article-card {
      padding: 1.25rem; } }
  @media (max-width: 550px) {
    .article-card {
      padding: 1rem;
      border-radius: 1rem; }
      .article-card-wrapper {
        gap: 14px; } }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%; }
  .pagination-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #CFEF1C;
    min-width: 48px;
    min-height: 48px;
    border-radius: 25rem;
    color: #404040;
    transition: all 300ms ease-in; }
    .pagination-button:hover {
      background-color: #c2e210;
      color: #FFFFFF; }
    .pagination-button-icon {
      width: 1rem;
      display: flex;
      color: #000000; }
      @media (max-width: 700px) {
        .pagination-button-icon {
          width: 14px; } }
    @media (max-width: 700px) {
      .pagination-button {
        min-width: 36px;
        min-height: 36px; } }
  .pagination-btns {
    display: flex;
    gap: 12px;
    overflow-x: scroll; }
    @media (max-width: 550px) {
      .pagination-btns {
        gap: 8px; } }
  .pagination-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9F9F9;
    min-width: 48px;
    min-height: 48px;
    border-radius: 25rem;
    color: #000000;
    transition: all 300ms ease-in; }
    .pagination-btn.active {
      background-color: #CFEF1C;
      font-weight: 600; }
    .pagination-btn:hover {
      background-color: #CFEF1C;
      font-weight: 600; }
    @media (max-width: 550px) {
      .pagination-btn {
        min-width: 36px;
        min-height: 36px; } }

@media (max-width: 550px) {
  .hide-in-mob {
    display: none; } }

.slider-button-chips {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  overflow-x: scroll; }
  .slider-button-chips .slider-button-chips-btn {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: 14px 26px;
    white-space: nowrap;
    text-decoration: inherit;
    border-radius: 0.5rem;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.16);
    transition: all 200s ease-in; }
    .slider-button-chips .slider-button-chips-btn:hover {
      background-color: #CFEF1C;
      border-color: transparent; }
    @media (max-width: 550px) {
      .slider-button-chips .slider-button-chips-btn {
        padding: 12px 16px;
        font-size: 14px; } }
    .slider-button-chips .slider-button-chips-btn.is-active {
      background-color: #CFEF1C;
      border-color: transparent; }
  .slider-button-chips.auto-adjust {
    overflow-x: inherit;
    display: inline;
    width: 100%;
    max-width: 750px; }
    .slider-button-chips.auto-adjust .slider-button-chips-btn {
      display: inline-block;
      background-color: transparent;
      margin: 8px 4px;
      border: 1px solid rgba(0, 0, 0, 0.16);
      transition: all .3s ease-in; }
      .slider-button-chips.auto-adjust .slider-button-chips-btn:hover {
        background-color: #CFEF1C;
        border-color: transparent; }
      @media (max-width: 550px) {
        .slider-button-chips.auto-adjust .slider-button-chips-btn {
          margin: 4px 2px; } }
      .slider-button-chips.auto-adjust .slider-button-chips-btn.is-active {
        background-color: #CFEF1C;
        border-color: transparent; }

.section.footer-section {
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("/assets/img/footer.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto; }
  .section.footer-section .section-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 560px;
    margin: 0 auto; }
    .section.footer-section .section-texts .section-title {
      color: #FFFFFF;
      font-weight: 600;
      font-size: 48px;
      line-height: 1.2;
      text-align: center; }
      @media (max-width: 800px) {
        .section.footer-section .section-texts .section-title {
          font-size: 36px; } }
      @media (max-width: 480px) {
        .section.footer-section .section-texts .section-title {
          font-size: 32px; } }
  .section.footer-section .circular-call-btn {
    margin-top: 20px; }
    @media (max-width: 800px) {
      .section.footer-section .circular-call-btn {
        margin-top: 0;
        width: 92px;
        height: 92px; }
        .section.footer-section .circular-call-btn-text {
          font-size: 14px; } }
  .section.footer-section .section-container .section-wrapper {
    padding-bottom: 50px !important; }
  .section.footer-section .section-container .footer-navs-wrapper {
    background-color: #FFFFFF;
    padding: 50px;
    border-radius: 32px;
    position: relative; }
    @media (max-width: 800px) {
      .section.footer-section .section-container .footer-navs-wrapper {
        padding: 50px 25px; } }
    .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
      position: absolute;
      top: -164px;
      left: 0;
      z-index: -1;
      width: 100%; }
      .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo-img {
        width: 100%; }
      @media (max-width: 1200px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -136px; } }
      @media (max-width: 1024px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -120px; } }
      @media (max-width: 960px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -100px; } }
      @media (max-width: 800px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -90px; } }
      @media (max-width: 800px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -80px; } }
      @media (max-width: 550px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -70px; } }
      @media (max-width: 480px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-fixed-logo {
          top: -50px; } }
    @media (max-width: 800px) {
      .section.footer-section .section-container .footer-navs-wrapper {
        flex-direction: column;
        gap: 32px; } }
    .section.footer-section .section-container .footer-navs-wrapper .footer-left {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 960px) {
        .section.footer-section .section-container .footer-navs-wrapper .footer-left {
          width: 100%; } }
      .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-header {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-header .footer-header-image {
          height: 60px; }
        .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-header .footer-title {
          font-size: 32px;
          font-weight: 900;
          color: #000000; }
        .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-header .footer-subtitle {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.3); }
      .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center {
        margin: 32px 0; }
        .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center .brand-logos {
          display: flex;
          align-items: center;
          gap: 40px; }
          .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center .brand-logos .brand-logo {
            width: 100%;
            max-width: 132px;
            height: 100%;
            max-height: 60px; }
        .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center .footer-center-socials {
          display: flex;
          gap: 16px; }
          .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center .footer-center-socials .footer-center-social {
            display: flex;
            justify-content: center;
            padding: 4px;
            border-radius: 100%;
            width: 32px;
            height: 32px;
            background-color: #FFFFFF; }
            .section.footer-section .section-container .footer-navs-wrapper .footer-left .footer-center .footer-center-socials .footer-center-social .footer-center-social-icon {
              width: 20px; }

.footer-socials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 40px 0; }
  @media (max-width: 960px) {
    .footer-socials {
      gap: 32px; } }
  @media (max-width: 700px) {
    .footer-socials {
      grid-template-columns: repeat(1, 1fr);
      place-items: center; } }
  @media (max-width: 960px) {
    .footer-socials .email {
      grid-column: span 2; } }
  @media (max-width: 700px) {
    .footer-socials .email {
      grid-column: span 1; } }
  .footer-socials-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
    @media (max-width: 960px) {
      .footer-socials-links {
        order: 3; } }
    @media (max-width: 700px) {
      .footer-socials-links {
        order: 0; } }
  .footer-socials-link {
    font-size: 20px;
    line-height: 1.2; }
    @media (max-width: 700px) {
      .footer-socials-link {
        margin-bottom: 8px; } }
    @media (max-width: 550px) {
      .footer-socials-link {
        font-size: 18px; } }
    .footer-socials-link:hover {
      color: rgba(0, 0, 0, 0.6); }
  .footer-socials-users {
    width: 100%; }
    .footer-socials-users .user-avatars {
      width: 170px;
      height: 50px;
      margin-left: auto; }
      @media (max-width: 700px) {
        .footer-socials-users .user-avatars {
          margin: auto; } }

.footer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  width: 100%;
  text-align: center;
  padding-top: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.footer-navs {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  width: 100%;
  gap: 32px 20px;
  line-height: 1.2; }
  @media (max-width: 1200px) {
    .footer-navs {
      width: 100%;
      grid-template-columns: repeat(8, 1fr); } }
  .footer-navs > :nth-child(1) {
    grid-column: span 6; }
  .footer-navs > :nth-child(2) {
    grid-column: span 4; }
  .footer-navs > :nth-child(3) {
    grid-column: span 3; }
  .footer-navs > :nth-child(4) {
    grid-column: span 3; }
  @media (max-width: 700px) {
    .footer-navs {
      grid-template-columns: repeat(1, 1fr); } }
  .footer-navs .footer-navs-nav {
    display: flex;
    flex-direction: column;
    gap: 28px; }
    @media (max-width: 1200px) {
      .footer-navs .footer-navs-nav {
        grid-column: span 4; } }
    .footer-navs .footer-navs-nav .footer-navs-nav-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #000000; }
    .footer-navs .footer-navs-nav .footer-navs-nav-links {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      .footer-navs .footer-navs-nav .footer-navs-nav-links .footer-navs-nav-link {
        color: rgba(0, 0, 0, 0.6);
        font-size: 16px;
        transition: all 200ms; }
        .footer-navs .footer-navs-nav .footer-navs-nav-links .footer-navs-nav-link:hover {
          text-decoration: underline;
          color: rgba(0, 0, 0, 0.8); }
          .footer-navs .footer-navs-nav .footer-navs-nav-links .footer-navs-nav-link:hover.with-icon .circular-icon {
            border: 1px solid rgba(0, 0, 0, 0.8); }
        .footer-navs .footer-navs-nav .footer-navs-nav-links .footer-navs-nav-link.with-icon {
          display: flex;
          gap: 20px; }
          @media (max-width: 1200px) {
            .footer-navs .footer-navs-nav .footer-navs-nav-links .footer-navs-nav-link.with-icon {
              align-items: center; } }
      .footer-navs .footer-navs-nav .footer-navs-nav-links-buttons {
        display: flex; }
        .footer-navs .footer-navs-nav .footer-navs-nav-links-buttons .footer-navs-nav-links-button {
          padding: 16px;
          background-color: red;
          font-size: 20px;
          line-height: 1;
          color: #FFFFFF;
          display: flex;
          align-items: center;
          gap: 4px; }
          .footer-navs .footer-navs-nav .footer-navs-nav-links-buttons .footer-navs-nav-links-button-icon {
            width: 20px;
            fill: #FFFFFF; }
      .footer-navs .footer-navs-nav .footer-navs-nav-links-partners {
        display: flex;
        gap: 8px; }
        .footer-navs .footer-navs-nav .footer-navs-nav-links-partners-image {
          width: 100px;
          height: 50px;
          border-radius: 8px;
          background-color: #FFFFFF; }
          .footer-navs .footer-navs-nav .footer-navs-nav-links-partners-image-logo {
            width: 100%;
            height: 100%;
            object-fit: contain; }

.footer-top-nav .footer-right {
  width: 100%;
  grid-template-columns: repeat(6, 1fr); }
  @media (max-width: 960px) {
    .footer-top-nav .footer-right {
      grid-template-columns: repeat(5, 1fr); } }
  @media (max-width: 800px) {
    .footer-top-nav .footer-right {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 550px) {
    .footer-top-nav .footer-right {
      grid-template-columns: repeat(1, 1fr); } }

.fb {
  fill: #60A5FA; }

.insta {
  fill: #C084FC; }

.linkdin {
  fill: #3B82F6; }

.youtube {
  fill: #F98383; }

.profile-card {
  width: 100%; }
  .profile-card-img {
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all 200ms linear; }
    .profile-card-img .profile-image {
      display: block;
      width: 100%;
      height: 100%;
      max-height: 550px;
      border-radius: 20px;
      object-fit: cover;
      object-position: top; }
      @media (max-width: 800px) {
        .profile-card-img .profile-image {
          height: 450px; } }
      @media (max-width: 480px) {
        .profile-card-img .profile-image {
          height: 350px; } }
    .profile-card-img .profile-card-texts {
      display: inline-flex;
      flex-direction: column;
      width: 100%;
      max-width: 336px;
      background-color: #FFFFFF;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%);
      padding: 24px;
      border-radius: 1.25rem;
      text-align: center; }
      @media (max-width: 800px) {
        .profile-card-img .profile-card-texts {
          padding: 16px; } }
      .profile-card-img .profile-card-texts .profile-card-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2;
        color: #000000; }
        @media (max-width: 960px) {
          .profile-card-img .profile-card-texts .profile-card-title {
            font-size: 20px; } }
        @media (max-width: 700px) {
          .profile-card-img .profile-card-texts .profile-card-title {
            font-size: 16px; } }
      .profile-card-img .profile-card-texts .profile-card-subtitle {
        font-size: 1rem;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6); }
        @media (max-width: 800px) {
          .profile-card-img .profile-card-texts .profile-card-subtitle {
            font-size: 14px; } }

.location-card {
  background-color: #F7F7F7;
  padding: 2rem;
  border-radius: 1.25rem; }
  @media (max-width: 800px) {
    .location-card {
      padding: 1.5rem; } }
  .location-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center; }
  .location-card-map {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 1.25rem;
    text-align: center;
    padding: 20px;
    position: relative;
    width: 100%; }
    .location-card-map .map-image {
      max-width: 180px;
      height: 180px;
      object-fit: contain; }
  .location-card-texts {
    text-align: center; }
    .location-card-texts .location-card-title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 12px; }
    .location-card-texts .location-card-subtitle {
      font-size: 1rem;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6); }

.location-icon {
  position: absolute;
  right: 45%;
  top: 20%; }

.location-svg {
  width: 20px;
  height: 20px;
  display: flex; }

.job-card {
  width: 100%;
  background-color: #FFFFFF;
  padding: 2rem;
  border-radius: 1.25rem; }
  @media (max-width: 960px) {
    .job-card {
      padding: 1.5rem; } }
  .job-card-wrapper .location-text {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6); }
  .job-card-wrapper .divider {
    margin-top: 26px;
    margin-bottom: 26px; }
  .job-card-items {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
  .job-card-btns .slider-button-chips.auto-adjust .slider-button-chips-btn {
    padding: 12px;
    border: none;
    background-color: #F7F7F7; }
    @media (max-width: 800px) {
      .job-card-btns .slider-button-chips.auto-adjust .slider-button-chips-btn {
        margin: 4px 2px;
        font-size: 14px; } }
    .job-card-btns .slider-button-chips.auto-adjust .slider-button-chips-btn:hover {
      background-color: #CFEF1C; }
  .job-card-texts .job-card-title {
    font-size: 2rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 12px; }
    @media (max-width: 960px) {
      .job-card-texts .job-card-title {
        font-size: 28px; } }
  .job-card-texts .job-card-subtitle {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6); }
  .job-card-footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .job-card-footer .job-card-location {
      display: flex;
      gap: 8px; }

.divider {
  height: 1px;
  width: 100%;
  background-color: rgba(61, 61, 61, 0.18); }

.contact-hero {
  width: 100%;
  height: 100%;
  min-height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat; }
  .contact-hero .bacground-image {
    width: 100%;
    height: 100%; }
    .contact-hero .bacground-image .bg-svg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
  .contact-hero .section-text {
    width: auto;
    text-align: center; }
    .contact-hero .section-text-wrapper {
      gap: .5rem; }
      @media (max-width: 700px) {
        .contact-hero .section-text-wrapper .section-title, .contact-hero .section-text-wrapper .section-subtitle {
          text-align: left; } }
    .contact-hero .section-text .section-link {
      font-size: 1rem;
      color: #FFFFFF; }
  @media (max-width: 700px) {
    .contact-hero .section-wrapper {
      margin-top: 60px; } }
  @media (max-width: 550px) {
    .contact-hero {
      min-height: 50vh; } }

.contact-section {
  padding: 60px 0; }
  @media (max-width: 700px) {
    .contact-section {
      padding: 30px 0; } }
  .contact-section .section-wrapper {
    margin-top: 0; }
    @media (max-width: 700px) {
      .contact-section .section-wrapper {
        margin-top: 12px; } }
  .contact-section .section-text {
    margin-bottom: 2rem; }
    @media (max-width: 700px) {
      .contact-section .section-text {
        margin-bottom: 1rem; } }
  .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper {
    gap: 12px; }
    .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-title {
      font-size: 2.5rem;
      font-weight: 500; }
      @media (max-width: 800px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-title {
          font-size: 2.5rem; } }
      @media (max-width: 700px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-title {
          font-size: 2rem; } }
      @media (max-width: 550px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-title {
          font-size: 1.5rem; } }
    .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-subtitle {
      font-size: 1.5rem;
      max-width: 600px; }
      @media (max-width: 800px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-subtitle {
          font-size: 1.3rem; } }
      @media (max-width: 700px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-subtitle {
          font-size: 1.25rem; } }
      @media (max-width: 550px) {
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-subtitle {
          font-size: 1rem; } }
    @media (max-width: 480px) {
      .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper {
        justify-content: left; }
        .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-title, .contact-section.section-in-center .section-wrapper .section-text .section-text-wrapper .section-subtitle {
          text-align: left; } }
  .contact-section .section-text-wrapper {
    gap: 1rem; }
    @media (max-width: 800px) {
      .contact-section .section-text-wrapper {
        line-height: 1; } }
  .contact-section .section-text .section-link {
    font-size: 1rem;
    color: #FFFFFF; }
  .contact-section .section-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem; }

.contact-body {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 1.25rem;
  padding: 50px 100px;
  background-color: #FFFFFF; }
  @media (max-width: 1024px) {
    .contact-body {
      padding: 50px; } }
  @media (max-width: 800px) {
    .contact-body {
      padding: 50px 25px; } }
  @media (max-width: 550px) {
    .contact-body {
      padding: 38px 20px; } }
  .contact-body .section-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px; }
  .contact-body .contact-cta {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 700px) {
      .contact-body .contact-cta {
        flex-direction: column;
        justify-content: center;
        gap: 20px; } }
    .contact-body .contact-cta-texts {
      width: 50%; }
      @media (max-width: 700px) {
        .contact-body .contact-cta-texts {
          width: auto;
          text-align: center; } }
    .contact-body .contact-cta-text {
      font-size: 14px;
      font-family: "Matter";
      font-weight: 400;
      line-height: 1.5;
      max-width: 380px; }
  .contact-body .contact-items {
    width: 100%;
    display: flex;
    gap: 3rem;
    justify-content: center;
    flex-wrap: wrap; }
    .contact-body .contact-items .contact-item {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .contact-body .contact-items .contact-item-icon {
        background-color: #FFFFFF;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 0 12px rgba(255, 255, 255, 0.08), inset 0 0 8px rgba(255, 255, 255, 0.14), inset 0 0 14px rgba(255, 255, 255, 0.07); }
        .contact-body .contact-items .contact-item-icon-svg {
          width: 24px;
          height: 24px;
          color: #EDF2FF; }
      .contact-body .contact-items .contact-item-texts .contact-item-title, .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
        color: #000000; }
      .contact-body .contact-items .contact-item-texts .contact-item-title {
        font-size: 1.25rem;
        text-transform: uppercase;
        font-weight: 600; }
        @media (max-width: 550px) {
          .contact-body .contact-items .contact-item-texts .contact-item-title {
            font-size: 1rem; } }
      .contact-body .contact-items .contact-item-texts .contact-item-links {
        display: flex;
        flex-direction: column;
        gap: 4px; }
      .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
        font-size: 1rem;
        max-width: 350px; }
        @media (max-width: 550px) {
          .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
            font-size: .875rem; } }
    @media (max-width: 700px) {
      .contact-body .contact-items {
        gap: 1.5rem; } }
    @media (max-width: 480px) {
      .contact-body .contact-items {
        justify-content: left; } }

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 2rem; }
  .contact-form .section-title {
    text-align: center; }
  @media (max-width: 700px) {
    .contact-form {
      gap: 1.5rem; } }
  .contact-form .input-fields, .contact-form .contact-fields {
    width: 100%;
    display: flex;
    gap: 1rem; }
  .contact-form .input-fields {
    flex-direction: column; }
  @media (max-width: 700px) {
    .contact-form .contact-fields {
      flex-direction: column;
      gap: 1.5rem; } }
  .contact-form .contact-fields .contact-field {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative; }
    @media (max-width: 700px) {
      .contact-form .contact-fields .contact-field {
        gap: 1.5rem; } }
    .contact-form .contact-fields .contact-field .input {
      width: 100%;
      outline: 0;
      border: 1px solid transparent;
      padding: 18px 16px; }
    .contact-form .contact-fields .contact-field .textarea {
      width: 100%;
      height: 200px;
      padding: 1rem;
      font-size: 1rem;
      font-weight: 400;
      border: 1px solid transparent; }
    .contact-form .contact-fields .contact-field .input, .contact-form .contact-fields .contact-field .textarea {
      background-color: #F7F7F7;
      border-radius: 0.5rem;
      color: #000000;
      font-family: "Matter";
      font-weight: 400;
      border: 1px solid transparent;
      transition: all 300ms ease-in; }
      .contact-form .contact-fields .contact-field .input:focus, .contact-form .contact-fields .contact-field .textarea:focus {
        border-color: rgba(0, 0, 0, 0.2); }
      .contact-form .contact-fields .contact-field .input::placeholder, .contact-form .contact-fields .contact-field .textarea::placeholder {
        color: #000000; }
    @media (max-width: 550px) {
      .contact-form .contact-fields .contact-field {
        flex-direction: column; } }

.form-notification {
  width: 100%;
  background-color: #E6FFEF;
  border: 1px solid #5CF995;
  border-radius: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 1rem;
  margin-bottom: 2rem;
  color: #0FB94D; }
  .form-notification-icon {
    width: 20px;
    height: 20px; }
  .form-notification-text {
    font-size: 1rem; }
  .form-notification.is-error {
    background-color: #FFEDEF;
    border: 1px solid #FF3E51;
    color: #C31123; }

.form-error {
  font-size: 14px;
  color: #DB1428;
  line-height: 1;
  margin-top: 4px; }

.navbar-large-menu {
  min-width: 1108px;
  background-color: #FFFFFF;
  border-radius: 32px;
  position: absolute;
  top: 30px;
  left: -394px;
  box-shadow: 0px 15px 30px 0px #0000001F; }
  .navbar-large-menu.second {
    left: -511px; }
  @media (max-width: 1200px) {
    .navbar-large-menu {
      position: inherit;
      top: 0;
      left: 0 !important;
      box-shadow: none;
      min-width: inherit; } }
  .navbar-large-menu-wrapper {
    display: flex;
    gap: 40px;
    padding: 16px; }
    @media (max-width: 1200px) {
      .navbar-large-menu-wrapper {
        padding: 0;
        margin-left: 40px; } }
  .navbar-large-menu-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 86%; }
    @media (max-width: 1200px) {
      .navbar-large-menu-nav {
        width: 100%;
        grid-template-columns: repeat(1, 1fr); } }
    .navbar-large-menu-nav-item {
      display: flex;
      gap: 20px;
      padding: 8px;
      cursor: pointer;
      border-radius: 16px; }
      @media (max-width: 1200px) {
        .navbar-large-menu-nav-item {
          gap: 0;
          border-radius: 8px; } }
      .navbar-large-menu-nav-item:hover {
        background-color: rgba(207, 239, 28, 0.3); }
      @media (max-width: 1200px) {
        .navbar-large-menu-nav-item-texts {
          display: flex;
          width: 100%;
          justify-content: space-between; } }
      .navbar-large-menu-nav-item-texts-icon {
        display: none;
        color: #000000; }
        @media (max-width: 1200px) {
          .navbar-large-menu-nav-item-texts-icon {
            display: flex;
            width: 20px;
            color: rgba(0, 0, 0, 0.6); } }
        @media (max-width: 550px) {
          .navbar-large-menu-nav-item-texts-icon {
            width: 16px; } }
      .navbar-large-menu-nav-item-texts-title {
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 8px; }
        @media (max-width: 1200px) {
          .navbar-large-menu-nav-item-texts-title {
            margin-bottom: 0;
            font-weight: 400; } }
        @media (max-width: 550px) {
          .navbar-large-menu-nav-item-texts-title {
            font-size: 14px;
            color: rgba(0, 0, 0, 0.6); } }
      .navbar-large-menu-nav-item-texts-subtitle {
        font-size: 12px;
        line-height: 1.3;
        max-width: 272px; }
        @media (max-width: 1200px) {
          .navbar-large-menu-nav-item-texts-subtitle {
            display: none; } }
  .navbar-large-menu-poster {
    width: 30%; }
    @media (max-width: 1200px) {
      .navbar-large-menu-poster {
        display: none; } }
    .navbar-large-menu-poster-img {
      height: 290px;
      width: 100%;
      object-fit: cover;
      border-radius: 20px;
      display: none;
      opacity: 0;
      transition: all 0.3s ease; }
      .navbar-large-menu-poster-img.img-active {
        display: block;
        opacity: 1; }
  @media (max-width: 1200px) {
    .navbar-large-menu .icon-container {
      display: none; } }

.section {
  position: relative;
  background-color: #FFFFFF; }
  .section .section-mask {
    position: relative;
    overflow: hidden;
    height: 100%; }
    .section .section-mask .section-background {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
    .section .section-mask .section-container {
      max-width: 1400px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      padding: 0 1rem;
      height: 100%; }
      .section .section-mask .section-container .section-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
        height: 100%; }
        @media (max-width: 960px) {
          .section .section-mask .section-container .section-wrapper {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem; } }
        @media (max-width: 550px) {
          .section .section-mask .section-container .section-wrapper {
            padding-top: 3rem;
            padding-bottom: 3rem; } }
  .section .section-columns {
    display: flex;
    height: 100%;
    margin-left: -.625rem;
    margin-right: -.625rem;
    align-items: stretch; }
    .section .section-columns .section-column {
      flex: 1;
      padding-left: .625rem;
      padding-right: .625rem; }
  .section.is-slim .section-mask .section-container .section-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .section.is-slim .section-mask .section-container .section-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .section.height-full .section-mask .section-container .container {
    height: 100%; }

@media (max-width: 1024px) {
  .section .section-columns {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    align-items: stretch; }
    .section .section-columns .section-column {
      flex: 1;
      padding: .625rem 0; } }
.section-body {
  display: flex;
  flex-direction: column;
  gap: 60px; }
  @media (max-width: 960px) {
    .section-body {
      gap: 40px; } }
  @media (max-width: 550px) {
    .section-body {
      gap: 20px; } }

.brand-cards {
  display: flex;
  gap: 2rem; }
  @media (max-width: 800px) {
    .brand-cards {
      flex-direction: column;
      gap: 1.25rem; } }

.testimonial-section {
  background-color: #F7F7F7; }
  .testimonial-section .section-wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between; }
    .testimonial-section .section-wrapper .testimonial-cards {
      width: 75%; }
      .testimonial-section .section-wrapper .testimonial-cards .section-texts {
        max-width: 768px; }
      @media (max-width: 960px) {
        .testimonial-section .section-wrapper .testimonial-cards {
          width: 100%; } }
    @media (max-width: 960px) {
      .testimonial-section .section-wrapper {
        flex-direction: column;
        gap: 2rem; } }

.testimonial-cards {
  display: flex;
  flex-direction: column;
  gap: 60px; }
  .testimonial-cards-wrapper {
    display: flex;
    gap: 2rem;
    max-width: 1000px;
    overflow-x: scroll; }
    .testimonial-cards-wrapper .testimonial {
      max-width: 500px;
      min-width: 500px;
      min-height: 436px; }
      .testimonial-cards-wrapper .testimonial.is-small {
        max-width: 400px;
        min-width: 400px; }
        @media (max-width: 550px) {
          .testimonial-cards-wrapper .testimonial.is-small {
            max-width: 300px;
            min-width: 300px; } }
      @media (max-width: 550px) {
        .testimonial-cards-wrapper .testimonial {
          max-width: 350px;
          min-width: 350px;
          min-height: 380px; } }
    @media (max-width: 700px) {
      .testimonial-cards-wrapper {
        gap: 1.25rem; } }
  @media (max-width: 960px) {
    .testimonial-cards {
      gap: 30px; } }
  @media (max-width: 480px) {
    .testimonial-cards {
      gap: 20px; } }

.testimonials {
  width: 100%;
  display: flex;
  gap: 2rem;
  overflow-x: auto; }
  .testimonials .testimonial-4 {
    min-width: 600px; }
    @media (max-width: 700px) {
      .testimonials .testimonial-4 {
        min-width: 380px; } }
  @media (max-width: 700px) {
    .testimonials {
      gap: 1rem; } }

.case-study .section-texts {
  margin-bottom: 0; }
.case-study .brand-cards {
  overflow-x: scroll;
  gap: 0; }
  .case-study .brand-cards .brand-card {
    min-width: 480px; }
    @media (max-width: 700px) {
      .case-study .brand-cards .brand-card {
        min-width: 400px; } }
    @media (max-width: 550px) {
      .case-study .brand-cards .brand-card {
        min-width: 350px; } }
  @media (max-width: 800px) {
    .case-study .brand-cards {
      flex-direction: row; } }
  @media (max-width: 700px) {
    .case-study .brand-cards {
      gap: 1rem; } }
@media (max-width: 960px) {
  .case-study {
    gap: 30px; } }

@media (max-width: 700px) {
  .cicular-buttons {
    display: flex;
    justify-content: space-between; } }

.horizontal-divider {
  width: 2px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.15); }

.article-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 960px) {
    .article-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 550px) {
    .article-cards {
      grid-template-columns: repeat(1, 1fr);
      gap: 12px; } }

.blog-section .section-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0; }
  @media (max-width: 1024px) {
    .blog-section .section-body {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 700px) {
    .blog-section .section-body {
      grid-template-columns: repeat(1, 1fr); } }
.blog-section .blog-section-item {
  grid-column: span 2; }
  .blog-section .blog-section-item .section-texts {
    margin-bottom: 60px; }
    @media (max-width: 960px) {
      .blog-section .blog-section-item .section-texts {
        margin-bottom: 30px; } }
    @media (max-width: 700px) {
      .blog-section .blog-section-item .section-texts {
        margin-bottom: 20px; } }
  @media (max-width: 700px) {
    .blog-section .blog-section-item {
      grid-column: span 1;
      margin-bottom: 1rem; } }
.blog-section .pagination {
  margin-top: 60px; }
  @media (max-width: 960px) {
    .blog-section .pagination {
      margin-top: 30px; } }

.stats-wrapper {
  display: flex;
  gap: 12px;
  margin: 60px 0; }
  @media (max-width: 960px) {
    .stats-wrapper {
      margin: 30px 0; } }
  @media (max-width: 700px) {
    .stats-wrapper {
      flex-direction: column; } }
@media (max-width: 800px) {
  .stats .section-cta {
    display: flex;
    justify-content: center; } }

.info-cards {
  display: flex;
  gap: 1rem; }
  .info-cards-wrapper {
    display: flex;
    gap: 1rem; }
  .info-cards-wrapper, .info-cards-img {
    width: 50%; }
  .info-cards-img .info-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 2rem; }
    @media (max-width: 550px) {
      .info-cards-img .info-img {
        border-radius: 1rem; } }
  .info-cards-contents {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%; }
    .info-cards-contents .info-card {
      max-width: 620px; }
      @media (max-width: 960px) {
        .info-cards-contents .info-card-wrapper {
          gap: 20px; } }
      @media (max-width: 700px) {
        .info-cards-contents .info-card-wrapper {
          gap: 16px; } }
      .info-cards-contents .info-card-text {
        width: 100%; }
        .info-cards-contents .info-card-text .info-card-title, .info-cards-contents .info-card-text .info-card-subtitle {
          max-width: 320px; }
      @media (max-width: 960px) {
        .info-cards-contents .info-card {
          max-width: 100%; } }
  @media (max-width: 960px) {
    .info-cards {
      flex-direction: column; }
      .info-cards-wrapper, .info-cards-img {
        width: 100%; } }
  .info-cards.variation-2 {
    margin-top: 40px; }
    .info-cards.variation-2 .info-img {
      border-radius: 1.25rem; }
    @media (max-width: 960px) {
      .info-cards.variation-2 .info-cards-img {
        margin-bottom: 12px; } }

.insights {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.technology-section .section-body {
  flex-direction: row;
  justify-content: center; }
  @media (max-width: 960px) {
    .technology-section .section-body {
      flex-direction: column;
      align-items: center; } }

.technology-logos {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 960px) {
    .technology-logos {
      flex-direction: row;
      width: 100%;
      max-width: 500px; } }
  .technology-logos .technology-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
    width: 68px;
    height: 68px;
    border-radius: 16px;
    padding: 20px 12px; }
    @media (max-width: 700px) {
      .technology-logos .technology-logo {
        width: 52px;
        height: 52px;
        padding: 12px 8px;
        border-radius: 12px; } }
    .technology-logos .technology-logo.is-big {
      width: 100px;
      height: 100px;
      margin-left: 68px;
      padding: 24px; }
      @media (max-width: 960px) {
        .technology-logos .technology-logo.is-big {
          margin-left: 0;
          margin-top: 32px; } }
      @media (max-width: 700px) {
        .technology-logos .technology-logo.is-big {
          width: 72px;
          height: 72px;
          padding: 16px; } }
      .technology-logos .technology-logo.is-big .technology-logo-img {
        width: 60px; }
        @media (max-width: 700px) {
          .technology-logos .technology-logo.is-big .technology-logo-img {
            width: 52px; } }
    .technology-logos .technology-logo-img {
      width: 100%; }
  .technology-logos.left-row {
    align-items: end; }
    .technology-logos.left-row .is-big {
      margin-right: 68px;
      margin-left: 0; }
      @media (max-width: 960px) {
        .technology-logos.left-row .is-big {
          margin-right: 0;
          margin-bottom: 32px;
          margin-top: 0; } }
      .technology-logos.left-row .is-big .technology-logo-img {
        width: 52px; }
        @media (max-width: 700px) {
          .technology-logos.left-row .is-big .technology-logo-img {
            width: 44px; } }

.center-big-card-section {
  background-color: #F7F7F7; }
  .center-big-card-section .profile-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px; }
    @media (max-width: 800px) {
      .center-big-card-section .profile-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 56px 20px; } }
    @media (max-width: 550px) {
      .center-big-card-section .profile-cards {
        grid-template-columns: repeat(1, 1fr); } }

.our-mission-section {
  background-color: #F9F9F9; }
  .our-mission-section .section-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px; }
    @media (max-width: 1200px) {
      .our-mission-section .section-body {
        gap: 24px;
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 960px) {
      .our-mission-section .section-body {
        gap: 20px; } }
    @media (max-width: 700px) {
      .our-mission-section .section-body {
        grid-template-columns: repeat(1, 1fr); } }
    .our-mission-section .section-body .text-tab {
      margin-top: 14px;
      margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .our-mission-section .section-body .section-texts .section-title {
        font-size: 48px; } }
    @media (max-width: 1024px) {
      .our-mission-section .section-body .section-texts .section-title {
        font-size: 42px; } }
    @media (max-width: 700px) {
      .our-mission-section .section-body .section-texts .section-title {
        font-size: 36px; } }
    .our-mission-section .section-body .service-card-2 {
      height: 100%; }
      @media (max-width: 550px) {
        .our-mission-section .section-body .service-card-2 {
          max-width: 100%; } }
    .our-mission-section .section-body .service-card-2-items {
      height: 100%; }
    .our-mission-section .section-body .service-card-2-texts {
      display: flex;
      flex-direction: column;
      gap: 84px;
      justify-content: space-between;
      height: 100%; }
      @media (max-width: 960px) {
        .our-mission-section .section-body .service-card-2-texts {
          gap: 48px; } }
    .our-mission-section .section-body .service-card-title {
      font-size: 32px;
      white-space: nowrap; }
      @media (max-width: 1200px) {
        .our-mission-section .section-body .service-card-title {
          font-size: 28px; } }
      @media (max-width: 960px) {
        .our-mission-section .section-body .service-card-title {
          font-size: 24px; } }

.service-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem; }
  @media (max-width: 800px) {
    .service-cards {
      grid-template-columns: repeat(1, 1fr); } }
  @media (max-width: 960px) {
    .service-cards {
      gap: 1rem; } }

.work-items .work-item {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px; }

.achievement-section .section-title {
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 28px; }
  @media (max-width: 1024px) {
    .achievement-section .section-title {
      font-size: 30px; } }
  @media (max-width: 960px) {
    .achievement-section .section-title {
      font-size: 24px;
      line-height: 1.2;
      margin-bottom: 1rem; } }
  @media (max-width: 550px) {
    .achievement-section .section-title {
      font-size: 20px; } }
.achievement-section .trust-badges {
  margin-top: 135px; }
  @media (max-width: 550px) {
    .achievement-section .trust-badges {
      margin-top: 80px; } }
.achievement-section .section-texts.variation-3 .section-texts-wrapper {
  max-width: 832px; }

.project-outcomes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px; }
  @media (max-width: 960px) {
    .project-outcomes {
      gap: 20px; } }
  @media (max-width: 800px) {
    .project-outcomes {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 550px) {
    .project-outcomes {
      grid-template-columns: repeat(1, 1fr); } }
  .project-outcomes .feature-card {
    box-shadow: none; }
    .project-outcomes .feature-card .icon-container.is-md {
      background-color: #CFEF1C; }

.section-texts.variation-2 .section-title.variation-2 {
  max-width: 456px; }

.why-cloudvoice {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px; }
  @media (max-width: 1200px) {
    .why-cloudvoice {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 960px) {
    .why-cloudvoice {
      gap: 1.25rem; } }
  @media (max-width: 550px) {
    .why-cloudvoice {
      grid-template-columns: repeat(1, 1fr); } }
  .why-cloudvoice .service-card-logo {
    margin-bottom: 84px; }
    @media (max-width: 1200px) {
      .why-cloudvoice .service-card-logo {
        margin-bottom: 1rem; } }
  .why-cloudvoice .service-card-title.is-white {
    color: #000000; }
    .why-cloudvoice .service-card-title.is-white:hover {
      color: #000000; }
  .why-cloudvoice .service-card .user-avatar.user-avatar-2 {
    left: 42px;
    z-index: 2; }
  .why-cloudvoice .service-card .user-avatar.user-avatar-3 {
    left: 80px;
    z-index: 3; }
  .why-cloudvoice .service-card .circular-add-btn.variation-2 {
    left: 118px;
    z-index: 4; }
  @media (max-width: 1200px) {
    .why-cloudvoice .service-card .service-card-items {
      gap: 4px; } }
  @media (max-width: 550px) {
    .why-cloudvoice .service-card {
      align-items: center; } }
  .why-cloudvoice .stat-card.variation-2 {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 24px; }
    .why-cloudvoice .stat-card.variation-2 .stat-card-texts {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      gap: 14px; }
      .why-cloudvoice .stat-card.variation-2 .stat-card-texts .stat-card-title {
        font-size: 72px;
        font-weight: 500;
        color: #FFFFFF; }
        @media (max-width: 960px) {
          .why-cloudvoice .stat-card.variation-2 .stat-card-texts .stat-card-title {
            font-size: 48px; } }
        @media (max-width: 550px) {
          .why-cloudvoice .stat-card.variation-2 .stat-card-texts .stat-card-title {
            font-size: 36px; } }
      .why-cloudvoice .stat-card.variation-2 .stat-card-texts .stat-card-subtitle {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.6);
        line-height: 1.2; }
        @media (max-width: 700px) {
          .why-cloudvoice .stat-card.variation-2 .stat-card-texts .stat-card-subtitle {
            font-size: 20px; } }
      @media (max-width: 960px) {
        .why-cloudvoice .stat-card.variation-2 .stat-card-texts {
          gap: 0; } }

.culture-section .section-body {
  flex-direction: row; }
  @media (max-width: 960px) {
    .culture-section .section-body .section-texts {
      margin-bottom: 2rem; } }
  @media (max-width: 700px) {
    .culture-section .section-body .section-texts {
      margin-bottom: 1.25rem; } }
  @media (max-width: 550px) {
    .culture-section .section-body .section-texts {
      margin-bottom: 8px; } }
  .culture-section .section-body .culture-contents {
    max-width: 828px; }
  @media (max-width: 1200px) {
    .culture-section .section-body .section-title {
      font-size: 2.5rem; } }
  @media (max-width: 960px) {
    .culture-section .section-body .section-title {
      font-size: 2rem; } }
  @media (max-width: 550px) {
    .culture-section .section-body .section-title {
      font-size: 1.5rem; } }
  @media (max-width: 1024px) {
    .culture-section .section-body {
      flex-direction: column; } }

.culture-contents {
  display: flex;
  flex-direction: column;
  gap: 48px;
  border-left: 6px solid rgba(207, 239, 28, 0.2);
  padding-left: 3rem;
  position: relative; }
  .culture-contents-item {
    position: relative; }
    .culture-contents-item::before {
      content: '';
      position: absolute;
      left: -54px;
      top: 0;
      height: 100%;
      width: 2px;
      border-radius: 50px;
      background-color: transparent;
      transition: all 0.3s ease; }
    .culture-contents-item:hover::before {
      background-color: #CFEF1C;
      width: 6px; }
    .culture-contents-item .culture-contents-title {
      font-size: 32px;
      line-height: 1.2;
      font-weight: 500;
      margin-bottom: 20px; }
      @media (max-width: 960px) {
        .culture-contents-item .culture-contents-title {
          font-size: 24px; } }
      @media (max-width: 550px) {
        .culture-contents-item .culture-contents-title {
          font-size: 20px;
          margin-bottom: 8px; } }
    .culture-contents-item .culture-contents-subtitle {
      font-size: 1rem;
      color: rgba(0, 0, 0, 0.6); }
      @media (max-width: 550px) {
        .culture-contents-item .culture-contents-subtitle {
          font-size: .875rem; } }
  @media (max-width: 960px) {
    .culture-contents {
      padding-left: 2rem; } }
  @media (max-width: 700px) {
    .culture-contents {
      gap: 20px;
      padding-left: 1.5rem; } }
  @media (max-width: 550px) {
    .culture-contents {
      padding-left: 1rem; } }
  .culture-contents.without-bar {
    border-left: none;
    padding-left: 1rem;
    gap: 32px; }
    @media (max-width: 960px) {
      .culture-contents.without-bar {
        padding-left: 0; } }
    .culture-contents.without-bar .culture-contents-subtitle {
      max-width: 500px; }
    .culture-contents.without-bar .culture-contents-item:hover::before {
      background-color: transparent !important;
      width: 0; }

.culture-section-2 .culture-items .culture-item {
  width: 100%;
  display: flex;
  gap: 2rem;
  justify-content: end;
  margin-top: 60px; }
  @media (max-width: 960px) {
    .culture-section-2 .culture-items .culture-item {
      margin-top: 30px;
      gap: 1rem; } }
  @media (max-width: 700px) {
    .culture-section-2 .culture-items .culture-item {
      flex-direction: column; } }
.culture-section-2 .culture-items-img {
  max-width: 600px;
  max-height: 300px;
  border-radius: 1.25rem;
  overflow: hidden; }
  .culture-section-2 .culture-items-img .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top; }
  @media (max-width: 700px) {
    .culture-section-2 .culture-items-img {
      max-width: 100%; } }
.culture-section-2 .culture-items .service-card {
  min-height: 300px;
  padding: 40px; }
  .culture-section-2 .culture-items .service-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .culture-section-2 .culture-items .service-card-body .verified-tag {
      max-width: 90px; }
      .culture-section-2 .culture-items .service-card-body .verified-tag .verified-tag-logo {
        width: 100%; }
    .culture-section-2 .culture-items .service-card-body .rating-items {
      display: flex;
      gap: 12px;
      align-items: center; }
  .culture-section-2 .culture-items .service-card-items {
    gap: 60px; }
  @media (max-width: 960px) {
    .culture-section-2 .culture-items .service-card {
      padding: 30px; } }
  @media (max-width: 700px) {
    .culture-section-2 .culture-items .service-card {
      align-items: center;
      padding: 20px;
      min-height: 220px; } }

.feature-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; }
  @media (max-width: 1024px) {
    .feature-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 960px) {
    .feature-cards {
      gap: 1.25rem; } }
  @media (max-width: 700px) {
    .feature-cards {
      grid-template-columns: repeat(1, 1fr); } }

.feature-chips {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  .feature-chips .feature-chip {
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 12px;
    white-space: nowrap;
    border-radius: 0.5rem;
    color: #000000;
    transition: all 200s ease-in; }
    .feature-chips .feature-chip.is-active {
      background-color: #CFEF1C;
      border-color: transparent; }

.address-section .address-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px; }
  @media (max-width: 1024px) {
    .address-section .address-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 960px) {
    .address-section .address-cards {
      gap: 20px; } }
  @media (max-width: 550px) {
    .address-section .address-cards {
      grid-template-columns: repeat(1, 1fr); } }
.address-section .call-card-subtitle {
  width: 100%;
  max-width: 320px;
  margin: 0 auto; }
@media (max-width: 960px) {
  .address-section .call-card-title {
    font-size: 28px; } }
@media (max-width: 800px) {
  .address-section .call-card-title {
    font-size: 24px; } }

.job-opening-section {
  background-color: #F7F7F7; }
  .job-opening-section .job-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px; }
    @media (max-width: 1200px) {
      .job-opening-section .job-cards {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 960px) {
      .job-opening-section .job-cards {
        gap: 20px; } }
    @media (max-width: 700px) {
      .job-opening-section .job-cards {
        grid-template-columns: repeat(1, 1fr); } }
    @media (max-width: 550px) {
      .job-opening-section .job-cards {
        margin-top: 20px; } }

.section.contact-form-section .section-body {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/assets/img/contact-us.webp") center no-repeat;
  background-size: cover;
  padding: 100px;
  border-radius: 20px; }
  @media (max-width: 1024px) {
    .section.contact-form-section .section-body {
      padding: 50px; } }
  @media (max-width: 700px) {
    .section.contact-form-section .section-body {
      padding: 50px 25px; } }
  .section.contact-form-section .section-body .section-cta {
    margin: inherit; }
@media (max-width: 550px) {
  .section.contact-form-section .section-mask .section-container {
    padding: 0; }
    .section.contact-form-section .section-mask .section-container .section-body {
      border-radius: 0; } }

.section-body .feature-cards-5-lg {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .section-body .feature-cards-5-lg .feature-card-5-wrapper {
    display: flex;
    align-items: center;
    gap: 2rem; }
    .section-body .feature-cards-5-lg .feature-card-5-wrapper .feature-card-5-texts-title {
      line-height: 1.2;
      max-width: 580px; }
      @media (max-width: 1024px) {
        .section-body .feature-cards-5-lg .feature-card-5-wrapper .feature-card-5-texts-title {
          max-width: 100%; } }
    .section-body .feature-cards-5-lg .feature-card-5-wrapper .feature-card-5-texts-subtitle {
      line-height: 1.5;
      max-width: 520px; }
    @media (max-width: 1024px) {
      .section-body .feature-cards-5-lg .feature-card-5-wrapper {
        align-items: flex-start; } }
    @media (max-width: 960px) {
      .section-body .feature-cards-5-lg .feature-card-5-wrapper {
        gap: 1rem; } }
  .section-body .feature-cards-5-lg .feature-card-5-poster {
    flex-shrink: 0;
    max-width: 45%; }
    @media (max-width: 1024px) {
      .section-body .feature-cards-5-lg .feature-card-5-poster {
        max-width: 100%; } }
.section-body .section-cta {
  margin-top: 20px;
  display: flex;
  justify-content: center; }

.steps-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 120px 32px;
  padding-top: 100px; }
  @media (max-width: 1024px) {
    .steps-wrapper {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 960px) {
    .steps-wrapper {
      gap: 90px 20px; } }
  @media (max-width: 700px) {
    .steps-wrapper {
      grid-template-columns: repeat(1, 1fr);
      padding-top: 70px; } }
@media (max-width: 1024px) {
  .steps .feature-card {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 960px) {
  .steps .feature-card {
    gap: 1.25rem;
    margin: 0 auto; } }
@media (max-width: 700px) {
  .steps .feature-card {
    grid-template-columns: repeat(1, 1fr); } }
@media (max-width: 550px) {
  .steps .feature-card {
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto; } }
.steps .feature-card-title-text {
  max-width: 332px; }
.steps .feature-card-subtitle-text {
  max-width: 312px; }
@media (max-width: 550px) {
  .steps .call-card {
    margin-top: -48px; } }

.networks {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%; }
  @media (max-width: 550px) {
    .networks {
      display: grid;
      grid-template-columns: repeat(2, 1fr); } }
  .networks .brand-logo-2 {
    flex-basis: calc(25% - 2rem); }
  @media (max-width: 960px) {
    .networks {
      gap: 1.25rem; } }
  @media (max-width: 550px) {
    .networks {
      gap: 1rem; } }

.sass-product-engineerings-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px; }
  @media (max-width: 960px) {
    .sass-product-engineerings-wrapper {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; } }
  @media (max-width: 700px) {
    .sass-product-engineerings-wrapper {
      grid-template-columns: repeat(1, 1fr); } }
.sass-product-engineerings .feature-card {
  background-color: #F7F7F7;
  box-shadow: none;
  border: none; }
  .sass-product-engineerings .feature-card-icon {
    box-shadow: 0 0px 16.4px rgba(0, 0, 0, 0.18); }
  @media (max-width: 960px) {
    .sass-product-engineerings .feature-card {
      margin: 0 auto; } }
  @media (max-width: 550px) {
    .sass-product-engineerings .feature-card {
      margin: 0 auto; } }
  .sass-product-engineerings .feature-card-icon {
    background-color: #FFFFFF; }

.why-choose-us-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px; }
  @media (max-width: 1200px) {
    .why-choose-us-wrapper {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 800px) {
    .why-choose-us-wrapper {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px; } }
  @media (max-width: 700px) {
    .why-choose-us-wrapper {
      grid-template-columns: repeat(1, 1fr); } }
.why-choose-us .feature-card {
  filter: none;
  border: none; }
  .why-choose-us .feature-card-wrapper {
    gap: 0;
    height: 100%; }
    .why-choose-us .feature-card-wrapper .divider {
      margin-bottom: 20px; }
  .why-choose-us .feature-card-icon {
    margin-bottom: 28px; }
  .why-choose-us .feature-card-title .title-text {
    max-width: 224px; }

.hero-section .section-mask .section-container .section-wrapper {
  padding-top: 200px; }
  @media (max-width: 960px) {
    .hero-section .section-mask .section-container .section-wrapper {
      padding-top: 150px; } }
  @media (max-width: 550px) {
    .hero-section .section-mask .section-container .section-wrapper {
      padding-top: 120px; } }
  .hero-section .section-mask .section-container .section-wrapper.hero-section-wrapper {
    padding-top: 200px;
    padding-bottom: 200px; }
    @media (max-width: 550px) {
      .hero-section .section-mask .section-container .section-wrapper.hero-section-wrapper {
        padding-bottom: 100px; } }
    .hero-section .section-mask .section-container .section-wrapper.hero-section-wrapper .hero-section-texts {
      margin-top: 3rem; }
  .hero-section .section-mask .section-container .section-wrapper .hero-section-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem; }
    @media (max-width: 550px) {
      .hero-section .section-mask .section-container .section-wrapper .hero-section-body {
        gap: 2rem; } }
    .hero-section .section-mask .section-container .section-wrapper .hero-section-body .ellipse-container {
      position: absolute;
      left: 50%;
      z-index: -1;
      transform: translateX(-50%); }
      .hero-section .section-mask .section-container .section-wrapper .hero-section-body .ellipse-container-body-item {
        display: flex; }
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .ellipse-container-body-item .ellipse-icon {
          margin: 0 auto; }
    .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-title, .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-subtitle {
      text-align: center;
      margin: 0 auto; }
    .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-title {
      max-width: 850px; }
      @media (max-width: 1024px) {
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-title {
          font-size: 52px; } }
      @media (max-width: 700px) {
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-title {
          font-size: 40px;
          max-width: 600px; } }
      @media (max-width: 550px) {
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-title {
          font-size: 28px;
          max-width: 400px; } }
    .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-subtitle {
      max-width: 600px;
      line-height: 1.5;
      margin-top: 1.25rem; }
      @media (max-width: 700px) {
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-subtitle {
          max-width: 500px; } }
      @media (max-width: 550px) {
        .hero-section .section-mask .section-container .section-wrapper .hero-section-body .hero-subtitle {
          max-width: 400px; } }
    .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag {
      display: inline-flex;
      align-items: center;
      gap: .75rem; }
      .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag-logo {
        height: 2rem; }
        @media (max-width: 550px) {
          .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag-logo {
            height: 1.5rem; } }
      .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag .rating-stars {
        align-items: center; }
        @media (max-width: 550px) {
          .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag .rating-stars .rating-star .star-icon {
            width: 1.25rem;
            height: 1rem; } }
      .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag .clutch-rating-text {
        font-size: 1.25rem; }
        @media (max-width: 550px) {
          .hero-section .section-mask .section-container .section-wrapper .hero-section-body .verified-tag .clutch-rating-text {
            font-size: 1rem; } }
.hero-section .hero-white-blob {
  width: calc(100vw + 400px);
  height: calc(100vh + 200px);
  border-radius: 100%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  filter: blur(250px); }

.project-show-case-poster {
  width: 100%;
  height: 100%;
  max-height: 760px; }
  .project-show-case-poster-img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    object-position: center; }

.peragraph-texts {
  display: flex;
  flex-direction: column;
  gap: 40px; }
  .peragraph-texts .peragraph-text-title {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 24px; }
    @media (max-width: 960px) {
      .peragraph-texts .peragraph-text-title {
        font-size: 28px;
        margin-bottom: 12px; } }
    @media (max-width: 700px) {
      .peragraph-texts .peragraph-text-title {
        font-size: 24px; } }
    @media (max-width: 550px) {
      .peragraph-texts .peragraph-text-title {
        font-size: 20px;
        margin-bottom: 8px; } }
  .peragraph-texts .peragraph-text-subtitle {
    font-size: 20px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6); }
    @media (max-width: 960px) {
      .peragraph-texts .peragraph-text-subtitle {
        font-size: 16px; } }
  @media (max-width: 550px) {
    .peragraph-texts {
      gap: 20px; } }
  .peragraph-texts.variation-2 .peragraph-text-title {
    font-size: 32px;
    margin-bottom: 20px; }

.stat-cards {
  display: flex;
  gap: 2rem; }
  .stat-cards .stat-card {
    width: 100%; }
  @media (max-width: 960px) {
    .stat-cards {
      gap: 1.25rem; } }
  @media (max-width: 700px) {
    .stat-cards {
      gap: 1rem; } }
  @media (max-width: 550px) {
    .stat-cards {
      flex-wrap: wrap; } }

.blog-detail .blog-detail-img .image {
  width: 100%; }

/*# sourceMappingURL=styles.css.map */