/*
$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)
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
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; }

input, textarea, button {
  font-family: inherit; }

/* Some overrides on top of resets.scss (taken from https://gist.github.com/DavidWells/18e73022e723037a50d6) */
html {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  font-size: 16px; }

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); } }
@keyframes fade-scale {
  0% {
    transform: scale(0.1);
    opacity: .1;
    transform-origin: top right; }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: top right; } }
@keyframes fadeinout {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes scrolltext {
  0% {
    transform: translateX(100vw); }
  100% {
    transform: translateX(-100%); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fade-scale {
  0% {
    transform: scale(0.1);
    opacity: .1;
    transform-origin: top right; }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: top right; } }
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }
/* Animation for sliding in from the right */
@keyframes slideInRight {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out-outline {
  0% {
    outline: 2px solid #ffedef; }
  100% {
    outline: 2px solid rgba(255, 237, 239, 0); } }
@keyframes infiniteRightArrow {
  0% {
    background-position: right top, right bottom; }
  100% {
    background-position: left top, left bottom; } }
@keyframes loadingAnimation {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  50% {
    transform: translateY(0%);
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes blurAnimation {
  0% {
    filter: blur(10px); }
  100% {
    filter: blur(0); } }
.section-title {
  margin: 0;
  font-size: 160px;
  color: #FFFFFF;
  line-height: 1;
  font-weight: 800;
  font-size: 36px;
  text-align: center;
  line-height: 100%; }
  .section-title span {
    margin-left: 20%; }

.section-subtitle {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
  text-align: center; }
  @media (max-width: 960px) {
    .section-subtitle {
      font-size: 16px; } }

.gradient-text {
  color: #FFFFFF;
  transition: color .5s ease;
  line-height: 1.2;
  letter-spacing: -3.2px;
  cursor: pointer;
  display: inline-flex;
  margin-top: inherit !important; }
  .gradient-text:hover {
    background: linear-gradient(90deg, #633cc9, #3b8392, #cb24cc);
    animation: StatisticsPanel_rainbow__FRjps 3s ease-in-out infinite;
    background-clip: border-box;
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; }

.underline-text {
  font-size: 60px;
  line-height: 1.4;
  color: #FFFFFF;
  position: relative; }
  .underline-text a {
    color: inherit; }
  .underline-text::after {
    transition: all 300ms ease-in;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 0; }
  .underline-text:hover::after {
    transition: all 300ms ease-in;
    content: "";
    width: 0; }

.button {
  height: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888888;
  position: relative;
  z-index: 2;
  background-color: #E0E0E0;
  color: #888888;
  border-radius: 32rem; }
  .button:hover, .button:focus {
    background-color: #D0D0D0; }
  .button:active:not(:disabled), .button.is-loading:not(:disabled) {
    position: relative;
    right: 1px;
    top: 1px; }
  .button[disabled], .button .is-disabled {
    background-color: #E6E6E6;
    color: rgba(136, 136, 136, 0.35);
    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: #3369FF;
    color: #FFFFFF; }
    .button.is-primary:hover, .button.is-primary:focus {
      background-color: #1949CC; }
    .button.is-primary[disabled], .button.is-primary.is-disabled {
      background-color: #6E91F0;
      color: rgba(255, 255, 255, 0.35); }
    .button.is-primary.is-outlined {
      border: 2px solid #3369FF;
      background-color: transparent;
      color: #3369FF; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
        background-color: #3369FF;
        color: #FFFFFF; }
      .button.is-primary.is-outlined[disabled], .button.is-primary.is-outlined.is-disabled {
        border: 2px solid #6E91F0;
        background-color: inherit;
        color: rgba(110, 145, 240, 0.35); }
      .button.is-primary.is-outlined.is-loading {
        background-color: transparent; }
        .button.is-primary.is-outlined.is-loading::after {
          border: 2px solid #3369FF; }
  .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: #333333; }
    .button.is-white:hover, .button.is-white:focus {
      background-color: #F0F0F0; }
    .button.is-white[disabled], .button.is-white.is-disabled {
      background-color: #E6E6E6;
      color: rgba(51, 51, 51, 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: #333333; }
      .button.is-white.is-outlined[disabled], .button.is-white.is-outlined.is-disabled {
        border: 2px solid #E6E6E6;
        background-color: inherit;
        color: rgba(230, 230, 230, 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: 1rem;
      height: 1rem;
      border: 2px solid #FFFFFF;
      border-right: 2px solid transparent !important;
      border-radius: 100%;
      position: absolute;
      animation: spin 500ms linear infinite; }

.button-hero {
  height: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888888;
  position: relative;
  z-index: 2;
  background: linear-gradient(to right, #E1922B, #FFC06E);
  color: #FFFFFF;
  border-width: 0; }
  .button-hero.is-rounded {
    border-radius: 0.25rem; }
  .button-hero.is-fullrounded {
    border-radius: 1000px; }
  .button-hero.has-shadow::before {
    content: "";
    width: 5rem;
    height: 2.5rem;
    border-radius: 100%;
    filter: blur(10px);
    position: absolute;
    top: 15px;
    z-index: -1;
    opacity: .5;
    background: inherit; }
  .button-hero.is-md {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .button-hero.is-lg {
    height: 3rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem; }

.link-1 {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1;
  padding: 24px 20px;
  border-radius: 50px;
  background-color: red;
  border: none; }
  .link-1 span {
    margin-right: 8px;
    transition: all 200ms ease-in; }
  .link-1-icon {
    margin-left: .25rem;
    color: inherit;
    width: 1rem;
    height: 1rem;
    transition: all 100ms ease-in;
    position: relative;
    left: 0; }
  .link-1:hover {
    color: white; }
    .link-1:hover .link-1-icon {
      left: .5rem; }
  .link-1.hover-up {
    background-color: #7049d1;
    border-color: #7049d1;
    gap: 4px;
    padding: 16px 24px; }
    .link-1.hover-up span {
      margin-right: 0; }
    .link-1.hover-up .link-1-icon {
      width: 14px;
      height: 14px;
      transform: translate(-4px, 2px); }
    .link-1.hover-up:hover .link-1-icon {
      left: inherit;
      transform: translate(2px, -1px);
      transition: opacity .2s ease-in-out,transform .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out; }
  .link-1.outline-btn {
    position: relative;
    margin-bottom: 20px;
    transition: all 200ms ease-in;
    background-color: transparent; }
    .link-1.outline-btn::after {
      content: "";
      width: 100%;
      border: 2px solid #FFFFFF;
      position: absolute;
      right: -1px;
      height: 100%;
      border-radius: 50px;
      transition: all 200ms ease-in; }
    .link-1.outline-btn:hover::after {
      content: "";
      width: 64px;
      right: -20px;
      left: inherit;
      margin-left: 8px;
      transition: all 200ms ease-in; }
    .link-1.outline-btn:hover .link-1-icon {
      left: 15px;
      transition: all 200ms ease-in; }
    .link-1.outline-btn:hover span {
      margin-right: 16px; }
    .link-1.outline-btn.dark-btn {
      color: #000000; }
      .link-1.outline-btn.dark-btn::after {
        border: 2px solid #000000; }

.divider-line {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #D0D0D0; }

.vertical-divider-line {
  width: 1px;
  background-color: #D0D0D0; }

.purple-button-hero {
  height: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888888;
  position: relative;
  z-index: 2;
  background: transparent !important;
  color: #FFFFFF;
  border-width: 0;
  border: 1px solid #8C6EF0;
  height: 52px; }
  .purple-button-hero.is-rounded {
    border-radius: 0.25rem; }
  .purple-button-hero.is-fullrounded {
    border-radius: 1000px; }
  .purple-button-hero.has-shadow::before {
    content: "";
    width: 5rem;
    height: 2.5rem;
    border-radius: 100%;
    filter: blur(10px);
    position: absolute;
    top: 15px;
    z-index: -1;
    opacity: .5;
    background: inherit; }
  @media (max-width: 550px) {
    .purple-button-hero {
      padding: 16px !important; } }

.purple-button-hover {
  margin-right: 8px;
  position: relative;
  transition: all .35s; }
  .purple-button-hover::after {
    position: absolute !important;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #8C6EF0 !important;
    transition: all .35s;
    z-index: -1;
    border: 1px solid tr; }
  .purple-button-hover:hover {
    color: #FFFFFF !important; }
  .purple-button-hover:active:after {
    background-color: #5B4D8A !important;
    color: #5B4D8A !important; }
  .purple-button-hover:hover:after {
    width: 100%; }

.purple-button-hover.is-fill {
  position: relative;
  transition: all .35s; }
  .purple-button-hover.is-fill::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: #EDF2FF;
    transition: all .35s; }
  .purple-button-hover.is-fill:hover {
    background-color: transparent;
    color: #EDF2FF !important;
    border: 1px solid #8C6EF0; }
  .purple-button-hover.is-fill:active {
    background-color: #5B4D8A !important;
    color: #FFFFFF !important; }
  .purple-button-hover.is-fill:hover:after {
    width: 0%; }

.milkyway-particles {
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-55%);
  -webkit-user-select: none;
  /* Safari */
  user-select: none; }
  .milkyway-particles .milkyway-image {
    mix-blend-mode: lighten; }
  .milkyway-particles .milkyway-dot {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute; }
    .milkyway-particles .milkyway-dot.is-small {
      width: 3px;
      height: 3px; }
    .milkyway-particles .milkyway-dot.is-tiny {
      width: 2px;
      height: 2px; }
    .milkyway-particles .milkyway-dot-gray {
      background-color: #555555;
      box-shadow: 0 0 4px rgba(85, 85, 85, 0.5); }
    .milkyway-particles .milkyway-dot-blue {
      background-color: #333C6D;
      box-shadow: 0 0 4px rgba(51, 60, 109, 0.5); }
    .milkyway-particles .milkyway-dot-red {
      background-color: #6D3333;
      box-shadow: 0 0 4px rgba(109, 51, 51, 0.5); }
    .milkyway-particles .milkyway-dot.is-less-visible {
      opacity: .5; }

.grids {
  background-color: #000000;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }

.grid {
  display: flex;
  flex-wrap: wrap; }

.grid-cell {
  width: 100px;
  height: 100px;
  background-color: #000000;
  border: 2px dashed rgba(45, 45, 45, 0.6);
  border-left: 0;
  border-top: 0;
  position: relative; }
  .grid-cell.top-border {
    border-top: 2px dashed rgba(45, 45, 45, 0.6); }
  .grid-cell.left-border {
    border-left: 2px dashed rgba(45, 45, 45, 0.6); }

.grid-cell::before, .grid-cell::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #606060;
  position: absolute;
  z-index: 99; }

.grid-cell::before {
  top: -4px;
  right: -4px; }

.grid-cell::after {
  top: 98%;
  right: -4px; }

.grid-cell.is-active {
  background-color: #161616; }

.grid-particle {
  width: 100%;
  max-width: 100px;
  height: 100px;
  position: absolute;
  right: 6%;
  top: -8%;
  z-index: 0;
  fill: #EDF2FF; }
  @media (max-width: 960px) {
    .grid-particle {
      right: 16%;
      top: -12%; } }
  .grid-particle.is-light {
    fill: #D6E0FB; }

.section-title.has-underline-particle {
  position: relative; }
  .section-title.has-underline-particle::after {
    content: "";
    background: url(/assets/img/title-underline-particle.svg);
    position: absolute;
    height: 14px;
    width: 100%;
    max-width: 185px;
    bottom: -6%;
    right: 30%;
    background-repeat: no-repeat; }

.has-bottom-line-particle {
  position: relative; }

.has-bottom-line-particle::after {
  content: "";
  height: 2px;
  width: 80px;
  background: #313AEA;
  position: absolute;
  bottom: -8px;
  left: 2px; }

.banner {
  padding: 50px 20px; }
  .banner .banner-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    padding: 0 24px; }
    @media (max-width: 550px) {
      .banner .banner-wrapper {
        padding: 0; } }
    .banner .banner-wrapper .banner-link {
      color: #0000ff; }
    .banner .banner-wrapper .banner-logo {
      width: 100%;
      height: 100%;
      max-height: 150px;
      min-width: 800px;
      aspect-ratio: 3/2; }
      @media (max-width: 550px) {
        .banner .banner-wrapper .banner-logo {
          width: 100%;
          max-width: 90px;
          height: 100%;
          max-height: 40px; } }
      .banner .banner-wrapper .banner-logo .banner-logo-img {
        width: 100%;
        height: 100%; }
    .banner .banner-wrapper .banner-text {
      display: flex;
      gap: 12px; }
      .banner .banner-wrapper .banner-text .banner-text-link {
        font-size: 14px;
        font-weight: 600;
        color: #888888; }
        .banner .banner-wrapper .banner-text .banner-text-link.is-active {
          color: #000000; }

.h-scrollable {
  overflow: hidden;
  position: relative;
  z-index: 99;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .h-scrollable-inner {
    width: 200%;
    display: flex;
    margin: 25px 0; }
    .h-scrollable-inner-items {
      width: 100%;
      will-change: transform;
      animation: hscroll 20s linear infinite; }
      @media (max-width: 550px) {
        .h-scrollable-inner-items {
          padding: 0 24px !important; } }
      @media (max-width: 800px) {
        .h-scrollable-inner-items {
          width: 150% !important; } }
    @media (max-width: 800px) {
      .h-scrollable-inner {
        width: 300%; } }
  @media (max-width: 800px) {
    .h-scrollable .h-scrollable-item {
      min-width: 100px; } }

@keyframes hscroll {
  0% {
    transform: translate3d(0%, 0, 0); }
  100% {
    transform: translate3d(-100%, 0, 0); } }
.code-editor-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px; }
  .code-editor-wrapper .code-editor-title {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    text-align: center;
    font-weight: 100; }
  .code-editor-wrapper .editor-container {
    width: 100%;
    height: 400px;
    margin: 20px auto;
    position: relative; }
  .code-editor-wrapper #editor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    font-size: 20px; }

.contact-section-2 .contact-details {
  display: flex;
  width: 100%;
  gap: 20px; }
  @media (max-width: 360px) {
    .contact-section-2 .contact-details {
      flex-direction: column; } }
  .contact-section-2 .contact-details .contact-detail {
    display: flex;
    flex-direction: column;
    margin: 0 auto; }
    @media (max-width: 360px) {
      .contact-section-2 .contact-details .contact-detail {
        align-items: center; } }
    .contact-section-2 .contact-details .contact-detail .contact-detail-icon svg {
      height: 48px;
      width: 48px;
      fill: #FFFFFF; }
    .contact-section-2 .contact-details .contact-detail .contact-detail-heading {
      font-size: 24px;
      font-weight: 600;
      color: #FFFFFF; }
    .contact-section-2 .contact-details .contact-detail .contact-detail-text a {
      color: #FFFFFF; }
      .contact-section-2 .contact-details .contact-detail .contact-detail-text a:hover {
        text-decoration: underline; }

.section.filter-section {
  background: radial-gradient(68.05% 68.05% at 50% 0%, #F9EFE6 0%, #F9E8D7 67.71%), #D9D9D9; }

.gallery-filter {
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }
  .gallery-filter .gallery-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    padding: 40px 64px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(36px); }
    .gallery-filter .gallery-filter-wrapper .filter-by {
      padding: 16px 20px;
      border-radius: 200px;
      border: 1px solid #000000;
      font-size: 14px;
      font-weight: 600;
      color: #555555;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 155px;
      height: 48px; }
      .gallery-filter .gallery-filter-wrapper .filter-by.event {
        width: 100%; }
      .gallery-filter .gallery-filter-wrapper .filter-by .filter-icon {
        width: 16px;
        height: 16px;
        cursor: pointer; }
      .gallery-filter .gallery-filter-wrapper .filter-by .filter-by-items {
        width: 100%;
        background-color: transparent;
        border: none;
        font-size: 14px;
        font-weight: 600;
        color: rgba(85, 85, 85, 0.5);
        padding-top: 12px;
        padding-bottom: 12px; }
    .gallery-filter .gallery-filter-wrapper .section-cta {
      margin-top: 0;
      margin-left: 4px;
      width: 100%;
      max-width: 120px; }
      .gallery-filter .gallery-filter-wrapper .section-cta .section-button {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }

.section-button {
  padding: 20px 32px;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: #000000;
  color: #FFFFFF;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  border: 1px solid transparent;
  scale: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 32px;
  justify-content: center; }

.section-button:hover {
  color: #000000;
  background: none;
  border: 1px solid;
  transition: all 300ms; }

.section.footer-section {
  min-height: auto;
  padding: 100px 0 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.54);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(32px) saturate(160%);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  transition: all 0.2s linear; }
  .section.footer-section:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .section.footer-section {
      border-color: #FFFFFF; } }
  @media (max-width: 550px) {
    .section.footer-section {
      padding: 50px 0 !important; } }
  .section.footer-section .container .footer-wrapper {
    display: flex;
    width: 100%; }
    @media (max-width: 800px) {
      .section.footer-section .container .footer-wrapper {
        flex-direction: column;
        gap: 32px; } }
    .section.footer-section .container .footer-wrapper .footer-left {
      width: 40%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 960px) {
        .section.footer-section .container .footer-wrapper .footer-left {
          width: 100%; } }
      .section.footer-section .container .footer-wrapper .footer-left .footer-header {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .section.footer-section .container .footer-wrapper .footer-left .footer-header .footer-header-image {
          height: 60px; }
        .section.footer-section .container .footer-wrapper .footer-left .footer-header .footer-title {
          font-size: 32px;
          font-weight: 900;
          color: #000000; }
        .section.footer-section .container .footer-wrapper .footer-left .footer-header .footer-subtitle {
          font-size: 16px;
          color: #000000; }
      .section.footer-section .container .footer-wrapper .footer-left .footer-center {
        margin: 32px 0; }
        .section.footer-section .container .footer-wrapper .footer-left .footer-center .brand-logos {
          display: flex;
          align-items: center;
          gap: 40px; }
          .section.footer-section .container .footer-wrapper .footer-left .footer-center .brand-logos .brand-logo {
            width: 100%;
            max-width: 132px;
            height: 100%;
            max-height: 60px; }
        .section.footer-section .container .footer-wrapper .footer-left .footer-center .footer-center-socials {
          display: flex;
          gap: 16px; }
          .section.footer-section .container .footer-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: #000000; }
            .section.footer-section .container .footer-wrapper .footer-left .footer-center .footer-center-socials .footer-center-social .footer-center-social-icon {
              width: 20px; }
      .section.footer-section .container .footer-wrapper .footer-left .footer-bottom {
        color: #000000;
        font-size: 16px; }

.footer-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 60%;
  gap: 16px;
  padding-left: 12px; }
  @media (max-width: 960px) {
    .footer-right {
      width: 100%; } }
  @media (max-width: 480px) {
    .footer-right {
      grid-template-columns: repeat(1, 1fr); } }
  .footer-right .footer-right-nav {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .footer-right .footer-right-nav .footer-right-nav-title {
      font-size: 16px;
      font-weight: 700;
      color: #000000; }
    .footer-right .footer-right-nav .footer-right-nav-links {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .footer-right .footer-right-nav .footer-right-nav-links .footer-right-nav-link {
        color: #000000;
        font-size: 16px; }
        .footer-right .footer-right-nav .footer-right-nav-links .footer-right-nav-link:hover {
          text-decoration: underline;
          color: #555555; }
      .footer-right .footer-right-nav .footer-right-nav-links-buttons {
        display: flex; }
        .footer-right .footer-right-nav .footer-right-nav-links-buttons .footer-right-nav-links-button {
          padding: 16px;
          background-color: red;
          font-size: 20px;
          line-height: 1;
          color: #000000;
          display: flex;
          align-items: center;
          gap: 4px; }
          .footer-right .footer-right-nav .footer-right-nav-links-buttons .footer-right-nav-links-button-icon {
            width: 20px;
            fill: #000000; }
      .footer-right .footer-right-nav .footer-right-nav-links-partners {
        display: flex;
        gap: 8px; }
        .footer-right .footer-right-nav .footer-right-nav-links-partners-image {
          width: 100px;
          height: 50px;
          border-radius: 8px;
          background-color: #000000; }
          .footer-right .footer-right-nav .footer-right-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; }

.image-cube-spiner {
  width: 300px;
  height: 300px;
  transform-style: preserve-3d;
  position: relative;
  animation: spin-cube 15s linear infinite; }

@keyframes spin-cube {
  0%, 5% {
    transform: rotateY(0deg); }
  /* Pause at 25% */
  25%, 30% {
    transform: rotateY(90deg); }
  /* Pause at 50% */
  50%, 55% {
    transform: rotateY(180deg); }
  /* Pause at 75% */
  75%, 80% {
    transform: rotateY(270deg); }
  100% {
    transform: rotateY(360deg); } }
.image-cube-spiner div {
  height: 100%;
  width: 100%;
  position: absolute;
  backface-visibility: hidden; }

.image-cube-spiner-img {
  width: 300px;
  height: 300; }

.front {
  transform: translateZ(150px); }

.right {
  transform: rotateY(-270deg) translateX(150px);
  transform-origin: 100% 0; }

.back {
  transform: translateZ(-150px) rotateY(180deg); }

.left {
  transform: rotateY(270deg) translateX(-150px);
  transform-origin: 0 50%; }

.legend-line {
  white-space: nowrap;
  display: flex;
  line-height: 1.5;
  align-items: center; }
  .legend-line span {
    padding-right: 12px;
    color: #888888; }
  .legend-line::after {
    content: "";
    width: 95%;
    height: 1px;
    background-color: #888888; }

.slider-circles {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 20px; }
  .slider-circles.step-count {
    position: inherit;
    transform: inherit;
    margin-top: 20px; }
  .slider-circles .slider-circle {
    width: 8px;
    height: 8px;
    background-color: #D0D0D0;
    border-radius: 100%; }
    .slider-circles .slider-circle.is-active {
      background-color: gray;
      padding: 0; }

.social-icons-1 {
  display: flex;
  list-style: none;
  gap: 1rem; }
  .social-icons-1 .social-item {
    overflow: hidden;
    border-radius: 50%; }
  .social-icons-1 .social-item a {
    text-decoration: none;
    width: 40px;
    height: 40px;
    background-color: #d8f8ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: 3px solid #d8f8ff;
    overflow: hidden;
    padding: 4px; }
  .social-icons-1 .social-item a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-color);
    z-index: 0;
    scale: 1 0;
    transform-origin: bottom;
    transition: scale 0.5s ease; }
  .social-icons-1 .social-item:hover a::before {
    scale: 1 1; }
  .social-icons-1 .social-icon {
    font-size: 2rem;
    color: #021927;
    transition: 0.5s ease;
    z-index: 2;
    color: rgba(0, 0, 0, 0.5);
    width: 2.5rem;
    height: 2.5rem; }
  .social-icons-1 .social-item a:hover .social-icon {
    color: #FFFFFF;
    transform: rotateY(360deg); }
  .social-icons-1 .social-item.insta {
    --bg-color: linear-gradient(to bottom right, #f9ce34, #ee2a7b, #6228d7); }
  .social-icons-1 .social-item.fb {
    --bg-color: #0077b5; }
  .social-icons-1 .social-item.twiter {
    --bg-color: #000; }
  .social-icons-1 .social-item.youtube {
    --bg-color: #ff0000; }
  .social-icons-1 .social-item.whatsapp {
    --bg-color: #25D366; }
  .social-icons-1 .social-item.telegram {
    --bg-color: #28A4E4; }

.stats-1 {
  margin-top: 50px;
  display: flex;
  gap: 64px;
  justify-content: center;
  align-items: center;
  font-family: Poppins; }

.stats-1-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  text-align: center; }

.stats-1-title {
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: radial-gradient(50% 50% at 50% 50%, #F6F6F6 0%, rgba(87, 81, 81, 0.89) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  leading-trim: both;
  text-edge: cap; }

.stats-1-subtitle {
  font-size: 20px;
  color: #000000;
  line-height: 1.25; }

.stats-1-divider {
  width: 2px;
  height: 125px;
  background: linear-gradient(180deg, rgba(223, 192, 192, 0.07) 0%, rgba(116, 104, 104, 0.7) 50.5%, rgba(223, 192, 192, 0.07) 100%); }

.table-component {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #E0E0E0; }

.table-component-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  padding: 20px; }
  .table-component-row .table-component-cell {
    display: flex;
    gap: 12px; }
    .table-component-row .table-component-cell-column-icon {
      width: 20px;
      height: 20px; }
    .table-component-row .table-component-cell-column-title {
      color: #333333;
      font-weight: 600;
      line-height: 125%;
      margin-bottom: 8px; }
    .table-component-row .table-component-cell-column-info {
      color: #555555;
      font-size: 14px;
      line-height: 125%; }

.table-component-row:last-child {
  border-bottom: none; }

.table-component-download {
  justify-content: flex-end;
  padding: 16px;
  background-color: #FBE8D5;
  border-radius: 16px;
  border: 1px solid #F2E0CE; }

.section.card-section .section-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .section.card-section .section-wrapper .team-card-title {
    padding: 40px; }
    .section.card-section .section-wrapper .team-card-title .team-card-title-name {
      color: black;
      font-size: 48px;
      font-weight: 700; }
  .section.card-section .section-wrapper .team-cards {
    width: 100%;
    padding: 20px; }
    .section.card-section .section-wrapper .team-cards .team-cards-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card {
        width: 100%;
        max-width: 550px;
        padding: 20px;
        margin-bottom: 40px; }
        .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper {
          display: flex; }
          .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-image {
            width: 200px;
            height: 200px;
            background-color: #888888; }
          .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts {
            padding: 0 20px; }
            .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts .about-card-texts-header {
              margin-bottom: 16px; }
              .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts .about-card-texts-header .about-card-title {
                font-size: 20px;
                font-weight: 600; }
              .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts .about-card-texts-header .about-card-subtitle-1 {
                color: #5549FF; }
            .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts .about-card-texts-fotter .about-card-subtitle-2 {
              color: #888888; }
              .section.card-section .section-wrapper .team-cards .team-cards-wrapper .about-card .about-card-wrapper .about-card-texts .about-card-texts-fotter .about-card-subtitle-2 .icon {
                margin-right: 16px; }
      .section.card-section .section-wrapper .team-cards .team-cards-wrapper .for-flex {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%; }

.series-section {
  background-color: #1e1a25 !important; }
  .series-section .container {
    max-width: 1100px;
    margin: 0 auto; }
  .series-section .section-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background-color: #453d53 !important;
    padding: 50px 20px;
    border-radius: 16px; }
    @media (max-width: 960px) {
      .series-section .section-wrapper {
        flex-direction: row !important; } }
    @media (max-width: 550px) {
      .series-section .section-wrapper {
        flex-direction: column !important; } }
  .series-section .series-text {
    max-width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 960px) {
      .series-section .series-text {
        max-width: 60%;
        margin-bottom: 48px; } }
    @media (max-width: 550px) {
      .series-section .series-text {
        max-width: 100%;
        margin-bottom: 48px; } }
  .series-section .series-title {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 16px; }
  .series-section .series-subtitle {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400; }
  .series-section .icon-series {
    width: 50px;
    height: 50px;
    background-color: #333;
    position: relative;
    z-index: 1;
    top: -16px;
    border-radius: 8px; }
  .series-section .editor {
    width: 24px;
    height: 24px;
    fill: #FFFFFF;
    position: absolute;
    left: 12px;
    top: 12px; }
  .series-section .series-particle {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
    width: 60%; }
    @media (max-width: 960px) {
      .series-section .series-particle {
        max-width: 100%;
        margin-bottom: 48px; } }
    @media (max-width: 550px) {
      .series-section .series-particle {
        max-width: 100%; } }
    .series-section .series-particle .section-button {
      background-color: #1e1a25 !important;
      border: 1px solid #EDEDED !important;
      height: 16px !important; }
    .series-section .series-particle .focus {
      height: 24px;
      width: 24px;
      fill: #FFFFFF; }
  .series-section .series-span {
    position: relative;
    width: 24px;
    height: 24px; }
  .series-section .series-span::before, .series-section .series-span::after {
    content: "";
    width: 2px;
    height: 40px;
    border-left: 1px dashed #FFFFFF;
    position: absolute;
    left: 50%;
    transform: translateX(-5%);
    top: -44px; }
  .series-section .series-span::after {
    content: "";
    top: 28px; }

.we-all-project .section-columns {
  width: 100%;
  flex-direction: column; }
  .we-all-project .section-columns .section-title-icon {
    width: 100px;
    height: 100px;
    display: flex;
    transform: translateY(-32px); }
    .we-all-project .section-columns .section-title-icon-svg {
      width: 100%; }
    @media (max-width: 700px) {
      .we-all-project .section-columns .section-title-icon {
        width: 60px;
        height: 60px;
        transform: translateY(-16px); } }
    @media (max-width: 550px) {
      .we-all-project .section-columns .section-title-icon {
        width: 40px;
        height: 40px;
        transform: translateY(-12px); } }
  .we-all-project .section-columns.side-by-side {
    flex-direction: row; }
    .we-all-project .section-columns.side-by-side .section-title {
      margin-top: 70px; }
      @media (max-width: 700px) {
        .we-all-project .section-columns.side-by-side .section-title {
          margin-top: 0; } }
    .we-all-project .section-columns.side-by-side .section-column-texts {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .we-all-project .section-columns.side-by-side .section-column-texts-title {
        font-size: 64px;
        line-height: 1; }
        @media (max-width: 960px) {
          .we-all-project .section-columns.side-by-side .section-column-texts-title {
            font-size: 32px; } }
        @media (max-width: 700px) {
          .we-all-project .section-columns.side-by-side .section-column-texts-title {
            font-size: 28px; } }
      .we-all-project .section-columns.side-by-side .section-column-texts-subtitle {
        font-size: 20px;
        line-height: 1.4; }
        @media (max-width: 700px) {
          .we-all-project .section-columns.side-by-side .section-column-texts-subtitle {
            font-size: 16px; } }
.we-all-project .service-section {
  background: radial-gradient(circle, #d2bffd, #d8f8ff);
  padding-top: 200px !important; }
  .we-all-project .service-section .section-wrapper {
    flex-direction: column; }
  .we-all-project .service-section .section-title {
    text-align: center;
    font-size: 40px; }
    @media (max-width: 960px) {
      .we-all-project .service-section .section-title {
        font-size: 80px; } }
    @media (max-width: 700px) {
      .we-all-project .service-section .section-title {
        font-size: 40px; } }
    @media (max-width: 550px) {
      .we-all-project .service-section .section-title {
        font-size: 32px; } }
  .we-all-project .service-section .section-columns .section-column {
    border-bottom: 1px solid #C3C3C3;
    padding: 50px 0;
    width: 100%;
    align-items: center;
    flex-direction: row;
    transition: all 300ms ease-in;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
    .we-all-project .service-section .section-columns .section-column-left {
      width: 50%; }
    .we-all-project .service-section .section-columns .section-column-texts .service-no {
      font-size: 32px; }
    .we-all-project .service-section .section-columns .section-column-texts-title {
      font-size: 100px; }
      @media (max-width: 960px) {
        .we-all-project .service-section .section-columns .section-column-texts-title {
          font-size: 80px; } }
      @media (max-width: 700px) {
        .we-all-project .service-section .section-columns .section-column-texts-title {
          font-size: 60px; } }
      @media (max-width: 550px) {
        .we-all-project .service-section .section-columns .section-column-texts-title {
          font-size: 40px; } }
    .we-all-project .service-section .section-columns .section-column-right {
      width: 50%;
      display: flex;
      justify-content: end; }
      .we-all-project .service-section .section-columns .section-column-right .section-subtitle {
        opacity: 0;
        width: 100%;
        max-width: 500px;
        transition: all 300ms ease-in; }
    .we-all-project .service-section .section-columns .section-column .section-column-texts-title, .we-all-project .service-section .section-columns .section-column .service-no {
      color: #C3C3C3 !important;
      transition: all 300ms ease-in; }
    .we-all-project .service-section .section-columns .section-column:hover {
      border-bottom: 1px solid #000000; }
      .we-all-project .service-section .section-columns .section-column:hover .section-column-texts-title, .we-all-project .service-section .section-columns .section-column:hover .service-no {
        color: #000000 !important; }
      .we-all-project .service-section .section-columns .section-column:hover .section-subtitle {
        opacity: 1; }

.auto-adjust {
  overflow-x: inherit;
  display: inline;
  width: 100%;
  max-width: 750px; }
  .auto-adjust .slider-button-chips-btn {
    display: inline-block;
    background-color: transparent;
    margin: 8px 4px;
    border: 1px solid #D0D0D0;
    font-weight: 600;
    transition: all .3s ease-in; }
    .auto-adjust .slider-button-chips-btn:hover {
      background-color: #000000;
      color: #FFFFFF; }

.partner-logos {
  display: inline;
  width: 100%;
  align-items: center;
  margin-top: 50px; }
  .partner-logos-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 64px 32px; }
    @media (max-width: 960px) {
      .partner-logos-wrapper {
        grid-template-columns: repeat(3, 1fr); } }
  .partner-logos .partner-logo {
    display: flex;
    width: 100%;
    max-width: 180px;
    margin: 0 auto; }
    .partner-logos .partner-logo-img {
      width: 100%; }

.chats {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 700px;
  margin-top: 20px;
  padding: 20px 0; }
  .chats .chat {
    display: flex; }
    .chats .chat-avatar {
      margin-right: 6px;
      width: 2.25rem;
      height: 2.25rem;
      position: relative;
      border-radius: 100%;
      overflow: hidden; }
      .chats .chat-avatar-img {
        width: 100%;
        height: auto; }
    .chats .chat-content {
      flex: 1 0;
      width: 3.875rem;
      position: relative;
      margin-left: 1rem;
      padding: 1.5rem;
      border-radius: .5rem;
      background-color: #222222; }
      @media (max-width: 550px) {
        .chats .chat-content {
          margin-left: .75rem;
          padding: 1rem; } }
      .chats .chat-content-text {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        line-height: 1.75;
        color: #E0E0E0; }
        .chats .chat-content-text-user {
          font-weight: 700;
          color: #FFFFFF; }
      .chats .chat-content::after {
        content: "";
        position: absolute;
        top: .6rem;
        left: -16px;
        width: 0;
        height: 0;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 13px solid #222222;
        /* You can change the color */
        transform: rotate(-90deg); }

.accordians {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 900px;
  font-family: 'Poppins', sans-serif !important; }

.accordians .accordian {
  border-radius: 16px;
  backdrop-filter: blur(36px);
  background-color: rgba(255, 255, 255, 0.54);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(32px) saturate(160%);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  border-radius: 16px;
  transition: all 0.2s linear;
  overflow: hidden; }
  .accordians .accordian:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .accordians .accordian {
      border-color: #FFFFFF; } }

.accordians .accordian-button {
  padding: 0;
  margin: 0;
  box-shadow: none;
  border: none;
  background: none;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  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: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif !important;
  color: #333333; }

.accordians .accordian-button .accordian-title-wrapper .accordian-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  margin-top: 8px; }

.accordians .accordian-button .accordian-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #000000;
  color: #FFFFFF;
  fill: #FFFFFF;
  border-radius: 100%;
  font-size: 16px;
  transform: rotate(0deg);
  transition: transform 300ms ease-in; }

.accordians .accordian-body {
  height: 0px;
  overflow: hidden;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 0px;
  opacity: 0;
  transition: padding-bottom 300ms ease-in, opacity 300ms ease-in; }

.accordians .accordian.active .accordian-body {
  height: unset !important;
  padding-bottom: 32px;
  opacity: 1; }

.accordians .accordian.active .accordian-button .accordian-icon {
  transform: rotate(180deg); }

.accordian-body-text {
  color: #333333; }

.accordian-title {
  line-height: 1.25 !important; }

.group {
  text-align: center;
  white-space: nowrap;
  overflow: hidden; }

.item {
  width: 10vw;
  height: 75vh;
  background-position: center;
  background-size: 75vh;
  margin: 1vw;
  border-radius: 3vw;
  display: inline-block;
  cursor: pointer; }
  @media (max-width: 700px) {
    .item {
      height: 20vh; } }
  .item.on-click {
    animation: horizontalBounce 1s;
    transition: all 300ms ease-in-out;
    width: 35vw; }
  .item.on-click-other {
    animation: otherHorizontalBounce 1s;
    transition: all 300ms ease-in-out;
    width: 10vw; }

@keyframes horizontalBounce {
  0% {
    width: 10vw; }
  50% {
    width: 45vw; }
  100% {
    width: 35vw; } }
@keyframes otherHorizontalBounce {
  0% {
    width: 10vw; }
  50% {
    width: 8vw; }
  100% {
    width: 10vw; } }
.gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px; }

.card-image {
  width: 80px;
  height: 420px;
  margin: 10px;
  border-radius: 40px;
  background-size: cover;
  background-position: center;
  transition: width 0.5s; }

.card-image:hover {
  width: 200px;
  cursor: pointer; }

.login-box {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(32px) saturate(160%);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  border-radius: 16px;
  transition: all 0.2s linear; }
  .login-box:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .login-box {
      border-color: #FFFFFF;
      flex-direction: column; } }

.login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem  2rem; }
  @media (max-width: 550px) {
    .login-form {
      padding: 2rem 1rem; } }
  .login-form .login-form-image {
    background-image: url("https://w7.pngwing.com/pngs/326/85/png-transparent-google-logo-google-text-trademark-logo.png");
    background-size: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 0%;
    left: 50%;
    box-sizing: border-box;
    display: none; }
  .login-form .square {
    width: 20px;
    height: 20px;
    background: #2e5df7;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px; }
  .login-form .progress {
    width: 100%;
    height: 2px;
    background: #c6d7fd;
    border-radius: 2px;
    overflow: hidden; }
  .login-form .progress-fill {
    width: 100%;
    height: 100%;
    background-color: #000000; }
  .login-form .step {
    font-size: 12px;
    color: #888888; }
  .login-form .auth-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    color: #333333;
    font-size: 14px;
    margin-top: 2rem;
    margin-bottom: 14px; }
    .login-form .auth-info-text {
      color: rgba(255, 255, 255, 0.7); }
    .login-form .auth-info-link {
      font-weight: 600;
      color: #FFFFFF;
      margin-left: 2px;
      cursor: pointer; }
  .login-form .form-field {
    margin-bottom: 12px;
    gap: .5rem; }
    .login-form .form-field-inline {
      width: 100%;
      display: flex;
      gap: .5rem; }
      .login-form .form-field-inline-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem; }
  .login-form label {
    font-size: 14px;
    display: block;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7); }
  .login-form input, .login-form select {
    width: 100%;
    height: 36px;
    padding: .5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 32rem;
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: 500;
    transition: all 300ms ease-in-out; }
    .login-form input::placeholder, .login-form select::placeholder {
      color: rgba(255, 255, 255, 0.6);
      font-size: 14px; }
    .login-form input:focus, .login-form select:focus {
      border: 1px solid #FFFFFF; }
  .login-form .main-button {
    border: 0;
    background: none;
    outline: 0;
    display: flex;
    width: 100%;
    padding: 8px 2px;
    background-color: #8694aa;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    justify-content: center;
    margin-top: 24px; }
  .login-form .contact-info {
    display: flex;
    justify-content: space-between;
    gap: 8px; }
  .login-form .contact-info-input {
    width: 100%; }
  .login-form .sub-title {
    color: #505c78;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 600; }

.order-section .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #bed3fe;
  max-width: 450px;
  margin: 0 auto;
  line-height: 1.5rem; }
.order-section .button {
  font-size: 14px;
  font-weight: 600;
  color: #934cff;
  width: auto; }

@media (max-width: 800px) {
  .login-form.is-second {
    display: none; }
    .login-form.is-second.is-active {
      display: block;
      animation: slideInRight .5s forwards; }
  .login-form.is-first {
    display: none; }
    .login-form.is-first.is-active {
      display: block;
      animation: slideInLeft .5s forwards; } }
.login-form, .login-box-left {
  width: 50%; }
  @media (max-width: 960px) {
    .login-form, .login-box-left {
      width: 100%; } }

.login-box-left .login-box-left-item .login-box-left-img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
@media (max-width: 960px) {
  .login-box-left .login-box-left-item {
    display: none; } }
.login-box-left-texts {
  margin-bottom: 1.75rem; }
  .login-box-left-texts .login-box-left-title {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 12px; }
    @media (max-width: 550px) {
      .login-box-left-texts .login-box-left-title {
        font-size: 1.25rem;
        line-height: 1.2; } }
.login-box-left-items {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .login-box-left-items .login-box-left-item {
    display: flex;
    gap: 8px; }
    .login-box-left-items .login-box-left-item .login-box-left-icon {
      color: #0FB94D; }
      .login-box-left-items .login-box-left-item .login-box-left-icon-svg {
        width: 1.75rem;
        display: flex; }
    .login-box-left-items .login-box-left-item .login-box-left-text {
      line-height: 1.1;
      color: #333333;
      font-size: 1rem; }

.contain {
  display: flex;
  gap: 8px; }

.progress-heading {
  color: #FFFFFF;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600; }

.form-field input[data-input="togglePasswordVisibility"] + div {
  top: 34px !important;
  fill: rgba(255, 255, 255, 0.6); }

.contact-fixed-buttons {
  padding: 10px;
  background-color: #2657DF;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 999;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around; }
  @media (max-width: 550px) {
    .contact-fixed-buttons {
      bottom: -42px;
      transform: none;
      top: inherit;
      transform: rotate(90deg);
      right: 40px;
      height: 130px;
      justify-content: space-between;
      width: 50px; } }
  .contact-fixed-buttons .border-line {
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    margin-bottom: 4px; }
  .contact-fixed-buttons .contact-fixed-button {
    padding: 10px;
    fill: #FFFFFF;
    transition: all 300ms; }
    .contact-fixed-buttons .contact-fixed-button:hover {
      fill: #25D366; }
    .contact-fixed-buttons .contact-fixed-button:active {
      fill: #25D366; }
    .contact-fixed-buttons .contact-fixed-button .contact-fixed-button-icon {
      width: 24px;
      height: 24px; }
      @media (max-width: 550px) {
        .contact-fixed-buttons .contact-fixed-button .contact-fixed-button-icon {
          transform: rotate(-90deg); } }

.body {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }

.fire-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  background: #FFF2E1;
  border-radius: 999px; }
  .fire-button:hover {
    animation: burn 1000ms ease-out forwards; }
    .fire-button:hover::before {
      content: '';
      position: absolute;
      left: 40px;
      width: 100px;
      height: 40px;
      background: #ffe66e;
      border-radius: 100%;
      animation: flare 1000ms ease-out forwards; }
    .fire-button:hover::after {
      content: '';
      position: absolute;
      right: 40px;
      width: 100px;
      height: 40px;
      background: #ffe66e;
      border-radius: 100%;
      animation: flare 1000ms ease-out forwards; }

@keyframes flare {
  100% {
    transform: translateY(-20px) scale(1.5);
    filter: blur(10px);
    opacity: 0; } }
@keyframes burn {
  0% {
    color: #ff826e;
    background: #ffe66e;
    box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6); }
  100% {
    color: black;
    background: white;
    box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0); } }
.hero-button-1 {
  max-width: 500px;
  padding: 24px;
  border-radius: 16px;
  background: radial-gradient(100% 100% at 50% 0%, #FF5353 0%, #FF001C 100%);
  box-shadow: 0px 2px 2px 0px rgba(240, 192, 21, 0.15) inset, 0px -2px 2px 0px rgba(255, 255, 255, 0.15) inset;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-weight: 600; }

.single-contact-fixed-button {
  background-color: #FFFFFF;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around; }
  .single-contact-fixed-button .contact-fixed-button-cta {
    fill: #25D366;
    transition: all 300ms; }
    .single-contact-fixed-button .contact-fixed-button-cta:hover {
      fill: #1E5633; }
    .single-contact-fixed-button .contact-fixed-button-cta:active {
      fill: #1E5633; }
    .single-contact-fixed-button .contact-fixed-button-cta .contact-fixed-button-icon {
      width: 32px;
      height: 32px; }

.slider-button-chips {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  overflow-x: scroll;
  max-width: 900px; }
  .slider-button-chips-btn {
    font-size: 1rem;
    line-height: 1;
    padding: 0.75rem 1.25rem;
    white-space: nowrap;
    text-decoration: inherit;
    border-radius: 9999px;
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
    transition: all 300ms ease-in; }
    .slider-button-chips-btn.is-active {
      background-color: #000000 !important;
      color: #FFFFFF; }
    .slider-button-chips-btn:hover {
      background-color: #000000;
      color: #FFFFFF; }
  .slider-button-chips.auto-adjust {
    overflow-x: inherit;
    display: inline;
    width: 100%; }
    .slider-button-chips.auto-adjust .slider-button-chips-btn {
      display: inline-block;
      background-color: transparent;
      margin: 8px 4px;
      border: 1px solid #000000;
      font-weight: 600;
      transition: all .3s ease-in;
      font-size: 0.875rem; }
      .slider-button-chips.auto-adjust .slider-button-chips-btn:hover {
        background-color: #000000;
        color: #FFFFFF; }
  .slider-button-chips.light-variation .slider-button-chips-btn {
    border: 1px solid #FFFFFF;
    color: #FFFFFF; }
    .slider-button-chips.light-variation .slider-button-chips-btn:hover {
      color: #000000; }
    .slider-button-chips.light-variation .slider-button-chips-btn.is-active {
      color: #000000; }

.submit-button {
  /* Website Link */ }
@keyframes loading {
  0% {
    cy: 10; }
  25% {
    cy: 3; }
  50% {
    cy: 10; } }
  .submit-button canvas {
    height: 100vh;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 2; }
  .submit-button button {
    background: none;
    border: none;
    color: #f4f7ff;
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    left: 50%;
    outline: none;
    overflow: hidden;
    padding: 0 10px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    -webkit-tap-highlight-color: transparent;
    z-index: 1; }
    .submit-button button::before {
      background: #1f2335;
      border-radius: 50px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) inset;
      content: '';
      display: block;
      height: 100%;
      margin: 0 auto;
      position: relative;
      transition: width 0.2s cubic-bezier(0.39, 1.86, 0.64, 1) 0.3s;
      width: 100%; }
  .submit-button button.ready .submitMessage svg {
    opacity: 1;
    top: 1px;
    transition: top .4s ease 600ms, opacity .3s linear 600ms; }
  .submit-button button.ready .submitMessage .button-text span {
    top: 0;
    opacity: 1;
    transition: all 0.2s ease calc(var(--dr) + 600ms); }
  .submit-button button.loading::before {
    transition: width .3s ease;
    width: 80%; }
  .submit-button button.loading .loadingMessage {
    opacity: 1; }
  .submit-button button.loading .loadingCircle {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: loading;
    cy: 10; }
  .submit-button button.complete .submitMessage svg {
    top: -30px;
    transition: none; }
  .submit-button button.complete .submitMessage .button-text span {
    top: -8px;
    transition: none; }
  .submit-button button.complete .loadingMessage {
    top: 80px; }
  .submit-button button.complete .successMessage .button-text span {
    left: 0;
    opacity: 1;
    transition: all 0.2s ease calc(var(--d) + 1000ms); }
  .submit-button button.complete .successMessage svg {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .3s ease-in-out 1.4s; }
  .submit-button .button-text span {
    opacity: 0;
    position: relative; }
  .submit-button .message {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
  .submit-button .message svg {
    display: inline-block;
    fill: none;
    margin-right: 5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2; }
  .submit-button .submitMessage .button-text span {
    top: 8px;
    transition: all 0.2s ease var(--d); }
  .submit-button .submitMessage svg {
    color: #5c86ff;
    margin-left: -1px;
    opacity: 0;
    position: relative;
    top: 30px;
    transition: top .4s ease, opacity .3s linear;
    width: 14px; }
  .submit-button .loadingMessage {
    opacity: 0;
    transition: opacity 0.3s linear 0.3s, top 0.4s cubic-bezier(0.22, 0, 0.41, -0.57); }
    .submit-button .loadingMessage svg {
      fill: #5c86ff;
      margin: 0;
      width: 22px; }
  .submit-button .successMessage .button-text span {
    left: 5px;
    transition: all 0.2s ease var(--dr); }
  .submit-button .successMessage svg {
    color: #5cffa1;
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    transition: stroke-dashoffset .3s ease-in-out;
    width: 14px; }
  .submit-button .loadingCircle:nth-child(2) {
    animation-delay: 0.1s; }
  .submit-button .loadingCircle:nth-child(3) {
    animation-delay: 0.2s; }
  .submit-button .website-link {
    background: #f8faff;
    border-radius: 50px 0 0 50px;
    bottom: 30px;
    color: #324b77;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    height: 34px;
    filter: drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.1));
    padding: 0 20px 0 40px;
    position: fixed;
    right: 0;
    text-align: left;
    text-decoration: none; }
    .submit-button .website-link__icon {
      left: -10px;
      position: absolute;
      top: -12px;
      width: 44px; }
    .submit-button .website-link__name {
      display: block;
      font-size: 14px;
      line-height: 14px;
      margin: 5px 0 3px; }
    .submit-button .website-link__last-name {
      color: #55bada; }
    .submit-button .website-link__message {
      color: #8aa8c5;
      display: block;
      font-size: 7px;
      line-height: 7px; }

.glass-button-container {
  background-image: url("https://eu.louisvuitton.com/content/dam/lv/online/high-end/unisex/gift/U_Gift_Guide_Always_On.html/jcr:content/assets/COMMERCIAL_GIFT_GUIDE_ALWAYS_ON_07_LVCOM_1920x1080_DI3.jpg?imwidth=2400");
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .glass-button-container .glass-effect {
    background: rgba(33, 33, 33, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid #fff;
    color: #fff;
    padding: 22px 100px;
    text-align: center;
    cursor: pointer; }
    .glass-button-container .glass-effect:hover {
      box-shadow: inset 0 0 0 1px #fff;
      background: rgba(33, 33, 33, 0.2); }

.button.outline-black {
  border-color: #000000; }

.button-icon {
  width: 20px;
  height: 20px;
  margin: 0 4px; }

.button.is-primary {
  width: 100%;
  font-size: 1rem;
  color: #FFFFFF;
  background-color: #2163df;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all .3s linear; }
  .button.is-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
    transform: skewX(-20deg);
    transition: left 0.5s ease;
    pointer-events: none; }
  .button.is-primary:hover::before {
    left: 125%; }
  .button.is-primary:hover {
    background-color: #1e5dd2;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px) scale(1.01); }
  .button.is-primary:active {
    transform: scale(0.96);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
  @media (max-width: 550px) {
    .button.is-primary {
      max-width: 100%; } }
.button.is-secondary {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #FFFFFF;
  font-size: 1rem;
  transition: all 200ms ease-in; }
  .button.is-secondary:hover {
    border-color: #FFFFFF; }
  @media (max-width: 550px) {
    .button.is-secondary {
      padding: 0 1rem; } }
.button-icon {
  color: #FFFFFF; }

.feature-card.advance-card-1 {
  padding: 50px 12px;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  height: 300px;
  max-width: 350px;
  border-radius: 20px;
  transition: 0.5s;
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
  cursor: pointer; }
  .feature-card.advance-card-1:hover {
    height: 370px; }
  .feature-card.advance-card-1 .feature-card-poster {
    position: absolute;
    top: 20px;
    max-width: 300px;
    height: 220px;
    background: #333;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.5s; }
    .feature-card.advance-card-1 .feature-card-poster-img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover; }

.feature-card.advance-card-1:hover .feature-card-poster {
  top: -100px;
  scale: 0.75;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2); }
  .feature-card.advance-card-1:hover .feature-card-poster.feature-card-poster-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.feature-card.advance-card-1 .feature-card-text {
  position: absolute;
  top: 252px;
  width: 100%;
  height: 35px;
  padding: 0 30px;
  text-align: center;
  overflow: hidden;
  transition: 0.5s; }

.feature-card.advance-card-1:hover .feature-card-text {
  top: 130px;
  height: 250px; }

.feature-card.advance-card-1 .feature-card-text .feature-card-cta {
  position: relative;
  top: 15px; }

.feature-card.advance-card-1.mobile-hover {
  height: 370px; }

/* Adjust styles for mobile hover state */
.feature-card.advance-card-1.mobile-hover .feature-card-poster {
  top: -100px;
  transform: scale(0.75);
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2); }

.feature-card.advance-card-1.mobile-hover .feature-card-poster-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.feature-card.advance-card-1.mobile-hover .feature-card-text {
  top: 130px;
  height: 250px; }

.banner-card-1 {
  padding: 32px;
  background: linear-gradient(87.17deg, #583FF2 0%, rgba(88, 63, 242, 0) 100%), url("/assets/img/nft.webp");
  border-radius: 16px;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-height: 350px;
  width: 100%; }
  .banner-card-1 .banner-card-1-btn {
    height: 60px;
    max-width: 200px;
    font-size: 20px;
    margin-top: 8px; }
  .banner-card-1 .banner-card-1-title {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%; }
  .banner-card-1 .banner-card-1-subtitle {
    color: #FFFFFF;
    font-weight: 700;
    max-width: 600px; }

@media (max-width: 800px) {
  .section.card-section {
    padding-top: 0 !important; }
    .section.card-section .section-wrapper {
      padding: 50px 0 !important; }
    .section.card-section .section-subtitle {
      margin-bottom: 0; } }
.section.card-section .cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  transform: translateY(-40%);
  margin: 0 auto; }
  @media (max-width: 960px) {
    .section.card-section .cards {
      grid-template-columns: repeat(2, 1fr);
      transform: none;
      gap: 44px;
      padding: 24px 0; } }
  @media (max-width: 550px) {
    .section.card-section .cards {
      grid-template-columns: repeat(1, 1fr);
      bottom: 0;
      position: relative; } }
  .section.card-section .cards .card {
    display: flex;
    width: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
    background-color: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(32px) saturate(160%);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
    border-radius: 16px;
    transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    margin: 0 auto;
    padding: 24px; }
    .section.card-section .cards .card:hover {
      border-color: #FFFFFF; }
    @media (max-width: 960px) {
      .section.card-section .cards .card {
        border-color: #FFFFFF; } }
    .section.card-section .cards .card::after {
      content: "";
      width: 100%;
      height: 6px;
      position: absolute;
      top: -6px;
      left: 0px;
      background-color: #EDF2FF; }
    .section.card-section .cards .card .card-texts {
      display: flex;
      flex-direction: column; }
      .section.card-section .cards .card .card-texts .card-title {
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        margin-top: 2rem;
        margin-bottom: 16px; }
      .section.card-section .cards .card .card-texts .card-subtitle {
        font-weight: 400;
        color: #000000; }
      .section.card-section .cards .card .card-texts .card-link {
        display: inline-flex;
        align-items: center;
        fill: #EDF2FF;
        color: #EDF2FF;
        margin-top: 16px; }
        .section.card-section .cards .card .card-texts .card-link .icon {
          display: flex;
          align-items: center;
          height: 16px;
          width: 16px; }
      .section.card-section .cards .card .card-texts .icons {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        fill: #EDF2FF;
        stroke: #EDF2FF;
        width: 24px;
        height: 24px; }
        .section.card-section .cards .card .card-texts .icons-image {
          width: 100%; }
.section.card-section .cards.cards-2 {
  transform: none; }
  @media (max-width: 550px) {
    .section.card-section .cards.cards-2 {
      padding-bottom: 0; } }
  .section.card-section .cards.cards-2 .card.card-2 {
    box-shadow: none;
    border-radius: 20px; }
    .section.card-section .cards.cards-2 .card.card-2.border-2 {
      border: 1px dashed #9768ff; }
    .section.card-section .cards.cards-2 .card.card-2::before {
      content: "";
      width: 100%;
      max-width: 12px;
      height: 1px;
      position: absolute;
      left: -6px;
      top: 64px;
      background-color: transparent;
      transform: rotate(90deg); }
    .section.card-section .cards.cards-2 .card.card-2::after {
      content: "";
      width: 100%;
      max-width: 12px;
      height: 1px;
      position: absolute;
      top: -1px;
      left: 54px;
      background-color: transparent; }
    .section.card-section .cards.cards-2 .card.card-2 .card-texts {
      display: block; }
      .section.card-section .cards.cards-2 .card.card-2 .card-texts .card-title {
        margin-top: 16px;
        margin-bottom: 8px; }
      .section.card-section .cards.cards-2 .card.card-2 .card-texts .card-subtitle {
        color: #333333; }
      .section.card-section .cards.cards-2 .card.card-2 .card-texts .icons {
        width: 60px !important;
        height: 60px !important;
        fill: #9768ff !important;
        stroke: #9768ff;
        border-radius: 100%; }

.cards-center {
  grid-template-columns: repeat(3, 1fr) !important;
  max-width: 1200px;
  margin: 0 auto !important;
  gap: inherit !important;
  padding: 0 !important; }
  @media (max-width: 700px) {
    .cards-center {
      grid-template-columns: repeat(1, 1fr) !important; } }
  .cards-center .card-center {
    border: none !important; }
    .cards-center .card-center::before {
      content: "";
      display: none; }
    .cards-center .card-center::after {
      content: "";
      display: none; }
    .cards-center .card-center .card-texts {
      display: flex !important;
      align-items: center;
      text-align: center;
      max-width: 320px; }
      .cards-center .card-center .card-texts .icons {
        width: 100px !important;
        height: 100px !important;
        fill: #0CDB81 !important;
        stroke: #EDF2FF;
        padding: 20px;
        border-radius: 100%;
        background-color: #02483F !important; }
      .cards-center .card-center .card-texts .card-title {
        font-size: 24px !important;
        color: #000000 !important;
        font-weight: 600 !important; }
        .cards-center .card-center .card-texts .card-title.title-2 {
          font-size: 16px !important; }
      .cards-center .card-center .card-texts .card-subtitle {
        color: #333333 !important; }

.section.empty-card-section .empty-cards-wrapper {
  width: 100%; }
  @media (max-width: 550px) {
    .section.empty-card-section .empty-cards-wrapper {
      display: flex;
      justify-content: center;
      gap: 20px; } }
  .section.empty-card-section .empty-cards-wrapper .empty-cards {
    height: 80px;
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px; }
    @media (max-width: 550px) {
      .section.empty-card-section .empty-cards-wrapper .empty-cards {
        flex-direction: column;
        height: 100%; } }
    .section.empty-card-section .empty-cards-wrapper .empty-cards .empty-card {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 180px;
      height: 80px;
      background-color: #FFFFFF;
      box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
      padding: 12px; }
      .section.empty-card-section .empty-cards-wrapper .empty-cards .empty-card .empty-card-image {
        width: 100%; }

.pricing-section {
  background-color: #2657DF !important; }
  .pricing-section .section-wrapper {
    display: block !important; }
  .pricing-section .pricing-cards {
    display: flex;
    gap: 30px;
    width: 100%;
    margin-bottom: 80px; }
    .pricing-section .pricing-cards .pricing-card {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 360px;
      height: 100%;
      max-height: 450px;
      background-color: #1949CC;
      box-shadow: 0px 16px 64px rgba(0, 0, 0, 0.05);
      position: relative;
      z-index: 2; }
      .pricing-section .pricing-cards .pricing-card::after {
        content: "";
        width: 100%;
        max-width: 336px;
        height: 100%;
        background-color: #FFFFFF;
        position: absolute;
        bottom: -16px;
        z-index: -1;
        margin: 0 auto;
        align-self: center; }
      .pricing-section .pricing-cards .pricing-card .pricing-card-header {
        padding: 64px 60px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-title {
          font-size: 20px;
          font-weight: 700;
          line-height: 1.25;
          margin-bottom: 12px;
          color: #333333;
          text-align: center; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle {
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #333333;
          line-height: 1.25; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-amount {
            display: inline-flex;
            font-size: 48px;
            font-weight: 700;
            font-family: 'Poppins';
            position: relative;
            text-align: center; }
            .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-amount .pricing-card-header-subtitle-symbol {
              font-size: 20px;
              position: absolute;
              left: -8%;
              font-family: 'Poppins'; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-time {
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            margin-top: 20px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .section-cta {
          margin-top: 32px !important; }
      .pricing-section .pricing-cards .pricing-card .pricing-card-footer {
        padding: 32px 64px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-footer .pricing-card-footer-details {
          display: flex;
          flex-direction: column;
          gap: 10px; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-footer .pricing-card-footer-details .pricing-card-footer-detail {
            list-style-type: disc;
            font-size: 14px;
            line-height: 1.25;
            color: #555555; }

.pricing-card.main-card {
  max-width: 420px !important;
  max-height: 520px !important;
  background-color: #F1FFE0 !important; }
  .pricing-card.main-card .pricing-card-header {
    padding: 74px 70px !important; }
    .pricing-card.main-card .pricing-card-header .pricing-card-header-subtitle-time {
      margin-top: 24px !important; }

.image-items-slider {
  width: 100% !important;
  height: 100%;
  margin-top: 50px;
  padding: 0  20px; }
  @media (max-width: 960px) {
    .image-items-slider {
      margin-top: 50px !important; } }
  .image-items-slider .section-image-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    height: 100%; }
    .image-items-slider .section-image-wrapper .section-image-poster-wrappper {
      display: flex;
      justify-content: normal !important;
      gap: 32px;
      width: 100% !important;
      margin-bottom: 50px;
      position: relative;
      overflow-x: auto;
      scrollbar-width: none; }
      .image-items-slider .section-image-wrapper .section-image-poster-wrappper::-webkit-scrollbar {
        display: none; }
      @media (max-width: 550px) {
        .image-items-slider .section-image-wrapper .section-image-poster-wrappper {
          gap: 24px; } }
      .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper {
        position: relative; }
        .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image-rating {
          padding: 48px 20px 20px 20px;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 67.19%);
          border-radius: 0px 0px 16px 16px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image-rating .section-image-poster-image-rating-title {
            font-size: 20px;
            font-weight: 600;
            color: #FFFFFF; }
          .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image-rating .section-image-poster-image-rating-star {
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF; }
            .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image-rating .section-image-poster-image-rating-star .star {
              font-size: 20px;
              margin-left: 6px; }
        .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image {
          border-radius: 16px !important;
          height: 350px !important;
          min-width: 350px !important;
          object-fit: cover; }
          @media (max-width: 550px) {
            .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper .section-image-poster-image {
              min-width: 300px !important;
              max-height: 350px !important;
              min-height: 350px !important; } }
        .image-items-slider .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image-rating-wrapper:hover {
          cursor: pointer; }

.modified-product-card-1 {
  border-radius: 16px;
  border: 1px solid #F0F0F0;
  background: #FFF; }
  .modified-product-card-1-wrapper {
    padding: 32px 32px 20px 32px; }
    @media (max-width: 800px) {
      .modified-product-card-1-wrapper {
        padding: 16px; } }
  .modified-product-card-1 .product-card-1 {
    display: flex;
    max-width: 1000px;
    overflow: hidden;
    flex-direction: inherit; }
    @media (max-width: 800px) {
      .modified-product-card-1 .product-card-1 {
        flex-direction: column; } }
    .modified-product-card-1 .product-card-1-poster {
      width: 55%;
      height: 300px; }
      @media (max-width: 800px) {
        .modified-product-card-1 .product-card-1-poster {
          width: 100%; } }
    .modified-product-card-1 .product-card-1-details {
      padding: 20px;
      border-radius: 16px;
      border: 1px solid #F2E0CE;
      background: #FFF8F1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 45%;
      gap: 20px; }
      @media (max-width: 800px) {
        .modified-product-card-1 .product-card-1-details {
          width: 100%; } }
    .modified-product-card-1 .product-card-1-poster-img {
      width: 100%;
      max-width: 250px;
      height: 200px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .modified-product-card-1 .product-card-1-details-title-top {
      color: #888888;
      font-size: 14px;
      line-height: 1;
      margin-bottom: 12px; }
    .modified-product-card-1 .product-card-1-details-title, .modified-product-card-1 .product-card-1-details-property {
      color: #333333;
      font-weight: 700;
      font-size: 14px;
      line-height: 1; }
    .modified-product-card-1 .product-card-1-details-subtitle {
      font-size: 14px;
      color: #888888;
      margin-top: 12px; }
    .modified-product-card-1 .product-card-1-content {
      display: flex;
      flex-direction: column;
      justify-content: start;
      gap: 16px; }
      .modified-product-card-1 .product-card-1-content-property {
        display: flex;
        align-items: center;
        gap: 4px; }
      .modified-product-card-1 .product-card-1-content-property-icon {
        display: flex;
        min-width: 16px;
        min-height: 16px; }
        .modified-product-card-1 .product-card-1-content-property-icon-property-icon-svg {
          fill: #888888; }
      .modified-product-card-1 .product-card-1-content-property-text {
        color: #888888;
        font-size: 14px;
        line-height: 1; }
      .modified-product-card-1 .product-card-1-content-details {
        display: flex;
        gap: 4px; }
        .modified-product-card-1 .product-card-1-content-details-info {
          display: flex;
          align-items: center;
          gap: 4px; }
          .modified-product-card-1 .product-card-1-content-details-info-icon {
            display: flex;
            min-width: 14px;
            min-height: 14px; }
          .modified-product-card-1 .product-card-1-content-details-info-text {
            color: #888888;
            font-size: 12px;
            line-height: 1; }
  .modified-product-card-1-footer {
    padding: 20px 32px;
    border-top: 1px solid #F0F0F0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 800px) {
      .modified-product-card-1-footer {
        padding: 16px; } }
    .modified-product-card-1-footer .icon-and-texts {
      display: flex;
      align-items: center;
      gap: 6px; }
      .modified-product-card-1-footer .icon-and-texts-text {
        color: #555555;
        font-size: 14px;
        line-height: 1; }
    .modified-product-card-1-footer .icon-buttons {
      display: flex;
      gap: 8px; }
    .modified-product-card-1-footer .icon-buttons .icon-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 20px;
      background-color: #FBE8D5;
      border: 1px solid #F2E0CE;
      white-space: nowrap;
      border-radius: 32px;
      color: #333333;
      font-size: 14px;
      font-weight: 600;
      transition: all .4s; }
    .modified-product-card-1-footer .icon-buttons .icon-button-icon {
      width: 16px;
      display: inline-flex; }
  .modified-product-card-1 .tags {
    display: flex;
    gap: 8px;
    margin-top: 16px; }
    .modified-product-card-1 .tags .tag {
      border-radius: 300px;
      border: 1px solid #F0F0F0; }
  .modified-product-card-1 .icon-buttons .icon-button:hover {
    background-color: transparent;
    border: 1px solid #000000; }

.cards-7 {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px; }
  .cards-7 .cards-7-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%; }
    @media (max-width: 960px) {
      .cards-7 .cards-7-wrapper {
        grid-template-columns: repeat(2, 1fr); } }
    .cards-7 .cards-7-wrapper .card-7 {
      display: flex;
      flex-direction: column;
      padding: 16px;
      transition: all 200ms ease-in;
      height: 100%; }
      .cards-7 .cards-7-wrapper .card-7:hover {
        background-color: #FFFFFF; }
      .cards-7 .cards-7-wrapper .card-7:hover .card-7-title {
        color: #555555; }
      .cards-7 .cards-7-wrapper .card-7 .card-7-poster {
        width: 100%;
        max-height: 300px;
        position: relative; }
        @media (max-width: 550px) {
          .cards-7 .cards-7-wrapper .card-7 .card-7-poster {
            max-height: 150px; } }
        .cards-7 .cards-7-wrapper .card-7 .card-7-poster .card-7-poster-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      .cards-7 .cards-7-wrapper .card-7-body {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 20px; }
      .cards-7 .cards-7-wrapper .card-7 .card-7-title {
        font-size: 20px;
        font-weight: 600;
        color: #333333;
        transition: all 200ms ease-in; }
        @media (max-width: 550px) {
          .cards-7 .cards-7-wrapper .card-7 .card-7-title {
            font-size: 16px; } }
      .cards-7 .cards-7-wrapper .card-7 .card-7-category {
        display: flex;
        align-items: center;
        gap: 8px; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-category .card-7-category-line {
          width: 25px;
          height: 1px;
          background-color: #B1C5FF; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-category .card-7-category-text {
          font-size: 14px;
          font-weight: 400;
          color: #333333; }
          @media (max-width: 550px) {
            .cards-7 .cards-7-wrapper .card-7 .card-7-category .card-7-category-text {
              font-size: 12px; } }
      .cards-7 .cards-7-wrapper .card-7 .card-7-subtitle {
        font-size: 16px;
        font-weight: 400;
        color: #555555; }
      .cards-7 .cards-7-wrapper .card-7 .card-7-body-details {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        color: #555555;
        font-size: 0.75rem;
        line-height: 1rem; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-icon {
          width: 14px;
          height: 14px;
          fill: #555555; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-bar {
          margin: 0 8px; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer {
          display: flex;
          justify-content: space-between;
          align-items: end; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer-price {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 600;
            color: #333333; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer-tag {
            padding: 4px 6px;
            border-radius: 0.25rem;
            background-color: #333333;
            color: #FFFFFF;
            font-size: 0.75rem;
            line-height: 1rem; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer.second-variation {
            gap: 8px;
            text-align: center; }
            .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer.second-variation .card-7-body-details-footer-price {
              width: 100%;
              background-color: #dddddd;
              border-radius: 0.25rem;
              padding: 6px; }
            .cards-7 .cards-7-wrapper .card-7 .card-7-body-details-footer.second-variation .card-7-body-details-footer-tag {
              width: 100%;
              padding: 6px;
              height: 36px;
              display: flex;
              justify-content: center;
              align-items: center; }
      .cards-7 .cards-7-wrapper .card-7 .card-7-footer {
        display: flex;
        gap: 16px;
        height: 100%;
        align-items: end; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-detail {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 6px; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-detail .card-7-footer-detail-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-detail .card-7-footer-detail-icon {
            width: 16px;
            display: flex;
            align-items: center;
            fill: #555555; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-detail .card-7-footer-detail-text {
            font-size: 16px;
            font-weight: 400;
            color: #555555; }
        .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-cta {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 24px;
          height: 24px;
          border: 1px solid #6E91F0;
          fill: #B1C5FF;
          transition: all 200ms ease-in; }
          @media (max-width: 550px) {
            .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-cta {
              background-color: red;
              border: 1px solid transparent;
              fill: #FFFFFF; } }
          .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-cta:hover {
            background-color: red;
            border: 1px solid transparent;
            fill: #FFFFFF; }
          .cards-7 .cards-7-wrapper .card-7 .card-7-footer .card-7-footer-cta .card-7-footer-cta-button {
            width: 14px; }

.cards-7.rounded-cards-7 .cards-7-wrapper {
  gap: 32px; }
  @media (max-width: 550px) {
    .cards-7.rounded-cards-7 .cards-7-wrapper {
      gap: 20px; } }
  .cards-7.rounded-cards-7 .cards-7-wrapper .card-7 {
    background-color: #FFFFFF;
    padding: 0;
    border-top-right-radius: 64px;
    overflow: hidden; }
    .cards-7.rounded-cards-7 .cards-7-wrapper .card-7-body {
      padding: 20px; }
      @media (max-width: 550px) {
        .cards-7.rounded-cards-7 .cards-7-wrapper .card-7-body {
          padding: 14px; } }
    .cards-7.rounded-cards-7 .cards-7-wrapper .card-7-poster-image {
      scale: 1;
      transition: all .3s ease-out; }
    .cards-7.rounded-cards-7 .cards-7-wrapper .card-7:hover .card-7-poster-image {
      scale: 1.1; }
.cards-7.rounded-cards-7.fully-rounded .card-7 {
  border-radius: 20px !important; }

.cards-7.rounded-poster .cards-7-wrapper {
  gap: 20px; }
  .cards-7.rounded-poster .cards-7-wrapper .card-7 {
    padding: 0; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7:hover {
      background-color: transparent; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7-poster {
      border-radius: 20px;
      overflow: hidden; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7-poster-image {
      scale: 1;
      transition: all .3s ease-out; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7:hover .card-7-poster-image {
      scale: 1.1; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7:hover .card-7-title {
      color: #E0E0E0; }
    .cards-7.rounded-poster .cards-7-wrapper .card-7-title {
      color: #FFFFFF;
      font-weight: 400; }

.flip-card-wrapper .card {
  width: 300px;
  height: 300px;
  background-color: transparent;
  perspective: 1000px; }
.flip-card-wrapper .flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
  transform-style: preserve-3d;
  transition: all 500ms ease-in-out; }
.flip-card-wrapper .card-face {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden; }
.flip-card-wrapper .card-face.is-rear {
  transform: rotateY(180deg);
  bottom: 0; }
.flip-card-wrapper .card:hover .flip-card {
  transform: rotateY(180deg); }
.flip-card-wrapper .card-face.is-front img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  object-position: center; }
.flip-card-wrapper .card-face.is-rear {
  background-color: #0046F0; }
.flip-card-wrapper .card-face-wrapper {
  padding: 20px;
  color: #FFFFFF; }

.section {
  padding: 50px 0;
  background-color: #FFFFFF; }
  @media (max-width: 550px) {
    .section {
      padding: 25px; } }
  .section .section-details-card {
    width: 100%;
    max-width: 530px;
    background-color: red;
    margin-top: 30px;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    max-height: 520px;
    box-shadow: 8px 16px 32px rgba(0, 0, 0, 0.3); }
    .section .section-details-card .section-details-card-wrapper {
      width: 100%;
      height: 100%; }
      .section .section-details-card .section-details-card-wrapper .section-details-card-header {
        padding: 42px 20px 12px 20px;
        display: flex;
        justify-content: space-between;
        background-color: #234360;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF; }
        @media (max-width: 550px) {
          .section .section-details-card .section-details-card-wrapper .section-details-card-header {
            font-size: 16px;
            font-weight: 600; } }
      .section .section-details-card .section-details-card-wrapper .section-details-card-body-container {
        height: 100%;
        max-height: 440px;
        overflow-y: auto;
        scrollbar-width: none; }
        .section .section-details-card .section-details-card-wrapper .section-details-card-body-container::-webkit-scrollbar {
          display: none; }
        .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body {
          padding: 20px;
          background: radial-gradient(#F9E8D7 0%, #F9EFE6 67.7%) !important;
          border-top: 1px solid #e8cfb6;
          display: flex;
          justify-content: space-between;
          align-items: center;
          line-height: 125%;
          color: #234360; }
          @media (max-width: 550px) {
            .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body {
              flex-direction: column;
              align-items: flex-start;
              gap: 8px; } }
          .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body .section-details-card-body-right {
            width: 100%;
            max-width: 270px;
            font-size: 20px;
            font-weight: 700; }
            @media (max-width: 550px) {
              .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body .section-details-card-body-right {
                max-width: 100%;
                font-size: 16px;
                font-weight: 600; } }
            .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body .section-details-card-body-right .section-details-card-body-right-subtitle {
              font-size: 14px;
              font-weight: 400;
              color: #2C465C; }
          .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body .section-details-card-body-left {
            text-align: right;
            margin-left: 8px;
            font-weight: 400; }
            @media (max-width: 550px) {
              .section .section-details-card .section-details-card-wrapper .section-details-card-body-container .section-details-card-body .section-details-card-body-left {
                margin: 0;
                width: 100%;
                font-size: 14px; } }

.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%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  background-color: #FFFFFF;
  padding: 32px;
  position: relative;
  border-radius: 16px;
  box-shadow: 4px 4px 72px 0px #0000001A; }

.feature-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #50E5DD;
  border-radius: 100%; }

.feature-card-svg {
  width: 24px;
  height: 24px;
  fill: #FFFFFF; }

.feature-card-text {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.feature-card-title-text {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0em;
  color: #555555; }

.feature-card-subtitle-text {
  color: #555555; }

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

.card-3 {
  text-align: center;
  align-items: center;
  padding: 64px 32px 0 32px;
  gap: 20px; }

.feature-cards-2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 64px;
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  padding: 64px; }

.feature-card-2 {
  display: inline-flex;
  gap: 24px; }

.circle {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #50E5DD;
  display: flex;
  justify-content: center;
  align-items: center; }

.arrow-right-up-icon {
  width: 24px;
  height: 24px;
  fill: #FFFFFF; }

.heading {
  color: #555;
  font-size: 20px;
  font-weight: 600; }

.description {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px; }

.card-footer {
  font-size: 14px;
  font-weight: 600; }

.card-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #4E7EFC; }

.right-arrow-icon {
  width: 20px;
  height: 20px;
  fill: #4E7EFC; }

.team-avatars {
  border-radius: 16px;
  border: 1px solid #F0F0F0;
  background: #FFFFFF;
  width: 100%;
  max-width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative; }
  .team-avatars-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .team-avatars-profiles {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    gap: 8px; }
    .team-avatars-profiles-poster {
      width: 80px; }
      .team-avatars-profiles-poster-img {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 40px;
        border: 1px solid #FFF;
        position: relative;
        z-index: 3;
        object-fit: cover;
        object-position: center; }
        .team-avatars-profiles-poster-img.img-2 {
          top: -40px;
          left: 20px;
          z-index: 2; }
        .team-avatars-profiles-poster-img.img-3 {
          left: 40px;
          top: -80px;
          z-index: 1; }
    .team-avatars-profiles-text {
      display: flex;
      flex-direction: column;
      gap: 4px;
      font-size: 14px;
      line-height: 1;
      color: #FFFFFF; }
      .team-avatars-profiles-text-title {
        font-weight: 600; }

.team-avatars {
  border-radius: 16px;
  border: 1px solid #F0F0F0;
  width: 100%;
  height: 250px;
  overflow: hidden; }
  .team-avatars.modified-team-avatars {
    max-width: calc(100% - 900px);
    position: relative;
    display: block;
    background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url("https://images.unsplash.com/photo-1448630360428-65456885c650?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); }
    .team-avatars.modified-team-avatars .team-avatars-profiles {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      position: relative;
      top: inherit;
      left: inherit; }
      .team-avatars.modified-team-avatars .team-avatars-profiles-text {
        font-weight: 700;
        text-align: center;
        padding: 20px 0; }
        .team-avatars.modified-team-avatars .team-avatars-profiles-text-title {
          font-size: 32px;
          margin-bottom: 12px; }
        .team-avatars.modified-team-avatars .team-avatars-profiles-text-subtitle {
          font-size: 20px; }

.icon-and-texts {
  display: flex;
  align-items: center;
  gap: 6px; }
  .icon-and-texts-icon {
    width: 16px;
    height: 16px; }
  .icon-and-texts-text {
    color: #555555;
    font-size: 14px;
    line-height: 1; }

.icon-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rem;
  width: 100%;
  position: relative; }
  .icon-buttons .icon-button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    white-space: nowrap;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    transition: all .4s; }
    .icon-buttons .icon-button.is-middle {
      position: absolute;
      top: 0;
      z-index: 9;
      transform: translateY(-60%); }
      .icon-buttons .icon-button.is-middle .icon-button-icon {
        background: linear-gradient(to right, #FAFFD1, #A1FFCE);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        box-shadow: inset 0 4px 6px rgba(255, 255, 255, 0.4), inset 0 -4px 6px rgba(0, 0, 0, 0.2), 0 8px 15px rgba(0, 0, 0, 0.25);
        border-radius: 50%;
        min-width: 80px;
        min-height: 80px; }
        @media (max-width: 550px) {
          .icon-buttons .icon-button.is-middle .icon-button-icon {
            min-width: 60px;
            min-height: 60px; } }
    .icon-buttons .icon-button.is-left .icon-button-icon {
      color: #FFFFFF; }
    .icon-buttons .icon-button.is-right .icon-button-icon {
      color: #FFFFFF; }
    .icon-buttons .icon-button-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .icon-buttons .icon-button-icon .icon-button-icon-svg {
        width: 1.5rem;
        display: flex; }
      .icon-buttons .icon-button-icon .icon-svg {
        width: 12px;
        height: 12px; }
    .icon-buttons .icon-button .icon-button-text {
      font-size: 12px;
      display: flex;
      align-items: center;
      padding-left: 6px; }

.feature-card-1 {
  background-color: transparent; }
  @media (max-width: 960px) {
    .feature-card-1 {
      display: grid;
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 800px) {
    .feature-card-1 {
      grid-template-columns: repeat(1, 1fr); } }
  .feature-card-1 .black-bg {
    background-color: #000000;
    margin: 0 auto; }
    @media (max-width: 320px) {
      .feature-card-1 .black-bg {
        padding: 26px; } }
    .feature-card-1 .black-bg .white-text {
      color: #FFFFFF; }
    .feature-card-1 .black-bg .feature-card-4-img-wrapper .feature-card-4-img {
      width: 100%; }
    @media (max-width: 550px) {
      .feature-card-1 .black-bg .feature-card-subtitle-text {
        font-size: 14px; } }

.feature-cards-5-lg {
  display: grid;
  gap: 32px; }
  @media (max-width: 700px) {
    .feature-cards-5-lg {
      gap: 16px; } }
  .feature-cards-5-lg .feature-card-5 {
    width: 100%;
    padding: 48px;
    border-radius: 4rem;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 64px 0px rgba(0, 0, 0, 0.02); }
    @media (max-width: 960px) {
      .feature-cards-5-lg .feature-card-5 {
        padding: 24px;
        border-radius: 2rem; } }
    .feature-cards-5-lg .feature-card-5-wrapper {
      display: flex;
      gap: 32px; }
      @media (max-width: 1024px) {
        .feature-cards-5-lg .feature-card-5-wrapper {
          flex-direction: column; } }
    .feature-cards-5-lg .feature-card-5-texts {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 20px;
      width: 50%; }
      @media (max-width: 1024px) {
        .feature-cards-5-lg .feature-card-5-texts {
          order: 2;
          width: 100%; } }
      .feature-cards-5-lg .feature-card-5-texts-title {
        font-size: 80px;
        line-height: 1; }
        @media (max-width: 1200px) {
          .feature-cards-5-lg .feature-card-5-texts-title {
            font-size: 60px; } }
        @media (max-width: 960px) {
          .feature-cards-5-lg .feature-card-5-texts-title {
            font-size: 40px; } }
        @media (max-width: 700px) {
          .feature-cards-5-lg .feature-card-5-texts-title {
            font-size: 32px; } }
      .feature-cards-5-lg .feature-card-5-texts-subtitle {
        font-size: 20px;
        line-height: 1.4; }
        @media (max-width: 1200px) {
          .feature-cards-5-lg .feature-card-5-texts-subtitle {
            font-size: 16px; } }
    .feature-cards-5-lg .feature-card-5 .feature-card-5-poster {
      width: 50%; }
      @media (max-width: 1024px) {
        .feature-cards-5-lg .feature-card-5 .feature-card-5-poster {
          width: 100%; } }
      .feature-cards-5-lg .feature-card-5 .feature-card-5-poster-wrapper {
        display: flex;
        border-radius: 50px;
        overflow: hidden;
        width: 100%;
        height: 100%; }
        @media (max-width: 1024px) {
          .feature-cards-5-lg .feature-card-5 .feature-card-5-poster-wrapper {
            max-height: 400px; } }
        @media (max-width: 960px) {
          .feature-cards-5-lg .feature-card-5 .feature-card-5-poster-wrapper {
            border-radius: 25px; } }
      .feature-cards-5-lg .feature-card-5 .feature-card-5-poster-banner {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center; }
  .feature-cards-5-lg.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) {
      .feature-cards-5-lg.second-variation .feature-card-5 {
        border-radius: 10px 80px 10px 10px;
        padding: 2rem; } }
    .feature-cards-5-lg.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) {
        .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-texts-title {
          font-size: 120px; } }
      @media (max-width: 960px) {
        .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-texts-title {
          font-size: 80px; } }
    .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-texts-subtitle {
      color: #FFFFFF;
      font-size: 24px; }
    .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-texts-logo {
      width: 150px;
      height: 100px; }
      .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-texts-logo-img {
        width: 100%;
        height: 100%;
        object-fir: cover;
        object-position: center; }
    .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-poster-wrapper {
      border-radius: inherit; }
      @media (max-width: 1024px) {
        .feature-cards-5-lg.second-variation .feature-card-5 .feature-card-5-poster-wrapper {
          max-height: inherit; } }
    .feature-cards-5-lg.second-variation .feature-card-5.light-bg-img {
      background-image: url("https://kota-content.b-cdn.net/app/uploads/2023/11/results-light.jpg");
      border: 1px solid #000000; }
      .feature-cards-5-lg.second-variation .feature-card-5.light-bg-img .feature-card-5-texts-subtitle {
        color: #000000; }
      .feature-cards-5-lg.second-variation .feature-card-5.light-bg-img .feature-card-5-texts-logo-img {
        filter: brightness(0); }
  .feature-cards-5-lg.used-like-section .feature-card-5 {
    padding: 0;
    background-color: transparent; }
    .feature-cards-5-lg.used-like-section .feature-card-5 .feature-card-5-texts {
      padding-right: 50px; }
    .feature-cards-5-lg.used-like-section .feature-card-5 .feature-card-5-texts-title {
      font-size: 64px; }
    .feature-cards-5-lg.used-like-section .feature-card-5.order-2 .feature-card-5-texts {
      order: 2;
      padding-right: 0;
      padding-left: 50px; }
    .feature-cards-5-lg.used-like-section .feature-card-5.order-2 .feature-card-5-poster-wrapper {
      border-top-right-radius: 0;
      border-top-left-radius: 12.5rem; }
  .feature-cards-5-lg.used-like-card {
    display: flex;
    width: 100%;
    overflow-x: scroll; }
    .feature-cards-5-lg.used-like-card .feature-card-5 {
      min-width: 55vw;
      border-radius: inherit;
      border-top-right-radius: 8rem; }
      .feature-cards-5-lg.used-like-card .feature-card-5-poster {
        width: 100%;
        max-width: 250px; }
        .feature-cards-5-lg.used-like-card .feature-card-5-poster-wrapper {
          max-width: 250px;
          max-height: 250px;
          border-radius: 100%; }
      .feature-cards-5-lg.used-like-card .feature-card-5-texts {
        width: 100%; }
        .feature-cards-5-lg.used-like-card .feature-card-5-texts-title {
          font-size: 48px;
          display: flex;
          align-items: center;
          gap: 16px; }
          .feature-cards-5-lg.used-like-card .feature-card-5-texts-title .tag {
            padding: 8px 16px;
            border: 1px solid #000000;
            background-color: transparent; }
      .feature-cards-5-lg.used-like-card .feature-card-5.firset-card {
        margin-left: 10%; }

@keyframes StatisticsPanel_rainbow__FRjps {
  0% {
    background-position: 0; }
  50% {
    background-position: 100%; }
  to {
    background-position: 0; } }
.feature-cards-6 {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .feature-cards-6 .feature-card-6 {
    cursor: pointer; }
    .feature-cards-6 .feature-card-6:hover .feature-card-6-body-overlay {
      opacity: 1; }
    .feature-cards-6 .feature-card-6:hover .feature-card-6-header-left-icon {
      rotate: 180deg; }
    .feature-cards-6 .feature-card-6-wrapper {
      border-radius: 20px;
      overflow: hidden;
      border: 0.2px solid rgba(255, 255, 255, 0.3); }
    .feature-cards-6 .feature-card-6-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 20px;
      background-color: #000000; }
      .feature-cards-6 .feature-card-6-header-left {
        display: flex;
        align-item: center;
        gap: 8px;
        color: #FFFFFF;
        font-size: 20px; }
        .feature-cards-6 .feature-card-6-header-left-icon {
          width: 16px;
          rotate: 0deg;
          transition: all 300ms ease-in; }
      .feature-cards-6 .feature-card-6-header-right {
        color: #FFFFFF;
        font-size: 20px; }
    .feature-cards-6 .feature-card-6-body {
      position: relative;
      background-color: #000000; }
      .feature-cards-6 .feature-card-6-body-overlay {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2.5% 4.5%;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 300ms ease-in;
        border-radius: 20px;
        overflow: hidden; }
        .feature-cards-6 .feature-card-6-body-overlay-title {
          color: #FFFFFF;
          font-size: 60px;
          line-height: 1.25; }
          @media (max-width: 960px) {
            .feature-cards-6 .feature-card-6-body-overlay-title {
              font-size: 32px; } }
          @media (max-width: 700px) {
            .feature-cards-6 .feature-card-6-body-overlay-title {
              font-size: 20px; } }
      .feature-cards-6 .feature-card-6-body-poster {
        width: 100%;
        height: 100%;
        max-height: 700px;
        border-radius: 20px;
        overflow: hidden; }
        .feature-cards-6 .feature-card-6-body-poster-banner {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
  .feature-cards-6 .multiple-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%; }
    @media (max-width: 1200px) {
      .feature-cards-6 .multiple-cards {
        grid-template-columns: repeat(1, 1fr); } }
    .feature-cards-6 .multiple-cards .feature-card-6-body-overlay-title {
      font-size: 32px; }
      @media (max-width: 700px) {
        .feature-cards-6 .multiple-cards .feature-card-6-body-overlay-title {
          font-size: 20px; } }
  @media (max-width: 960px) {
    .feature-cards-6 .slider-button-chips-btn {
      padding: 8px 12px; } }

.feature-card-container {
  background-color: #000000;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  max-width: 1240px;
  margin: 102px; }
  .feature-card-container .feature-card {
    width: 100%;
    max-width: 350px;
    background-color: #1e1d1dd3;
    padding: 24px;
    margin: 24px 28px; }
    .feature-card-container .feature-card.is-pink {
      background: linear-gradient(to right, #891f82, #873535, #5b0255); }
    .feature-card-container .feature-card.is-centre {
      display: flex;
      justify-content: center;
      align-items: center; }
    .feature-card-container .feature-card .feature-card-header.is-new {
      display: flex;
      justify-content: space-between;
      box-shadow: 0px -1px 0px 0px #3400001a inset;
      background: #0000004D;
      position: relative;
      right: 24px;
      bottom: 24px;
      width: 350px;
      padding: 12px; }
    .feature-card-container .feature-card .feature-card-header .feature-card-icon1 {
      margin-bottom: 18px;
      width: 24px;
      height: 24px;
      border-radius: 8px;
      background-color: #fe0b0b;
      display: flex;
      justify-content: center;
      align-items: center; }
      .feature-card-container .feature-card .feature-card-header .feature-card-icon1.is-green {
        background: linear-gradient(135deg, #86DCC2 0%, #0F3D34 100%);
        position: relative;
        left: 54px; }
    .feature-card-container .feature-card .feature-card-header .feature-card-title .feature-card-title-text {
      color: #fff; }
    .feature-card-container .feature-card .feature-card-body.is-new {
      box-shadow: 0px -1px 0px 0px #FFFFFF1A inset; }
    .feature-card-container .feature-card .feature-card-body .feature-card-subtitle {
      color: #FFFFFFCC; }
      .feature-card-container .feature-card .feature-card-body .feature-card-subtitle .feature-card-subtitle-text1 {
        color: #FFFFFF99;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 12px; }
    .feature-card-container .feature-card .feature-card-footer .feature-card-cta-icon.is-position {
      position: absolute;
      bottom: 48px;
      right: 36px; }
    .feature-card-container .feature-card .feature-card-footer .feature-card-cta-icon.is-pos {
      position: relative;
      bottom: 52px;
      left: 96px; }
    .feature-card-container .feature-card .feature-card-footer .feature-card-image {
      width: 100%; }
      .feature-card-container .feature-card .feature-card-footer .feature-card-image.is-cover {
        position: relative;
        right: 24px;
        width: 342px; }
    .feature-card-container .feature-card .feature-card-footer .card-text {
      color: #fff;
      font-size: 12px;
      font-weight: 400; }
    .feature-card-container .feature-card .feature-card-footer.is-new {
      box-shadow: 0px -1px 0px 0px #3400001a inset;
      background: #0000004D;
      padding: 8px;
      display: flex;
      justify-content: space-between;
      position: relative;
      right: 24px;
      top: 24px;
      width: 350px;
      padding: 12px; }

.icon-cards {
  width: 50%; }
  @media (max-width: 960px) {
    .icon-cards {
      width: 100%;
      display: flex;
      gap: 12px;
      overflow-x: scroll; } }

.icon-card {
  padding: 16px;
  display: flex;
  gap: 16px;
  width: 100%;
  min-width: 350px;
  cursor: pointer; }
  .icon-card.is-active {
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .icon-card-logo {
    width: 50px;
    height: 50px; }
    .icon-card-logo-svg {
      height: 100%; }
  .icon-card .icon-card-texts {
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
    .icon-card .icon-card-texts-title {
      font-size: 1.125rem;
      line-height: 1.5;
      font-weight: 700; }
    .icon-card .icon-card-texts-subtitle {
      font-size: 1rem;
      line-height: 1.5;
      color: #554D91;
      margin-top: 6px; }

.text-cta-with-icon {
  display: flex;
  margin-top: 0;
  transition: all 100ms ease-in;
  height: 0; }
  .text-cta-with-icon .text-cta-text {
    opacity: 0; }

.is-active .text-cta-with-icon {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  height: inherit; }
  .is-active .text-cta-with-icon .text-cta-text {
    font-size: 14px;
    color: #3369FF;
    font-weight: 700;
    opacity: 1; }
  .is-active .text-cta-with-icon .text-cta-icon {
    display: flex; }
  .is-active .text-cta-with-icon .text-cta-icon-svg {
    width: 8px;
    height: 8px;
    fill: #3369FF; }

.icon-cards.type-2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto; }
  @media (max-width: 960px) {
    .icon-cards.type-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 700px) {
    .icon-cards.type-2 {
      grid-template-columns: repeat(1, minmax(0, 1fr)); } }
  .icon-cards.type-2 .icon-card {
    background-color: #FFFFFF;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
    transition: all 100ms ease-in;
    min-width: inherit;
    padding: 16px; }
    @media (max-width: 700px) {
      .icon-cards.type-2 .icon-card {
        padding: 32px 20px; } }
    .icon-cards.type-2 .icon-card:hover {
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
      .icon-cards.type-2 .icon-card:hover .icon-card-texts-title {
        color: #3369FF; }

.life-ds-project-right-card-parent {
  background: #121111;
  height: 800px;
  display: flex;
  flex-direction: column;
  background-position: center;
  background-size: cover;
  border: 2px solid #2D2D2D99;
  padding: 10px 20PX 0 20PX; }

.life-ds-project-right-card {
  height: 1200px;
  background-repeat: no-repeat;
  color: #ffffff;
  background: linear-gradient(to bottom, #5604ec, #722bf6);
  background-repeat: no-repeat;
  border-radius: 16PX; }

.text {
  position: relative;
  top: 320px;
  left: 16px;
  font-size: 18px;
  font-weight: 700; }

.life-ds-project-right-card-content {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  width: 550px;
  height: 90px;
  text-align: left;
  text-align: center;
  position: relative;
  bottom: 320px;
  text-align: left; }

.modal-parent {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #473a71;
  opacity: .9;
  padding: 20px; }
  .modal-parent .modal-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .modal-parent .modal-content {
    width: 100%;
    max-width: 500px;
    border: 1px solid #181616;
    margin: 62px;
    border-radius: 2px; }
  .modal-parent .modal-image {
    width: 100%;
    max-width: 500px;
    height: 300px; }
    .modal-parent .modal-image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .modal-parent .modal-text {
    background: #fff;
    color: black;
    width: 100%;
    max-width: 500px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px; }
  .modal-parent .button {
    background: #f69079;
    color: #fff;
    padding: 0 42px 0 42px;
    border-radius: 2px;
    margin: 8px; }
  .modal-parent h1 {
    font-weight: 900;
    font-size: 24px;
    color: #514f4f; }
  .modal-parent h2 {
    font-size: 14px;
    font-weight: 500;
    color: #645858;
    text-align: center; }
  .modal-parent .modal-content {
    animation: fadeinout 2s linear forwards; }

.section.popup-section-2 {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.6); }
  .section.popup-section-2 .popup-card-2 {
    width: 100% !important;
    max-width: 900px;
    background-color: #D6E0FB;
    margin: 0 auto;
    display: block !important;
    padding: 0 32px;
    border-radius: 20px; }
    .section.popup-section-2 .popup-card-2 .popup-card-close-button {
      display: flex;
      justify-content: flex-end;
      padding: 20px 0; }
      .section.popup-section-2 .popup-card-2 .popup-card-close-button .popup-card-close-icon {
        width: 20px;
        height: 20px;
        fill: #555555;
        cursor: pointer; }
        .section.popup-section-2 .popup-card-2 .popup-card-close-button .popup-card-close-icon:hover {
          fill: red; }
    .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper {
      max-width: 610px !important;
      margin: 0 auto;
      padding-bottom: 50px;
      font-family: ubuntu, arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;
      text-align: center; }
      .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-title {
        font-size: 32px;
        font-weight: 700;
        color: #000000;
        margin-bottom: 12px; }
        @media (max-width: 700px) {
          .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-title {
            font-size: 24px; } }
        @media (max-width: 550px) {
          .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-title {
            font-size: 20px; } }
      .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-subtitle {
        font-size: 20px; }
        @media (max-width: 700px) {
          .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-subtitle {
            font-size: 16px; } }
      .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-details {
        margin: 0 auto;
        margin-top: 20px; }
        .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-details-item {
          display: flex;
          justify-content: space-between;
          gap: 20px;
          border-bottom: 1px solid #000000;
          padding: 8px 0; }
      .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-poster {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 300px;
        height: 200px;
        margin: 0 auto; }
        @media (max-width: 700px) {
          .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-poster {
            max-width: 100%; } }
        .section.popup-section-2 .popup-card-2 .popup-card-2-wrapper .popup-card-2-poster-img {
          width: 100%;
          height: 200px;
          object-fit: cover; }

.popup-section-2.is-open {
  display: flex; }

.section-form {
  width: 100%; }
  .section-form .form-title {
    font-size: 24px;
    margin-bottom: 12px; }
  .section-form .contact-form-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto; }
    .section-form .contact-form-wrapper .contact-info {
      display: flex;
      justify-content: space-between;
      gap: 24px; }
      @media (max-width: 550px) {
        .section-form .contact-form-wrapper .contact-info {
          gap: 12px; } }
      .section-form .contact-form-wrapper .contact-info .contact-info-input {
        width: 100%; }
      .section-form .contact-form-wrapper .contact-info .contact-info-input.radio-button {
        display: flex;
        align-items: center;
        gap: 16px;
        border: 1px solid #CECECE; }
        .section-form .contact-form-wrapper .contact-info .contact-info-input.radio-button .radio-button-wrapper {
          display: flex;
          align-items: center;
          gap: 4px;
          margin-left: 10px; }

.contact-form-wrapper.max-width-900 {
  max-width: 900px; }

.section-range-form {
  display: flex;
  width: 50%; }
  @media (max-width: 960px) {
    .section-range-form {
      width: 100%; } }
  .section-range-form .section-range-form-wrapper {
    width: 100%;
    max-width: 500px; }
  .section-range-form .section-range-title {
    color: #EDF2FF;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 32px; }
  .section-range-form .section-range-form-content .contact-info, .section-range-form .section-range-form-content .range-info {
    display: flex;
    gap: 20px;
    width: 100%; }
    @media (max-width: 550px) {
      .section-range-form .section-range-form-content .contact-info, .section-range-form .section-range-form-content .range-info {
        flex-direction: column; } }
    .section-range-form .section-range-form-content .contact-info .contact-info-name, .section-range-form .section-range-form-content .contact-info .contact-info-no, .section-range-form .section-range-form-content .range-info .contact-info-name, .section-range-form .section-range-form-content .range-info .contact-info-no {
      width: 100%; }
  .section-range-form .section-range-form-content .range-info {
    margin-top: 16px;
    color: #8C6EF0; }
    .section-range-form .section-range-form-content .range-info .range-info-amount {
      width: 25%; }
      @media (max-width: 550px) {
        .section-range-form .section-range-form-content .range-info .range-info-amount {
          width: 50%; } }
    .section-range-form .section-range-form-content .range-info .range-info-bar {
      width: 80%;
      margin-top: 32px;
      display: flex;
      align-items: center; }
      @media (max-width: 550px) {
        .section-range-form .section-range-form-content .range-info .range-info-bar {
          width: 100%;
          margin-top: 8px; } }
      .section-range-form .section-range-form-content .range-info .range-info-bar .amount-bar {
        border: none;
        width: 100%;
        height: 6px;
        cursor: pointer;
        background-color: #EDF2FF;
        border-radius: 10px;
        padding: 0;
        background-color: #8C6EF0;
        margin-bottom: 60px; }
  .section-range-form .contact-form .contact-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .section-range-form .contact-form .contact-form-wrapper .contact-info {
      flex-direction: column;
      gap: 16px; }
    .section-range-form .contact-form .contact-form-wrapper .contact-cta .section-button {
      margin-top: 16px; }

.form-label {
  color: #333333; }

.form-input {
  background-color: transparent;
  width: 100%;
  color: #888888;
  font-weight: 600;
  padding: 10px;
  border: 1px solid #555555;
  font-size: 14px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  position: relative;
  z-index: 1; }
  .form-input:focus {
    border: 1px solid #000000; }

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

.text-input {
  background-color: transparent;
  height: 200px;
  width: 100%;
  color: #E0E0E0;
  font-weight: 600;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #888888;
  font-family: inherit;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
  .text-input:focus {
    border: 1px solid #E0E0E0; }
  @media (max-width: 960px) {
    .text-input {
      height: 120px; } }

.purple-button-hero {
  width: 100%; }

.popup-card {
  width: 650px;
  border-radius: 10px;
  padding: 32px;
  background: linear-gradient(to bottom, #A5C2E2, #CE95B6, #F49994, #FA9F59, #FFFFFF);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15); }
  .popup-card .popup-card-close-button {
    width: 36px;
    height: 36px; }
  .popup-card .popup-card-top-part {
    display: flex;
    justify-content: center; }
  .popup-card .popup-card-header {
    width: 200px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    border-radius: 8px;
    margin-bottom: 16px; }
  .popup-card .popup-card-title-wrapper {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 400px; }
  .popup-card .popup-card-title {
    font-size: 40px;
    /*	font-weight: 350;*/
    margin-bottom: 24px;
    line-height: 1.2; }
  .popup-card .popup-card-subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px; }
  .popup-card .popup-card-form {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 600px;
    padding: 8px; }
  .popup-card .popup-card-form-input {
    width: 400px;
    height: 48px;
    font-size: 18px;
    border: none;
    border: 1px solid grey;
    border-radius: 4px;
    margin-bottom: 16px;
    padding-left: 12px; }
  .popup-card .popup-card-button {
    width: 80px;
    height: 48px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #88B3D3;
    color: #D0E0E9; }
  .popup-card .popup-card-footer {
    font-size: 10px;
    width: 100%;
    max-width: 400px;
    color: #bdbbbb;
    text-align: center;
    margin: 0 auto; }

.pricing-section {
  background-color: #2657DF !important; }
  .pricing-section .section-wrapper {
    display: block !important; }
  .pricing-section .pricing-cards {
    display: flex;
    gap: 30px;
    width: 100%;
    margin-bottom: 80px; }
    .pricing-section .pricing-cards .pricing-card {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 360px;
      height: 100%;
      max-height: 450px;
      background-color: #1949CC;
      box-shadow: 0px 16px 64px rgba(0, 0, 0, 0.05);
      position: relative;
      z-index: 2; }
      .pricing-section .pricing-cards .pricing-card::after {
        content: "";
        width: 100%;
        max-width: 336px;
        height: 100%;
        background-color: #FFFFFF;
        position: absolute;
        bottom: -16px;
        z-index: -1;
        margin: 0 auto;
        align-self: center; }
      .pricing-section .pricing-cards .pricing-card .pricing-card-header {
        padding: 64px 60px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-title {
          font-size: 20px;
          font-weight: 700;
          line-height: 1.25;
          margin-bottom: 12px;
          color: #333333;
          text-align: center; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle {
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #333333;
          line-height: 1.25; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-amount {
            display: inline-flex;
            font-size: 48px;
            font-weight: 700;
            font-family: 'Playfair Display';
            position: relative;
            text-align: center; }
            .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-amount .pricing-card-header-subtitle-symbol {
              font-size: 20px;
              position: absolute;
              left: -8%;
              font-family: inter; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-header .pricing-card-header-subtitle .pricing-card-header-subtitle-time {
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            margin-top: 20px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-header .section-cta {
          margin-top: 32px !important; }
      .pricing-section .pricing-cards .pricing-card .pricing-card-footer {
        padding: 32px 64px; }
        .pricing-section .pricing-cards .pricing-card .pricing-card-footer .pricing-card-footer-details {
          display: flex;
          flex-direction: column;
          gap: 10px; }
          .pricing-section .pricing-cards .pricing-card .pricing-card-footer .pricing-card-footer-details .pricing-card-footer-detail {
            list-style-type: disc;
            font-size: 14px;
            line-height: 1.25;
            color: #555555; }

.pricing-card.main-card {
  max-width: 420px !important;
  max-height: 520px !important;
  background-color: #F1FFE0 !important; }
  .pricing-card.main-card .pricing-card-header {
    padding: 74px 70px !important; }
    .pricing-card.main-card .pricing-card-header .pricing-card-header-subtitle-time {
      margin-top: 24px !important; }

.product-card-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 320px; }
  .product-card-1-poster {
    width: 100%;
    height: 200px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.5%, rgba(0, 0, 0, 0.9) 100%), url("https://images.unsplash.com/photo-1448630360428-65456885c650?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-position: center;
    background-size: cover; }
    .product-card-1-poster-tag {
      position: absolute;
      top: 20px;
      left: 20px;
      display: inline-flex;
      padding: 4px 8px;
      justify-content: center;
      align-items: center;
      color: #FFFFFF;
      background-color: #4A943E;
      border-radius: 8px; }
    .product-card-1-poster-text {
      position: absolute;
      left: 20px;
      bottom: 12px;
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 600;
      line-height: 1; }
  .product-card-1-details {
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #F2E0CE;
    background: #FFF8F1;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .product-card-1-details-title {
      color: #333333;
      font-weight: 700;
      font-size: 14px;
      line-height: 1; }
    .product-card-1-details-info {
      display: flex;
      align-items: center;
      gap: 4px; }
      .product-card-1-details-info-icon {
        display: flex;
        width: 16px;
        height: 16px; }
        .product-card-1-details-info-icon-svg {
          fill: #888888; }
      .product-card-1-details-info-text {
        color: #888888;
        font-size: 14px;
        line-height: 1; }
  .product-card-1-content {
    display: flex;
    align-items: center;
    gap: 16px; }
    .product-card-1-content-info {
      display: flex;
      align-items: center;
      gap: 4px; }
      .product-card-1-content-info-text {
        color: #888888;
        font-size: 12px;
        line-height: 1; }
      .product-card-1-content-info-icon {
        display: flex;
        width: 14px;
        height: 14px; }
        .product-card-1-content-info-icon svg {
          width: 14px;
          height: 14px; }

.modified-product-card-1 {
  border-radius: 16px;
  border: 1px solid #F0F0F0;
  background: #FFF; }
  .modified-product-card-1-wrapper {
    padding: 32px 32px 20px 32px; }
    @media (max-width: 800px) {
      .modified-product-card-1-wrapper {
        padding: 16px; } }
  .modified-product-card-1 .product-card-1 {
    display: flex;
    max-width: 1000px;
    overflow: hidden;
    flex-direction: inherit; }
    @media (max-width: 800px) {
      .modified-product-card-1 .product-card-1 {
        flex-direction: column; } }
    .modified-product-card-1 .product-card-1-poster {
      width: 55%;
      height: 300px; }
      @media (max-width: 800px) {
        .modified-product-card-1 .product-card-1-poster {
          width: 100%; } }
    .modified-product-card-1 .product-card-1-details {
      padding: 20px;
      border-radius: 16px;
      border: 1px solid #F2E0CE;
      background: #FFF8F1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 45%;
      gap: 20px; }
      @media (max-width: 800px) {
        .modified-product-card-1 .product-card-1-details {
          width: 100%; } }
    .modified-product-card-1 .product-card-1-poster-img {
      width: 100%;
      max-width: 250px;
      height: 200px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .modified-product-card-1 .product-card-1-details-title-top {
      color: #888888;
      font-size: 14px;
      line-height: 1;
      margin-bottom: 12px; }
    .modified-product-card-1 .product-card-1-details-title, .modified-product-card-1 .product-card-1-details-property {
      color: #333333;
      font-weight: 700;
      font-size: 14px;
      line-height: 1; }
    .modified-product-card-1 .product-card-1-details-subtitle {
      font-size: 14px;
      color: #888888;
      margin-top: 12px; }
    .modified-product-card-1 .product-card-1-content {
      display: flex;
      flex-direction: column;
      justify-content: start;
      gap: 16px; }
      .modified-product-card-1 .product-card-1-content-property {
        display: flex;
        align-items: center;
        gap: 4px; }
      .modified-product-card-1 .product-card-1-content-property-icon {
        display: flex;
        min-width: 16px;
        min-height: 16px; }
        .modified-product-card-1 .product-card-1-content-property-icon-property-icon-svg {
          fill: #888888; }
      .modified-product-card-1 .product-card-1-content-property-text {
        color: #888888;
        font-size: 14px;
        line-height: 1; }
      .modified-product-card-1 .product-card-1-content-details {
        display: flex;
        gap: 4px; }
        .modified-product-card-1 .product-card-1-content-details-info {
          display: flex;
          align-items: center;
          gap: 4px; }
          .modified-product-card-1 .product-card-1-content-details-info-icon {
            display: flex;
            min-width: 14px;
            min-height: 14px; }
          .modified-product-card-1 .product-card-1-content-details-info-text {
            color: #888888;
            font-size: 12px;
            line-height: 1; }
  .modified-product-card-1-footer {
    padding: 20px 32px;
    border-top: 1px solid #F0F0F0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 800px) {
      .modified-product-card-1-footer {
        padding: 0 20px; } }
    @media (max-width: 480px) {
      .modified-product-card-1-footer {
        flex-direction: column;
        gap: 12px; } }
    .modified-product-card-1-footer .icon-and-texts {
      display: flex;
      align-items: center;
      gap: 6px; }
      .modified-product-card-1-footer .icon-and-texts-text {
        color: #555555;
        font-size: 14px;
        line-height: 1; }
    .modified-product-card-1-footer .icon-buttons {
      display: flex;
      gap: 8px; }
    .modified-product-card-1-footer .icon-buttons .icon-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 20px;
      background-color: #FBE8D5;
      border: 1px solid #F2E0CE;
      white-space: nowrap;
      border-radius: 32px;
      color: #333333;
      font-size: 14px;
      font-weight: 600;
      transition: all .4s; }
    .modified-product-card-1-footer .icon-buttons .icon-button-icon {
      width: 16px;
      display: inline-flex; }
  .modified-product-card-1 .tags {
    display: flex;
    gap: 8px;
    margin-top: 16px; }
    .modified-product-card-1 .tags .tag {
      border-radius: 300px;
      border: 1px solid #F0F0F0; }
  .modified-product-card-1 .icon-buttons .icon-button:hover {
    background-color: transparent;
    border: 1px solid #000000; }

.layout-main-sidebar {
  display: flex;
  gap: 32px;
  width: 100%; }
  @media (max-width: 1366px) {
    .layout-main-sidebar.type-2 {
      flex-direction: column; } }
  .layout-main-sidebar .width-900 {
    width: 100% !important;
    max-width: 900px !important; }
    @media (max-width: 960px) {
      .layout-main-sidebar .width-900 {
        padding: 0 12px; } }
  .layout-main-sidebar .is-relative {
    position: relative !important; }
  .layout-main-sidebar .z-index-999 {
    z-index: 999; }
  .layout-main-sidebar .product-card-1-poster-img {
    width: 100%;
    max-width: 250px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .layout-main-sidebar .section-mask.modified-section-mask {
    min-height: 450px;
    border-radius: 16px; }
    .layout-main-sidebar .section-mask.modified-section-mask .section-mask-img {
      width: 100%;
      min-height: 450px;
      background-image: url("/assets/img/slide-1.webp");
      background-size: cover;
      background-position: center; }

.product-card-1-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start; }
  .product-card-1-content .product-card-1-content-property {
    display: flex;
    align-items: center;
    gap: 4px; }
    .product-card-1-content .product-card-1-content-property-icon {
      display: flex;
      min-width: 16px;
      min-height: 16px; }
    .product-card-1-content .product-card-1-content-property-text {
      color: #888888;
      font-size: 14px;
      line-height: 1; }
  .product-card-1-content .product-card-1-content-details {
    display: flex;
    gap: 4px; }
    .product-card-1-content .product-card-1-content-details-info {
      display: flex;
      align-items: center;
      gap: 4px; }
      .product-card-1-content .product-card-1-content-details-info-info-text {
        color: #888888;
        font-size: 12px;
        line-height: 1; }
      .product-card-1-content .product-card-1-content-details-info-info-icon {
        display: flex;
        min-width: 14px;
        min-height: 14px; }
        .product-card-1-content .product-card-1-content-details-info-info-icon-svg {
          min-width: 14px;
          min-height: 14px; }

.product-sliding-window-texts {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px; }
  @media (max-width: 960px) {
    .product-sliding-window-texts {
      justify-content: space-between; } }
  .product-sliding-window-texts .product-sliding-window-title {
    font-size: 24px;
    font-weight: 800; }
    @media (max-width: 550px) {
      .product-sliding-window-texts .product-sliding-window-title {
        font-size: 16px; } }
  .product-sliding-window-texts .product-sliding-window-title-link {
    color: #0f96ac;
    font-weight: 600;
    text-align: center;
    cursor: pointer; }
    @media (max-width: 550px) {
      .product-sliding-window-texts .product-sliding-window-title-link {
        font-size: 12px; } }

.product-sliding-window {
  display: flex;
  gap: 6px;
  width: 100%; }
  @media (max-width: 1366px) {
    .product-sliding-window {
      flex-direction: column;
      width: 100%;
      margin: 0 auto;
      max-width: 800px; } }
  .product-sliding-window .product-card-1-poster {
    background: none !important; }
  .product-sliding-window .product-card-2-poster-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%; }
    @media (max-width: 1366px) {
      .product-sliding-window .product-card-2-poster-wrapper {
        width: 100%; } }
    .product-sliding-window .product-card-2-poster-wrapper .product-card-2-poster-captions {
      display: flex;
      gap: 8px; }
      .product-sliding-window .product-card-2-poster-wrapper .product-card-2-poster-captions .is-bold {
        font-weight: bold; }
      @media (max-width: 1366px) {
        .product-sliding-window .product-card-2-poster-wrapper .product-card-2-poster-captions {
          margin: 1rem 0; } }
  .product-sliding-window .product-card-2-poster .product-card-2-poster-img {
    width: 100%; }
  .product-sliding-window .product-card-2-button-wrapper {
    width: 60%;
    position: relative; }
    .product-sliding-window .product-card-2-button-wrapper .product-card-2-button {
      position: absolute;
      left: -6px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9999999999;
      background-color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); }
      .product-sliding-window .product-card-2-button-wrapper .product-card-2-button.right {
        right: -6px;
        left: inherit; }
      .product-sliding-window .product-card-2-button-wrapper .product-card-2-button-icon {
        display: flex; }
        .product-sliding-window .product-card-2-button-wrapper .product-card-2-button-icon-svg {
          width: 32px;
          height: 32px; }
  .product-sliding-window .product-card-2-wrapper {
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    width: 100%;
    position: relative; }
    @media (max-width: 1366px) {
      .product-sliding-window .product-card-2-wrapper {
        width: 100%; } }
  .product-sliding-window .product-card-2 {
    border: 1px solid #14141345;
    min-width: 300px;
    width: 100%;
    padding: 1rem;
    border-radius: 12px; }
  .product-sliding-window .product-card-2-poster-img {
    height: 100%;
    width: 100%;
    object-fit: contain; }
  .product-sliding-window .product-card-1-details {
    background-color: #fff;
    border-radius: none;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    line-height: 1.5; }
    .product-sliding-window .product-card-1-details .product-card-1-details-info-text {
      color: #4c4d4d;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 501; }
    .product-sliding-window .product-card-1-details .product-card-1-details-price-text {
      font-size: 28px;
      font-weight: 600; }
    .product-sliding-window .product-card-1-details .product-card-1-content-info-text {
      color: #088908;
      font-size: 16px;
      font-weight: 600; }

.rounded-product-card {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-content: center;
  background: #282a36; }
  .rounded-product-card .gallery {
    --g: 8px;
    /* the gap */
    --s: 400px;
    /* the size */
    display: grid;
    border-radius: 50%; }
  .rounded-product-card .gallery > img {
    grid-area: 1/1;
    width: 400px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    transform: translate(var(--_x, 0), var(--_y, 0));
    cursor: pointer;
    z-index: 0;
    transition: .3s, z-index 0s .3s; }
  .rounded-product-card .gallery img:hover, .rounded-product-card .gallery img:active {
    --_i: 1;
    z-index: 1;
    transition: transform .2s, clip-path .3s .2s, z-index 0s; }
  .rounded-product-card .gallery:hover img, .rounded-product-card .gallery:active img {
    transform: translate(0, 0); }
  .rounded-product-card .gallery > img:nth-child(1) {
    clip-path: polygon(50% 50%, calc(50%*var(--_i,0)) calc(120%*var(--_i,0)), 0 calc(100%*var(--_i,0)), 0 0, 100% 0, 100% calc(100%*var(--_i,0)), calc(100% - 50%*var(--_i,0)) calc(120%*var(--_i,0)));
    --_y: calc(-1*var(--g)) ; }
  .rounded-product-card .gallery > img:nth-child(2) {
    clip-path: polygon(50% 50%, calc(100% - 120%*var(--_i,0)) calc(50%*var(--_i,0)), calc(100% - 100%*var(--_i,0)) 0, 100% 0, 100% 100%, calc(100% - 100%*var(--_i,0)) 100%, calc(100% - 120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));
    --_x: var(--g) ; }
  .rounded-product-card .gallery > img:nth-child(3) {
    clip-path: polygon(50% 50%, calc(100% - 50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)), 100% calc(100% - 120%*var(--_i,0)), 100% 100%, 0 100%, 0 calc(100% - 100%*var(--_i,0)), calc(50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)));
    --_y: var(--g) ; }
  .rounded-product-card .gallery > img:nth-child(4) {
    clip-path: polygon(50% 50%, calc(120%*var(--_i,0)) calc(50%*var(--_i,0)), calc(100%*var(--_i,0)) 0, 0 0, 0 100%, calc(100%*var(--_i,0)) 100%, calc(120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));
    --_x: calc(-1*var(--g)) ; }

.shoes-card-section {
  background-color: #888 !important; }
  .shoes-card-section .shoes-product-cards {
    display: flex;
    justify-content: center;
    gap: 60px; }
    @media (max-width: 700px) {
      .shoes-card-section .shoes-product-cards {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        max-width: 800px;
        gap: 24px; } }
  .shoes-card-section .shoes-product-card-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 30px; }
  .shoes-card-section .shoes-image {
    width: 100%;
    max-width: 320px;
    background-color: aliceblue; }
    @media (max-width: 700px) {
      .shoes-card-section .shoes-image {
        max-width: 100%; } }
  .shoes-card-section .shoes-product-card-size {
    font-weight: 900;
    color: #ffb3b3; }
  .shoes-card-section .shoes-product-card-nextpage {
    display: flex; }
  .shoes-card-section .shoes-product-card-pg {
    width: 32px;
    height: 32px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffb3b3;
    border-radius: 0;
    margin-right: 8px;
    color: #ffb3b3; }
    .shoes-card-section .shoes-product-card-pg.is-active {
      background-color: #ffb3b3 !important;
      font-weight: 600;
      color: white; }
    .shoes-card-section .shoes-product-card-pg.step-count {
      position: inherit;
      transform: inherit;
      margin-top: 20px; }

.shoes-product-card-right {
  text-align: justify;
  display: flex;
  flex-direction: column;
  row-gap: 6px; }

.shoes-product-card-heading {
  font-size: medium;
  color: #ffb3b3;
  font-weight: 600;
  white-space: 2px; }

.shoes-product-card-subheading {
  font-size: x-large;
  color: #100202;
  font-weight: 620; }

.shoes-product-card-price {
  color: #ffb3b3;
  font-size: xx-large;
  font-weight: 580; }

.shoes-product-card-about {
  color: #100202;
  font-size: small;
  width: 100%;
  max-width: 320px; }

.button.is-primary.is-lg {
  background-color: #ffb3b3;
  margin-top: 1rem; }

.product-card-section .product-cards {
  width: 100%;
  max-width: 450px;
  height: 100%;
  max-height: 650px;
  background-image: linear-gradient(to top right, #FFF5EE, #FFFFED); }
.product-card-section .image {
  height: 100% !important;
  max-height: 600px !important;
  width: 100% !important;
  overflow: hidden !important;
  object-fit: cover !important; }
.product-card-section .product-texts {
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .025rem;
  line-height: 1rem;
  color: #333;
  margin-left: 24px;
  padding-bottom: 32px; }
  .product-card-section .product-texts .product-title {
    margin-bottom: 8px; }
.product-card-section .product-arrow-icons {
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 24px; }
  .product-card-section .product-arrow-icons .arrow-right {
    position: absolute;
    bottom: 250px;
    left: 412px; }
  .product-card-section .product-arrow-icons .arrow-left {
    position: absolute;
    bottom: 250px;
    left: 16px; }
.product-card-section .wish-icon {
  position: relative; }
  .product-card-section .wish-icon .wish {
    position: absolute;
    left: 412px;
    top: 12px;
    font-size: 20px; }
.product-card-section .product-row {
  display: flex; }
  @media (max-width: 1366px) {
    .product-card-section .product-row {
      width: 100%; } }

.career-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 0; }
  .career-cards .career-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(85, 85, 85, 0.5);
    padding: 20px;
    color: inherit; }
    .career-cards .career-card-header {
      display: flex;
      justify-content: space-between;
      gap: 20px; }
      .career-cards .career-card-header-title {
        font-size: 24px; }
      .career-cards .career-card-header-icon {
        width: 32px;
        height: 32px; }
        .career-cards .career-card-header-icon-svg {
          fill: #888888; }
    .career-cards .career-card-footer {
      display: flex;
      gap: 20px;
      padding: 0 20px; }
      .career-cards .career-card-footer-texts {
        display: flex;
        gap: 12px; }
        .career-cards .career-card-footer-texts-icon {
          width: 24px;
          height: 24px; }

.metric-card-section .section-wrapper {
  flex-direction: column; }

.metric-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  place-items: center;
  gap: 20px; }

.metric-card {
  width: 100%;
  max-width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  border-radius: 100% !important;
  align-items: center;
  padding: 20px;
  position: relative;
  overflow: hidden; }
  .metric-card:hover .icon-svg {
    transition: all 200ms ease-in-out;
    transform: translateX(6px); }
  .metric-card .icon-svg {
    transition: all 200ms ease-in-out; }
  .metric-card-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    text-align: center; }
  .metric-card-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .metric-card-icon {
    min-width: 120px;
    min-height: 120px;
    background: #D0D0D0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: inset 0 4px 6px rgba(255, 255, 255, 0.4), inset 0 -4px 6px rgba(0, 0, 0, 0.2), 0 8px 15px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 4px 6px rgba(255, 255, 255, 0.4), inset 0 -4px 6px rgba(0, 0, 0, 0.2); }
    .metric-card-icon::after {
      content: "";
      position: absolute;
      width: 95px;
      height: 95px;
      bottom: -4px;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 50%;
      z-index: -1; }
    @media (max-width: 700px) {
      .metric-card-icon {
        min-width: 76px;
        min-height: 76px; } }
    .metric-card-icon-img {
      width: 40px;
      object-fit: contain;
      filter: invert(1); }
  .metric-card-title {
    font-weight: 600;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center; }
    @media (max-width: 700px) {
      .metric-card-title {
        font-size: .875rem; } }
  .metric-card-number {
    font-size: 1.875rem;
    font-weight: 700;
    color: #FFFFFF; }
    @media (max-width: 700px) {
      .metric-card-number {
        font-size: 1.25rem; } }
  @media (max-width: 550px) {
    .metric-card {
      padding: 20px 16px; } }
  .metric-card.is-orange .metric-card-icon {
    background: linear-gradient(to bottom, #ffd396, #fb8f43, #ee5554); }
  .metric-card.is-blue .metric-card-icon {
    background: linear-gradient(to bottom, #cfc2ff, #7b69f9, #7b69f9); }
  .metric-card.is-green .metric-card-icon {
    background: linear-gradient(to bottom, #c3f49a, #5df219, #3cb705); }
  .metric-card.is-purple .metric-card-icon {
    background: linear-gradient(to bottom, #d17ffff0, #b539fbf0, #b64cf2f0); }
  .metric-card.is-red .metric-card-icon {
    background: linear-gradient(to bottom, #f8b4b4, #ea5757, #f53b3b); }
  .metric-card.is-yellow .metric-card-icon {
    background: linear-gradient(to bottom, #fffd8d, #f4d17c, #fbba20); }
  .metric-card.is-magenta .metric-card-icon {
    background: linear-gradient(to bottom, #f7aadc, #f986d2, #e840c6); }
  .metric-card.is-teal .metric-card-icon {
    background: linear-gradient(to bottom, #7ef9f9, #0dd1d1, #05b7b7); }
  .metric-card.is-gold .metric-card-icon {
    background: linear-gradient(to bottom, #e6bc58, #a68c00, #ffe493); }
  @media (max-width: 800px) {
    .metric-card {
      max-width: 200px;
      height: 200px; } }
  @media (max-width: 480px) {
    .metric-card {
      max-width: 180px;
      height: 180px; } }

.timer-card {
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(32px) saturate(160%);
  -webkit-backdrop-filter: blur(32px) saturate(160%);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  border-radius: 16px;
  transition: all 0.2s linear; }
  .timer-card:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .timer-card {
      border-color: #FFFFFF; } }
  .timer-card-title {
    font-size: 20px;
    font-weight: 600; }
  .timer-card-counts {
    display: flex;
    gap: 12px;
    align-items: center; }
    .timer-card-counts .timer-card-count {
      width: 32px;
      height: 32px;
      border-radius: 100%;
      background-color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center; }
    .timer-card-counts .timer-card-column {
      font-weight: 600; }

.button.is-orange {
  background: linear-gradient(to bottom, #ffd396, #fb8f43, #ee5554); }

.button.is-blue {
  background: linear-gradient(to bottom, #cfc2ff, #7b69f9, #7b69f9); }

.bottom-fixed-buttons {
  display: inline-flex;
  justify-content: center;
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(32px) saturate(160%);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  transition: all 0.2s linear;
  width: 100%;
  padding: 12px; }
  .bottom-fixed-buttons:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .bottom-fixed-buttons {
      border-color: #FFFFFF; } }

.line-bar {
  display: inline-block;
  width: 1px;
  height: 60%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  background-color: #000000; }

.icon-buttons .icon-button {
  flex-direction: row; }
  @media (max-width: 550px) {
    .icon-buttons .icon-button {
      flex-direction: column; } }

.login-section-1 {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center; }

.login-section-1-wrapper {
  display: flex;
  width: 100%;
  max-width: 1000px;
  border-radius: 32px;
  background: #1A1919;
  box-shadow: 0px 16px 72px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden; }

.login-img {
  flex: 1;
  min-width: 50%;
  min-height: 600px;
  background-image: url("https://s3-alpha-sig.figma.com/img/ed00/f66c/9512f93e0e735f4cf78fa4bac1bf8c1a?Expires=1706486400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hwO8sBFHB30tKVA65TUaN0GgnVd5j98z-UtsJ2HUjYtQwUDvfMAJBzutdnxiU5C81jeV8QKFlLXYMbb97I2v0Z2MG0Tbyxofb-9G3MIWAEK8-YXlnpT~YYGd3jwNH3GD97Y8Gq3jyp3qiFKGKP~2XD5~puE5yVAInXmW0zghX0VBio~CYSDnnXwSfGGuGQ5WGqjRLq~RbI0b3RJ3sz-GFgcJwlqUmOzR5293sJ4sRBPcyfGGU4VizZt2VY9gJ8ECdPoIeiEz1GxV8QWixU8gYKrwpcjocyrS3cYVmUhAwbgi~9i6Ylr6TiAvWf3klSFGYP9oUhV6CnR5kxFLaEbmmA__");
  background-size: cover;
  object-fit: cover; }

.form-field .hero-button-1 {
  margin-top: 12px; }

.cta-2 .section {
  padding: 50px; }
.cta-2 .section.early-offer-section {
  background-color: #3C12CA;
  margin: 100px 0; }
  .cta-2 .section.early-offer-section .section.is-relative {
    position: relative;
    overflow: hidden; }
  .cta-2 .section.early-offer-section .grid-particle {
    width: 100%;
    max-width: 100px;
    height: 100px;
    position: absolute;
    left: -6%;
    top: -6%;
    z-index: 0;
    fill: #D9D9D9; }
  .cta-2 .section.early-offer-section .section-text {
    width: 100% !important; }
    .cta-2 .section.early-offer-section .section-text .section-text-wrapper {
      width: 100%;
      max-width: 900px !important;
      margin: 0 auto;
      position: relative; }
    .cta-2 .section.early-offer-section .section-text .section-title {
      color: #FFFFFF !important;
      text-align: center;
      max-width: 900px !important;
      font-size: 46px;
      font-weight: 700;
      line-height: 125%;
      position: relative;
      max-width: 100%;
      font-family: Playfair Display; }
    .cta-2 .section.early-offer-section .section-text .section-subtitle {
      font-size: 16px;
      line-height: 28px;
      width: 100%;
      max-width: 528px;
      font-weight: 400;
      text-align: center;
      color: #FFFFFF !important;
      margin: 16px auto;
      margin-bottom: 32px; }
    .cta-2 .section.early-offer-section .section-text .line-particle {
      position: absolute;
      width: 100%;
      height: 100%; }
      .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-1 {
        position: absolute;
        top: 0;
        left: -10%;
        z-index: 1;
        transform: rotate(45deg); }
        @media (max-width: 960px) {
          .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-1 {
            left: -5%;
            top: 15%; } }
      .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-2 {
        position: absolute;
        top: 0;
        left: 102%;
        z-index: 1;
        transform: rotate(170deg); }
        @media (max-width: 960px) {
          .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-2 {
            left: 95%;
            top: 25%; } }
      .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-3 {
        position: absolute;
        bottom: 10%;
        left: -5%;
        z-index: 1;
        transform: rotate(170deg); }
      .cta-2 .section.early-offer-section .section-text .line-particle .line-particle-img-4 {
        position: absolute;
        bottom: 15%;
        left: 95%;
        z-index: 1;
        transform: rotate(25deg); }
    .cta-2 .section.early-offer-section .section-text .hero-cta {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      gap: 12px;
      position: relative;
      z-index: 2; }
    .cta-2 .section.early-offer-section .section-text .hero-search-box.rounded {
      border-radius: 90px;
      overflow: hidden; }
    .cta-2 .section.early-offer-section .section-text .hero-cta .hero-search-box .hero-search-box-icon-wrapper {
      display: flex;
      align-items: center;
      padding: 20px;
      height: 52px;
      background-color: #F0F0F0;
      white-space: nowrap; }
    .cta-2 .section.early-offer-section .section-text .hero-cta .hero-search-box {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 400px; }
    .cta-2 .section.early-offer-section .section-text .hero-cta .hero-search-box .hero-search-box-input {
      height: 100%;
      width: 100%;
      max-width: 350px;
      background-color: #FFFFFF;
      color: #333333;
      font-weight: 600;
      padding: 20px 6px;
      border: none;
      height: 52px;
      font-size: 16px; }
    .cta-2 .section.early-offer-section .section-text .is-fullrounded {
      border-radius: 1000px; }
    .cta-2 .section.early-offer-section .section-text .section-button {
      padding: 20px 32px;
      background: none;
      background-color: rgba(0, 0, 0, 0);
      background-color: #000000;
      color: #FFFFFF;
      font-family: 'Inter', sans-serif !important;
      font-size: 14px;
      font-weight: 600;
      height: 48px;
      border: 1px solid transparent;
      scale: 1;
      display: flex;
      align-items: center;
      white-space: nowrap; }
    .cta-2 .section.early-offer-section .section-text .section-button:hover {
      color: #000000;
      background: none;
      border: 1px solid;
      transition: all 300ms; }

.cta-3 .section-cta.verify-number {
  flex-direction: column; }
  .cta-3 .section-cta.verify-number .section-cta-title {
    font-size: 14px;
    color: #313AEA; }
  .cta-3 .section-cta.verify-number .section-cta-bottom-message {
    font-size: 14px;
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 8px; }
  .cta-3 .section-cta.verify-number .section-search-box {
    display: flex;
    align-items: center;
    width: 100%; }
    .cta-3 .section-cta.verify-number .section-search-box .section-search-box-icon-wrapper {
      padding: 12px;
      padding-left: 0;
      height: 52px;
      border-bottom: 1px solid #EDF2FF;
      white-space: nowrap;
      display: flex;
      align-items: center; }
    .cta-3 .section-cta.verify-number .section-search-box .section-search-box-input {
      width: 100%;
      background-color: #FFFFFF;
      color: #333333;
      font-weight: 600;
      padding: 12px 6px;
      border: none;
      height: 52px;
      border-bottom: 1px solid #8C6EF0; }
.cta-3 .section-cta-message {
  color: #FF3E51;
  font-size: 14px; }
.cta-3 .section-text {
  width: 100% !important; }
  .cta-3 .section-text .section-text-wrapper {
    width: 100%;
    max-width: 724px !important;
    margin: 0 auto;
    position: relative; }
  .cta-3 .section-text .section-title {
    width: 100%;
    max-width: 100% !important;
    color: #8C6EF0 !important;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 2rem; }

.example-001 .hero-section.is-white {
  background-color: #FFFFFF; }
.example-001 .hero-title, .example-001 .hero-subtitle {
  color: #333333; }
.example-001 .button-hero {
  background: #4182F2; }
.example-001 .hero-section-image {
  overflow: visible; }
.example-001 .hero-image-wrapper {
  width: 500px;
  height: 500px;
  background-color: transparent;
  position: relative;
  z-index: 2; }
  .example-001 .hero-image-wrapper .hero-image {
    width: 500px;
    height: 500px;
    padding-top: 0;
    border-radius: 48px;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2); }
.example-001 .hero-half-cover-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50vw;
  z-index: 1;
  background-size: cover;
  background-position: top left;
  opacity: .2; }
.example-001 .hero-card {
  width: 100%;
  max-width: 430px;
  border-radius: 40px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 9;
  left: -50px;
  bottom: -80px; }
  .example-001 .hero-card-head {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3379F2;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600; }
  .example-001 .hero-card-body {
    padding: 20px 20px 40px 20px;
    font-size: 1rem;
    color: #333333; }

.example-002 .navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: transparent; }
.example-002 .hero-section {
  background: url("assets/img/pattern-01.png"), linear-gradient(to right, #EAEBFF, #EAEBFF); }
  .example-002 .hero-section .hero-title, .example-002 .hero-section .hero-subtitle {
    color: #222222; }
  .example-002 .hero-section .hero-cta .button {
    border-color: #FFA735;
    color: #FFA735; }
  .example-002 .hero-section .hero-section-image {
    overflow: visible; }
    .example-002 .hero-section .hero-section-image .hero-image-wrapper {
      height: 600px;
      width: 600px;
      box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1);
      position: relative; }
      .example-002 .hero-section .hero-section-image .hero-image-wrapper .hero-image {
        height: 600px;
        width: 600px;
        object-fit: cover;
        padding-top: 0px; }
      .example-002 .hero-section .hero-section-image .hero-image-wrapper .particles {
        height: 14px;
        width: 14px;
        background-color: #c6d8e2;
        position: absolute; }
        .example-002 .hero-section .hero-section-image .hero-image-wrapper .particles::before {
          content: "";
          width: 12px;
          height: 12px;
          position: absolute;
          top: -12px;
          left: -16px;
          background-color: #c6d8e2; }
        .example-002 .hero-section .hero-section-image .hero-image-wrapper .particles::after {
          content: "";
          width: 8px;
          height: 8px;
          position: absolute;
          top: 4px;
          left: 20px;
          background-color: #c6d8e2; }
        .example-002 .hero-section .hero-section-image .hero-image-wrapper .particles.no-01 {
          top: -32px;
          left: 20px; }
        .example-002 .hero-section .hero-section-image .hero-image-wrapper .particles.no-02 {
          bottom: -32px;
          right: 20px; }
  .example-002 .hero-section .hero-section-bar {
    background: linear-gradient(to right, #B1C5FF, #D6E0FB);
    padding-top: 50px;
    padding-bottom: 50px; }
    .example-002 .hero-section .hero-section-bar .hero-section-bar-wrapper {
      display: flex;
      justify-content: space-between; }
      .example-002 .hero-section .hero-section-bar .hero-section-bar-wrapper .house-card {
        width: 300px;
        height: 380px;
        box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2); }
        .example-002 .hero-section .hero-section-bar .hero-section-bar-wrapper .house-card img {
          width: 300px;
          height: 380px;
          object-fit: cover;
          object-position: center; }
  .example-002 .hero-section .hero-card {
    width: 100%;
    max-width: 300px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 9;
    left: 350px;
    top: 250px; }
    .example-002 .hero-section .hero-card-head {
      /*height: 100px;
      align-items: center;
      justify-content: center;*/
      display: flex;
      font-size: 1rem;
      color: #FFA735;
      font-weight: 600;
      text-align: left;
      margin-left: 1rem;
      margin-top: 1rem; }
    .example-002 .hero-section .hero-card-body {
      padding: 20px 20px;
      font-size: 1rem;
      color: #333333;
      margin-top: -1rem; }
    .example-002 .hero-section .hero-card::after {
      content: "";
      width: 32px;
      height: 64px;
      position: absolute;
      top: 0px;
      right: 16px;
      background-color: #FFA735; }

.example-003 .navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: transparent; }
.example-003 .hero-section {
  background-color: #FFFFFF; }
  .example-003 .hero-section .hero-title, .example-003 .hero-section .hero-subtitle {
    color: #222222; }
  .example-003 .hero-section .hero-title {
    font-size: 68px; }
  .example-003 .hero-section .icon {
    color: #FFFFFF; }
  .example-003 .hero-section .is-primary {
    background-color: #4049FD; }
  .example-003 .hero-section .is-white {
    background-color: #FFFFFF; }
    .example-003 .hero-section .is-white .icon {
      color: black; }
  .example-003 .hero-section .hero-section-image {
    overflow: visible;
    width: auto; }
    .example-003 .hero-section .hero-section-image .hero-image-wrapper {
      position: relative;
      width: 300px;
      padding-bottom: 120px; }
      .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 {
        position: relative;
        width: 600px;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #A5A9FB;
        border-radius: 100%; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 .outer-circle1 {
          position: absolute;
          right: 98px;
          top: 6px;
          width: 75px;
          height: 75px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #4049FD;
          color: #FFFFFF;
          border-radius: 100%; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 .outer-circle2 {
          position: absolute;
          left: -35px;
          top: 50%;
          width: 75px;
          height: 75px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #4049FD;
          color: #FFFFFF;
          border-radius: 100%; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 .outer-circle3 {
          position: absolute;
          right: 78px;
          bottom: 30px;
          width: 60px;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #4049FD;
          color: #FFFFFF;
          border-radius: 100%; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 .circle2 {
          width: 500px;
          height: 500px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #D0D2FB;
          border: 1px solid #A5A9FB;
          border-radius: 100%; }
          .example-003 .hero-section .hero-section-image .hero-image-wrapper .circle1 .circle2 .circle3 {
            width: 300px;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #FFC6CD;
            border: 1px solid #A5A9FB;
            border-radius: 100%; }
      .example-003 .hero-section .hero-section-image .hero-image-wrapper .hero-image {
        position: absolute;
        left: 55%;
        top: 12%;
        padding-top: 0;
        object-fit: cover;
        z-index: 99; }
      .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-01, .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-02 {
        width: 20px;
        height: 20px;
        background-color: #D0D2FB;
        position: absolute;
        z-index: 10; }
      .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-01 {
        left: -10px;
        top: 30px; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-01::before {
          content: "";
          width: 15px;
          height: 15px;
          background-color: #D0D2FB;
          position: absolute;
          z-index: 13;
          left: -20px;
          top: -20px; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-01::after {
          content: "";
          width: 10px;
          height: 10px;
          background-color: #D0D2FB;
          position: absolute;
          z-index: 13;
          right: -20px;
          bottom: 50%;
          transform: translateY(50%); }
      .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-02 {
        right: -200px;
        bottom: 30px; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-02::before {
          content: "";
          width: 15px;
          height: 15px;
          background-color: #D0D2FB;
          position: absolute;
          z-index: 13;
          left: -20px;
          top: -20px; }
        .example-003 .hero-section .hero-section-image .hero-image-wrapper .particles-no-02::after {
          content: "";
          width: 10px;
          height: 10px;
          background-color: #D0D2FB;
          position: absolute;
          z-index: 13;
          right: -20px;
          bottom: 50%;
          transform: translateY(50%); }
  .example-003 .hero-section .hero-section-bar {
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF); }
    .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper {
      display: flex;
      justify-content: space-between;
      height: 450px;
      width: 100%; }
      .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-image-area {
        width: 30%;
        overflow: hidden;
        position: relative; }
        .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-image-area .image-overlay {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 2;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
      .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area {
        display: block;
        width: 65%; }
        .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 {
          display: flex;
          justify-content: space-around;
          height: 33%;
          width: 100%;
          margin-bottom: 40px; }
          .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 {
            display: flex;
            justify-content: space-between;
            width: 45%;
            background-color: #FFFFFF;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2); }
            .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 .icon-area {
              display: flex;
              justify-content: center;
              width: 25%;
              padding-right: 16px; }
              .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 .icon-area .icon-circle {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 100%;
                background-color: #D0D2FB;
                color: #4049FD; }
              .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 .icon-area .icon-circle-2 {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 100%;
                background-color: #D2F7DF;
                color: #0FB94D; }
            .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 .text-area .card-heading {
              font-weight: 24px;
              font-weight: 600;
              color: #4049FD;
              padding-bottom: 12px; }
            .example-003 .hero-section .hero-section-bar .hero-section-bar-wrapper .card-area .card-area-1 .wrapper-1 .text-area .card-heading-2 {
              font-weight: 24px;
              font-weight: 600;
              color: #0FB94D;
              padding-bottom: 12px; }

.example-004 .navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: transparent; }
  .example-004 .navbar .navbar-center .navbar-content .navbar-menu .navbar-menu-item .navbar-menu-item-link, .example-004 .navbar .navbar-right .navbar-content .navbar-menu .navbar-menu-item .navbar-menu-item-link {
    color: #FFFFFF; }
.example-004 .hero-section {
  position: relative;
  background-color: #38a935; }
  .example-004 .hero-section .hero-section-bg-image {
    position: absolute;
    height: 1100px;
    width: 1200px;
    top: -240px;
    left: -260px;
    background-size: cover;
    background-position: top left; }
  .example-004 .hero-section .hero-section-texts .hero-section-texts-wrapper {
    z-index: 1; }
    .example-004 .hero-section .hero-section-texts .hero-section-texts-wrapper .hero-title {
      max-width: 405px; }
    .example-004 .hero-section .hero-section-texts .hero-section-texts-wrapper .hero-title, .example-004 .hero-section .hero-section-texts .hero-section-texts-wrapper .hero-subtitle {
      color: #222222; }
    .example-004 .hero-section .hero-section-texts .hero-section-texts-wrapper .hero-subtitle1 {
      color: #38a935; }
  .example-004 .hero-section .hero-section-image {
    overflow: visible; }
    .example-004 .hero-section .hero-section-image .hero-section-image-wrapper {
      width: 700px;
      height: 500px; }
      .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .hero-image {
        width: 700px;
        height: 500px; }
      .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particle {
        height: 32px;
        width: 32px;
        background-color: #c6d8e2;
        position: absolute;
        opacity: .2;
        top: 300px;
        right: 850px; }
        .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particle::after {
          content: "";
          width: 8px;
          height: 8px;
          position: absolute;
          top: -120px;
          left: 330px;
          background-color: #c6d8e2; }
      .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particles {
        height: 20px;
        width: 20px;
        background-color: #c6d8e2;
        position: absolute;
        opacity: .2;
        	/*&::before {
        	content: "";
        	width: 8px;
        	height: 8px;
        	position: absolute;
        	top:456px;
        	left:130px;
        	background-color:#c6d8e2;
        }*/ }
        .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particles.no-01 {
          top: 200px;
          right: 550px; }
        .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particles.no-02 {
          top: 650px;
          right: 400px; }
      .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particles-1 {
        width: 8px;
        height: 8px;
        position: absolute;
        top: 655px;
        right: 435px;
        background-color: #c6d8e2;
        opacity: .2; }
      .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particless {
        height: 32px;
        width: 32px;
        background-color: #c6d8e2;
        position: absolute;
        opacity: .2;
        top: 280px;
        right: 360px; }
        .example-004 .hero-section .hero-section-image .hero-section-image-wrapper .particless::before {
          content: "";
          width: 20px;
          height: 20px;
          position: absolute;
          top: -25px;
          left: 20px;
          background-color: #c6d8e2; }
  .example-004 .hero-section .hero-cta .button .button-text .button-text-1, .example-004 .hero-section .hero-cta .button .button-text .button-text-2 {
    display: block; }
  .example-004 .hero-section .hero-section-bar {
    padding-top: -100px; }
    .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .hero-section-text-area {
        width: 30%;
        display: flex; }
        .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .hero-section-text-area .text-bar {
          display: block;
          padding-top: 100px; }
          .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .hero-section-text-area .text-bar .text-1 {
            font-size: 32px;
            color: #FFFFFF;
            font-weight: 600; }
          .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .hero-section-text-area .text-bar .text-2 {
            font-size: 12px;
            color: #FFFFFF;
            font-weight: 200;
            max-width: 65%; }
      .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product {
        width: 65%;
        display: flex;
        justify-content: space-between; }
        .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card {
          display: flex;
          align-items: center;
          width: 200px;
          height: 200px;
          padding-top: 50px;
          margin-bottom: 48px;
          margin-right: 16px;
          border-radius: 8px;
          background-color: #FFFFFF; }
          .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts {
            display: block;
            margin-left: 16px;
            margin-right: 16px;
            margin-top: 16px; }
            .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .card-area-title {
              font-size: 16px;
              font-weight: 600;
              color: #333; }
            .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .card-area-subtitle {
              font-size: 12px;
              font-weight: 400;
              color: #888;
              margin-bottom: 4px; }
            .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .rating {
              height: 20px;
              width: 40px;
              border-radius: 4px;
              font-size: 12px;
              font-weight: 200;
              background-color: rgba(57, 169, 53, 0.1);
              color: #38a935; }
              .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .rating .card-rating {
                display: flex;
                justify-content: center;
                margin-left: 4px;
                margin-bottom: 4px; }
                .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .rating .card-rating .icon-01 i {
                  color: #fac659; }
            .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .price {
              display: flex;
              justify-content: space-between; }
              .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .price .card-price {
                font-size: 16px;
                font-weight: 600;
                color: #38a935;
                margin-top: 4px; }
              .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .price .icon {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 30px;
                width: 30px;
                background-color: #fac659;
                border-radius: 4px;
                margin-left: 80px; }
                .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-area-texts .price .icon i {
                  color: #FFFFFF; }
          .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-image {
            position: relative; }
            .example-004 .hero-section .hero-section-bar .hero-section-bar-wrapper .product .card .card-image img {
              position: absolute;
              height: 150px;
              width: 150px;
              border-radius: 100%;
              top: -200px;
              left: 28px; }

.example-005 .navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: transparent; }
  .example-005 .navbar .navbar-center .navbar-content .navbar-menu .navbar-menu-item .navbar-menu-item-link, .example-005 .navbar .navbar-right .navbar-content .navbar-menu .navbar-menu-item .navbar-menu-item-link {
    color: #FFFFFF; }
.example-005 .hero-section-02 {
  padding-top: 100px;
  background: linear-gradient(to bottom right, #49af4b, #1b7c49);
  overflow: hidden; }
  .example-005 .hero-section-02 .hero-section-texts {
    display: flex; }
    .example-005 .hero-section-02 .hero-section-texts .hero-title {
      font-size: 64px;
      font-weight: 600; }
    .example-005 .hero-section-02 .hero-section-texts .hero-subtitle {
      max-width: 80%;
      margin: 0 auto;
      margin-bottom: 24px; }
    .example-005 .hero-section-02 .hero-section-texts .hero-title, .example-005 .hero-section-02 .hero-section-texts .hero-subtitle {
      color: #FFFFFF; }
  .example-005 .hero-section-02 .hero-section-image-02 {
    display: flex; }
    .example-005 .hero-section-02 .hero-section-image-02 .hero-image-wrapper {
      position: relative;
      height: 600px;
      max-width: 600px; }
      .example-005 .hero-section-02 .hero-section-image-02 .hero-image-wrapper .hero-image-1 {
        height: 550px;
        width: 500px;
        position: absolute;
        top: 190px;
        left: 30px; }
      .example-005 .hero-section-02 .hero-section-image-02 .hero-image-wrapper .hero-image-2 {
        height: 650px;
        width: 560px;
        position: absolute;
        top: 90px;
        left: 420px;
        z-index: 120; }
      .example-005 .hero-section-02 .hero-section-image-02 .hero-image-wrapper .hero-image-3 {
        height: 550px;
        width: 500px;
        position: absolute;
        top: 190px;
        left: 855px; }
  .example-005 .hero-section-02 .hero-img {
    display: flex; }
    .example-005 .hero-section-02 .hero-img .hero-img-wrapper {
      position: relative;
      /*&::before {
      	content: "";
              width: 12px;
      	height: 12px;
      	border-radius:100%;
      	border:4px solid $white-color;
      	position: absolute;
              top:-16px;
      	left:990px;
      }*/ }
      .example-005 .hero-section-02 .hero-img .hero-img-wrapper .image {
        width: 70px;
        height: 70px;
        position: absolute; }
        .example-005 .hero-section-02 .hero-img .hero-img-wrapper .image.no-01 {
          left: 325px;
          top: 25px; }
        .example-005 .hero-section-02 .hero-img .hero-img-wrapper .image.no-02 {
          right: -325px;
          top: -5; }
        .example-005 .hero-section-02 .hero-img .hero-img-wrapper .image.no-03 {
          left: 1085px;
          top: -16px; }
        .example-005 .hero-section-02 .hero-img .hero-img-wrapper .image.no-04 {
          left: 1020px;
          top: 16px; }
      .example-005 .hero-section-02 .hero-img .hero-img-wrapper .circle {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 4px solid #FFFFFF;
        position: absolute;
        top: -70px;
        left: 190px; }
      .example-005 .hero-section-02 .hero-img .hero-img-wrapper .circle-01 {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 4px solid #FFFFFF;
        position: absolute;
        top: -70px;
        left: 1180px; }
      .example-005 .hero-section-02 .hero-img .hero-img-wrapper .diamond {
        width: 20px;
        height: 20px;
        border: 4px solid #FFFFFF;
        position: absolute;
        top: -110px;
        left: 150px;
        transform: rotate(45deg); }
      .example-005 .hero-section-02 .hero-img .hero-img-wrapper .diamond-01 {
        width: 20px;
        height: 20px;
        border: 4px solid #FFFFFF;
        position: absolute;
        top: -110px;
        left: 1220px;
        transform: rotate(45deg); }

.gallery-section {
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }

.image-slider-item {
  width: 200px;
  height: 300px;
  list-style-type: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  box-shadow: 0 20px 30px rgba(255, 255, 255, 0.3) inset;
  transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s; }
  .image-slider-item:nth-child(1), .image-slider-item:nth-child(2) {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 1; }
  .image-slider-item:nth-child(3) {
    left: 50%; }
  .image-slider-item:nth-child(4) {
    left: calc(50% + 220px); }
  .image-slider-item:nth-child(5) {
    left: calc(50% + 440px); }
  .image-slider-item:nth-child(6) {
    left: calc(50% + 660px);
    opacity: 0; }

.image-slider-content {
  width: min(30vw, 400px);
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
  font: 400 0.85rem helvetica,sans-serif;
  color: white;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none; }
  .image-slider-content .image-slider-content-title {
    font-family: 'arial-black';
    text-transform: uppercase; }
  .image-slider-content .image-slider-content-description {
    line-height: 1.7;
    margin: 1rem 0 1.5rem;
    font-size: 0.8rem; }

.image-slider-item:nth-of-type(2) .image-slider-content {
  display: block;
  animation: show 0.75s ease-in-out 0.3s forwards; }

@keyframes show {
  0% {
    filter: blur(5px);
    transform: translateY(calc(-50% + 75px)); }
  100% {
    opacity: 1;
    filter: blur(0); } }
.nav {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  user-select: none; }
  .nav .btn {
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(0, 0, 0, 0.6);
    margin: 0 0.25rem;
    padding: 0.75rem;
    border-radius: 50%;
    cursor: pointer; }
    .nav .btn:hover {
      background-color: rgba(255, 255, 255, 0.3); }

.form {
  display: flex;
  gap: 32px;
  padding: 140px 0 0 220px; }

.form-field {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.input-1 {
  padding: 24px 16px;
  border-radius: 16px;
  border: 1px solid #E9E9E9;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  font-weight: 600;
  color: #888888;
  line-height: 1;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
  .input-1:focus {
    border: 1px solid #888888 !important; }

.label-1 {
  font-weight: 600;
  color: #555555; }

.form-field.bg-dark .label-1 {
  color: #888888; }
.form-field.bg-dark .input-1 {
  background-color: #222222;
  border: 1px solid #2C2A2A; }

.job-landing-page-wrapper .landing-page-1-hero-section {
  padding: 0; }
.job-landing-page-wrapper .bg-gradient-1 {
  background: radial-gradient(50% 50% at 50% 50%, #3CDFC2 0%, #32F497 100%); }
.job-landing-page-wrapper .title {
  font-size: 100px;
  font-weight: 800;
  line-height: 125px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000; }
.job-landing-page-wrapper .subtitle {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
  margin-top: 20px; }
.job-landing-page-wrapper .login-section-1 {
  margin-top: 80px; }
  .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper {
    position: relative;
    max-width: 800px;
    overflow: visible;
    background: radial-gradient(50% 50% at 50% 50%, #DCFFEF 0%, #76FFC0 100%);
    margin-top: 12px; }
    .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .login-form {
      padding: 80px;
      gap: 20px;
      width: 50%;
      color: white; }
    .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .select-1 {
      width: 100%;
      height: 63px;
      top: 3025px;
      left: 425px;
      border-radius: 16px;
      border: 1px;
      color: #000000;
      padding: 20px 16px; }
    .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle {
      position: absolute;
      z-index: 99;
      left: -20%;
      top: -20%;
      display: flex;
      gap: 12px; }
      @media (max-width: 700px) {
        .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle {
          display: none; } }
      .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle .box-particle-left, .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle .box-particle-right {
        display: flex;
        flex-direction: column; }
      .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle-left {
        gap: 10px;
        align-items: end; }
      .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle-right {
        gap: 16px;
        margin-top: 12px; }
      .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle-box {
        width: 100px;
        height: 100px;
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid #FFFFFF;
        backdrop-filter: blur(8px);
        border-radius: 16px; }
        .job-landing-page-wrapper .login-section-1 .login-section-1-wrapper .box-particle-box.small {
          width: 80px;
          height: 80px; }
.job-landing-page-wrapper .hero-button-1 {
  max-width: none;
  background: #000000; }
.job-landing-page-wrapper .circle-plane {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background: radial-gradient(#DCFFEF, #76FFC0);
  box-shadow: 0 4px 16px rgba(33, 46, 40, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, -50%); }
  .job-landing-page-wrapper .circle-plane .plane-image {
    height: 80px; }
.job-landing-page-wrapper .particle-wires {
  position: absolute;
  right: -20%;
  top: -25%;
  width: 70vw; }
.job-landing-page-wrapper .particle-paper-plane {
  position: absolute;
  left: 14%;
  top: 12%; }
  @media (max-width: 700px) {
    .job-landing-page-wrapper .particle-paper-plane {
      display: none; } }
.job-landing-page-wrapper .section-title-aviation {
  font-size: 38px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  width: 100%;
  max-width: 600px; }
  .job-landing-page-wrapper .section-title-aviation .text-blue {
    color: #425FF5; }
.job-landing-page-wrapper .section-subtitle-aviation {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin-top: 20px;
  color: #555555; }
.job-landing-page-wrapper .section-text-wrapper-2 {
  width: 100%;
  max-width: 580px;
  text-align: center;
  margin: 0 auto; }
.job-landing-page-wrapper .in-mypage {
  padding: 16px 8px; }
.job-landing-page-wrapper .section-testimonial {
  background: radial-gradient(50% 50% at 50% 50%, #3CDFC2 0%, #32F497 100%); }
.job-landing-page-wrapper .section-title.my-data {
  font-size: 38px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto; }
.job-landing-page-wrapper .section-landing-page-1-testimonial {
  background: linear-gradient(89.88deg, #32F497 43%, rgba(50, 244, 151, 0) 99.89%); }
.job-landing-page-wrapper .section-aviation-logos {
  padding: 3.125rem 0; }
  .job-landing-page-wrapper .section-aviation-logos .company-logo-scrollable {
    display: flex;
    justify-content: center;
    gap: 2.5rem; }
    .job-landing-page-wrapper .section-aviation-logos .company-logo-scrollable .company-logo {
      height: 9.375rem; }
      .job-landing-page-wrapper .section-aviation-logos .company-logo-scrollable .company-logo img {
        height: 100%; }
.job-landing-page-wrapper .testimonial-card-top {
  display: flex; }
.job-landing-page-wrapper .testimonial-card {
  padding: 20px; }
  .job-landing-page-wrapper .testimonial-card-wrapper {
    padding: 20px;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    max-width: 600px !important;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 16px; }
    .job-landing-page-wrapper .testimonial-card-wrapper.is-gradient {
      background: linear-gradient(134deg, #A98BFF 0%, #6D61FF 100%), #FFF; }
  .job-landing-page-wrapper .testimonial-card-avatar {
    width: 100%;
    min-width: 180px;
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    top: -64px; }
    @media (max-width: 700px) {
      .job-landing-page-wrapper .testimonial-card-avatar {
        top: inherit; } }
    .job-landing-page-wrapper .testimonial-card-avatar-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .job-landing-page-wrapper .testimonial-card .testimonial-modifier {
    display: flex;
    height: 160px; }
    @media (max-width: 700px) {
      .job-landing-page-wrapper .testimonial-card .testimonial-modifier {
        height: inherit;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px; } }
  .job-landing-page-wrapper .testimonial-card-text {
    padding: 0 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #888888;
    text-align: left;
    font-family: "Poppins"; }
  .job-landing-page-wrapper .testimonial-card-footer {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 20px;
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #F0F0F0; }
    .job-landing-page-wrapper .testimonial-card-footer-left-header {
      font-size: 20px;
      font-weight: 700;
      color: #333333;
      line-height: 1.5; }
    .job-landing-page-wrapper .testimonial-card-footer-left-text {
      font-weight: 600;
      line-height: 1.5;
      color: #888888; }
    .job-landing-page-wrapper .testimonial-card-footer-right {
      display: flex;
      align-items: center; }
      .job-landing-page-wrapper .testimonial-card-footer-right-star {
        width: 20px;
        fill: #FFB13D; }
.job-landing-page-wrapper .testimonial-section .section-text {
  width: 100% !important;
  max-width: 100%; }
  .job-landing-page-wrapper .testimonial-section .section-text .section-text-wrapper {
    margin: 0 auto;
    text-align: center; }
.job-landing-page-wrapper .testimonial-section .testimonial-slider {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px;
  gap: 12px; }
  .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-wrapper {
    width: 100%;
    max-width: 620px;
    padding-top: 60px;
    display: flex;
    justify-content: center;
    gap: 12px; }
  .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-button {
    padding: 10px;
    border: 1px solid #000000;
    background-color: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #000000;
    transition: all .35s; }
    @media (max-width: 550px) {
      .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-button {
        padding: 5px; } }
    .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-button:hover {
      background-color: #000000;
      fill: #FFFFFF !important; }
    .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-button:active {
      background-color: #000000;
      fill: #EDF2FF !important; }
    .job-landing-page-wrapper .testimonial-section .testimonial-slider .testimonial-slider-button .testimonial-slider-button-icon {
      width: 24px;
      height: 24px; }
.job-landing-page-wrapper .section-banner-card .section-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
.job-landing-page-wrapper .section-banner-card .banner-card-1 {
  background: linear-gradient(87.17deg, #32F497 0%, rgba(50, 244, 151, 0) 100%), url("https://c.ndtvimg.com/2023-08/hg9a9nt_new-air-india-logo-650_625x300_10_August_23.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
.job-landing-page-wrapper .section-banner-card .banner-card-1-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000; }
.job-landing-page-wrapper .section-banner-card .banner-card-1-subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #555555; }
.job-landing-page-wrapper .section-banner-card .button-hero.has-shadow.is-rounded.is-lg {
  border-radius: 16px;
  background: radial-gradient(100% 100% at 50% 0%, #664A02 0%, #150F00 100%);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF; }
.job-landing-page-wrapper .bg-gradient-2 {
  background: radial-gradient(100% 100% at 50% 0%, #464646 0%, #212121 100%); }
.job-landing-page-wrapper .section-slim .section-wrapper {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important; }
.job-landing-page-wrapper .section-slim .slider-circle {
  width: 10px;
  height: 10px;
  background-color: #aaf6d5;
  gap: 10px; }

.section.has-bg {
  background: linear-gradient(to right, #D6E0FB 25%, #FFFFFF 50%); }
  @media (max-width: 960px) {
    .section.has-bg {
      background: linear-gradient(to bottom, #D6E0FB 25%, #FFFFFF 50%); } }

@media (max-width: 960px) {
  .section.has-no-bg {
    background: none; } }

.section-text.has-padding {
  padding: 20px; }
  @media (max-width: 960px) {
    .section-text.has-padding {
      padding-left: 0;
      padding-right: 0; } }

.section.personal-loan-section .section-image {
  margin-top: 20px; }
  .section.personal-loan-section .section-image .section-image-poster-image {
    width: 100%;
    max-width: 300px;
    margin: 0 auto; }
    @media (max-width: 550px) {
      .section.personal-loan-section .section-image .section-image-poster-image {
        display: none; } }
.section.personal-loan-section .section-subtitle {
  display: flex;
  align-items: center;
  gap: 8px; }
  .section.personal-loan-section .section-subtitle .section-subtitle-icon-circle {
    padding: 4px;
    border: 1px solid #8C6EF0;
    border-radius: 100%;
    display: inline-flex; }
    .section.personal-loan-section .section-subtitle .section-subtitle-icon-circle .section-subtitle-icon {
      width: 12px;
      height: 12px;
      fill: #8C6EF0; }
.section.personal-loan-section .section-cta {
  gap: 0 !important; }
  .section.personal-loan-section .section-cta .section-search-box-input {
    border: none !important; }
  .section.personal-loan-section .section-cta .border-top {
    border-top: 1px solid #8C6EF0; }
.section.personal-loan-section .margin-top {
  margin-top: 1rem; }

.section.eligibility-section .section-subtitle {
  max-width: 100% !important;
  display: block; }
  .section.eligibility-section .section-subtitle .section-subtitle-list {
    margin-left: 16px; }
.section.eligibility-section .section-description {
  font-size: 14px;
  margin-top: 32px;
  color: #555555; }

.page-title {
  font-weight: 700;
  font-size: 20px;
  line-height: inherit;
  margin-bottom: 32px;
  color: #8C6EF0; }

.semi-bold {
  font-weight: 600; }

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

.landing-page-4-hero-section .section-wrapper {
  flex-direction: row !important;
  gap: 0 !important; }
.landing-page-4-hero-section .hero-title {
  font-size: 400px;
  text-align: center;
  margin-top: 100px; }
  @media (max-width: 1366px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 250px; } }
  @media (max-width: 960px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 200px !important; } }
  @media (max-width: 800px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 150px !important; } }
  @media (max-width: 700px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 120px !important; } }
  @media (max-width: 550px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 100px !important; } }
  @media (max-width: 360px) {
    .landing-page-4-hero-section .hero-title {
      font-size: 80px !important; } }
  .landing-page-4-hero-section .hero-title .relative {
    position: relative; }
    .landing-page-4-hero-section .hero-title .relative .hero-subtitle-subscript {
      left: -40px; }
.landing-page-4-hero-section .hero-subtitle-subscript {
  font-size: 1.875rem;
  line-height: 2.25rem; }
  @media (max-width: 550px) {
    .landing-page-4-hero-section .hero-subtitle-subscript {
      font-size: 20px !important; } }
.landing-page-4-hero-section .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 8rem;
  margin: 0 auto; }
.landing-page-4-hero-section .text-heading {
  color: #FFFFFF;
  font-size: 1.875rem;
  line-height: 4rem;
  max-width: 600px;
  text-align: center;
  font-weight: 700; }
.landing-page-4-hero-section .section-subtitle-wrapper-in-navutsav {
  display: inline-flex;
  gap: 1.25rem;
  margin-top: 1rem; }
.landing-page-4-hero-section .section-subtitle {
  border: 1px solid #FFFFFF;
  border-radius: 40px;
  padding: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600; }

.event-details {
  padding: 50px 0; }
  .event-details .container {
    max-width: 80rem;
    padding: 0rem 1.5rem;
    margin: 0 auto; }
    .event-details .container .details-wrapper {
      display: flex;
      justify-content: space-between; }
      .event-details .container .details-wrapper .details {
        display: flex;
        flex-direction: column;
        gap: 32px;
        flex-basis: 50%; }
        .event-details .container .details-wrapper .details .date-info {
          color: #6b7280;
          font-size: 1.875rem;
          line-height: 1.5rem;
          display: flex;
          align-items: center; }
        .event-details .container .details-wrapper .details .event {
          font-size: 3.75rem;
          line-height: 1.5;
          color: #db2777;
          font-weight: 600;
          position: relative; }
          .event-details .container .details-wrapper .details .event .green-particle {
            position: absolute;
            left: 0;
            bottom: 0; }
        .event-details .container .details-wrapper .details .avenue {
          font-size: 1.5rem;
          line-height: 2rem;
          color: #ffffff; }

.with-contact {
  gap: 16px; }
  .with-contact .section-mask {
    padding: 0; }
    .with-contact .section-mask .section-container {
      padding: 0; }
      .with-contact .section-mask .section-container .section-wrapper {
        padding: 0; }
        .with-contact .section-mask .section-container .section-wrapper .feature-card-1 {
          gap: 16px; }
          .with-contact .section-mask .section-container .section-wrapper .feature-card-1 .feature-card {
            background: #db2777;
            max-width: 600px;
            gap: 16px; }
            .with-contact .section-mask .section-container .section-wrapper .feature-card-1 .feature-card .feature-card-icon {
              width: 64px;
              height: 64px;
              background: #ffffff;
              margin-bottom: 16px; }
            .with-contact .section-mask .section-container .section-wrapper .feature-card-1 .feature-card .feature-card-text .feature-card-title-text {
              color: #ffffff;
              font-size: 1.5rem;
              line-height: 2.25rem;
              font-weight: 400; }
            .with-contact .section-mask .section-container .section-wrapper .feature-card-1 .feature-card .feature-card-text .feature-card-subtitle-text {
              color: #ffffff;
              font-size: 1.875rem;
              line-height: 2.25rem;
              font-weight: 600; }
        .with-contact .section-mask .section-container .section-wrapper .section-subtitle-wrapper-in-navutsav {
          text-align: center;
          gap: 1.25rem;
          margin-top: 1rem;
          margin-bottom: 20px; }
          .with-contact .section-mask .section-container .section-wrapper .section-subtitle-wrapper-in-navutsav.tags-in-cols {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem; }
            .with-contact .section-mask .section-container .section-wrapper .section-subtitle-wrapper-in-navutsav.tags-in-cols .section-subtitle {
              width: max-content; }
        .with-contact .section-mask .section-container .section-wrapper .section-subtitle {
          border: 1px solid #FFFFFF;
          border-radius: 40px;
          padding: 1rem;
          font-size: 1.25rem; }

.cta-section.in-landing-page .container {
  padding: 6px 12px; }
  .cta-section.in-landing-page .container .cta-box {
    text-align: center;
    border: 1px solid #40434f;
    padding: 2rem 3rem;
    border-radius: 0.75rem;
    font-size: 3rem;
    font-weight: 600;
    line-height: 3rem;
    color: #ffffff;
    margin: 0 auto;
    position: relative; }
  .cta-section.in-landing-page .container .cta-box-title {
    padding: 2rem 12rem;
    max-width: 1050px; }
  .cta-section.in-landing-page .container .particle {
    position: absolute; }
    .cta-section.in-landing-page .container .particle.particle-1 {
      top: 1.5rem;
      left: .75rem; }
    .cta-section.in-landing-page .container .particle.particle-2 {
      top: 1.5rem;
      right: .75rem; }
    .cta-section.in-landing-page .container .particle.particle-3 {
      bottom: 1.5rem;
      left: .75rem; }
    .cta-section.in-landing-page .container .particle.particle-4 {
      bottom: 1.5rem;
      right: .75rem; }
    .cta-section.in-landing-page .container .particle.particle-5 {
      bottom: 4rem;
      left: 4rem; }
    .cta-section.in-landing-page .container .particle.particle-6 {
      bottom: 2.5rem;
      right: 4rem; }

.footer-section.in-landing-page-4 .text-gray {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #4d525d;
  text-align: center; }
.footer-section.in-landing-page-4 .text-blue {
  color: #3b7ff0; }

.button.is-lg-pink {
  margin-top: 32px;
  background: #be185d;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 2.1rem 4rem; }
  .button.is-lg-pink:hover {
    background: #1b1c20;
    border: 1px solid #FFFFFF; }

.product-page-3-wrapper {
  display: flex; }
  @media (max-width: 960px) {
    .product-page-3-wrapper {
      flex-direction: column; } }
  .product-page-3-wrapper .product-page-left, .product-page-3-wrapper .product-page-right {
    width: 50%; }
    @media (max-width: 960px) {
      .product-page-3-wrapper .product-page-left, .product-page-3-wrapper .product-page-right {
        width: 100%; } }
  .product-page-3-wrapper .product-page-left .product-image-wrapper .product-image {
    width: 100%; }
  .product-page-3-wrapper .product-page-right-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: sticky;
    top: 0;
    min-height: 100vh;
    width: 100%; }
    @media (max-width: 960px) {
      .product-page-3-wrapper .product-page-right-wrapper {
        position: fixed;
        bottom: 0;
        top: inherit;
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(36pc);
        max-height: 500px !important;
        min-height: inherit; } }
    .product-page-3-wrapper .product-page-right-wrapper .product-details {
      margin: auto; }
  .product-page-3-wrapper .is-extralg {
    padding: 1.5rem 5rem;
    margin-top: 32px; }
  .product-page-3-wrapper .is-black {
    background: #000000;
    color: #ffffff; }
  .product-page-3-wrapper .product-page-link {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
    font-size: 12px;
    line-height: 2rem; }
    .product-page-3-wrapper .product-page-link .link-2 {
      color: #000000; }
      .product-page-3-wrapper .product-page-link .link-2:hover {
        text-decoration: underline; }

.navbar {
  background-color: #E0E0E0;
  height: 3.75rem; }
  .navbar.top {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0; }
  .navbar.bg-transparent {
    background-color: transparent; }
  .navbar .navbar-wrapper, .navbar .navbar-left, .navbar .navbar-center, .navbar .navbar-right, .navbar .navbar-content, .navbar .navbar-menu {
    display: flex;
    align-items: center; }
  .navbar .navbar-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto; }
    .navbar .navbar-wrapper .navbar-controls {
      display: none; }
  .navbar.has-three-columns .navbar-center {
    margin-left: auto;
    margin-right: auto; }
  .navbar .navbar-brand img {
    height: 2.5rem; }
  .navbar .navbar-hamburger {
    display: none;
    cursor: pointer;
    width: 3rem;
    height: 2.25rem;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    border-radius: 100px; }
  .navbar .navbar-menu {
    padding: 0;
    margin: 0; }
    .navbar .navbar-menu .navbar-menu-item {
      display: flex;
      align-items: center;
      height: 2rem;
      margin-left: 1.25rem;
      margin-right: 1.25rem;
      position: relative; }
      .navbar .navbar-menu .navbar-menu-item .navbar-menu-item-link {
        display: block;
        font-size: 0.875rem;
        color: #222222;
        line-height: 1;
        cursor: pointer; }
      .navbar .navbar-menu .navbar-menu-item::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: all 300ms ease-in; }
      .navbar .navbar-menu .navbar-menu-item:hover .navbar-menu-item-link {
        color: #000000;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
      .navbar .navbar-menu .navbar-menu-item:hover::after {
        opacity: 1; }

.navsubmenu {
  background-color: rgba(128, 128, 128, 0.2);
  font-size: 0.875rem;
  height: calc(100vh - 3.75rem); }
  .navsubmenu-content {
    background-color: #FFFFFF; }
  .navsubmenu .navsubmenu-wrapper {
    display: flex; }
    .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper {
      display: flex;
      flex-basis: 60%;
      padding-top: 3.125rem; }
      .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper .navsubmenu-menu-column {
        width: 33.33%; }

.navsubmenu-cover-img {
  display: flex;
  flex-basis: 40%;
  overflow: hidden; }
  .navsubmenu-cover-img .navsubmenu-conver-img-content .navsubmenu-img {
    width: 100%;
    height: 50vh;
    object-fit: cover; }
  .navsubmenu-cover-img .navsubmenu-conver-img-content .navsubmenu-cover-img-head {
    position: relative; }
    .navsubmenu-cover-img .navsubmenu-conver-img-content .navsubmenu-cover-img-head .navsubmenu-cover-img-text {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 32px; }
  .navsubmenu-cover-img .navsubmenu-conver-img-content .navsubmenu-cover-img-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: white; }
  .navsubmenu-cover-img .navsubmenu-conver-img-content .navsubmenu-cover-img-subtitle {
    font-size: 1rem;
    font-weight: 200;
    color: white; }

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

.has-dropdown {
  position: relative; }
  .has-dropdown .dropdown {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: 0;
    top: 3.75rem;
    bottom: 0;
    transition: all 300ms ease-in;
    z-index: 99;
    transform: translateY(50vh); }
  .has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }

@media (max-width: 960px) {
  .navbar, .navbar.top {
    height: auto;
    position: fixed;
    top: 12px;
    left: 12px;
    right: 12px;
    z-index: 9;
    border-radius: 0.25rem; }
    .navbar .navbar-wrapper, .navbar.top .navbar-wrapper {
      display: flex; }
      .navbar .navbar-wrapper .navbar-left, .navbar.top .navbar-wrapper .navbar-left {
        width: 100%;
        padding: 1rem; }
        .navbar .navbar-wrapper .navbar-left .navbar-content, .navbar.top .navbar-wrapper .navbar-left .navbar-content {
          display: flex;
          width: 100%;
          justify-content: space-between; }
      .navbar .navbar-wrapper .navbar-center, .navbar .navbar-wrapper .navbar-right, .navbar.top .navbar-wrapper .navbar-center, .navbar.top .navbar-wrapper .navbar-right {
        display: none; }
    .navbar .navbar-hamburger, .navbar.top .navbar-hamburger {
      display: flex;
      justify-content: center;
      align-items: center; }
    .navbar.is-open, .navbar.top.is-open {
      box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
      animation: fade-scale 300ms ease-out alternate;
      background-color: #FFFFFF; }
      .navbar.is-open .navbar-wrapper, .navbar.top.is-open .navbar-wrapper {
        display: block;
        padding-top: 1rem;
        padding-bottom: 1rem; }
        .navbar.is-open .navbar-wrapper .navbar-left, .navbar.top.is-open .navbar-wrapper .navbar-left {
          display: none; }
        .navbar.is-open .navbar-wrapper .navbar-center, .navbar.top.is-open .navbar-wrapper .navbar-center {
          display: block; }
          .navbar.is-open .navbar-wrapper .navbar-center .navbar-content, .navbar.top.is-open .navbar-wrapper .navbar-center .navbar-content {
            display: block;
            width: 100%; }
            .navbar.is-open .navbar-wrapper .navbar-center .navbar-content .navbar-menu, .navbar.top.is-open .navbar-wrapper .navbar-center .navbar-content .navbar-menu {
              display: block; }
        .navbar.is-open .navbar-wrapper .navbar-right, .navbar.top.is-open .navbar-wrapper .navbar-right {
          display: block; }
          .navbar.is-open .navbar-wrapper .navbar-right .navbar-content, .navbar.top.is-open .navbar-wrapper .navbar-right .navbar-content {
            display: block;
            width: 100%; }
            .navbar.is-open .navbar-wrapper .navbar-right .navbar-content .navbar-menu, .navbar.top.is-open .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
              display: block; }
        .navbar.is-open .navbar-wrapper .navbar-controls, .navbar.top.is-open .navbar-wrapper .navbar-controls {
          display: block;
          margin-bottom: 1rem; }
          .navbar.is-open .navbar-wrapper .navbar-controls-wrapper, .navbar.top.is-open .navbar-wrapper .navbar-controls-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 1.25rem; }
            .navbar.is-open .navbar-wrapper .navbar-controls-wrapper .navbar-brand img, .navbar.top.is-open .navbar-wrapper .navbar-controls-wrapper .navbar-brand img {
              height: 2rem; }
            .navbar.is-open .navbar-wrapper .navbar-controls-wrapper .navbar-toggler, .navbar.top.is-open .navbar-wrapper .navbar-controls-wrapper .navbar-toggler {
              height: 2.5rem;
              padding-left: 2rem;
              padding-right: 2rem;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              border: 2px solid transparent;
              font-size: 0.875rem;
              font-weight: 600;
              color: #888888;
              position: relative;
              z-index: 2;
              padding: 8px;
              background-color: transparent;
              color: #888888;
              font-size: 1.25rem; }
        .navbar.is-open .navbar-wrapper .navbar-menu-item, .navbar.top.is-open .navbar-wrapper .navbar-menu-item {
          display: flex;
          align-items: center; }
          .navbar.is-open .navbar-wrapper .navbar-menu-item-link, .navbar.top.is-open .navbar-wrapper .navbar-menu-item-link {
            font-weight: 600; } }
.navbar-2 {
  height: 80px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(32px);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px) saturate(160%);
  width: 100%;
  height: 80px;
  width: 100%;
  z-index: 999999999;
  position: sticky;
  top: 0;
  left: 0;
  right: 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: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px;
    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.has-three-columns .navbar-center {
    margin-left: auto;
    margin-right: auto; }
  .navbar-2 .navbar-brand {
    display: flex;
    align-items: center;
    height: 40px; }
    @media (max-width: 700px) {
      .navbar-2 .navbar-brand {
        height: 44px; } }
    .navbar-2 .navbar-brand-image {
      height: 4rem;
      width: inherit; }
    .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 {
      margin-right: 1.25rem;
      position: relative;
      list-style: none; }
      .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
        margin-left: 1.25rem; }
      @media (max-width: 960px) {
        .navbar-2 .navbar-menu .navbar-menu-item {
          margin-left: .75rem; }
          .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
            margin-left: .75rem; } }
      .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        color: #333333;
        line-height: 1;
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        transition: all 300ms ease-in; }
        .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: 960px) {
          .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: -10px;
        background-color: #000000;
        opacity: 1;
        transition: all 300ms ease-in; }
      .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: 20px 32px;
      background-color: #000000 !important;
      white-space: nowrap;
      border-radius: 32px;
      color: #FFFFFF !important;
      font-family: "Inter";
      font-size: 14px;
      font-weight: 600;
      transition: all .4s;
      border: 1px solid #000000; }
      .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 !important;
        color: #000000 !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: 20px;
      height: 20px;
      fill: #333333 !important; }
  @media (max-width: 960px) {
    .navbar-2 .navbar-wrapper {
      overflow: hidden; } }
  .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.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);
    width: 200px; }
    @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: 960px) {
    .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-menu-item.is-active {
  background-color: #FFFFFF; }

.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: #333333 !important; }

@media (max-width: 960px) {
  .navbar-2 {
    height: auto;
    width: 100%; }
    .navbar-2 .navbar-wrapper {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .navbar-2 .navbar-wrapper .navbar-left {
        display: block; }
      .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: .5rem 0; }
      .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
        display: block;
        width: 100%; }
        .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: #888888; }
      .navbar-2 .navbar-wrapper .navbar-menu-item {
        display: flex;
        align-items: center;
        height: 24px; }
    .navbar-2 .navbar-toggler {
      display: block; }
      .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: 960px) {
    #dropdown {
      width: 100%; } }

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

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

.menu-item a {
  color: #333333; }

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

: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: #EDF2FF; }

.dropdown-toggle,
.submenu-toggle {
  display: flex;
  align-items: center;
  gap: 4px; }

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

.dropdown-icon {
  transition: 0.25s ease;
  width: 20px;
  height: 20px; }
  .dropdown-icon svg {
    width: 20px;
    height: 20px;
    fill: #333333; }

.dropdown-icon.two {
  margin-left: 6px; }

.dropdown-toggle.open > .dropdown-icon {
  rotate: 180deg; }

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

.menu,
.submenu {
  display: flex;
  flex-direction: column;
  background: rgba(188, 187, 234, 0.17);
  backdrop-filter: blur(36px);
  border-radius: var(--border-radius);
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease; }
  @media (max-width: 960px) {
    .menu,
    .submenu {
      background-color: transparent; } }

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

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

.submenu {
  width: max-content;
  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: 960px) {
    .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: 960px) {
    .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: #555555 !important; }
      @media (max-width: 960px) {
        .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%; } }

.navbar-3 {
  background-color: #ff0000;
  box-shadow: 2px 2px 2px 2px #ed4545c5;
  width: 100%;
  max-width: 650px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 24px; }
  .navbar-3 .nav-3-list {
    list-style: none; }
    .navbar-3 .nav-3-list .nav-3-menu {
      display: inline-block;
      color: #fff;
      position: relative;
      padding: 10px; }
      .navbar-3 .nav-3-list .nav-3-menu .nav-3-drop {
        display: block;
        padding: 5px 34px 5px 12px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        background-color: #ff0000; }
      .navbar-3 .nav-3-list .nav-3-menu .dropdown {
        width: 100%;
        position: absolute;
        z-index: 999;
        display: none;
        box-shadow: 2px 2px 5px 5px #fe4141c5; }
        .navbar-3 .nav-3-list .nav-3-menu .dropdown .nav-3-submenu {
          display: block;
          background: #ff0000;
          margin: 2px 6px;
          text-align: center; }
          .navbar-3 .nav-3-list .nav-3-menu .dropdown .nav-3-submenu .nav-3-submenu1 {
            color: #fff; }
      .navbar-3 .nav-3-list .nav-3-menu:hover .dropdown {
        display: block;
        background-color: #ff0000; }

.close {
  display: inline-flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  line-height: 1;
  position: absolute;
  top: 16px;
  right: 16px; }

.close.is-blue {
  background-color: rgba(88, 123, 245, 0.4);
  color: #587BF5; }

.close.is-red {
  background-color: rgba(245, 88, 88, 0.4);
  color: #F55858; }

.close.is-green {
  background-color: rgba(64, 182, 97, 0.4);
  color: #40B661; }

.close.is-yellow {
  background-color: rgba(235, 146, 65, 0.4);
  color: #FBA04C; }

.notification.is-blue {
  background-color: #587BF5;
  color: #e6e6e6; }

.notification.is-red {
  background-color: #F55858;
  color: #e6e6e6; }

.notification.is-green {
  background-color: #40B661;
  color: #e6e6e6; }

.notification.is-yellow {
  background-color: #FBA04C;
  color: #e6e6e6; }

.notification.is-disableblue {
  background-color: #afbaed;
  color: #3f5ed1;
  border: 1px solid blue; }

.notification.is-disablered {
  background-color: #F8C3C3;
  color: #a14e3b;
  border: 1px solid red; }

.notification.is-disablegreen {
  background-color: #C1FFD3;
  color: #518234;
  border: 1px solid green; }

.notification.is-disableyellow {
  background-color: #FFECDA;
  color: #bd914a;
  border: 1px solid #b88a4b; }

.tag {
  display: inline-flex;
  min-width: 12px;
  min-height: 12px;
  background-color: #E0E0E0;
  border-radius: 50%; }

.tag.is-white {
  background-color: #FFFFFF;
  color: #000000; }

.tag.is-black {
  background-color: #333333;
  color: #FFFFFF; }

.tag.is-dark-black {
  background-color: #000000;
  color: #FFFFFF; }

.tag.is-primary {
  background-color: #87FBB1;
  color: #FFFFFF; }

.tag.is-link {
  background-color: #313AEA;
  color: #FFFFFF; }

.tag.is-info {
  background-color: #0000ff;
  color: #FFFFFF; }

.tag.is-success {
  background-color: #0FB94D;
  color: #FFFFFF; }

.tag.is-warning {
  background-color: #FFC06E;
  color: #333333; }

.tag.is-danger {
  background-color: #FF3E51;
  color: #FFFFFF; }

.tag.is-rounded {
  border-radius: 20px; }

.card-fixed-tag {
  display: flex;
  gap: 12px;
  position: absolute;
  z-index: 999;
  top: 16px;
  left: 16px; }
  .card-fixed-tag.is-right {
    right: 16px !important;
    left: inherit; }
  .card-fixed-tag.is-bottom {
    bottom: 16px;
    top: inherit; }

.testimonial-slider {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px;
  width: 100%; }
  .testimonial-slider .testimonial-slider-wrapper {
    width: 100%;
    max-width: 550px; }
  .testimonial-slider .testimonial-slider-button {
    padding: 10px;
    border: 1px solid #000000;
    background-color: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #000000;
    transition: all .35s; }
    @media (max-width: 550px) {
      .testimonial-slider .testimonial-slider-button {
        padding: 5px; } }
    .testimonial-slider .testimonial-slider-button:hover {
      background-color: #000000;
      fill: #B1C5FF !important; }
    .testimonial-slider .testimonial-slider-button:active {
      background-color: #000000;
      fill: #B1C5FF !important; }
    .testimonial-slider .testimonial-slider-button .testimonial-slider-button-icon {
      width: 24px;
      height: 24px; }
  .testimonial-slider .testimonial-slider-content {
    width: 100%;
    max-width: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 0 8px; }
    .testimonial-slider .testimonial-slider-content .testimonial-slider-content-avatar {
      width: 100%;
      max-width: 140px;
      height: 100%;
      max-height: 140px;
      border-radius: 100%; }
      .testimonial-slider .testimonial-slider-content .testimonial-slider-content-avatar .testimonial-slider-content-avatar-image {
        width: 100%;
        height: 100%;
        border-radius: 100%; }
    .testimonial-slider .testimonial-slider-content .testimonial-slider-content-detail .testimonial-slider-content-detail-title {
      font-size: 16px;
      font-weight: 600;
      color: #333333;
      margin-bottom: 4px; }
    .testimonial-slider .testimonial-slider-content .testimonial-slider-content-detail .testimonial-slider-content-detail-subtitle {
      font-size: 16px;
      font-weight: 400;
      color: #555555; }

.testimonial-2 .testimonial-slider-content-avatar-svg {
  height: 20px;
  width: 20px; }
.testimonial-2 .testimonial-slider .testimonial-slider-content .testimonial-slider-content-avatar {
  max-width: 100%; }
.testimonial-2 .testimonial-slider .testimonial-slider-content .testimonial-slider-content-detail .testimonial-slider-content-detail-title {
  margin-bottom: 26px; }
.testimonial-2 .testimonial-slider .testimonial-slider-content {
  padding: 0; }
.testimonial-2 .testimonial-img-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px; }
  .testimonial-2 .testimonial-img-slide .testimonial-img-slide .testimonial-left-img, .testimonial-2 .testimonial-img-slide .testimonial-img-slide .testimonial-right-img {
    display: flex;
    flex-direction: column; }
  .testimonial-2 .testimonial-img-slide .testimonial-img {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(8px);
    border-radius: 32px;
    margin: 20px 0 0 0; }
  .testimonial-2 .testimonial-img-slide .small {
    width: 140px;
    height: 160px;
    margin: 120px auto; }
  .testimonial-2 .testimonial-img-slide .medium {
    width: 150px;
    height: 160px; }
  .testimonial-2 .testimonial-img-slide .large {
    height: 170px;
    width: 150px; }
  .testimonial-2 .testimonial-img-slide .particle {
    height: 20px;
    width: 20px;
    background: #d0dcf0b0;
    position: relative;
    left: 62px;
    border-radius: 8px; }
  .testimonial-2 .testimonial-img-slide .position-1 {
    position: relative;
    left: 62px;
    top: 26px; }
  .testimonial-2 .testimonial-img-slide .position-2 {
    position: relative;
    bottom: 84px;
    left: 100px; }
.testimonial-2 .testimonial-slider .testimonial-slider-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0 90px; }

.is-gray {
  color: #5e5e5e5e;
  font-size: 20px; }

.testimonial-3 {
  padding: 48px; }
  .testimonial-3 .testimonial-3-wrapper {
    width: 100%;
    display: flex;
    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.28); }
    @media (max-width: 960px) {
      .testimonial-3 .testimonial-3-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 28px; } }
    @media (max-width: 1366px) {
      .testimonial-3 .testimonial-3-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 28px; } }
    .testimonial-3 .testimonial-3-wrapper .testimonial-3-img-wrapper {
      width: 100%;
      flex: 1; }
      .testimonial-3 .testimonial-3-wrapper .testimonial-3-img-wrapper .testimonial-3-img {
        width: 100%; }
        @media (max-width: 480px) {
          .testimonial-3 .testimonial-3-wrapper .testimonial-3-img-wrapper .testimonial-3-img {
            width: 400px; } }
        @media (max-width: 960px) {
          .testimonial-3 .testimonial-3-wrapper .testimonial-3-img-wrapper .testimonial-3-img {
            width: 100%; } }
    .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts {
      width: 100%;
      flex: 1;
      background: #fff;
      padding: 118px 40px; }
      @media (max-width: 960px) {
        .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts {
          width: 100%; } }
      .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details {
        width: 100%;
        max-width: 550px;
        display: flex;
        gap: 20px; }
        @media (max-width: 960px) {
          .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details {
            margin: 0 auto; } }
        @media (max-width: 1366px) {
          .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details {
            margin: 0 auto; } }
        .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details-subtitle {
          font-size: 26px;
          color: #2c2a2ab2; }
        .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details-title {
          margin-top: 20px;
          color: #464444;
          font-weight: 600; }
        .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details .title-span {
          color: #2c2a2ab2; }
        @media (max-width: 480px) {
          .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details .double-quote-svg {
            display: none; } }
        .testimonial-3 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details .double-quote-svg .double-quote-svg-particle {
          height: 30px;
          width: 30px; }
  .testimonial-3 .testimonial-3-brand-images {
    margin: 42px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; }
    .testimonial-3 .testimonial-3-brand-images .testimonial-3-brand {
      box-shadow: 0 0px 60px rgba(0, 0, 0, 0.28);
      height: 80px;
      width: 244px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .testimonial-3 .testimonial-3-brand-images .testimonial-3-brand .testimonial-3-brand-img {
        height: 50px;
        width: 200px;
        object-fit: cover; }

.testimonial-4 {
  background-color: #d8d8d8b8;
  padding: 100px; }
  .testimonial-4 .testimonial-3-wrapper {
    box-shadow: none;
    position: relative; }
    .testimonial-4 .testimonial-3-wrapper .testimonial-3-img-wrapper {
      z-index: 1; }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-img-wrapper .testimonial-4-img {
        width: 500px;
        height: 500px;
        object-fit: cover; }
        @media (max-width: 550px) {
          .testimonial-4 .testimonial-3-wrapper .testimonial-3-img-wrapper .testimonial-4-img {
            width: 100%; } }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-img-wrapper .square-box {
        height: 300px;
        width: 300px;
        background-color: #9a9797;
        position: absolute;
        z-index: -1;
        top: -24;
        left: -24px; }
        @media (max-width: 550px) {
          .testimonial-4 .testimonial-3-wrapper .testimonial-3-img-wrapper .square-box {
            width: 100%; } }
    .testimonial-4 .testimonial-3-wrapper .video-icon-svg {
      position: relative;
      left: 400px;
      bottom: 100px;
      width: 80px;
      padding: 20px;
      border-radius: 100%;
      background: #fff; }
      @media (max-width: 550px) {
        .testimonial-4 .testimonial-3-wrapper .video-icon-svg {
          left: 290px;
          width: 44px;
          padding: 8px;
          bottom: 64px; } }
    .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts {
      background: none;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 550px) {
        .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details-title {
          font-size: 12px; } }
      @media (max-width: 550px) {
        .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-3-details-subtitle {
          font-size: 18px;
          width: 350px; } }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .arrow-wrapper .left-arrow, .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .arrow-wrapper .right-arrow {
        width: 20px;
        padding: 2px;
        background-color: #fff;
        border-radius: 100%;
        color: #5e5c5c; }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .arrow-wrapper .right-arrow {
        background: #bdbdbd; }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-4-texts-navbar {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #5d5d5d91; }
        @media (max-width: 550px) {
          .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-4-texts-navbar {
            flex-direction: column;
            align-items: center;
            margin: 12px 0; } }
        .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-4-texts-navbar .testimonial-4-logo {
          width: 150px; }
        .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .testimonial-4-texts-navbar .arrow-wrapper {
          display: flex;
          align-items: center;
          gap: 4px; }
      .testimonial-4 .testimonial-3-wrapper .testimonial-3-texts .footer-right-arrow {
        display: flex;
        align-items: center;
        gap: 4px;
        color: gray;
        font-weight: 600; }

.profile-card {
  width: 100%;
  position: relative; }
  .profile-card-body {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 6rem; }
    @media (max-width: 550px) {
      .profile-card-body {
        margin-top: 4rem; } }
    .profile-card-body .profile-card-avatar {
      position: absolute;
      top: 0;
      z-index: 16;
      transform: translateY(-50%); }
      .profile-card-body .profile-card-avatar-img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        border-radius: 100%; }
        @media (max-width: 550px) {
          .profile-card-body .profile-card-avatar-img {
            width: 150px;
            height: 150px; } }
    .profile-card-body-item {
      display: flex;
      flex-direction: column;
      gap: .5rem;
      align-items: center;
      justify-content: center; }
      .profile-card-body-item .profile-card-body-texts {
        color: #FFFFFF;
        text-align: center; }
        .profile-card-body-item .profile-card-body-texts-icon {
          width: 16px;
          height: 16px;
          cursor: pointer; }
        @media (max-width: 550px) {
          .profile-card-body-item .profile-card-body-texts {
            margin-top: 12px; } }
      .profile-card-body-item .profile-card-body-title {
        margin-bottom: 4px;
        text-align: center; }
        .profile-card-body-item .profile-card-body-title-text {
          font-size: 1.25rem;
          font-weight: 600; }
        .profile-card-body-item .profile-card-body-title-icon {
          width: 20px;
          display: flex;
          cursor: pointer; }
      .profile-card-body-item .profile-card-body-subtitle {
        font-size: 1rem; }
      .profile-card-body-item .profile-card-btns {
        width: 100%;
        display: flex;
        gap: 1rem;
        padding-bottom: 1rem;
        justify-content: center; }
        .profile-card-body-item .profile-card-btns .button {
          height: 2rem;
          padding: 0;
          width: 40px;
          height: 40px; }
          @media (max-width: 480px) {
            .profile-card-body-item .profile-card-btns .button {
              padding-left: 12px;
              padding-right: 12px;
              font-size: 10px; } }
          .profile-card-body-item .profile-card-btns .button-icon {
            min-width: 20px;
            min-height: 20px; }
    .profile-card-body-right-icon-svg {
      width: 24px;
      height: 24px; }

.copy-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 0;
  outline: 0;
  margin-left: 10px; }

.copy-icon, .checkmark-icon {
  width: 1.25rem;
  position: absolute;
  transition: opacity 0.3s ease, transform 0.3s ease; }

.copy-icon {
  opacity: 1;
  transform: scale(1); }

.checkmark-icon {
  opacity: 0;
  transform: scale(0.5);
  color: #20E368; }

.copy-button.show-check .copy-icon {
  opacity: 0;
  transform: scale(0.5); }

.copy-button.show-check .checkmark-icon {
  opacity: 1;
  transform: scale(1); }

.wallet-card-wrapper {
  width: 100%; }

.wallet-card-num {
  display: flex;
  gap: 4px;
  align-items: center; }
  .wallet-card-num-icon {
    width: 16px;
    height: 16px;
    background-color: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .wallet-card-num-icon-svg {
      width: 16px;
      height: 16px;
      color: #FFFFFF; }
  .wallet-card-num-text {
    font-size: 14px;
    font-weight: 500;
    color: #000000; }

.wallet-card-2 {
  display: flex;
  align-items: center;
  justify-content: center; }
  .wallet-card-2 .metric-card {
    max-width: 350px;
    height: 350px;
    padding: 0; }
    .wallet-card-2 .metric-card .metric-card-title {
      font-size: 1.25rem;
      color: rgba(255, 255, 255, 0.91); }
    .wallet-card-2 .metric-card .metric-card-item {
      width: 100%; }
    .wallet-card-2 .metric-card .metric-card-text {
      width: 100%;
      background-color: #7edf86;
      padding: 1rem;
      margin-top: 12px;
      background: linear-gradient(to top left, #8cd365, #41aa60);
      position: relative;
      overflow: hidden; }
      .wallet-card-2 .metric-card .metric-card-text::after {
        content: "";
        width: 120px;
        height: 120px;
        transform: rotate(180deg);
        position: absolute;
        left: -44px;
        bottom: 30px;
        border-radius: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
      .wallet-card-2 .metric-card .metric-card-text::before {
        content: "";
        width: 120px;
        height: 120px;
        position: absolute;
        right: -22px;
        top: 34px;
        border-radius: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
    @media (max-width: 700px) {
      .wallet-card-2 .metric-card .metric-card-title {
        font-size: 1.25rem; }
      .wallet-card-2 .metric-card .metric-card-number {
        font-size: 1.875rem; } }
    @media (max-width: 550px) {
      .wallet-card-2 .metric-card .metric-card-icon {
        min-width: 120px;
        min-height: 120px; } }
  .wallet-card-2-body-item {
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .wallet-card-2-body-text {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    display: flex; }
    .wallet-card-2-body-text-small {
      font-size: 3rem;
      font-weight: 400; }
      @media (max-width: 960px) {
        .wallet-card-2-body-text-small {
          font-size: 2rem; } }
      @media (max-width: 800px) {
        .wallet-card-2-body-text-small {
          font-size: 1.5rem; } }
      @media (max-width: 550px) {
        .wallet-card-2-body-text-small {
          font-size: 1.4rem; } }
      @media (max-width: 360px) {
        .wallet-card-2-body-text-small {
          font-size: 1.2rem; } }
    @media (max-width: 960px) {
      .wallet-card-2-body-text {
        font-size: 2.75rem; } }
    @media (max-width: 800px) {
      .wallet-card-2-body-text {
        font-size: 3.5rem; } }
    @media (max-width: 700px) {
      .wallet-card-2-body-text {
        font-size: 2.5rem; } }
  .wallet-card-2-body-link .link {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    transition: all 200ms linear; }
    .wallet-card-2-body-link .link .right-arrow {
      transition: all 200ms linear;
      width: 1.25rem;
      display: flex; }
    .wallet-card-2-body-link .link:hover .right-arrow {
      transform: translateX(6px); }
  .wallet-card-2 .wallet-card-2-body-texts {
    display: flex;
    justify-content: space-around;
    width: 100%; }
    .wallet-card-2 .wallet-card-2-body-texts .wallet-card-2-body-left-text {
      font-size: 1rem;
      font-weight: 500;
      color: #333333; }
    .wallet-card-2 .wallet-card-2-body-texts .wallet-card-2-body-right-text {
      font-size: 1rem;
      font-weight: 600;
      color: #000000; }

.register-step-2-body-item.is-small {
  width: 100%;
  padding: 0;
  margin: 0; }
  .register-step-2-body-item.is-small .deposit-page-QR {
    margin: 0; }
  .register-step-2-body-item.is-small .deposit-page-QR-img {
    width: 120px;
    border-radius: 8px; }
  .register-step-2-body-item.is-small .wallet-id {
    margin: 0;
    padding: 8px; }
    .register-step-2-body-item.is-small .wallet-id .wallet-id-title {
      font-size: 1rem;
      margin-bottom: 0; }
      @media (max-width: 550px) {
        .register-step-2-body-item.is-small .wallet-id .wallet-id-title {
          font-size: .875rem; } }
    .register-step-2-body-item.is-small .wallet-id .wallet-id-icon-svg {
      width: 16px;
      height: 16px; }

.balance-card {
  width: 100%;
  max-width: 500px;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 0 auto; }
  .balance-card .register-step-2-body-item {
    background: none;
    box-shadow: none;
    border: none;
    backdrop-filter: none; }
  .balance-card-btns, .balance-card-item {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center; }
  .balance-card-btns .button {
    width: 100%;
    color: #000000;
    border: 1px solid transparent;
    transition: all 500ms ease;
    background-color: #ebebeb; }
    @media (max-width: 550px) {
      .balance-card-btns .button {
        max-width: 90px;
        font-size: .75rem;
        height: 2rem;
        padding-left: 1rem;
        padding-right: 1rem; } }
    .balance-card-btns .button.is-active {
      border-color: #2163df; }
    .balance-card-btns .button:hover {
      border-color: #1949CC; }
  .balance-card-item-field {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
    .balance-card-item-field .input {
      width: 50%;
      border: none;
      outline: none;
      background-color: #FFFFFF;
      border: 0.5px solid #555555;
      height: 2.5rem;
      padding: 0 1rem;
      font-size: 1.5rem;
      font-weight: 600;
      border-radius: 8px;
      color: #000000;
      text-align: center; }
      .balance-card-item-field .input::placeholder {
        font-weight: normal;
        color: #888888;
        font-size: 1.2rem; }
      @media (max-width: 550px) {
        .balance-card-item-field .input {
          font-size: 1rem; } }
    .balance-card-item-field .button {
      width: 50%; }
      @media (max-width: 550px) {
        .balance-card-item-field .button {
          max-width: 100% !important; } }
    .balance-card-item-field .input[type="number"]::-webkit-outer-spin-button,
    .balance-card-item-field .input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .balance-card-item-field .input[type="number"] {
      -webkit-appearance: none;
      -moz-appearance: textfield; }
  .balance-card-item .button {
    width: 50%;
    border-radius: 8px;
    font-size: 1rem; }
    @media (max-width: 550px) {
      .balance-card-item .button {
        max-width: 100px; } }

.wallet-id-file-upload {
  width: 100%; }
  .wallet-id-file-upload input {
    width: 100%; }

.input {
  border: 1px solid #555555;
  border-radius: 8px;
  padding: 8px;
  background: transparent;
  transition: all 300ms linear; }

input[type="file"] {
  cursor: pointer;
  color: #000000; }

.textarea {
  width: 100%;
  border: 1px solid #555555;
  border-radius: 8px;
  padding: 8px;
  transition: all 300ms linear;
  background: transparent; }

.form-field {
  margin-top: .5rem; }

.tab-menu-wrapper {
  width: 100%;
  display: flex; }
  .tab-menu-wrapper.menu-top {
    flex-direction: column;
    gap: 32px;
    margin-top: 20px; }
    .tab-menu-wrapper.menu-top .tab-menu {
      display: flex;
      justify-content: space-between;
      width: 100%;
      border: none;
      width: 100%;
      overflow-x: scroll;
      scrollbar-width: none; }
      .tab-menu-wrapper.menu-top .tab-menu::-webkit-scrollbar {
        display: none; }
      .tab-menu-wrapper.menu-top .tab-menu-item {
        border-left: none;
        text-align: center; }
        .tab-menu-wrapper.menu-top .tab-menu-item.is-active {
          border: none;
          border-bottom: 2px solid #000000; }
      @media (max-width: 960px) {
        .tab-menu-wrapper.menu-top .tab-menu-body .hero-section .hero-title {
          font-size: 52px; } }
      @media (max-width: 700px) {
        .tab-menu-wrapper.menu-top .tab-menu-body .hero-section .hero-title {
          font-size: 32px; } }
      @media (max-width: 960px) {
        .tab-menu-wrapper.menu-top .tab-menu-body .hero-section .hero-section-wrapper {
          padding: 0 !important;
          align-items: flex-start; } }
  .tab-menu-wrapper .tab-menu {
    min-width: 20%; }
    .tab-menu-wrapper .tab-menu-item {
      padding: 20px;
      border-left: 2px solid #D0D0D0;
      color: #333333;
      cursor: pointer;
      width: 100%;
      white-space: nowrap; }
      .tab-menu-wrapper .tab-menu-item:hover {
        background-color: rgba(255, 255, 255, 0.75); }
      .tab-menu-wrapper .tab-menu-item.is-active {
        font-weight: 700;
        color: #000000;
        border-left: 2px solid #3369FF; }
  .tab-menu-wrapper .tab-menu-body {
    display: none;
    width: 100%;
    border-radius: 20px;
    overflow: hidden; }
    .tab-menu-wrapper .tab-menu-body-wrapper {
      height: 100%; }
    .tab-menu-wrapper .tab-menu-body.active-tab {
      display: block; }
    .tab-menu-wrapper .tab-menu-body .hero-section {
      background: transparent !important;
      min-height: inherit !important; }
    .tab-menu-wrapper .tab-menu-body .menu-body-hero {
      background: linear-gradient(to right, #EAF2FD, #C4DAFD) !important;
      padding: 20px 0;
      height: 100%; }
      .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-section-wrapper {
        gap: 12px; }
      .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-image {
        padding-top: 0; }
      .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-section-texts {
        align-items: flex-start;
        justify-content: center; }
        .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-section-texts-wrapper {
          display: flex;
          flex-direction: column;
          justify-content: space-around; }
        .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-section-texts .hero-title {
          font-size: 16px;
          color: #555555; }
        .tab-menu-wrapper .tab-menu-body .menu-body-hero .hero-section-texts .icon-card {
          padding-left: 0; }
    .tab-menu-wrapper .tab-menu-body .tab-pricing-card {
      background: linear-gradient(to right, #EAF2FD, #C4DAFD) !important;
      height: 100%; }
      @media (max-width: 960px) {
        .tab-menu-wrapper .tab-menu-body .tab-pricing-card .pricing-cards-2-modify {
          width: 100%; } }
      .tab-menu-wrapper .tab-menu-body .tab-pricing-card .pricing-card {
        height: 100%;
        margin: 0; }
        @media (max-width: 960px) {
          .tab-menu-wrapper .tab-menu-body .tab-pricing-card .pricing-card {
            max-width: 100%; } }
    .tab-menu-wrapper .tab-menu-body .small-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #FFFFFF;
      border-radius: 100%;
      height: 20px;
      width: 20px; }
    .tab-menu-wrapper .tab-menu-body .service-row-footer-lists {
      gap: 24px 12px;
      margin: 20px 0 32px 0; }
      .tab-menu-wrapper .tab-menu-body .service-row-footer-lists .service-row-footer-list-text {
        color: #555555; }
    .tab-menu-wrapper .tab-menu-body .service-row {
      max-width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      padding: 0 12px; }
      .tab-menu-wrapper .tab-menu-body .service-row-header {
        padding-bottom: 0;
        align-items: start;
        color: #333333;
        margin-bottom: 12px;
        font-size: 20px; }
        .tab-menu-wrapper .tab-menu-body .service-row-header-title {
          width: 100%; }
      .tab-menu-wrapper .tab-menu-body .service-row .section-subtitle {
        text-align: left;
        color: #555555;
        margin-bottom: 20px; }
      .tab-menu-wrapper .tab-menu-body .service-row .service-row-footer-lists {
        margin-bottom: 0; }
    .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 {
      background: linear-gradient(to right, #EAF2FD, #C4DAFD) !important; }
      .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-cards-2 {
        margin-top: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr)); }
        @media (max-width: 960px) {
          .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-cards-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            padding: 0 16px; } }
        @media (max-width: 700px) {
          .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-cards-2 {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-cards-2 .pricing-card-footer {
          margin: 0; }
          .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-cards-2 .pricing-card-footer-text {
            font-size: 12px;
            margin-top: 12px; }
      .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-card-body {
        justify-content: center;
        flex-direction: column;
        margin-top: 0; }
        .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-card-body-amount {
          font-size: 2rem; }
        .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .pricing-card-body-title {
          font-size: 1.5rem;
          font-weight: 700; }
      .tab-menu-wrapper .tab-menu-body .tab-pricing-card-2 .hero-cta {
        display: flex;
        justify-content: center;
        margin: 20px 0; }
    .tab-menu-wrapper .tab-menu-body .service-card {
      background-color: transparent;
      margin-top: 0; }
      .tab-menu-wrapper .tab-menu-body .service-card .icon-card-logo {
        background-color: #FFFFFF;
        border-radius: 100%;
        padding: 8px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); }
      .tab-menu-wrapper .tab-menu-body .service-card .icon-card-2-logo {
        background-color: #FFFFFF; }

.tab-menu-wrapper.menu-top {
  flex-direction: column;
  gap: 32px;
  margin-top: 20px; }

.account-table {
  padding: 0 !important; }
  @media (max-width: 550px) {
    .account-table {
      color: #FFFFFF; } }
  .account-table .account-table-thead-text, .account-table .account-table-tbody-item-text, .account-table .account-table-tbody-item-text, .account-table .account-table-tbody-num {
    width: 100%;
    color: #FFFFFF;
    font-size: 1rem; }

.account-page-item .account-table-body .table {
  width: 100%; }
  .account-page-item .account-table-body .table .table-head-row, .account-page-item .account-table-body .table .table-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    background-color: rgba(255, 255, 255, 0.22);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: .5rem;
    text-align: left;
    backdrop-filter: blur(10px); }
  .account-page-item .account-table-body .table .table-cell, .account-page-item .account-table-body .table .table-header-cell {
    font-size: 1rem;
    width: 100%; }
  .account-page-item .account-table-body .table-head-row .table-header-cell {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7); }
    @media (max-width: 550px) {
      .account-page-item .account-table-body .table-head-row .table-header-cell {
        font-size: 12px; } }
    @media (max-width: 360px) {
      .account-page-item .account-table-body .table-head-row .table-header-cell {
        font-size: 10px; } }
  .account-page-item .account-table-body .table-body .table-row .table-cell {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center; }
.account-page-item .account-table-footer {
  margin-top: 1.25rem; }

.account-page-header {
  width: 100%;
  margin-bottom: 1.5rem; }
  .account-page-header-text {
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 4px; }
    @media (max-width: 550px) {
      .account-page-header-text {
        font-size: 1rem; } }

.account-table-tag {
  background-color: #555555;
  display: inline;
  color: #FFFFFF;
  font-size: .75rem;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px; }
  .account-table-tag.is-warning {
    background-color: #D08017; }
  .account-table-tag.is-success {
    background-color: #0FB94D; }
  .account-table-tag.is-danger {
    background-color: #DB1428; }

.main {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
  background: linear-gradient(135deg, #fff 0%, #bb93fcad 26%, #94edff5e 50%); }

.main {
  opacity: visible; }

.bubble {
  background-color: rgba(255, 255, 255, 0.42);
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute; }

.bubble-1 {
  opacity: 1.64;
  left: 33vw;
  top: 99vh;
  animation: move-1 30.02s infinite;
  -moz-transform: translate(0, 0) scale(1.71);
  -ms-transform: translate(0, 0) scale(1.71);
  -webkit-transform: translate(0, 0) scale(1.71);
  transform: translate(0, 0) scale(1.71); }

.bubble-2 {
  opacity: 1.64;
  left: 32vw;
  top: 76vh;
  animation: move-2 30.04s infinite;
  -moz-transform: translate(0, 0) scale(1.99);
  -ms-transform: translate(0, 0) scale(1.99);
  -webkit-transform: translate(0, 0) scale(1.99);
  transform: translate(0, 0) scale(1.99); }

.bubble-3 {
  opacity: 1.64;
  left: 53vw;
  top: 65vh;
  animation: move-3 30.06s infinite;
  -moz-transform: translate(0, 0) scale(1.51);
  -ms-transform: translate(0, 0) scale(1.51);
  -webkit-transform: translate(0, 0) scale(1.51);
  transform: translate(0, 0) scale(1.51); }

.bubble-4 {
  opacity: 1.64;
  left: 100vw;
  top: 21vh;
  animation: move-4 30.08s infinite;
  -moz-transform: translate(0, 0) scale(1.62);
  -ms-transform: translate(0, 0) scale(1.62);
  -webkit-transform: translate(0, 0) scale(1.62);
  transform: translate(0, 0) scale(1.62); }

.bubble-5 {
  opacity: 1.64;
  left: 97vw;
  top: 19vh;
  animation: move-5 30.1s infinite;
  -moz-transform: translate(0, 0) scale(1.11);
  -ms-transform: translate(0, 0) scale(1.11);
  -webkit-transform: translate(0, 0) scale(1.11);
  transform: translate(0, 0) scale(1.11); }

.bubble-6 {
  opacity: 1.64;
  left: 20vw;
  top: 31vh;
  animation: move-6 30.12s infinite;
  -moz-transform: translate(0, 0) scale(1.81);
  -ms-transform: translate(0, 0) scale(1.81);
  -webkit-transform: translate(0, 0) scale(1.81);
  transform: translate(0, 0) scale(1.81); }

.bubble-7 {
  opacity: 1.64;
  left: 1vw;
  top: 96vh;
  animation: move-7 30.14s infinite;
  -moz-transform: translate(0, 0) scale(1.15);
  -ms-transform: translate(0, 0) scale(1.15);
  -webkit-transform: translate(0, 0) scale(1.15);
  transform: translate(0, 0) scale(1.15); }

.bubble-8 {
  opacity: 1.64;
  left: 67vw;
  top: 9vh;
  animation: move-8 30.16s infinite;
  -moz-transform: translate(0, 0) scale(1.26);
  -ms-transform: translate(0, 0) scale(1.26);
  -webkit-transform: translate(0, 0) scale(1.26);
  transform: translate(0, 0) scale(1.26); }

.bubble-9 {
  opacity: 1.64;
  left: 50vw;
  top: 64vh;
  animation: move-9 30.18s infinite;
  -moz-transform: translate(0, 0) scale(1.85);
  -ms-transform: translate(0, 0) scale(1.85);
  -webkit-transform: translate(0, 0) scale(1.85);
  transform: translate(0, 0) scale(1.85); }

.bubble-10 {
  opacity: 1.64;
  left: 73vw;
  top: 69vh;
  animation: move-10 30.2s infinite;
  -moz-transform: translate(0, 0) scale(0.8);
  -ms-transform: translate(0, 0) scale(0.8);
  -webkit-transform: translate(0, 0) scale(0.8);
  transform: translate(0, 0) scale(0.8); }

.bubble-11 {
  opacity: 1.64;
  left: 81vw;
  top: 43vh;
  animation: move-11 30.22s infinite;
  -moz-transform: translate(0, 0) scale(1.36);
  -ms-transform: translate(0, 0) scale(1.36);
  -webkit-transform: translate(0, 0) scale(1.36);
  transform: translate(0, 0) scale(1.36); }

.bubble-12 {
  opacity: 1.64;
  left: 27vw;
  top: 84vh;
  animation: move-12 30.24s infinite;
  -moz-transform: translate(0, 0) scale(1.02);
  -ms-transform: translate(0, 0) scale(1.02);
  -webkit-transform: translate(0, 0) scale(1.02);
  transform: translate(0, 0) scale(1.02); }

.bubble-13 {
  opacity: 1.64;
  left: 88vw;
  top: 43vh;
  animation: move-13 30.26s infinite;
  -moz-transform: translate(0, 0) scale(0.3);
  -ms-transform: translate(0, 0) scale(0.3);
  -webkit-transform: translate(0, 0) scale(0.3);
  transform: translate(0, 0) scale(0.3); }

.bubble-14 {
  opacity: 1.64;
  left: 45vw;
  top: 96vh;
  animation: move-14 30.28s infinite;
  -moz-transform: translate(0, 0) scale(0.94);
  -ms-transform: translate(0, 0) scale(0.94);
  -webkit-transform: translate(0, 0) scale(0.94);
  transform: translate(0, 0) scale(0.94); }

.bubble-15 {
  opacity: 1.64;
  left: 54vw;
  top: 68vh;
  animation: move-15 30.3s infinite;
  -moz-transform: translate(0, 0) scale(0.97);
  -ms-transform: translate(0, 0) scale(0.97);
  -webkit-transform: translate(0, 0) scale(0.97);
  transform: translate(0, 0) scale(0.97); }

.bubble-16 {
  opacity: 1.64;
  left: 75vw;
  top: 55vh;
  animation: move-16 30.32s infinite;
  -moz-transform: translate(0, 0) scale(0.53);
  -ms-transform: translate(0, 0) scale(0.53);
  -webkit-transform: translate(0, 0) scale(0.53);
  transform: translate(0, 0) scale(0.53); }

.bubble-17 {
  opacity: 1.64;
  left: 69vw;
  top: 20vh;
  animation: move-17 30.34s infinite;
  -moz-transform: translate(0, 0) scale(1.03);
  -ms-transform: translate(0, 0) scale(1.03);
  -webkit-transform: translate(0, 0) scale(1.03);
  transform: translate(0, 0) scale(1.03); }

.bubble-18 {
  opacity: 1.64;
  left: 3vw;
  top: 92vh;
  animation: move-18 30.36s infinite;
  -moz-transform: translate(0, 0) scale(1.84);
  -ms-transform: translate(0, 0) scale(1.84);
  -webkit-transform: translate(0, 0) scale(1.84);
  transform: translate(0, 0) scale(1.84); }

.bubble-19 {
  opacity: 1.64;
  left: 33vw;
  top: 87vh;
  animation: move-19 30.38s infinite;
  -moz-transform: translate(0, 0) scale(1.78);
  -ms-transform: translate(0, 0) scale(1.78);
  -webkit-transform: translate(0, 0) scale(1.78);
  transform: translate(0, 0) scale(1.78); }

.bubble-20 {
  opacity: 1.64;
  left: 17vw;
  top: 25vh;
  animation: move-20 30.4s infinite;
  -moz-transform: translate(0, 0) scale(1.95);
  -ms-transform: translate(0, 0) scale(1.95);
  -webkit-transform: translate(0, 0) scale(1.95);
  transform: translate(0, 0) scale(1.95); }

.bubble-21 {
  opacity: 1.64;
  left: 86vw;
  top: 22vh;
  animation: move-21 30.42s infinite;
  -moz-transform: translate(0, 0) scale(0.73);
  -ms-transform: translate(0, 0) scale(0.73);
  -webkit-transform: translate(0, 0) scale(0.73);
  transform: translate(0, 0) scale(0.73); }

.bubble-22 {
  opacity: 1.64;
  left: 6vw;
  top: 86vh;
  animation: move-22 30.44s infinite;
  -moz-transform: translate(0, 0) scale(0.24);
  -ms-transform: translate(0, 0) scale(0.24);
  -webkit-transform: translate(0, 0) scale(0.24);
  transform: translate(0, 0) scale(0.24); }

.bubble-23 {
  opacity: 1.64;
  left: 100vw;
  top: 32vh;
  animation: move-23 30.46s infinite;
  -moz-transform: translate(0, 0) scale(1.12);
  -ms-transform: translate(0, 0) scale(1.12);
  -webkit-transform: translate(0, 0) scale(1.12);
  transform: translate(0, 0) scale(1.12); }

.bubble-24 {
  opacity: 1.64;
  left: 30vw;
  top: 4vh;
  animation: move-24 30.48s infinite;
  -moz-transform: translate(0, 0) scale(1.65);
  -ms-transform: translate(0, 0) scale(1.65);
  -webkit-transform: translate(0, 0) scale(1.65);
  transform: translate(0, 0) scale(1.65); }

.bubble-25 {
  opacity: 1.64;
  left: 98vw;
  top: 48vh;
  animation: move-25 30.5s infinite;
  -moz-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }

.bubble-26 {
  opacity: 1.64;
  left: 42vw;
  top: 49vh;
  animation: move-26 30.52s infinite;
  -moz-transform: translate(0, 0) scale(1.38);
  -ms-transform: translate(0, 0) scale(1.38);
  -webkit-transform: translate(0, 0) scale(1.38);
  transform: translate(0, 0) scale(1.38); }

.bubble-27 {
  opacity: 1.64;
  left: 90vw;
  top: 87vh;
  animation: move-27 30.54s infinite;
  -moz-transform: translate(0, 0) scale(0.63);
  -ms-transform: translate(0, 0) scale(0.63);
  -webkit-transform: translate(0, 0) scale(0.63);
  transform: translate(0, 0) scale(0.63); }

.bubble-28 {
  opacity: 1.64;
  left: 41vw;
  top: 77vh;
  animation: move-28 30.56s infinite;
  -moz-transform: translate(0, 0) scale(1.87);
  -ms-transform: translate(0, 0) scale(1.87);
  -webkit-transform: translate(0, 0) scale(1.87);
  transform: translate(0, 0) scale(1.87); }

.bubble-29 {
  opacity: 1.64;
  left: 15vw;
  top: 17vh;
  animation: move-29 30.58s infinite;
  -moz-transform: translate(0, 0) scale(0.28);
  -ms-transform: translate(0, 0) scale(0.28);
  -webkit-transform: translate(0, 0) scale(0.28);
  transform: translate(0, 0) scale(0.28); }

.bubble-30 {
  opacity: 1.64;
  left: 79vw;
  top: 31vh;
  animation: move-30 30.6s infinite;
  -moz-transform: translate(0, 0) scale(1.88);
  -ms-transform: translate(0, 0) scale(1.88);
  -webkit-transform: translate(0, 0) scale(1.88);
  transform: translate(0, 0) scale(1.88); }

.credits {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 2px 15px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 111; }

.credits a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 0.05em; }

@keyframes move-1 {
  34% {
    -moz-transform: translate(-66vw, -20vh);
    -webkit-transform: translate(-66vw, -20vh);
    transform: translate(-66vw, -20vh); } }
@keyframes move-2 {
  53% {
    -moz-transform: translate(-75vw, -81vh);
    -webkit-transform: translate(-75vw, -81vh);
    transform: translate(-75vw, -81vh); } }
@keyframes move-3 {
  56% {
    -moz-transform: translate(-62vw, -84vh);
    -webkit-transform: translate(-62vw, -84vh);
    transform: translate(-62vw, -84vh); } }
@keyframes move-4 {
  42% {
    -moz-transform: translate(-5vw, -64vh);
    -webkit-transform: translate(-5vw, -64vh);
    transform: translate(-5vw, -64vh); } }
@keyframes move-5 {
  40% {
    -moz-transform: translate(-35vw, -77vh);
    -webkit-transform: translate(-35vw, -77vh);
    transform: translate(-35vw, -77vh); } }
@keyframes move-6 {
  42% {
    -moz-transform: translate(-36vw, -91vh);
    -webkit-transform: translate(-36vw, -91vh);
    transform: translate(-36vw, -91vh); } }
@keyframes move-7 {
  45% {
    -moz-transform: translate(-21vw, -62vh);
    -webkit-transform: translate(-21vw, -62vh);
    transform: translate(-21vw, -62vh); } }
@keyframes move-8 {
  58% {
    -moz-transform: translate(-28vw, -30vh);
    -webkit-transform: translate(-28vw, -30vh);
    transform: translate(-28vw, -30vh); } }
@keyframes move-9 {
  38% {
    -moz-transform: translate(-5vw, -72vh);
    -webkit-transform: translate(-5vw, -72vh);
    transform: translate(-5vw, -72vh); } }
@keyframes move-10 {
  40% {
    -moz-transform: translate(-96vw, -53vh);
    -webkit-transform: translate(-96vw, -53vh);
    transform: translate(-96vw, -53vh); } }
@keyframes move-11 {
  57% {
    -moz-transform: translate(-69vw, -6vh);
    -webkit-transform: translate(-69vw, -6vh);
    transform: translate(-69vw, -6vh); } }
@keyframes move-12 {
  33% {
    -moz-transform: translate(-16vw, -44vh);
    -webkit-transform: translate(-16vw, -44vh);
    transform: translate(-16vw, -44vh); } }
@keyframes move-13 {
  53% {
    -moz-transform: translate(-50vw, -35vh);
    -webkit-transform: translate(-50vw, -35vh);
    transform: translate(-50vw, -35vh); } }
@keyframes move-14 {
  34% {
    -moz-transform: translate(-18vw, -67vh);
    -webkit-transform: translate(-18vw, -67vh);
    transform: translate(-18vw, -67vh); } }
@keyframes move-15 {
  34% {
    -moz-transform: translate(-44vw, -94vh);
    -webkit-transform: translate(-44vw, -94vh);
    transform: translate(-44vw, -94vh); } }
@keyframes move-16 {
  40% {
    -moz-transform: translate(-84vw, -15vh);
    -webkit-transform: translate(-84vw, -15vh);
    transform: translate(-84vw, -15vh); } }
@keyframes move-17 {
  39% {
    -moz-transform: translate(-25vw, -73vh);
    -webkit-transform: translate(-25vw, -73vh);
    transform: translate(-25vw, -73vh); } }
@keyframes move-18 {
  47% {
    -moz-transform: translate(-43vw, -87vh);
    -webkit-transform: translate(-43vw, -87vh);
    transform: translate(-43vw, -87vh); } }
@keyframes move-19 {
  37% {
    -moz-transform: translate(-43vw, -42vh);
    -webkit-transform: translate(-43vw, -42vh);
    transform: translate(-43vw, -42vh); } }
@keyframes move-20 {
  53% {
    -moz-transform: translate(-52vw, -8vh);
    -webkit-transform: translate(-52vw, -8vh);
    transform: translate(-52vw, -8vh); } }
@keyframes move-21 {
  54% {
    -moz-transform: translate(-9vw, -68vh);
    -webkit-transform: translate(-9vw, -68vh);
    transform: translate(-9vw, -68vh); } }
@keyframes move-22 {
  42% {
    -moz-transform: translate(-50vw, -60vh);
    -webkit-transform: translate(-50vw, -60vh);
    transform: translate(-50vw, -60vh); } }
@keyframes move-23 {
  36% {
    -moz-transform: translate(-24vw, -35vh);
    -webkit-transform: translate(-24vw, -35vh);
    transform: translate(-24vw, -35vh); } }
@keyframes move-24 {
  58% {
    -moz-transform: translate(-50vw, -70vh);
    -webkit-transform: translate(-50vw, -70vh);
    transform: translate(-50vw, -70vh); } }
@keyframes move-25 {
  36% {
    -moz-transform: translate(-88vw, -90vh);
    -webkit-transform: translate(-88vw, -90vh);
    transform: translate(-88vw, -90vh); } }
@keyframes move-26 {
  38% {
    -moz-transform: translate(-38vw, -68vh);
    -webkit-transform: translate(-38vw, -68vh);
    transform: translate(-38vw, -68vh); } }
@keyframes move-27 {
  35% {
    -moz-transform: translate(-54vw, -13vh);
    -webkit-transform: translate(-54vw, -13vh);
    transform: translate(-54vw, -13vh); } }
@keyframes move-28 {
  48% {
    -moz-transform: translate(-22vw, -26vh);
    -webkit-transform: translate(-22vw, -26vh);
    transform: translate(-22vw, -26vh); } }
@keyframes move-29 {
  31% {
    -moz-transform: translate(-95vw, -62vh);
    -webkit-transform: translate(-95vw, -62vh);
    transform: translate(-95vw, -62vh); } }
@keyframes move-30 {
  54% {
    -moz-transform: translate(-52vw, -95vh);
    -webkit-transform: translate(-52vw, -95vh);
    transform: translate(-52vw, -95vh); } }
.body {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #e9e3ff, #93dcec, #f3f0c5);
  overflow: hidden; }
  .body .body-main {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .body .bubble {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: floatBubble linear infinite; }

@keyframes floatBubble {
  0% {
    transform: translateY(100vh) scale(0.5);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translateY(-10vh) scale(1);
    opacity: 0; } }
.notification {
  width: 100%;
  background-color: #555555;
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
  color: #FFFFFF;
  overflow: hidden;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem; }
  .notification .notification-icon {
    background-color: #D0D0D0;
    min-width: 1.5rem;
    min-height: 1.5rem;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .notification .notification-text {
    font-size: 14px; }
  .notification .notification-items {
    display: flex;
    gap: 12px;
    align-items: center; }
  .notification .checkmark-svg {
    width: 1rem;
    height: 1rem;
    display: flex;
    color: #FFFFFF; }
  .notification .close-svg {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    cursor: pointer; }
  .notification.is-danger {
    background-color: #FFC6CD;
    color: #DB1428; }
    .notification.is-danger .notification-icon {
      background-color: #FD6171; }
    .notification.is-danger .close-svg {
      color: #FD6171; }
  .notification.is-success {
    background-color: #E6FFEF;
    color: #20E368; }
    .notification.is-success .notification-icon {
      background-color: #20E368; }
    .notification.is-success .close-svg {
      color: #87FBB1; }
  .notification.is-info {
    background-color: #D6E0FB;
    color: #3369FF; }
    .notification.is-info .notification-icon {
      background-color: #6E91F0; }
    .notification.is-info .close-svg {
      color: #B1C5FF; }
  .notification.is-warning {
    background-color: #FFF2E1;
    color: #E1922B; }
    .notification.is-warning .notification-icon {
      background-color: #FFA735; }
    .notification.is-warning .close-svg {
      color: #FFC06E; }
  .notification.is-accent-01 {
    background-color: #ff00ff26;
    color: #a700a7; }

.pagination {
  display: flex;
  justify-content: space-between;
  user-select: none;
  align-items: center; }
  .pagination-button {
    display: flex;
    align-items: center;
    gap: 2px;
    border-radius: 99999px;
    color: #FFFFFF;
    padding: 12px;
    backdrop-filter: blur(32px);
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid transparent;
    font-weight: 600;
    font-size: 14px;
    border-radius: 100%;
    transition: all 200ms linear; }
    .pagination-button:hover {
      border-color: #FFFFFF; }
    @media (max-width: 960px) {
      .pagination-button {
        border-color: #FFFFFF; } }
    .pagination-button-icon {
      width: 20px;
      display: flex; }
  .pagination.is-left {
    justify-content: flex-start; }
  .pagination.is-right {
    justify-content: flex-end; }
  .pagination .pagination-left .button, .pagination .pagination-right .button, .pagination .pagination-body .button {
    height: 2rem;
    width: 2rem;
    background-color: transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #888888;
    border-radius: 9999px;
    font-weight: 600 !important;
    border: none;
    font-size: 14px; }
    .pagination .pagination-left .button:hover, .pagination .pagination-right .button:hover, .pagination .pagination-body .button:hover {
      color: #000000; }
    .pagination .pagination-left .button.is-active, .pagination .pagination-right .button.is-active, .pagination .pagination-body .button.is-active {
      color: #FFFFFF;
      background-color: #000000; }
  .pagination .pagination-body {
    margin-left: 2rem;
    margin-right: 2rem; }

.hero-section-03 {
  min-height: 100vh;
  background-color: #22221A; }

.hero-section-04 {
  min-height: 100vh;
  background-color: #22221A; }

.footer-section {
  display: grid; }
  .footer-section.has-two-columns {
    grid-template-columns: repeat(2, 1fr); }
  .footer-section.has-three-columns {
    grid-template-columns: repeat(3, 1fr); }
  .footer-section.has-four-columns {
    grid-template-columns: repeat(4, 1fr); }
  .footer-section.has-five-columns {
    grid-template-columns: repeat(5, 1fr); }
  .footer-section-column .list-section {
    padding: 0 1rem; }
    .footer-section-column .list-section + .list-section {
      margin-top: 2rem; }
    .footer-section-column .list-section-title {
      font-weight: 600;
      margin-bottom: .5rem;
      color: #FFFFFF; }
    .footer-section-column .list-section .list-item {
      color: #FFFFFF; }
      .footer-section-column .list-section .list-item-link {
        color: #FFFFFF; }
  .footer-section .footer-section-logo {
    height: 40px;
    margin-bottom: 2rem; }
  .footer-section .footer-section-brand-title {
    font-size: 2rem;
    line-height: 1.25; }
  .footer-section .footer-section-copyright-container .footer-section-copyright {
    margin-top: 3rem; }
    .footer-section .footer-section-copyright-container .footer-section-copyright-line {
      font-size: 14px;
      color: #F2F2F2; }

.hero-section-6 .navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: transparent;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
  overflow: hidden; }

.hero-section-6 .navbar.has-three-columns .navbar-center {
  margin-left: 20px;
  margin-right: auto; }
  .hero-section-6 .navbar.has-three-columns .navbar-center .navbar-menu-item-link {
    font-size: 16px;
    color: #0000ff;
    font-weight: 600; }
.hero-section-6 .navbar .navbar-brand .nav-logo-img {
  height: 6.5rem; }
.hero-section-6 .navbar.has-three-columns .navbar-right .navbar-menu-item-link {
  font-size: 16px;
  border: 2px solid #0000ff;
  padding: 6px 10px;
  color: #0000ff;
  font-weight: 600; }

.hero-section-6 .hero-section.is-white {
  background-color: #FFFFFF; }
.hero-section-6 .hero-title, .hero-section-6 .hero-subtitle {
  color: #333333; }
.hero-section-6 .hero-title {
  width: 700px;
  font-size: 68px; }
.hero-section-6 .hero-subtitle {
  width: 600px;
  font-size: 26px; }
.hero-section-6 .button-hero {
  background: #ff9b00;
  color: #333333;
  padding: 26px 28px;
  font-size: 18px;
  font-weight: 600; }
.hero-section-6 .play-svg {
  margin: 0 10px 0 0; }
.hero-section-6 .svg-button {
  background: transparent;
  color: #4182F2;
  margin-top: 46px;
  margin-left: -34px;
  text-align: center;
  align-self: center;
  font-size: 18px; }
.hero-section-6 .hero-section-image {
  overflow: visible;
  margin-left: 332px; }
.hero-section-6 .hero-image-wrapper .hero-image {
  width: 400px;
  height: 400px;
  padding-top: 0;
  border-radius: 48px;
  position: relative;
  z-index: 2; }
.hero-section-6 .hero-half-cover-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50vw;
  z-index: 1;
  background-size: cover;
  background-position: top left; }

.hero-half-cover-image {
  position: relative;
  z-index: 2; }
  .hero-half-cover-image .grid-cell {
    background-color: transparent;
    border: 0;
    position: relative; }
  .hero-half-cover-image .grid-cell::before, .hero-half-cover-image .grid-cell::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ff8c00;
    position: absolute;
    z-index: 99; }

.hero-image {
  margin: 0 160px 0; }

.hero-card-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  bottom: 130px;
  height: 100px; }
  .hero-card-wrapper .is-girl {
    position: relative;
    z-index: 12;
    height: 306px;
    top: 200px;
    width: 150px; }
  .hero-card-wrapper .is-pencil {
    position: relative;
    z-index: 13;
    height: 240px;
    rotate: -45deg;
    top: 338px; }
  .hero-card-wrapper .is-ladder {
    height: 500px;
    position: relative;
    z-index: 12;
    top: 100px; }

.circle-traingle-wrapper {
  position: relative;
  top: 82px;
  left: 226px;
  z-index: 16; }
  .circle-traingle-wrapper .circle {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background-color: #f66631d1;
    position: absolute;
    right: 100px;
    top: -12px;
    z-index: 16; }
  .circle-traingle-wrapper .triangle {
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 100px solid #4f4ace;
    position: absolute;
    right: -64px;
    rotate: -45deg;
    z-index: 16; }

.footer-line {
  height: 100px;
  width: 100%;
  background-color: #c7e4f6cc;
  position: relative;
  z-index: 13;
  top: 168px; }

.section.event-section {
  background-image: url("http://127.0.0.1:8080/assets/img/section-bg.webp");
  background-position: center;
  background-size: cover;
  mix-blend-mode: overlay; }
  .section.event-section .text-white {
    color: #FFFFFF !important;
    font-weight: 700; }
  .section.event-section .section-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 24px; }
    .section.event-section .section-wrapper .section-text {
      width: 50%; }

.section-image {
  width: 50%; }
  @media (max-width: 960px) {
    .section-image {
      margin: 0 auto;
      width: 100%; } }
  .section-image .align-baseline {
    align-items: baseline !important;
    justify-content: flex-end; }
  .section-image .section-image-wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
    height: 100%; }
    .section-image .section-image-wrapper .section-image-poster-wrappper {
      display: flex;
      justify-content: center;
      height: 100%;
      background-color: transparent;
      position: relative;
      z-index: 2; }
      .section-image .section-image-wrapper .section-image-poster-wrappper .event-image-modifier {
        height: 100% !important;
        max-height: 100% !important; }
      .section-image .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image {
        width: 100%;
        max-width: 350px;
        height: 100%;
        max-height: 400px;
        border-radius: 32px; }
      @media (max-width: 960px) {
        .section-image .section-image-wrapper .section-image-poster-wrappper {
          margin: 0 auto; } }

.hero-section-8 .hero-section {
  background-color: #746e6e0d; }
  @media (max-width: 960px) {
    .hero-section-8 .hero-section .hero-section-wrapper {
      flex-direction: column; } }
  @media (max-width: 1366px) {
    .hero-section-8 .hero-section .hero-section-wrapper {
      flex-direction: column;
      padding-top: 150px; } }
  @media (max-width: 800px) {
    .hero-section-8 .hero-section .hero-section-wrapper {
      padding-top: 50px; } }
  .hero-section-8 .hero-section .bg-circle2 {
    width: 1000px;
    height: 300px;
    background-color: #fff; }
  .hero-section-8 .hero-section .hero-section-texts {
    z-index: 1; }
    .hero-section-8 .hero-section .hero-section-texts .hero-cta .icon {
      color: #000; }
    .hero-section-8 .hero-section .hero-section-texts .hero-title-8 {
      font-size: 82px;
      font-weight: normal; }
    .hero-section-8 .hero-section .hero-section-texts .large-text {
      font-size: 82px; }
    .hero-section-8 .hero-section .hero-section-texts .is-gray {
      color: #5b5757; }
    .hero-section-8 .hero-section .hero-section-texts .hero-subtitle, .hero-section-8 .hero-section .hero-section-texts .hero-title {
      margin-bottom: 0; }
    @media (max-width: 550px) {
      .hero-section-8 .hero-section .hero-section-texts .hero-title {
        font-size: 54px; } }
  @media (max-width: 800px) {
    .hero-section-8 .hero-section .hero-section-image {
      width: 100%; } }
  .hero-section-8 .hero-section .hero-section-image .hero-image-wrapper {
    padding: 0;
    width: 100%; }
    @media (max-width: 800px) {
      .hero-section-8 .hero-section .hero-section-image .hero-image-wrapper {
        transform: none;
        width: 100%; } }
    .hero-section-8 .hero-section .hero-section-image .hero-image-wrapper .hero-img-src {
      width: 100%; }
      @media (max-width: 800px) {
        .hero-section-8 .hero-section .hero-section-image .hero-image-wrapper .hero-img-src {
          border-radius: 0; } }
.hero-section-8 .slider-circles {
  flex-direction: column;
  position: absolute; }
  .hero-section-8 .slider-circles .slider-circle {
    background-color: #B0AAAA; }
  .hero-section-8 .slider-circles .is-active {
    background-color: #5E5B5B; }
  @media (max-width: 960px) {
    .hero-section-8 .slider-circles {
      flex-direction: row;
      position: relative;
      bottom: 12px; } }
  @media (max-width: 1366px) {
    .hero-section-8 .slider-circles {
      flex-direction: row;
      position: relative;
      bottom: 12px; } }
.hero-section-8 .modify-section {
  margin: 0 auto;
  display: flex; }
  @media (max-width: 800px) {
    .hero-section-8 .modify-section {
      flex-direction: column; } }
  @media (max-width: 360px) {
    .hero-section-8 .modify-section {
      padding: 0 18px; } }
  @media (max-width: 480px) {
    .hero-section-8 .modify-section {
      padding: 0 18px; } }

.hero-section-10 {
  background-color: #EDEBF3; }
  .hero-section-10 .is-purple {
    font-size: 14px;
    font-weight: 600;
    color: #8C6EF0; }
    .hero-section-10 .is-purple .right-arrow-icon {
      fill: #8C6EF0; }
  .hero-section-10 .section-range-form {
    display: flex;
    width: 50%; }
    @media (max-width: 960px) {
      .hero-section-10 .section-range-form {
        width: 100%; } }
    .hero-section-10 .section-range-form .section-range-form-wrapper {
      width: 100%;
      max-width: 500px; }
    .hero-section-10 .section-range-form .section-range-title {
      color: #8C6EF0;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 32px; }
    .hero-section-10 .section-range-form .section-range-form-content .contact-info, .hero-section-10 .section-range-form .section-range-form-content .range-info {
      display: flex;
      gap: 20px;
      width: 100%; }
      @media (max-width: 550px) {
        .hero-section-10 .section-range-form .section-range-form-content .contact-info, .hero-section-10 .section-range-form .section-range-form-content .range-info {
          flex-direction: column; } }
      .hero-section-10 .section-range-form .section-range-form-content .contact-info .contact-info-name, .hero-section-10 .section-range-form .section-range-form-content .contact-info .contact-info-no, .hero-section-10 .section-range-form .section-range-form-content .range-info .contact-info-name, .hero-section-10 .section-range-form .section-range-form-content .range-info .contact-info-no {
        width: 100%; }
    .hero-section-10 .section-range-form .section-range-form-content .range-info {
      margin-top: 16px; }
      .hero-section-10 .section-range-form .section-range-form-content .range-info .range-info-amount {
        width: 25%; }
        @media (max-width: 550px) {
          .hero-section-10 .section-range-form .section-range-form-content .range-info .range-info-amount {
            width: 50%; } }
      .hero-section-10 .section-range-form .section-range-form-content .range-info .range-info-bar {
        width: 80%;
        margin-top: 32px;
        display: flex;
        align-items: center; }
        @media (max-width: 550px) {
          .hero-section-10 .section-range-form .section-range-form-content .range-info .range-info-bar {
            width: 100%;
            margin-top: 8px; } }
        .hero-section-10 .section-range-form .section-range-form-content .range-info .range-info-bar .amount-bar {
          border: none;
          width: 100%;
          height: 6px;
          cursor: pointer;
          background-color: #8C6EF0;
          border-radius: 10px;
          padding: 0; }
    .hero-section-10 .section-range-form .contact-form .contact-form-wrapper {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .hero-section-10 .section-range-form .contact-form .contact-form-wrapper .contact-info {
        flex-direction: column;
        gap: 16px; }
      .hero-section-10 .section-range-form .contact-form .contact-form-wrapper .contact-cta .section-button {
        margin-top: 16px; }
  .hero-section-10 .form-label {
    margin-bottom: 8px; }
  .hero-section-10 .form-input {
    background-color: transparent;
    width: 100%;
    color: #333333;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #CECECE;
    font-size: 14px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    position: relative;
    z-index: 1; }
    .hero-section-10 .form-input:focus {
      border: 1px solid #fff; }
  .hero-section-10 .text-input {
    background-color: transparent;
    height: 120px;
    width: 100%;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #CECECE;
    font-family: inherit;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
    .hero-section-10 .text-input:focus {
      border: 1px solid #EDF2FF; }
    @media (max-width: 960px) {
      .hero-section-10 .text-input {
        height: 120px; } }
  .hero-section-10 .section-cta-modify {
    padding: 10px 20px !important;
    background: transparent !important;
    color: #FFFFFF;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 600;
    height: 40px; }
  .hero-section-10 .purple-button-hover.is-fill:hover {
    background-color: transparent;
    color: #8C6EF0 !important;
    border: 1px solid #8C6EF0; }
  @media (max-width: 480px) {
    .hero-section-10 .section-text-wrapper {
      max-width: 100% !important;
      width: 100%; } }

.hero-section-11 {
  background-image: linear-gradient(to right, rgba(22, 4, 85, 0.8), rgba(22, 4, 85, 0.8)), url(/assets/img/bg-hero.webp);
  background-position: center bottom;
  background-size: cover;
  min-height: calc(100vh - 48px); }
  @media (max-width: 960px) {
    .hero-section-11 {
      min-height: 100%; } }
  .hero-section-11 .black-bg {
    background-color: rgba(0, 0, 0, 0.5); }
    .hero-section-11 .black-bg .navbar-brand-title {
      font-size: 32px;
      font-weight: 900;
      color: #FFFFFF; }
      .hero-section-11 .black-bg .navbar-brand-title .text-primary {
        color: #8C6EF0; }
    .hero-section-11 .black-bg .navbar-toggler-icon {
      color: #ffffff !important; }
    .hero-section-11 .black-bg .navbar-menu-item-link {
      color: #ffffff !important; }
      .hero-section-11 .black-bg .navbar-menu-item-link:hover {
        color: #ffffff !important; }
    .hero-section-11 .black-bg .navbar-toggler-icon {
      width: 20px;
      height: 20px;
      fill: #fff !important; }
    .hero-section-11 .black-bg .dropdown-icon svg {
      width: 20px;
      height: 20px;
      fill: #fff; }
    .hero-section-11 .black-bg .contact-text-number {
      color: #ffffff !important; }
    .hero-section-11 .black-bg .navbar-menu-contact {
      border: 1px solid #8C6EF0 !important; }
    .hero-section-11 .black-bg .contact-icon-link {
      fill: #8C6EF0 !important; }
  .hero-section-11 .container {
    height: calc(100vh - 80px);
    padding-left: 20px;
    padding-right: 20px; }
    .hero-section-11 .container .hero-section-wrapper {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper {
        max-width: 900px;
        height: 255px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto; }
        @media (max-width: 550px) {
          .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper {
            gap: 24px; } }
        .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-title {
          font-size: 64px;
          font-weight: 700;
          color: #8C6EF0;
          text-align: center;
          margin-bottom: 12px; }
          @media (max-width: 960px) {
            .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-title {
              font-size: 70px; } }
          @media (max-width: 550px) {
            .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-title {
              font-size: 60px;
              margin-bottom: 0; } }
        .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .text-white {
          color: #FFFFFF; }
        .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-subtitle {
          width: 100%;
          max-width: 650px;
          font-size: 20px;
          text-align: center;
          margin-bottom: 32px; }
          @media (max-width: 960px) {
            .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-subtitle {
              font-size: 16px; } }
          @media (max-width: 550px) {
            .hero-section-11 .container .hero-section-wrapper .hero-section-texts .hero-section-texts-wrapper .hero-subtitle {
              font-size: 16px;
              margin-bottom: 0; } }
  .hero-section-11 .hero-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
    position: relative;
    z-index: 2; }
    .hero-section-11 .hero-cta .hero-search-box {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 400px; }
      @media (max-width: 550px) {
        .hero-section-11 .hero-cta .hero-search-box {
          max-width: 100%; } }
      .hero-section-11 .hero-cta .hero-search-box .hero-search-box-icon-wrapper {
        padding: 16px;
        height: 52px;
        background-color: #EBE6FD;
        white-space: nowrap;
        display: flex;
        align-items: center; }
        .hero-section-11 .hero-cta .hero-search-box .hero-search-box-icon-wrapper .hero-search-box-icon {
          fill: #8C6EF0;
          height: 18px;
          width: 18px; }
      .hero-section-11 .hero-cta .hero-search-box .hero-search-box-input {
        height: 100%;
        width: 100%;
        max-width: 350px;
        background-color: #FFFFFF;
        color: #333333;
        font-weight: 600;
        padding: 16px 6px;
        border: none;
        height: 52px;
        font-size: 16px; }
        @media (max-width: 550px) {
          .hero-section-11 .hero-cta .hero-search-box .hero-search-box-input {
            max-width: 100%;
            font-size: 12px; } }
    .hero-section-11 .hero-cta .button-hero {
      height: 52px;
      padding: 16px 32px;
      background: none;
      background-color: #EDF2FF;
      margin: 0;
      white-space: nowrap; }

.hero-section-12 .hero-section-12-header {
  padding: 10px 0; }
  .hero-section-12 .hero-section-12-header .hero-section-12-header-ul {
    border-bottom: 1px solid #fefefe29;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    font-size: 12px; }
    .hero-section-12 .hero-section-12-header .hero-section-12-header-ul .hero-section-12-header-link {
      color: #fff; }
    .hero-section-12 .hero-section-12-header .hero-section-12-header-ul .is-active {
      position: relative;
      position: relative; }
    .hero-section-12 .hero-section-12-header .hero-section-12-header-ul .is-active::after {
      content: " ";
      height: 2px;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -15px;
      background-color: #fff; }
.hero-section-12 .hero-slider {
  height: 100vh; }
  .hero-section-12 .hero-slider .hero-slider-text {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    text-align: center; }
    .hero-section-12 .hero-slider .hero-slider-text .hero-title {
      font-weight: 400;
      font-family: "Playfair Display", system-ui; }
      @media (max-width: 480px) {
        .hero-section-12 .hero-slider .hero-slider-text .hero-title {
          font-size: 48px; } }
    .hero-section-12 .hero-slider .hero-slider-text .hero-subtitle {
      font-family: "Austin-Light" , "sans-serif";
      font-size: 16px; }
      @media (max-width: 480px) {
        .hero-section-12 .hero-slider .hero-slider-text .hero-subtitle {
          font-size: 14px; } }
  .hero-section-12 .hero-slider .section-12-buttons {
    position: absolute;
    bottom: 170px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .hero-section-12 .hero-slider .section-12-buttons-wrapper {
      flex-wrap: inherit; }
    .hero-section-12 .hero-slider .section-12-buttons .glass-effect {
      background: rgba(33, 33, 33, 0.2);
      backdrop-filter: blur(10px);
      border: 1px solid #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      color: #fff;
      padding: 22px 100px;
      text-align: center;
      cursor: pointer; }
      .hero-section-12 .hero-slider .section-12-buttons .glass-effect:hover {
        box-shadow: inset 0 0 0 1px #fff; }

.hero-slider {
  width: 100vw;
  height: 600px;
  background-size: cover;
  background-position: center;
  position: relative; }

.hero-slider-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.hero-slider-wrapper {
  display: flex;
  justify-content: flex-start; }

.hero-slider-wrapper.is-text-right {
  justify-content: flex-end; }

.hero-slider-wrapper.is-text-center {
  justify-content: center; }

.bars {
  position: absolute;
  bottom: 50px;
  width: 100%; }

.bars-wrapper {
  display: flex;
  justify-content: center;
  gap: 12px; }

.bar {
  width: 60px;
  height: 3px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2); }

.bar.is-active {
  background-color: rgba(0, 0, 0, 0.6); }

.hero-title-2 {
  font-size: 102px;
  font-weight: 700;
  border: 1px solid #EDEDED;
  background: radial-gradient(50% 50% at 50% 50%, #F8F8F8 0%, #B7B7B7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  gap: 1px;
  text-align: center;
  line-height: 128px; }

.section {
  padding: 50px 0;
  background-color: #FFFFFF; }
  @media (max-width: 550px) {
    .section {
      padding: 25px 0; } }
  .section .container {
    padding-left: 20px;
    padding-right: 20px; }
    .section .container .section-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      gap: 24px; }
      @media (max-width: 960px) {
        .section .container .section-wrapper {
          flex-direction: column; } }
      .section .container .section-wrapper .section-text {
        width: 50%; }
        @media (max-width: 960px) {
          .section .container .section-wrapper .section-text {
            width: 100%; } }
        .section .container .section-wrapper .section-text .section-text-wrapper {
          width: 100%;
          max-width: 600px; }
          .section .container .section-wrapper .section-text .section-text-wrapper .section-title {
            font-weight: 700;
            line-height: 125%;
            position: relative;
            max-width: 526px; }
            .section .container .section-wrapper .section-text .section-text-wrapper .section-title .title-underline-particle {
              position: absolute;
              right: 180px;
              bottom: -26px; }
            @media (max-width: 960px) {
              .section .container .section-wrapper .section-text .section-text-wrapper .section-title {
                font-size: 32px; } }
            @media (max-width: 550px) {
              .section .container .section-wrapper .section-text .section-text-wrapper .section-title {
                font-size: 24px; } }
            .section .container .section-wrapper .section-text .section-text-wrapper .section-title.is-center {
              text-align: center; }
          .section .container .section-wrapper .section-text .section-text-wrapper .section-subtitle {
            font-size: 16px;
            margin-top: 16px;
            line-height: 150%;
            width: 100%;
            max-width: 500px; }
            @media (max-width: 960px) {
              .section .container .section-wrapper .section-text .section-text-wrapper .section-subtitle {
                font-size: 16px; } }
            @media (max-width: 550px) {
              .section .container .section-wrapper .section-text .section-text-wrapper .section-subtitle {
                font-size: 14px; } }
          .section .container .section-wrapper .section-text .section-text-wrapper .section-cta {
            margin-top: 32px;
            display: flex;
            gap: 12px; }
            @media (max-width: 550px) {
              .section .container .section-wrapper .section-text .section-text-wrapper .section-cta {
                margin-top: 20px; } }
            .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .purple-button-hover.is-fill:hover {
              background-color: transparent;
              color: #8C6EF0 !important;
              border: 1px solid #8C6EF0; }
            .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .white-button {
              background-color: #FFFFFF !important;
              color: #8C6EF0;
              border: 1px solid #8C6EF0; }
            .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .section-cta-button {
              display: inline-flex;
              gap: 8px;
              font-size: 14px;
              font-weight: 600;
              color: #EDF2FF; }
              .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .section-cta-button:hover {
                gap: 12px;
                transition: all 300ms ease; }
              .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .section-cta-button .section-cta-icon {
                display: inline-flex;
                align-items: center;
                fill: #EDF2FF; }
                .section .container .section-wrapper .section-text .section-text-wrapper .section-cta .section-cta-button .section-cta-icon .section-cta-icon-svg {
                  width: 16px; }
      .section .container .section-wrapper .section-image {
        width: 50%; }
        @media (max-width: 960px) {
          .section .container .section-wrapper .section-image {
            margin: 0 auto;
            width: 100%; } }
        .section .container .section-wrapper .section-image .section-image-wrapper {
          display: flex;
          gap: 20px;
          height: 100%;
          position: relative; }
          .section .container .section-wrapper .section-image .section-image-wrapper .grid-particle {
            width: 100%;
            max-width: 100px;
            height: 100px;
            position: absolute;
            right: 6%;
            top: -8%;
            z-index: 0;
            fill: #8C6EF0; }
          .section .container .section-wrapper .section-image .section-image-wrapper .section-image-poster-wrappper {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            max-width: 600px;
            background-color: #FFFFFF;
            height: 100%;
            position: relative;
            z-index: 2; }
            .section .container .section-wrapper .section-image .section-image-wrapper .section-image-poster-wrappper .section-image-poster-image {
              width: 100%;
              max-width: 555px;
              height: 100%;
              max-height: 800px; }
            @media (max-width: 960px) {
              .section .container .section-wrapper .section-image .section-image-wrapper .section-image-poster-wrappper {
                margin: 0 auto; } }

.section.is-relative {
  position: relative;
  overflow: hidden; }
  .section.is-relative .circle-partical {
    position: absolute;
    background-color: rgba(60, 18, 202, 0.1);
    width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 600px;
    border-radius: 100%;
    filter: blur(100px);
    top: -20%;
    left: -10%;
    z-index: 0; }

.section.is-white {
  background-color: #FFFFFF; }
  .section.is-white .is-relative .circle-partical {
    background: rgba(114, 87, 203, 0.2); }

.section.is-primary-2 {
  background-color: #D6E0FB; }
  @media (max-width: 960px) {
    .section.is-primary-2 {
      padding: 48px 0; } }

.section.is-primary-3 {
  background-color: #B1C5FF; }
  @media (max-width: 960px) {
    .section.is-primary-3 {
      padding: 48px 0; } }

.section.has-no-padding {
  padding: 0; }

.section.has-padding-bottom {
  padding: 0;
  padding-bottom: 48px; }

.intro-section-01 {
  background-image: linear-gradient(to bottom right, #52bb4b, #15754a); }
  .intro-section-01.is-gradient .navbar {
    background-color: transparent; }
    .intro-section-01.is-gradient .navbar .navbar-menu-item-link {
      color: #FFFFFF; }
  .intro-section-01 .intro-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0; }
    .intro-section-01 .intro-section-wrapper .intro-section-texts.full-width {
      width: 100%;
      display: flex;
      justify-content: space-between; }
    .intro-section-01 .intro-section-wrapper .intro-section-texts .intro-section-texts-wrapper {
      max-width: 600px;
      height: 280px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .intro-section-01 .intro-section-wrapper .intro-section-texts .intro-section-texts-wrapper .intro-section-title {
        font-size: 62px;
        font-weight: 700;
        color: #FFFFFF; }
      .intro-section-01 .intro-section-wrapper .intro-section-texts .intro-section-texts-wrapper .intro-section-subtitle {
        font-size: 32px;
        color: #FFFFFF; }
    .intro-section-01 .intro-section-wrapper .intro-section-image {
      display: flex;
      justify-content: space-between;
      width: 600px;
      height: 400px; }
      .intro-section-01 .intro-section-wrapper .intro-section-image .intro-section-image-left {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between; }
        .intro-section-01 .intro-section-wrapper .intro-section-image .intro-section-image-left .image-left-top {
          width: 200px;
          height: 200px;
          object-fit: cover; }
        .intro-section-01 .intro-section-wrapper .intro-section-image .intro-section-image-left .image-left-bottom {
          width: 280px;
          height: 180px; }
      .intro-section-01 .intro-section-wrapper .intro-section-image .intro-section-image-right .image-right {
        width: 300px;
        height: 400px; }

.life-dc-project-section .life-dc-project {
  display: flex;
  justify-content: center;
  gap: 32px;
  width: 100%;
  font-family: 'Poppins'; }
  @media (max-width: 960px) {
    .life-dc-project-section .life-dc-project {
      flex-direction: column; } }
.life-dc-project-section .life-dc-project-main-title {
  width: 100%;
  max-width: 400px;
  border: 1px solid #2C2A2A;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 100px 32px 32px 32px;
  background: linear-gradient(0deg, #191919, #191919); }
  @media (max-width: 960px) {
    .life-dc-project-section .life-dc-project-main-title {
      max-width: 100%; } }
.life-dc-project-section .life-dc-project-title {
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 700; }
.life-dc-project-section .life-dc-project-content {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400; }
.life-dc-project-section .life-dc-project-next-title {
  border-radius: 32px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #2C2A2A;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #191919 100%);
  width: 100%;
  max-width: 770px;
  height: auto;
  padding: 32px; }
  @media (max-width: 960px) {
    .life-dc-project-section .life-dc-project-next-title {
      max-width: 100%; } }
  @media (max-width: 550px) {
    .life-dc-project-section .life-dc-project-next-title {
      align-items: center; } }
.life-dc-project-section .life-dc-project-next-subtitle {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: center; }
  @media (max-width: 800px) {
    .life-dc-project-section .life-dc-project-next-subtitle {
      display: grid;
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 550px) {
    .life-dc-project-section .life-dc-project-next-subtitle {
      grid-template-columns: repeat(1, 1fr); } }
.life-dc-project-section .life-dc-project-subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: linear-gradient(132.05deg, #191919 0%, #212121 52%, #000000 100%);
  box-shadow: 0px 2px 1px 0px rgba(255, 255, 255, 0.2) inset;
  width: 160px;
  border-radius: 16px;
  padding: 40px 20px 20px 20px;
  transition: all .3s ease-in-out; }
  .life-dc-project-section .life-dc-project-subtitle:hover {
    color: #FFC700; }
    .life-dc-project-section .life-dc-project-subtitle:hover .icon {
      fill: #FFC700;
      transition: all .3s ease-in-out; }
.life-dc-project-section .icon {
  min-width: 60px;
  min-height: 60px;
  fill: #FFFFFF;
  display: inline-block; }
.life-dc-project-section .life-dc-project-next-title-content {
  color: #E0E0E0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5; }
.life-dc-project-section .new-icon {
  fill: #FFFFFF;
  min-width: 32px;
  min-height: 32px; }
  @media (max-width: 800px) {
    .life-dc-project-section .new-icon {
      display: none; } }

.section {
  position: relative;
  background-color: transparent; }
  .section .section-mask {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%; }
    .section .section-mask .section-background {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      display: flex;
      justify-content: center;
      align-items: center; }
      .section .section-mask .section-background-img {
        width: 130vw;
        position: absolute;
        left: 0vw; }
    .section .section-mask .section-container {
      position: relative;
      z-index: 2;
      padding: 0 1rem;
      height: 100%; }
      .section .section-mask .section-container .section-wrapper {
        height: 100%; }
        @media (max-width: 960px) {
          .section .section-mask .section-container .section-wrapper {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem; } }
  .section .section-columns {
    display: flex;
    height: 100%;
    margin-left: -.625rem;
    margin-right: -.625rem;
    align-items: stretch;
    width: 100%; }
    .section .section-columns .section-column {
      display: flex;
      justify-content: space-between;
      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; } }
.hero-section-4-navbar-brand {
  display: flex;
  align-items: center; }
  .hero-section-4-navbar-brand .navbar-brand-image {
    height: 3.5rem !important; }
  .hero-section-4-navbar-brand .heading {
    font-size: 16px;
    color: #FFFFFF;
    font-family: "Archivo"; }

.hero-section-4 {
  position: relative;
  background-color: #0f022d;
  overflow: hidden;
  height: 100vh; }
  .hero-section-4 .container {
    position: relative;
    z-index: 2; }
  .hero-section-4 .navbar-brand {
    width: 60px;
    height: 60px;
    display: flex; }
  .hero-section-4 .navbar-brand-image {
    width: 100%;
    height: 100%; }
  .hero-section-4 .section-4-header {
    display: flex; }
  .hero-section-4 .heading {
    font-size: 16px;
    color: #FFFFFF;
    transform: translatey(20px);
    font-family: "Archivo"; }
  .hero-section-4 .hero-section-wrapper {
    height: 100%; }
  .hero-section-4 .hero-title {
    color: #FFFFFF; }
  .hero-section-4 .hero-title {
    width: 100%;
    max-width: 400px;
    font-size: 48px;
    font-weight: 400;
    line-height: 52px;
    font-family: "Archivo"; }
  .hero-section-4 .hero-subtitle {
    font-size: 16px;
    width: 100%;
    max-width: 290px;
    color: #a8a8a8;
    font-family: "Archivo";
    margin-top: -12px; }
  .hero-section-4 .hero-section-texts {
    display: flex;
    height: 100%; }
  .hero-section-4 .hero-section-texts-wrapper {
    padding: 40px;
    margin: auto 0; }
  .hero-section-4 .hero-section-image {
    margin-top: auto; }
  .hero-section-4 .bars {
    position: absolute;
    bottom: 8px;
    width: 100%; }
  .hero-section-4 .bars-wrapper {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-size: 8px; }
  .hero-section-4 .bar-label {
    color: #dedbe8;
    margin-top: 8px; }
  .hero-section-4 .bar {
    width: 250px;
    height: 1px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    color: #a2a4a8;
    gap: 20px; }
  .hero-section-4 .bar.is-active {
    background: rgba(255, 255, 255, 0.5);
    padding: 0; }
  .hero-section-4 .section-4-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }

.large-gradient-circle {
  width: 75vw;
  height: 75vw;
  border-radius: 100%;
  background: radial-gradient(circle at right, #ffaa33, #8c2ea0, #240d69, #0a0112, #09030f);
  position: absolute;
  top: 0;
  transform: translateX(-40%); }

.small-gradient-circle {
  width: 75vw;
  height: 75vw;
  border-radius: 100%;
  background: radial-gradient(circle at right, #09030f, #0a0112, #2f1582, #8c2ea0);
  position: absolute;
  top: -55%;
  right: -40%; }

.section-showcase-2 {
  background-color: #FFFFFF; }
  .section-showcase-2 .hero-title {
    width: 100%;
    max-width: 400px;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    color: #203761; }
  .section-showcase-2 .hero-subtitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #81aaf7;
    width: 100%;
    max-width: 450px; }
  .section-showcase-2 .popup-card-button {
    width: 100px;
    height: 48px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    background-color: #192b5e;
    color: #E0E0E0; }
  .section-showcase-2 .popup-card-form {
    display: flex;
    width: 100%;
    max-width: 600px; }
  .section-showcase-2 .header-part {
    display: flex; }
  .section-showcase-2 .heading {
    color: #394d73;
    font-weight: 700;
    font-size: 68px;
    font-family: "Oswald", sans-serif;
    position: relative; }
  .section-showcase-2 .img image {
    width: 20px;
    height: 20px; }
  .section-showcase-2 .hero-section-image.is-left {
    width: 50%;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden; }

.container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.logo-text {
  color: #333;
  font-weight: 600;
  font-size: 1rem; }

a {
  color: inherit; }

/*
body {
padding: 200px;
		 background-color: #000000;
}
*/
.event-none {
  pointer-events: none; }

.width-full {
  width: 100vw; }

.height-full {
  height: 100vh !important; }

.height-100-percentage {
  height: 100%;
  max-height: 100% !important; }

.width-100-percentage {
  width: 100% !important;
  max-width: 100% !important; }

.mx-width-200 {
  max-width: 200px !important; }

.mx-with-150 {
  max-width: 150px !important; }

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

.text-black {
  color: #000000 !important; }

.justify-center {
  display: flex;
  justify-content: center !important; }

.flex-row {
  flex-direction: row !important; }

.space-inherit {
  justify-content: inherit !important; }

@media (max-width: 550px) {
  .flex-col-mobile {
    flex-direction: column !important; } }

.flex-col {
  flex-direction: column !important; }

.overflow-visible {
  overflow: visible !important; }

.shadow-001 {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.list {
  position: relative; }
  .list-item {
    margin: .25rem 0; }

.bg-black {
  background-color: #000000 !important; }

@media (max-width: 960px) {
  .section-title, .section-subtitle {
    text-align: left; }

  .section-title {
    font-size: 1.5rem; } }
@media (max-width: 960px) {
  .jplive-footer-section .footer-section-logo {
    height: 2rem;
    margin-bottom: 1rem; }
  .jplive-footer-section .footer-section-brand-title {
    font-size: 1.25rem; }
  .jplive-footer-section .footer-section-copyright-container .footer-section-copyright {
    margin-top: 1.5rem; }
  .jplive-footer-section .footer-section .list-section .list .list-item {
    font-size: 14px; } }
@media (max-width: 550px) {
  .jplive-footer-section .footer-section {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2rem; }
    .jplive-footer-section .footer-section-logo {
      height: 2rem;
      margin-bottom: 1rem; }
    .jplive-footer-section .footer-section-brand-title {
      font-size: 1.25rem; }
    .jplive-footer-section .footer-section-copyright-container {
      grid-area: auto/span 2; }
      .jplive-footer-section .footer-section-copyright-container .footer-section-copyright {
        margin-top: 1.5rem; }
    .jplive-footer-section .footer-section .list-section .list .list-item {
      font-size: 14px; } }
.mt-0 {
  margin-top: 0 !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-1rem {
  margin-top: 1rem !important; }

.mt-3rem {
  margin-top: 3rem !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-32 {
  margin-bottom: 32px !important; }

.mb-3rem {
  margin-bottom: 3rem !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mx-auto {
  margin: 0 auto !important; }

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

.gap-12 {
  gap: 12px !important; }

.gap-20 {
  gap: 20px !important; }

.p-0 {
  padding: 0 !important; }

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

.pt-100 {
  padding-top: 100px !important; }
  @media (max-width: 960px) {
    .pt-100 {
      padding: 50px 0 !important; } }
  @media (max-width: 700px) {
    .pt-100 {
      padding: 25px 0 !important; } }

.zero-roundnes {
  border-radius: 0 !important; }

.roundnes-8 {
  border-radius: 8px !important; }

.no-border {
  border: 0 !important;
  border: none !important; }

.spinner {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 9999px;
  border: 0.25rem solid #555555;
  position: relative; }
  .spinner::after {
    content: "";
    position: absolute;
    left: -0.25rem;
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    border: 0.25rem solid #000000;
    border-radius: 9999px;
    border-color: transparent #FFA735 transparent #FFA735;
    animation: spin .7s linear infinite;
    box-sizing: inherit; }
  .spinner.is-large {
    width: 7rem;
    height: 7rem;
    border-width: 0.5rem; }
    .spinner.is-large::after {
      left: -0.5rem;
      top: -0.5rem;
      right: -0.5rem;
      bottom: -0.5rem;
      border: 0.5rem solid #000000;
      border-color: transparent #FFA735 transparent #FFA735; }

hr {
  margin: 3rem 0;
  width: 100%;
  height: 4px;
  background-color: red; }

.font-2rem {
  font-size: 2rem !important; }
  @media (max-width: 550px) {
    .font-2rem {
      font-size: 1.5rem !important; } }

:target {
  animation: fade-out-outline 3s ease-in-out; }

.cryptocurrency-metrics {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem !important; }
  @media (max-width: 500px) {
    .cryptocurrency-metrics {
      flex-direction: column; }
      .cryptocurrency-metrics .livecoinwatch-widget-1 {
        margin: 0 !important;
        width: 100% !important; } }

.text-primary-light {
  color: rgba(255, 255, 255, 0.7); }

.video-background {
  position: relative;
  width: 100vw; }
  .video-background .bg-video {
    width: 100vw;
    position: fixed;
    top: 0; }

.mlm-section {
  padding-bottom: 5rem;
  background-image: url("/assets/img/bg-img.webp");
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: right;
  background-attachment: fixed; }
  @media (max-width: 700px) {
    .mlm-section {
      padding-bottom: 2.5rem; } }

.section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 92px); }

.bg-blur {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4); }

.hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(80vh - 80px); }
  .hero-section .section-container {
    display: flex;
    align-items: center; }
  .hero-section .hero-section-wrapper {
    padding: 100px 0 50px 0; }
    @media (max-width: 960px) {
      .hero-section .hero-section-wrapper {
        padding: 120px 0 50px 0; } }
    @media (max-width: 700px) {
      .hero-section .hero-section-wrapper {
        padding-bottom: 32px; } }
  .hero-section .mlm-section-page {
    display: flex;
    align-items: center;
    gap: 2rem; }
    .hero-section .mlm-section-page .login-form, .hero-section .mlm-section-page .hero-section-texts {
      width: 50%; }
      @media (max-width: 960px) {
        .hero-section .mlm-section-page .login-form, .hero-section .mlm-section-page .hero-section-texts {
          width: 100%; } }
    @media (max-width: 960px) {
      .hero-section .mlm-section-page {
        flex-direction: column-reverse;
        padding-top: 60px; } }
  .hero-section .hero-section-texts {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    text-align: left; }
    .hero-section .hero-section-texts .button {
      width: auto; }
    .hero-section .hero-section-texts .hero-title {
      font-weight: 800;
      font-size: 2rem;
      color: #FFFFFF; }
      @media (max-width: 960px) {
        .hero-section .hero-section-texts .hero-title {
          font-size: 1.5rem; } }
      @media (max-width: 550px) {
        .hero-section .hero-section-texts .hero-title {
          font-size: 1.25rem; } }
    .hero-section .hero-section-texts .hero-subtitle {
      color: #FFFFFF;
      font-size: 1.25rem; }
      @media (max-width: 960px) {
        .hero-section .hero-section-texts .hero-subtitle {
          font-size: 1rem; } }
  .hero-section .hero-form {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    max-width: 1024px;
    background-color: rgba(255, 255, 255, 0.54);
    backdrop-filter: blur(8px) saturate(160%);
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
    border-radius: 16px;
    transition: all 0.2s linear; }
    .hero-section .hero-form:hover {
      border-color: #FFFFFF; }
    @media (max-width: 960px) {
      .hero-section .hero-form {
        border-color: #FFFFFF; } }
    @media (max-width: 800px) {
      .hero-section .hero-form {
        position: relative;
        left: inherit;
        transform: inherit; } }

.our-service-section .section-wrapper {
  padding: 50px 0; }

.our-service-section .section-columns, .article-section .section-columns, .faq-section .section-columns {
  gap: 64px; }
  @media (max-width: 960px) {
    .our-service-section .section-columns, .article-section .section-columns, .faq-section .section-columns {
      gap: 32px; } }
  @media (max-width: 700px) {
    .our-service-section .section-columns, .article-section .section-columns, .faq-section .section-columns {
      gap: 16px; } }

.feature-section .section-wrapper {
  flex-direction: column;
  gap: 64px !important; }
.feature-section .section-title {
  text-align: left; }
@media (max-width: 800px) {
  .feature-section .section-columns {
    flex-direction: column !important; } }
.feature-section .section-column-texts {
  justify-content: end; }
.feature-section .feature-text {
  padding: 0 20px;
  max-width: 1024px;
  margin: 0 auto;
  margin-bottom: 50px; }

.article-section .section-title {
  font-size: 120px; }
  @media (max-width: 960px) {
    .article-section .section-title {
      font-size: 100px; } }
  @media (max-width: 800px) {
    .article-section .section-title {
      font-size: 80px; } }
  @media (max-width: 700px) {
    .article-section .section-title {
      font-size: 60px; } }
  @media (max-width: 550px) {
    .article-section .section-title {
      font-size: 40px; } }
  @media (max-width: 480px) {
    .article-section .section-title {
      font-size: 40px; } }
.article-section .section-column {
  align-items: end; }

.h-scrollable-section {
  padding: 0 !important;
  height: 100vh; }
  @media (max-width: 700px) {
    .h-scrollable-section {
      height: 50vh; } }
  .h-scrollable-section .section-subtitle {
    text-align: center;
    color: #FFFFFF; }
  .h-scrollable-section .section-background {
    z-index: 0; }
  .h-scrollable-section .bg-video {
    position: absolute;
    z-index: -1;
    height: 100%; }

.home {
  padding: 0;
  height: 100vh; }
  .home-metric-cards {
    display: flex;
    flex-direction: column;
    justify-content: center; }

.bg-green {
  background-color: #018E35; }
  .bg-green:hover {
    background-color: #04772E; }

.label {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 500; }

.input {
  background-color: rgba(255, 255, 255, 0.14);
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 32rem;
  font-size: 1rem;
  min-width: 180px;
  transition: all 0.2s ease-in;
  color: #FFFFFF; }
  .input::placeholder {
    color: rgba(255, 255, 255, 0.4); }

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); }

input[type="file"] {
  color: #FFFFFF; }

.checkmark {
  color: #20E368;
  width: 1.5rem;
  display: flex;
  margin: 0 4px; }

.page-loader {
  background: linear-gradient(rgba(255, 255, 255, 0.2)), url("/assets/img/bg-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: blur(32px);
  position: fixed;
  top: 0;
  z-index: 999999999999999;
  display: none; }
  .page-loader.is-visible {
    display: block; }
  .page-loader-wrapper {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    animation: loadingAnimation 2s linear, blurAnimation 0.8s linear; }
  .page-loader .page-loader-img {
    width: 100px; }
  .page-loader .page-loader-text {
    font-size: 64px;
    font-weight: 900;
    color: #FFFFFF; }
    @media (max-width: 700px) {
      .page-loader .page-loader-text {
        font-size: 42px; } }
  .page-loader .page-loader-nabh {
    width: 200px; }
    @media (max-width: 700px) {
      .page-loader .page-loader-nabh {
        width: 150px; } }

.is-gradient .metric-card-icon {
  background: linear-gradient(to bottom right, #b9ef8d 20%, #79dd85 70%); }

.metric-card-icon-svg {
  width: 50px;
  height: 50px;
  color: #FFFFFF;
  fill: #FFFFFF;
  filter: invert(1); }
  @media (max-width: 550px) {
    .metric-card-icon-svg {
      width: 40px;
      height: 40px; } }

.service-page {
  background-color: #EFEFEF; }
  .service-page .service-hero {
    padding-top: 150px !important;
    padding-bottom: inherit !important; }
    .service-page .service-hero .section-wrapper {
      flex-direction: column; }
    .service-page .service-hero-footer {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: end;
      gap: 32px;
      padding: 20px 0; }
      .service-page .service-hero-footer-text {
        align-self: flex-end;
        max-width: 500px;
        font-size: 20px;
        font-weight: 400;
        margin-right: 20%; }
      .service-page .service-hero-footer-body {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: end; }
        .service-page .service-hero-footer-body-left-title {
          font-size: 20px;
          margin-bottom: 12px;
          color: #7b7b7b; }
        .service-page .service-hero-footer-body-right {
          width: 72px;
          height: 72px; }
      .service-page .service-hero-footer-bottom {
        width: 100%; }
    .service-page .service-hero .section-columns .section-column {
      align-items: end;
      gap: 32px; }
      .service-page .service-hero .section-columns .section-column-texts {
        width: 65%;
        justify-content: center;
        max-width: 750px; }
        .service-page .service-hero .section-columns .section-column-texts-title {
          font-size: 90px;
          font-weight: 600;
          line-height: 1.25; }
      .service-page .service-hero .section-columns .section-column-poster {
        width: 35%;
        max-width: 420px;
        height: 100%;
        max-height: 420px;
        border-radius: 100%;
        overflow: hidden; }
        .service-page .service-hero .section-columns .section-column-poster-banner {
          width: 100%;
          height: 100%; }
  .service-page .feature-section .section-title, .service-page .article-section .section-title {
    font-size: 64px; }
  .service-page .feature-section .section-column, .service-page .article-section .section-column {
    align-items: end; }
  .service-page .has-only-texts {
    padding-bottom: 0 !important; }
    .service-page .has-only-texts .section-columns {
      align-items: center;
      gap: 64px; }
    .service-page .has-only-texts .section-title {
      font-size: 48px;
      margin-top: 0 !important;
      font-weight: 500;
      line-height: 1.25; }
    .service-page .has-only-texts .section-subtitle {
      padding-left: 32px; }
  .service-page .our-service-section .section-column {
    flex-direction: column; }
    .service-page .our-service-section .section-column .section-title {
      font-size: 64px; }
  .service-page .interested-section {
    padding-bottom: 100px !important;
    height: 85vh;
    background-color: #000000; }
    .service-page .interested-section .container {
      height: 100%; }
    .service-page .interested-section .section-wrapper {
      position: relative;
      z-index: 99999;
      height: 100%; }
      .service-page .interested-section .section-wrapper .section-title {
        font-size: 84px; }
      .service-page .interested-section .section-wrapper .section-column-texts.circle {
        border: 2px solid #FFFFFF;
        border-radius: 100%;
        padding: 20px;
        width: 350px;
        height: 350px;
        background-color: transparent;
        text-align: center;
        color: white;
        cursor: pointer;
        transition: all 300ms ease-in; }
        .service-page .interested-section .section-wrapper .section-column-texts.circle .underline-text {
          transition: all 300ms ease-in; }
        .service-page .interested-section .section-wrapper .section-column-texts.circle:hover {
          background-color: #FFFFFF;
          color: black; }
          .service-page .interested-section .section-wrapper .section-column-texts.circle:hover .underline-text {
            color: black; }
            .service-page .interested-section .section-wrapper .section-column-texts.circle:hover .underline-text::after {
              width: 0; }

.marketing-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%; }
  @media (max-width: 800px) {
    .marketing-products {
      grid-template-columns: repeat(2, 1fr); } }
  .marketing-products .marketing-product-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px; }
    .marketing-products .marketing-product-row.first-row {
      grid-column: span 2 / span 2; }
    .marketing-products .marketing-product-row .marketing-product-column {
      border-radius: 20px;
      overflow: hidden;
      height: 100%; }
      .marketing-products .marketing-product-row .marketing-product-column-banner {
        height: 100%;
        object-fit: cover;
        width: 100%;
        object-position: center; }
        @media (max-width: 800px) {
          .marketing-products .marketing-product-row .marketing-product-column-banner {
            max-height: 500px;
            width: 100%; } }

.branding-service-column {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.works-page .service-hero {
  background-color: #FFFFFF;
  padding-top: 0 !important;
  height: 100vh; }
  .works-page .service-hero .section-wrapper {
    padding-top: 150px;
    position: relative;
    z-index: 999; }
  .works-page .service-hero .service-hero-footer {
    margin-top: 50px; }
  .works-page .service-hero .service-hero-footer-texts {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%; }
    .works-page .service-hero .service-hero-footer-texts .service-hero-footer-title {
      font-size: 60px;
      font-weight: 600;
      line-height: 1;
      position: relative; }
      .works-page .service-hero .service-hero-footer-texts .service-hero-footer-title::before {
        content: "";
        width: 1px;
        height: 80%;
        background-color: #000000;
        position: absolute;
        left: -20px;
        bottom: 6px; }
    .works-page .service-hero .service-hero-footer-texts .service-hero-footer-text {
      margin-right: -28%; }
.works-page .feature-section {
  background-color: #FFFFFF !important; }
  .works-page .feature-section .feature-card-6 .feature-card-6-body-poster {
    height: auto !important;
    max-height: inherit; }
  .works-page .feature-section .feature-card-6-wrapper {
    border: 0.2px solid rgba(0, 0, 0, 0.3); }
  .works-page .feature-section .feature-card-6-header, .works-page .feature-section .feature-card-6-body {
    background-color: transparent; }
  .works-page .feature-section .feature-card-6 .feature-card-6-header-left, .works-page .feature-section .feature-card-6 .feature-card-6-header-right {
    color: #000000; }
.works-page.work-show-page .feature-section, .works-page.work-show-page .service-hero {
  background-color: inherit !important; }
.works-page.work-show-page .service-hero {
  height: inherit; }
.works-page.work-show-page .section-column-texts-title {
  font-size: 64px !important; }
.works-page.work-show-page .multiple-cards {
  grid-template-columns: repeat(2, 1fr) !important; }
  @media (max-width: 1200px) {
    .works-page.work-show-page .multiple-cards {
      gap: 12px; } }
.works-page.work-show-page .feature-cards-6 {
  gap: 32px; }
  .works-page.work-show-page .feature-cards-6 .feature-card-6-wrapper {
    border: none; }
.works-page.work-show-page .section-column {
  padding: 50px;
  align-items: inherit;
  justify-content: space-around; }
.works-page.work-show-page .list-itmes-row {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px; }
  .works-page.work-show-page .list-itmes-row-item {
    margin-bottom: 4px; }
.works-page.work-show-page .work-show-page-text-section .section-column {
  max-width: 80%; }
  .works-page.work-show-page .work-show-page-text-section .section-column-texts-title {
    font-size: 48px !important;
    font-weight: 600;
    margin-bottom: 16px; }
  .works-page.work-show-page .work-show-page-text-section .section-column-texts-subtitle {
    max-width: 75%; }
@media (max-width: 960px) {
  .works-page.work-show-page .work-show-page-text-section .section-column, .works-page.work-show-page .work-show-page-text-section .section-column-texts-subtitle {
    max-width: 100%; } }

.video-section {
  padding: 0 !important;
  height: 100vh; }

.stat-section .section-wrapper {
  flex-direction: column; }
  .stat-section .section-wrapper .section-column {
    padding: 0; }

.blogs-page .service-hero {
  padding-bottom: 50px !important; }
.blogs-page .feature-card-5 {
  position: relative; }
  .blogs-page .feature-card-5-wrapper {
    flex-direction: column; }
    .blogs-page .feature-card-5-wrapper .feature-card-5-poster, .blogs-page .feature-card-5-wrapper .feature-card-5-texts {
      width: 100%; }
      .blogs-page .feature-card-5-wrapper .feature-card-5-poster-title, .blogs-page .feature-card-5-wrapper .feature-card-5-texts-title {
        line-height: inherit;
        font-size: 36px !important; }
      .blogs-page .feature-card-5-wrapper .feature-card-5-poster-wrapper, .blogs-page .feature-card-5-wrapper .feature-card-5-texts-wrapper {
        max-height: inherit !important;
        border-radius: 12px; }
.blogs-page .article-section {
  padding: 0 !important; }
  .blogs-page .article-section .section-wrapper {
    padding: 50px 0;
    border-top: 1px solid #000000; }
    .blogs-page .article-section .section-wrapper .cards-7-wrapper {
      gap: 32px 20px; }
    .blogs-page .article-section .section-wrapper .card-7-title {
      color: #000000; }
    .blogs-page .article-section .section-wrapper .card-7:hover .card-7-title {
      color: #333333 !important; }

.blog-section .section-wrapper {
  padding: 150px 20px 50px 20px; }
  .blog-section .section-wrapper .section-hero {
    width: 100%;
    height: 100%;
    max-height: 600px;
    border-radius: 12px;
    overflow: hidden; }
    .blog-section .section-wrapper .section-hero-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }

.blog-show-page .section {
  background-color: #EFEFEF; }
.blog-show-page .hero-section {
  height: 100%;
  min-height: 100%; }
  @media (max-width: 700px) {
    .blog-show-page .hero-section {
      padding: 25px 0 !important; } }
  .blog-show-page .hero-section .container {
    padding: 0 20px; }
    @media (max-width: 960px) {
      .blog-show-page .hero-section .container {
        padding: 0; } }
  .blog-show-page .hero-section .hero-section-wrapper {
    width: 100%;
    align-items: flex-start;
    gap: 32px; }
    @media (max-width: 960px) {
      .blog-show-page .hero-section .hero-section-wrapper {
        background: transparent;
        flex-direction: column;
        padding: 0 16px; } }
    .blog-show-page .hero-section .hero-section-wrapper .hero-section-right, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper {
      width: 60%; }
      @media (max-width: 960px) {
        .blog-show-page .hero-section .hero-section-wrapper .hero-section-right, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper {
          width: 100%; } }
      .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        overflow: hidden; }
        .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-header, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-header {
          width: 100%;
          max-width: 100%;
          height: 100%;
          overflow: hidden; }
          .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-header .hero-section-right-header-image, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-header .hero-section-right-header-image {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-body .hero-section-right-body-title, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-body .hero-section-right-body-title {
          font-size: 32px;
          line-height: 1; }
          @media (max-width: 700px) {
            .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-body .hero-section-right-body-title, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-body .hero-section-right-body-title {
              font-size: 24px; } }
        .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer {
          width: 100%; }
          .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper {
            display: flex;
            align-items: end;
            gap: 24px;
            padding-bottom: 12px; }
            .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left {
              display: flex;
              align-items: center;
              gap: 12px; }
              .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-avatar, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-avatar {
                width: 40px;
                height: 40px;
                border-radius: 100%;
                overflow: hidden; }
                .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-avatar .hero-section-right-footer-left-avatar-image, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-avatar .hero-section-right-footer-left-avatar-image {
                  width: 100%;
                  height: 100%; }
              .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail {
                display: flex;
                flex-direction: column;
                gap: 8px; }
                .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail .hero-section-right-footer-left-detail-title, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail .hero-section-right-footer-left-detail-title {
                  font-size: 16px;
                  font-weight: 400;
                  color: #333333;
                  line-height: 1; }
                .blog-show-page .hero-section .hero-section-wrapper .hero-section-right .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail .hero-section-right-footer-left-detail-text, .blog-show-page .hero-section .hero-section-wrapper .blog-section-wrapper .hero-section-right-wrapper .hero-section-right-footer .hero-section-right-footer-wrapper .hero-section-right-footer-left .hero-section-right-footer-left-detail .hero-section-right-footer-left-detail-text {
                  font-size: 16px;
                  font-weight: 400;
                  color: #333333;
                  line-height: 1; }
.blog-show-page .hero-section-left {
  width: 40%;
  height: 100%; }
  @media (max-width: 960px) {
    .blog-show-page .hero-section-left {
      width: 100%; } }
  .blog-show-page .hero-section-left .hero-section-left-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 20px; }
    .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body {
      display: grid;
      grid-template-columns: repeat(1, 1fr); }
      .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail {
        display: flex;
        align-items: center;
        padding: 20px;
        gap: 12px;
        color: #E0E0E0;
        transition: all 200ms ease-in; }
        .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-poster-image {
          transition: all 200ms ease-in; }
        .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail:hover .hero-section-left-body-detail-poster-image {
          transform: scale(1.05); }
        @media (max-width: 700px) {
          .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail {
            width: 100%;
            min-width: 200px;
            padding-left: 0; } }
        .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail:hover {
          background-color: #E0E0E0; }
        .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-poster {
          width: 100%;
          max-width: 160px;
          min-width: 160px;
          height: 100%;
          max-height: 100px;
          overflow: hidden; }
          @media (max-width: 550px) {
            .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-poster {
              min-width: 100px; }
              .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-poster.section-image {
                max-width: 120px;
                max-height: 80px; } }
          .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-poster .hero-section-left-body-detail-poster-image {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center; }
        .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-content {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          color: #333333; }
          .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-content-text {
            font-size: 16px;
            font-weight: 400; }
            @media (max-width: 550px) {
              .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-content-text {
                font-size: 14px; } }
          .blog-show-page .hero-section-left .hero-section-left-wrapper .hero-section-left-body .hero-section-left-body-detail .hero-section-left-body-detail-content-time {
            color: #555555; }
.blog-show-page .hero-section-footer-views {
  display: flex;
  gap: 16px;
  height: 100%;
  align-items: end; }
  .blog-show-page .hero-section-footer-views .hero-section-footer-views-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px; }
    .blog-show-page .hero-section-footer-views .hero-section-footer-views-detail .hero-section-footer-views-detail-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px; }
    .blog-show-page .hero-section-footer-views .hero-section-footer-views-detail .hero-section-footer-views-detail-icon {
      width: 16px;
      display: flex;
      align-items: center;
      fill: #555555; }
    .blog-show-page .hero-section-footer-views .hero-section-footer-views-detail .hero-section-footer-views-detail-text {
      font-size: 16px;
      font-weight: 400;
      color: #555555; }
.blog-show-page .content-header {
  display: flex;
  align-items: center;
  gap: 12px; }
  .blog-show-page .content-header .content-header-left-bar {
    width: 4px;
    height: 24px;
    background-color: #000000; }
    .blog-show-page .content-header .content-header-left-bar.large {
      width: 5px;
      height: 30px; }
      @media (max-width: 550px) {
        .blog-show-page .content-header .content-header-left-bar.large {
          height: 24px; } }
  .blog-show-page .content-header .content-header-title {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 1; }
.blog-show-page .article-section-details .article-section-details-wrapper .article-section-details-description {
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 20px;
  font-weight: 400;
  color: #E0E0E0; }
  @media (max-width: 700px) {
    .blog-show-page .article-section-details .article-section-details-wrapper .article-section-details-description {
      font-size: 16px; } }
.blog-show-page .article-section-details-vote-text .article-section-details-vote-text-title {
  font-size: 20px;
  font-weight: 600;
  color: #E0E0E0; }
.blog-show-page .article-section-details-vote-text .article-section-details-vote-text-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: #E0E0E0; }
@media (max-width: 700px) {
  .blog-show-page .comment-section {
    padding: 25px 0 !important; } }
.blog-show-page .comment-section .section-wrapper {
  flex-direction: column; }
.blog-show-page .comment-section .section-buttons-cta {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  color: #E0E0E0; }
  .blog-show-page .comment-section .section-buttons-cta:hover {
    color: #FFFFFF; }
.blog-show-page .comment-section .contact-form {
  width: 100%;
  max-width: 700px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 24px; }
.blog-show-page .main-blog-section {
  padding: 150px 0 0 0 !important; }
  .blog-show-page .main-blog-section .hero-section-right {
    width: 100% !important; }
    .blog-show-page .main-blog-section .hero-section-right-header-image {
      border-radius: 12px; }
    .blog-show-page .main-blog-section .hero-section-right .hero-section-right-body-title {
      font-size: 48px !important;
      line-height: 1.25 !important; }
      @media (max-width: 700px) {
        .blog-show-page .main-blog-section .hero-section-right .hero-section-right-body-title {
          font-size: 32px !important; } }
.blog-show-page .blog-section .blog-section-wrapper {
  overflow: hidden; }
  .blog-show-page .blog-section .blog-section-wrapper h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    color: #555555;
    margin-bottom: 16px; }
    @media (max-width: 700px) {
      .blog-show-page .blog-section .blog-section-wrapper h1 {
        font-size: 24px; } }
  .blog-show-page .blog-section .blog-section-wrapper div {
    font-size: 20px;
    font-weight: 400;
    color: #555555;
    line-height: 1.75; }
    @media (max-width: 700px) {
      .blog-show-page .blog-section .blog-section-wrapper div {
        font-size: 16px; } }
  .blog-show-page .blog-section .blog-section-wrapper img {
    width: 100%;
    height: auto;
    margin: 20px 0; }
  .blog-show-page .blog-section .blog-section-wrapper figure figcaption {
    display: none; }
  .blog-show-page .blog-section .blog-section-wrapper strong {
    font-weight: 700; }
  .blog-show-page .blog-section .blog-section-wrapper blockquote {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    border-left: 6px solid #888888;
    padding-left: 20px;
    margin: 16px 0;
    margin-left: 24px;
    line-height: 1; }
    .blog-show-page .blog-section .blog-section-wrapper blockquote::before {
      content: '"';
      font-size: 32px;
      margin-left: -12px; }
    .blog-show-page .blog-section .blog-section-wrapper blockquote::after {
      content: '"';
      font-size: 32px; }
    @media (max-width: 700px) {
      .blog-show-page .blog-section .blog-section-wrapper blockquote {
        font-size: 20px;
        margin-left: 0; } }
  .blog-show-page .blog-section .blog-section-wrapper a {
    color: #05bbfd;
    transition: all 300ms ease-in; }
    .blog-show-page .blog-section .blog-section-wrapper a:hover {
      color: #555555; }
  .blog-show-page .blog-section .blog-section-wrapper ul, .blog-show-page .blog-section .blog-section-wrapper ol {
    margin: 8px 0; }
    .blog-show-page .blog-section .blog-section-wrapper ul li, .blog-show-page .blog-section .blog-section-wrapper ol li {
      margin-left: 2rem;
      list-style: disc;
      color: #555555;
      font-size: 20px; }
      @media (max-width: 700px) {
        .blog-show-page .blog-section .blog-section-wrapper ul li, .blog-show-page .blog-section .blog-section-wrapper ol li {
          font-size: 16px; } }
      .blog-show-page .blog-section .blog-section-wrapper ul li::marker, .blog-show-page .blog-section .blog-section-wrapper ol li::marker {
        color: #888888; }
  .blog-show-page .blog-section .blog-section-wrapper ol li {
    list-style: number; }

.careers-page .dropdown-section {
  padding: 0 !important;
  background-image: url("https://scontent.fccu2-2.fna.fbcdn.net/v/t39.2365-6/330798655_571265925050597_4270686630180425128_n.png?_nc_cat=104&ccb=1-7&_nc_sid=e280be&_nc_ohc=hVIUrI-3bgsQ7kNvgECpUok&_nc_ht=scontent.fccu2-2.fna&oh=00_AYCoTvBuGSkT9WDyOBpNDCJcXflPjYR2XLbMeGiS_3RUZg&oe=66F6717F");
  background-size: cover;
  background-position: center; }
  .careers-page .dropdown-section .section-wrapper {
    position: relative;
    z-index: 99;
    padding: 150px 0 50px 0; }
.careers-page .career-card-section {
  padding: 50px 0 !important; }

.about-page .about-service .section-column {
  align-items: center !important; }
.about-page .team-section {
  padding: 0 !important; }
  .about-page .team-section .team-section-wrapper {
    width: 100%; }
    .about-page .team-section .team-section-wrapper .section-column {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 0 40px 0; }
    .about-page .team-section .team-section-wrapper .section-title {
      font-size: 60px; }
    .about-page .team-section .team-section-wrapper .avatar-circles-wrapper {
      display: flex;
      justify-content: center;
      gap: 32px; }
      @media (max-width: 960px) {
        .about-page .team-section .team-section-wrapper .avatar-circles-wrapper {
          flex-direction: column; } }
    .about-page .team-section .team-section-wrapper .avatar-circles {
      display: flex;
      gap: 32px;
      justify-content: center;
      align-items: center;
      margin-top: 50px; }
      @media (max-width: 800px) {
        .about-page .team-section .team-section-wrapper .avatar-circles {
          flex-direction: column;
          margin-top: 20px; } }
      .about-page .team-section .team-section-wrapper .avatar-circles .avatar-circle {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
        max-width: 250px; }
        .about-page .team-section .team-section-wrapper .avatar-circles .avatar-circle-img {
          width: 100%;
          height: 250px;
          position: relative;
          z-index: 9; }
          .about-page .team-section .team-section-wrapper .avatar-circles .avatar-circle-img.shadow::after {
            content: "";
            width: 100%;
            max-width: 250px;
            height: 100%;
            border-radius: 100%;
            border: 2px solid transparent;
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: -1;
            background: linear-gradient(90deg, #633cc9, #3235e8, #325093, #1B009B);
            background-color: #ffffff;
            background-size: auto;
            background-clip: border-box;
            animation: StatisticsPanel_rainbow__FRjps 3s ease-in infinite;
            background-clip: border-box;
            background-size: 200% 200%; }
          .about-page .team-section .team-section-wrapper .avatar-circles .avatar-circle-img-poster {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 100%; }
        .about-page .team-section .team-section-wrapper .avatar-circles .avatar-circle-title {
          font-size: 20px;
          font-weight: 600;
          color: #000000; }
.about-page .cta-section .section-wrapper {
  padding: 0 !important; }
.about-page .feature-card-5-poster-wrapper {
  background: linear-gradient(to right, #0021DF 0%, #5AD5FB 100%); }
.about-page .banner-card-1 {
  width: 100%;
  background: url("http://appzillians.com/img/main-banner.png"), linear-gradient(to right, #0021DF 0%, #5AD5FB 100%);
  background-repeat: no-repeat;
  background-position: right;
  max-width: 900px;
  margin: 0 auto; }
.about-page .section-button:hover {
  color: #fff; }

.client-page .partner-logos .partner-logos-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 120px; }
  .client-page .partner-logos .partner-logos-wrapper .partner-logo-bg {
    display: flex;
    align-items: center;
    padding: 64px;
    background-color: rgba(51, 51, 51, 0.3);
    border-radius: 20px; }
.client-page .service-hero {
  padding-bottom: 150px !important; }
  .client-page .service-hero .section-column {
    display: flex;
    align-items: center !important; }
.client-page .h-scrollable-section {
  height: inherit !important;
  padding: 100px 0 0 0 !important; }
  .client-page .h-scrollable-section .banner-wrapper .banner-logo {
    min-width: inherit !important; }

.account-page {
  width: 100%; }
  .account-page-body {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    @media (max-width: 800px) {
      .account-page-body {
        gap: 1rem; } }
    .account-page-body .wallet-income-header {
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding: 1rem 0;
      display: flex;
      justify-content: space-between; }
      .account-page-body .wallet-income-header .wallet-income-text {
        font-size: 16px; }
        @media (max-width: 550px) {
          .account-page-body .wallet-income-header .wallet-income-text {
            font-size: 12px; } }
    .account-page-body .wallet-income-body {
      width: 100%; }
      .account-page-body .wallet-income-body-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        gap: 12px; }
        .account-page-body .wallet-income-body-item-text {
          font-size: 16px;
          color: #000000; }
          @media (max-width: 550px) {
            .account-page-body .wallet-income-body-item-text {
              font-size: 12px; } }
    .account-page-body .wallet-income .wallet-income-text, .account-page-body .wallet-income .wallet-card-num, .account-page-body .wallet-income .wallet-income-body-item-text {
      width: 100%; }
    .account-page-body .teams {
      display: flex;
      justify-content: space-between;
      text-align: center;
      gap: 1rem;
      color: #555555; }
      .account-page-body .teams .team {
        color: #333333;
        padding: 1rem  0;
        width: 25%; }
        @media (max-width: 550px) {
          .account-page-body .teams .team {
            padding: 12px 0; } }
        .account-page-body .teams .team-points {
          font-size: 16px;
          font-weight: 600; }
        .account-page-body .teams .team-text {
          font-size: 16px;
          font-weight: 600; }
          @media (max-width: 480px) {
            .account-page-body .teams .team-text {
              font-size: 12px; } }
        .account-page-body .teams .team-icon {
          margin-bottom: 8px; }
          .account-page-body .teams .team-icon-svg {
            width: 100%;
            height: 44px;
            object-fit: contain; }
            @media (max-width: 550px) {
              .account-page-body .teams .team-icon-svg {
                height: 34px; } }

@media (max-width: 550px) {
  .order-page .hero-section .hero-section-wrapper {
    padding: 50px 0; } }

.mlm-section input:focus, .mlm-section select:focus, .mlm-section textarea:focus {
  border-color: #FFFFFF; }
.mlm-section input input::placeholder, .mlm-section select input::placeholder, .mlm-section textarea input::placeholder {
  color: rgba(255, 255, 255, 0.4); }
@media (max-width: 550px) {
  .mlm-section .section .container {
    padding-left: 4px;
    padding-right: 4px; } }
.mlm-section .mlm-section-page {
  width: 100%; }

.scrolling-text {
  width: 100%;
  display: block;
  color: #ff00ff26;
  padding: 12px;
  font-weight: 600;
  overflow: hidden;
  transition: all 0.2s linear; }
  .scrolling-text:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .scrolling-text {
      border-color: #FFFFFF; } }
  .scrolling-text p {
    display: inline-flex;
    animation: scrolltext 20s linear infinite;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 1.25rem; }
  .scrolling-text:hover p {
    animation-play-state: paused; }

.account-page-item, .metric-card {
  width: 100%;
  padding: 2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  backdrop-filter: blur(12px);
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15), 0 1px 3px 0 rgba(255, 255, 255, 0.05) inset;
  border-radius: 1.5rem;
  transition: all 0.2s linear; }
  .account-page-item:hover, .metric-card:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  @media (max-width: 960px) {
    .account-page-item, .metric-card {
      border-color: rgba(255, 255, 255, 0.7); } }
  @media (max-width: 550px) {
    .account-page-item, .metric-card {
      padding: 1rem; } }

.avatar-img {
  width: 40px;
  height: 40px;
  border-radius: 100%; }

.section-mask .section-wrapper {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 550px) {
    .section-mask .section-wrapper {
      padding-bottom: 80px;
      padding-top: 80px; } }
  .section-mask .section-wrapper .login-box {
    margin-bottom: 0; }

.stake-page {
  width: 100%; }
  .stake-page .wallet-card-header-left {
    width: 100%;
    display: flex;
    gap: 1rem;
    color: #000000; }
  .stake-page .stake-images {
    padding-top: 1.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem; }
    @media (max-width: 700px) {
      .stake-page .stake-images {
        grid-template-columns: repeat(2, 1fr); } }
    .stake-page .stake-images .stake-image-item {
      width: 100%;
      height: 150px;
      object-fit: cover;
      border-radius: 8px; }
      @media (max-width: 550px) {
        .stake-page .stake-images .stake-image-item {
          height: 75px; } }

.withdrawal {
  width: 100%; }

.withdrawal-header {
  background-color: white;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(32px) saturate(160%);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  border-radius: 16px;
  transition: all 0.2s linear; }
  .withdrawal-header:hover {
    border-color: #FFFFFF; }
  @media (max-width: 960px) {
    .withdrawal-header {
      border-color: #FFFFFF; } }
  .withdrawal-header-text {
    font-size: 5rem;
    font-weight: 700;
    color: #000000;
    letter-spacing: 2px; }
  @media (max-width: 550px) {
    .withdrawal-header {
      margin: 0 0 4rem 0; } }

.withdrawal-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .withdrawal-body-items {
    display: flex;
    align-items: baseline;
    width: 100%;
    max-width: 100%;
    display: flex;
    position: relative;
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    gap: 1rem; }
    @media (max-width: 550px) {
      .withdrawal-body-items {
        flex-direction: column; } }
    .withdrawal-body-items input {
      height: 36px;
      width: 100%;
      height: 36px;
      padding: .5rem;
      background-color: #FFFFFF;
      border-radius: 0.5rem;
      border: 1px solid #2163df;
      font-size: 1rem;
      color: #333333;
      transition: all 300ms ease-in-out; }
      .withdrawal-body-items input::placeholder {
        color: #888888;
        font-size: 14px; }
      .withdrawal-body-items input:focus {
        border: 1px solid #0F359D; }
    .withdrawal-body-items .form-field {
      width: 100%;
      margin-bottom: 0; }
    .withdrawal-body-items .button {
      color: #FFFFFF;
      width: 200px; }
      @media (max-width: 550px) {
        .withdrawal-body-items .button {
          width: 100%; } }

.nft-page {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0; }
  .nft-page-item {
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px; }
    .nft-page-item-icon {
      border: 2px solid;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      display: flex; }
      .nft-page-item-icon-svg {
        width: 100px;
        padding: 8px; }
    .nft-page-item-title {
      font-size: 20px;
      font-weight: 600;
      line-height: 1; }
    .nft-page-item-subtitle {
      font-size: 1rem;
      font-weight: 500;
      line-height: 0.8;
      text-align: center; }
      @media (max-width: 700px) {
        .nft-page-item-subtitle {
          font-size: 14px;
          line-height: 1.5; } }

.setting-page .setting-page-items {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
.setting-page .login-form {
  width: 100%;
  padding: 0; }

.acc-update-field {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px) saturate(160%);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 4rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  font-weight: 600;
  clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%);
  position: relative; }
  .acc-update-field:hover {
    border-color: #FFFFFF; }
    .acc-update-field:hover .acc-update-field-right-icon-svg {
      transform: translateX(6px); }
  .acc-update-field-left {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    line-height: 1; }
    .acc-update-field-left-icon-svg {
      width: 24px;
      height: 24px;
      display: flex;
      color: #FFFFFF; }
    .acc-update-field-left .acc-update-field-title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 4px; }
    .acc-update-field-left .acc-update-field-subtitle {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6); }
  .acc-update-field-right-icon-svg {
    width: 20px;
    height: 20px;
    display: flex;
    color: #FFFFFF;
    transition: all 200ms ease-in; }
  @media (max-width: 960px) {
    .acc-update-field {
      border-color: #FFFFFF; } }
  @media (max-width: 700px) {
    .acc-update-field {
      padding: 2rem; } }
  @media (max-width: 480px) {
    .acc-update-field {
      padding: 0 1.5rem;
      min-height: 80px; } }

.verification-input {
  display: flex;
  gap: 8px; }
  .verification-input .form-button {
    padding: 4px 8px;
    max-width: 90px; }

.qr-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem; }
  .qr-body-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .qr-body-item-img {
      margin-bottom: 1rem;
      width: 200px;
      border-radius: 16px; }
    .qr-body-item-btns {
      display: flex;
      gap: 12px; }
      .qr-body-item-btns .button {
        display: flex;
        gap: 4px;
        position: relative; }
      .qr-body-item-btns .copy-button {
        margin: 0; }
        .qr-body-item-btns .copy-button .copy-button-icons {
          padding-right: 14px; }
          .qr-body-item-btns .copy-button .copy-button-icons .copy-icon, .qr-body-item-btns .copy-button .copy-button-icons .checkmark-icon {
            top: 50%;
            transform: translateY(-50%); }

.wallet-id {
  border: none;
  padding: 0; }

.wallet-id-texts {
  justify-content: center;
  align-items: center; }

.usdt-id {
  color: #000000;
  display: flex;
  justify-content: space-between; }
  .usdt-id-text {
    font-size: 1.2rem; }
    @media (max-width: 480px) {
      .usdt-id-text {
        font-size: 1rem; } }
  .usdt-id-title {
    font-size: 1.2rem;
    font-weight: 600; }
    @media (max-width: 480px) {
      .usdt-id-title {
        font-size: 1rem; } }
    .usdt-id-title span {
      font-weight: normal; }

.wallet-card-2-body {
  padding: 4rem; }
  .wallet-card-2-body .wallet-card-2-body-item {
    text-align: center;
    padding: 0; }

.invite-texts {
  color: #FFFFFF; }
  .invite-texts .invite-text-title {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center; }
    @media (max-width: 550px) {
      .invite-texts .invite-text-title {
        font-size: 1rem;
        text-align: left; } }
  .invite-texts .invite-text-subtitle {
    text-align: center;
    font-size: 16px; }
    @media (max-width: 550px) {
      .invite-texts .invite-text-subtitle {
        text-align: left;
        font-size: 12px; } }
  .invite-texts .invite-text-icon {
    width: 24px;
    height: 24px;
    display: flex;
    cursor: pointer; }
    @media (max-width: 550px) {
      .invite-texts .invite-text-icon {
        width: 16px;
        height: 16px; } }
  @media (max-width: 550px) {
    .invite-texts .invite-text {
      align-items: flex-start; } }

.icon-svg {
  width: 1rem;
  height: 1rem;
  display: flex; }

.file-uploader {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 12px;
  margin-top: 1rem; }
  .file-uploader .form-field {
    margin: 0; }
  .file-uploader-img {
    margin: 0 auto; }
    .file-uploader-img .image {
      width: 200px;
      height: 200px;
      border-radius: 16px; }

.file-input {
  height: auto !important; }

.my-team {
  width: 100%; }
  @media (max-width: 550px) {
    .my-team-body .form-field {
      flex-direction: column !important; } }
  .my-team-body .form-input {
    border-color: #000000; }
  .my-team-body .qr-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem; }
  .my-team-body .wallet-id {
    border: none;
    padding: 0; }
  .my-team-body .wallet-id-texts {
    justify-content: center;
    align-items: center; }
  .my-team-body .usdt-id {
    color: #000000;
    display: flex;
    justify-content: space-between; }
    .my-team-body .usdt-id-text {
      font-size: 1.2rem; }
      @media (max-width: 480px) {
        .my-team-body .usdt-id-text {
          font-size: 1rem; } }
    .my-team-body .usdt-id-title {
      font-size: 1.2rem;
      font-weight: 600; }
      @media (max-width: 480px) {
        .my-team-body .usdt-id-title {
          font-size: 1rem; } }
      .my-team-body .usdt-id-title span {
        font-weight: normal; }
  .my-team-body .wallet-card-2-body {
    padding: 4rem; }
    @media (max-width: 550px) {
      .my-team-body .wallet-card-2-body .wallet-card-2-body-text {
        font-size: 4rem; } }
    .my-team-body .wallet-card-2-body .wallet-card-2-body-item {
      text-align: center;
      padding: 0; }
  .my-team-body .invite-texts {
    color: #000000; }
    .my-team-body .invite-texts .invite-text {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .my-team-body .invite-texts .invite-text-title {
        font-size: 1.5rem;
        font-weight: 600;
        text-align: center; }
        @media (max-width: 550px) {
          .my-team-body .invite-texts .invite-text-title {
            font-size: 1rem;
            text-align: left; } }
      .my-team-body .invite-texts .invite-text-subtitle {
        text-align: center;
        font-size: 16px; }
        @media (max-width: 550px) {
          .my-team-body .invite-texts .invite-text-subtitle {
            text-align: left;
            font-size: 12px; } }
      .my-team-body .invite-texts .invite-text-icon {
        width: 24px;
        height: 24px;
        display: flex;
        cursor: pointer; }
        @media (max-width: 550px) {
          .my-team-body .invite-texts .invite-text-icon {
            width: 16px;
            height: 16px; } }
      @media (max-width: 550px) {
        .my-team-body .invite-texts .invite-text {
          align-items: flex-start; } }

.close {
  display: inline-flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  line-height: 1;
  position: absolute;
  top: 16px;
  right: 16px; }

.close.is-blue {
  background-color: rgba(88, 123, 245, 0.4);
  color: #587BF5; }

.close.is-red {
  background-color: rgba(245, 88, 88, 0.4);
  color: #F55858; }

.close.is-green {
  background-color: rgba(64, 182, 97, 0.4);
  color: #40B661; }

.close.is-yellow {
  background-color: rgba(235, 146, 65, 0.4);
  color: #FBA04C; }

.notification.is-blue {
  background-color: #587BF5;
  color: #e6e6e6; }

.notification.is-red {
  background-color: #F55858;
  color: #e6e6e6; }

.notification.is-green {
  background-color: #40B661;
  color: #e6e6e6; }

.notification.is-yellow {
  background-color: #FBA04C;
  color: #e6e6e6; }

.notification.is-disableblue {
  background-color: #afbaed;
  color: #3f5ed1;
  border: 1px solid blue; }

.notification.is-disablered {
  background-color: #F8C3C3;
  color: #a14e3b;
  border: 1px solid red; }

.notification.is-disablegreen {
  background-color: #C1FFD3;
  color: #518234;
  border: 1px solid green; }

.notification.is-disableyellow {
  background-color: #FFECDA;
  color: #bd914a;
  border: 1px solid #b88a4b; }

.pullup-toast {
  width: 400px;
  position: fixed;
  z-index: 99999;
  bottom: -100px;
  right: 20px;
  opacity: 0; }
  @media (max-width: 550px) {
    .pullup-toast {
      right: 14px; } }
  .pullup-toast.is-active {
    animation: pull-up 2s ease-in;
    opacity: 1; }
  @media (max-width: 550px) {
    .pullup-toast {
      width: 300px; } }

@keyframes pull-up {
  0% {
    bottom: -100px; }
  25%, 30% {
    bottom: 40px; }
  30%, 100% {
    bottom: 20px; } }
.filter {
  width: 100%;
  margin-bottom: 1.5rem; }
  .filter .filter-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem; }
    @media (max-width: 550px) {
      .filter .filter-items {
        gap: 12px; } }
  .filter .icon-field {
    width: 48px;
    height: 48px;
    background-color: #f3f3f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .filter .icon-svg {
    width: 24px;
    height: 24px;
    transition: all 300ms ease-in; }
    @media (max-width: 480px) {
      .filter .icon-svg {
        width: 16px;
        height: 16px; } }
  .filter .filter-fields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1rem; }
  .filter .filter-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
  .filter .filter-field-btns {
    display: flex;
    gap: 8px; }

.search-bar {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 32rem;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  min-width: 250px;
  color: #FFFFFF;
  transition: border-color 0.3s; }
  .search-bar .search-input {
    border: none;
    background: transparent;
    font-size: 1rem;
    width: 100%;
    outline: none; }
    .search-bar .search-input::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  .search-bar .icon-svg {
    width: 20px;
    height: 20px; }

.filter-items-right {
  position: relative; }
  @media (max-width: 480px) {
    .filter-items-right .filter-btn .button {
      font-size: 12px;
      max-width: 74px; } }

.filter-dropdown {
  position: absolute;
  top: 110%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(32px);
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10;
  width: 300px;
  overflow: hidden;
  animation: fadeIn 0.25s ease-in-out;
  filter: drop-shadow(0px 0px 2px #6e99ec); }
  .filter-dropdown::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(50px);
    z-index: -1; }
  .filter-dropdown::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(50px);
    z-index: -1; }

.icon-rotate {
  transition: all 200ms ease-in;
  transform: rotate(180deg); }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.register-step-2 {
  width: 100%; }
  .register-step-2-body-item {
    margin: 4rem 0 5rem 0;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
    background-color: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(32px) saturate(160%);
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
    border-radius: 16px;
    transition: all 0.2s linear; }
    .register-step-2-body-item:hover {
      border-color: #FFFFFF; }
    @media (max-width: 960px) {
      .register-step-2-body-item {
        border-color: #FFFFFF; } }
    @media (max-width: 550px) {
      .register-step-2-body-item {
        margin: 3rem 0 4rem 0; } }
  .register-step-2-body .wallet-id {
    border: none;
    padding: 0;
    margin: auto auto 1rem auto; }
    .register-step-2-body .wallet-id-texts {
      color: #555555;
      border: 1px solid #555555;
      border-radius: 8px;
      transition: all 300ms ease-in; }
      .register-step-2-body .wallet-id-texts:hover {
        border-color: #2163df; }
    .register-step-2-body .wallet-id-title {
      padding: 8px 12px;
      margin-bottom: 0;
      font-size: 1rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .register-step-2-body .wallet-id-icon {
      border-left: 1px solid #555555;
      padding: 8px 12px;
      transition: all 300ms ease-in; }
      .register-step-2-body .wallet-id-icon:hover {
        border-color: #2163df;
        border-left-color: #2163df;
        border-right-color: #2163df; }
  .register-step-2-body .wallet-id-btn {
    width: 100%;
    max-width: 500px;
    margin: 1rem auto auto auto; }
  .register-step-2 .deposit-page-QR-img {
    width: 240px; }
  .register-step-2 .registered-user-info {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
    background-color: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(32px) saturate(160%);
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.22), 0 1.5px 5px 0 rgba(255, 255, 255, 0.08) inset;
    border-radius: 16px;
    transition: all 0.2s linear; }
    .register-step-2 .registered-user-info:hover {
      border-color: #FFFFFF; }
    @media (max-width: 960px) {
      .register-step-2 .registered-user-info {
        border-color: #FFFFFF; } }
    .register-step-2 .registered-user-info .message {
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      padding-bottom: 8px;
      color: #333333; }

.wallet-id-icon {
  display: flex;
  align-items: center; }
  .wallet-id-icon-svg {
    display: flex; }

.user-info-user-id {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 8px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000000;
  text-align: center; }
  .user-info-user-id .user-info-user-id-text {
    width: 100%;
    max-width: 200px;
    text-align: left; }
  @media (max-width: 550px) {
    .user-info-user-id {
      font-size: 1rem; } }

.register-step-2-input-fields {
  width: 100%;
  padding: 8px 0;
  overflow: hidden; }

.register-step-2-input-field {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: #000000;
  width: 100%;
  text-align: center; }

.register-step-2-input-field-btns {
  display: flex;
  border-left: 1px solid #E0E0E0;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  padding: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.register-step-2-button {
  color: #000000;
  border: none;
  outline: none;
  background: none;
  padding: 8px 12px; }
  .register-step-2-button.border-left {
    border-left: 1px solid #555555; }
  .register-step-2-button.border-right {
    border-right: 1px solid #555555; }
  .register-step-2-button.border-left, .register-step-2-button.border-right {
    transition: all 300ms ease-in; }
    .register-step-2-button.border-left:hover, .register-step-2-button.border-right:hover {
      border-color: #2163df;
      border-left-color: #2163df;
      border-right-color: #2163df; }
  .register-step-2-button-svg {
    display: flex;
    width: 14px;
    height: 14px; }

.wallet-card {
  max-width: 400px;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 12px; }
  .wallet-card-body-item {
    display: flex;
    flex-direction: column; }
    .wallet-card-body-item .wallet-card-body-text {
      font-size: 3.75rem;
      font-weight: 600;
      text-align: center;
      margin-bottom: 2rem;
      line-height: 1;
      display: inline-flex;
      justify-content: center; }
    .wallet-card-body-item .currency-symbol {
      font-size: 2.25rem;
      font-weight: 500;
      vertical-align: super; }

.wallet-card-buttons {
  display: flex;
  justify-content: space-between;
  gap: 2rem; }
  .wallet-card-buttons .wallet-card-button {
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: center; }
  .wallet-card-buttons .button {
    min-width: 120px;
    min-height: 120px;
    border-radius: 50%;
    padding: 0;
    border: 0; }
    @media (max-width: 550px) {
      .wallet-card-buttons .button {
        min-width: 74px;
        min-height: 74px; } }
  .wallet-card-buttons .button-svg {
    width: 36px;
    margin-right: .25rem;
    fill: #FFFFFF; }
    @media (max-width: 550px) {
      .wallet-card-buttons .button-svg {
        width: 28px; } }
  .wallet-card-buttons .button-text {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.25rem; }
    @media (max-width: 550px) {
      .wallet-card-buttons .button-text {
        font-size: 1rem; } }

.account-table-header-2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  .account-table-header-2 .account-table-header-right .account-table-header-right-text {
    font-weight: 600;
    font-size: 1.25rem;
    color: #000000; }

.transaction-types {
  display: flex;
  gap: 6px;
  align-items: baseline; }
  .transaction-types .transaction-text {
    color: #000000; }

.table-cell-items {
  display: flex;
  gap: 6px;
  align-items: baseline;
  position: relative; }
  .table-cell-items .transaction-texts .transaction-text {
    display: flex;
    gap: 4px;
    line-height: 1.3;
    font-size: 1rem; }
    @media (max-width: 700px) {
      .table-cell-items .transaction-texts .transaction-text {
        overflow-x: scroll;
        max-width: 200px; } }
    .table-cell-items .transaction-texts .transaction-text span {
      color: rgba(255, 255, 255, 0.6);
      font-size: .875rem; }

.transaction-type {
  min-width: 12px;
  min-height: 12px;
  background-color: #FFFFFF;
  border-radius: 50%; }
  @media (max-width: 480px) {
    .transaction-type {
      min-width: 8px;
      min-height: 8px; } }
  .transaction-type.is-red {
    background-color: #FF3E51; }
  .transaction-type.is-green {
    background-color: #5CF995; }
  .transaction-type.is-blue {
    background-color: #2163df; }
  .transaction-type.is-orange {
    background-color: #FFA735; }
  .transaction-type.is-absolute {
    position: absolute;
    left: -12px;
    top: 4px; }

.divider {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.4); }

.payment-page .account-page-item {
  max-width: 600px;
  margin: 0 auto; }

.payment-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }
  .payment-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
  .payment-card-header {
    padding: 0 1rem; }
    .payment-card-header-text {
      font-size: 1rem; }
  .payment-card-texts {
    padding: 0 1rem; }
    .payment-card-texts .payment-card-title {
      font-size: 1.75rem;
      font-weight: 600;
      color: #FFFFFF; }
    .payment-card-texts .payment-card-subtitle {
      font-size: .875rem;
      color: rgba(255, 255, 255, 0.6); }
  .payment-card-body {
    background-color: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(32px);
    border-radius: 1rem;
    padding: 2rem; }
    .payment-card-body-text {
      margin-bottom: 2rem; }
      .payment-card-body-text .payment-card-body-subtitle {
        margin-bottom: 4px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.6); }
      .payment-card-body-text .payment-card-body-price {
        font-size: 2rem;
        font-weight: 800;
        line-height: 1;
        color: #FFFFFF; }
    .payment-card-body-items .payment-card-body-item-text {
      display: flex;
      gap: 4px;
      color: #FFFFFF; }
      .payment-card-body-items .payment-card-body-item-text .checkbox-icon {
        width: 1.25rem;
        color: #0FB94D;
        display: flex; }
    .payment-card-body-items .payment-card-body-item .payment-card-body-item-subtitle {
      font-size: .75rem;
      color: rgba(255, 255, 255, 0.6);
      max-width: 300px;
      margin-top: 8px; }
    .payment-card-body-btns {
      margin-top: 1rem; }
    .payment-card-body .metric-card {
      background-color: rgba(255, 255, 255, 0.5);
      box-shadow: none;
      margin-top: 2rem;
      border-radius: 1rem;
      height: auto;
      max-width: 100%; }
      .payment-card-body .metric-card .metric-card-item {
        width: 100%;
        text-align: left;
        padding: 1rem; }
        .payment-card-body .metric-card .metric-card-item .metric-card-item-left {
          display: flex;
          align-items: center;
          gap: 12px; }
          .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-icon {
            min-width: 60px;
            min-height: 60px;
            background-color: #000000;
            display: flex;
            justify-content: center;
            border-radius: 50%; }
            @media (max-width: 550px) {
              .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-icon {
                min-width: 40px;
                min-height: 40px; } }
          .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-icon-svg {
            width: 20px;
            color: #FFFFFF;
            display: flex; }
            @media (max-width: 550px) {
              .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-icon-svg {
                width: 1rem; } }
          .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-title {
            font-size: 14px;
            color: #000000; }
          .payment-card-body .metric-card .metric-card-item .metric-card-item-left .metric-card-subtitle {
            font-size: 12px;
            color: #555555; }
        @media (max-width: 550px) {
          .payment-card-body .metric-card .metric-card-item {
            flex-direction: column; }
            .payment-card-body .metric-card .metric-card-item .metric-card-btns {
              width: 100%; } }
    @media (max-width: 550px) {
      .payment-card-body {
        padding: 1rem; } }

.banner {
  padding: 20px;
  overflow: hidden; }
  .banner .banner-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    padding: 0 24px; }
    .banner .banner-wrapper .banner-link {
      color: #3C12CA; }
    .banner .banner-wrapper .banner-logo {
      width: 100%;
      max-width: 150px;
      height: 100%;
      max-height: 52px; }
      .banner .banner-wrapper .banner-logo .banner-logo-img {
        width: 100%;
        height: 100%; }
      @media (max-width: 550px) {
        .banner .banner-wrapper .banner-logo {
          max-width: 90px;
          max-height: 40px; } }
    .banner .banner-wrapper .banner-text {
      display: flex;
      gap: 12px; }
      .banner .banner-wrapper .banner-text .banner-text-link {
        font-size: 14px;
        font-weight: 600;
        color: #888888; }
        .banner .banner-wrapper .banner-text .banner-text-link.is-active {
          color: #000000; }
    @media (max-width: 550px) {
      .banner .banner-wrapper {
        padding: 0; } }

.light-bg {
  background-color: rgba(151, 180, 234, 0.38); }

.thank-you-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; }
  .thank-you-section .section-wrapper {
    padding: 100px 20px;
    margin: 0 auto;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 50px; }
  .thank-you-section .section-text {
    width: 100%; }
    .thank-you-section .section-text .section-text-wrapper {
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .thank-you-section .section-text .section-title {
      font-size: 44px;
      font-weight: 700;
      line-height: 1.25;
      color: #FFFFFF;
      text-align: center; }
      @media (max-width: 1024px) {
        .thank-you-section .section-text .section-title {
          font-size: 42px; } }
      @media (max-width: 550px) {
        .thank-you-section .section-text .section-title {
          font-size: 32px; } }
    .thank-you-section .section-text .section-subtitle {
      width: 100%;
      max-width: 650px;
      font-size: 20px;
      line-height: 1.5;
      color: #FFFFFF;
      text-align: center; }
      @media (max-width: 550px) {
        .thank-you-section .section-text .section-subtitle {
          font-size: 16px; } }
  .thank-you-section .section-image {
    width: 100%; }
    .thank-you-section .section-image .section-image-wrapper {
      display: flex;
      justify-content: center; }
      .thank-you-section .section-image .section-image-wrapper .section-image-poster {
        width: 100%;
        max-width: 250px; }

.transaction-page .transaction-QR {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }
  .transaction-page .transaction-QR-img {
    width: 100%;
    max-width: 200px;
    border-radius: 12px; }
.transaction-page .transaction-items {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
.transaction-page .transaction-item {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.transaction-page .transaction-texts {
  font-size: 1rem; }
  .transaction-page .transaction-texts .transaction-text {
    color: #FFFFFF;
    font-weight: 600; }
  .transaction-page .transaction-texts .transaction-subtext {
    color: rgba(255, 255, 255, 0.7); }
.transaction-page .transaction-icon {
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-flex;
  border-radius: 100%;
  padding: .5rem; }
  .transaction-page .transaction-icon .icon-svg {
    color: #FFFFFF;
    width: 1.25rem;
    height: 1.25rem; }
.transaction-page form {
  width: 100%; }
.transaction-page .transaction-item-body {
  width: 100%;
  display: flex;
  align-items: end;
  gap: 8px; }
  .transaction-page .transaction-item-body .form-field {
    width: 100%; }
    .transaction-page .transaction-item-body .form-field .label {
      color: rgba(255, 255, 255, 0.7); }
  .transaction-page .transaction-item-body .input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 32rem;
    font-size: 1rem;
    color: #FFFFFF;
    transition: all 300ms ease-in-out; }
    .transaction-page .transaction-item-body .input::placeholder {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px; }
  @media (max-width: 550px) {
    .transaction-page .transaction-item-body .form-btns {
      width: 100%; } }
  @media (max-width: 550px) {
    .transaction-page .transaction-item-body {
      flex-direction: column;
      gap: 12px; } }

.is-mandatory {
  display: inline-block; }
  .is-mandatory::before {
    content: "*";
    font-size: 16px; }

.transaction-field {
  margin-bottom: 1rem; }
  .transaction-field .large-input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 1rem;
    min-height: 150px;
    text-align: center;
    font-size: 2rem;
    color: #FFFFFF;
    font-weight: 600; }
    .transaction-field .large-input::placeholder {
      color: rgba(255, 255, 255, 0.22); }

.transfer-items .transfer-item-body {
  display: flex;
  justify-content: space-between; }
  .transfer-items .transfer-item-body .profile-card {
    width: auto;
    margin-top: 1.5rem; }
    .transfer-items .transfer-item-body .profile-card-body {
      margin: 0;
      flex-direction: column;
      align-items: center;
      gap: 12px; }
      .transfer-items .transfer-item-body .profile-card-body-item .profile-card-body-texts {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; }
      @media (max-width: 700px) {
        .transfer-items .transfer-item-body .profile-card-body-item .profile-card-body-center-title-text {
          font-size: 1rem; }
        .transfer-items .transfer-item-body .profile-card-body-item .profile-card-body-center-subtitle {
          font-size: 14px; } }
      .transfer-items .transfer-item-body .profile-card-body-item .name-input, .transfer-items .transfer-item-body .profile-card-body-item .username-input {
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-radius: 32rem;
        padding: .25rem .5rem;
        height: 30px;
        background-color: #9f9f9f; }
      .transfer-items .transfer-item-body .profile-card-body-item .name-input {
        width: 200px;
        margin-bottom: 8px; }
        @media (max-width: 700px) {
          .transfer-items .transfer-item-body .profile-card-body-item .name-input {
            width: 150px; } }
      .transfer-items .transfer-item-body .profile-card-body-item .username-input {
        width: 160px; }
        @media (max-width: 700px) {
          .transfer-items .transfer-item-body .profile-card-body-item .username-input {
            width: 100px; } }
    .transfer-items .transfer-item-body .profile-card .profile-card-avatar {
      position: inherit;
      transform: none; }
      @media (max-width: 700px) {
        .transfer-items .transfer-item-body .profile-card .profile-card-avatar-img {
          width: 100px;
          height: 100px; } }
.transfer-items .form-field {
  margin-top: 1rem;
  gap: 8px; }
.transfer-items .input-wrapper {
  background-color: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 32rem;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  transition: all 0.2s ease-in;
  color: rgba(255, 255, 255, 0.7); }
  .transfer-items .input-wrapper .input {
    border: 0;
    background-color: transparent;
    padding: 0;
    padding: 0.5rem 0.75rem;
    width: 100%; }
  .transfer-items .input-wrapper .checkmark-svg {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    color: #0FB94D; }
  .transfer-items .input-wrapper .input-button {
    background-color: transparent;
    border: 0;
    outline: 0;
    padding-left: 12px;
    color: #FFFFFF;
    border-left: 1px solid;
    padding-left: 12px;
    padding-right: 12px; }

.dashed-divider {
  display: flex;
  align-items: center;
  padding: 0 12px;
  width: 100%; }
  @media (max-width: 700px) {
    .dashed-divider {
      padding: 0 12px; } }

.loader {
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(-135deg, #fff 1px 6px, transparent 6px 12px) left top, repeating-linear-gradient(-45deg, #fff 1px 6px, transparent 6px 12px) left bottom;
  background-size: 200% 50%;
  background-repeat: no-repeat; }
  @media (max-width: 700px) {
    .loader {
      margin-bottom: 5rem; } }

.is-loading .loader {
  animation: infiniteRightArrow 5s infinite linear; }
  @media (max-width: 800px) {
    .is-loading .loader {
      animation-direction: 2s; } }
  @media (max-width: 480px) {
    .is-loading .loader {
      animation-duration: 1.5s; } }

.plan-section {
  color: #FFFFFF; }
  @media (max-width: 700px) {
    .plan-section {
      padding-top: 60px; } }
  .plan-section .policy-page-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #FFFFFF; }
    @media (max-width: 960px) {
      .plan-section .policy-page-title {
        font-size: 2rem; } }
    @media (max-width: 550px) {
      .plan-section .policy-page-title {
        font-size: 1.5rem; } }
  .plan-section .policy-page-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #FFFFFF; }
  .plan-section .description-title {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF; }
  .plan-section .description-title-2 {
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF; }
  .plan-section .description-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF; }
  .plan-section .mb-2 {
    margin-bottom: 8px; }
  .plan-section .line-height {
    line-height: 1.6; }
  .plan-section .ml-8 {
    margin-left: 2rem; }
  .plan-section .ml-16 {
    margin-left: 4rem; }
  .plan-section .table-title {
    border: 1px solid black;
    width: 50%;
    color: #FFFFFF; }
  .plan-section .table-text {
    padding: .5rem 1rem;
    width: 50%;
    border: 1px solid black;
    color: #FFFFFF; }
  .plan-section .text-blue {
    color: blue; }
  .plan-section .underline {
    text-decoration: underline; }
  .plan-section .section-cta {
    margin-top: 1rem; }

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