/*
$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=Poppins:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&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; }

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

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 spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fade-scale {
  0% {
    transform: scale(0.1);
    opacity: .1;
    transform-origin: center; }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center; } }
@keyframes rightDrawerOpen {
  0% {
    right: -100%; }
  100% {
    right: 0; } }
@keyframes rightDrawerClose {
  0% {
    right: 0; }
  100% {
    right: -100%; } }
@keyframes topDrawerOpen {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }
@keyframes topDrawerClose {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }
/* Animation for sliding in from the left */
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
/* Animation for sliding in from the right */
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes expand {
  0% {
    transform: scaleX(0) scaleY(0); }
  100% {
    transform: scaleX(1) scaleY(1); } }
@keyframes collapse {
  0% {
    transform: scaleX(1) scaleY(1); }
  100% {
    transform: scaleX(0) scaleY(0); } }
.section-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF; }
  @media (max-width: 960px) {
    .section-title {
      font-size: 2rem; } }

.section-subtitle {
  font-size: 1.5rem;
  font-weight: 400;
  color: #FFFFFF; }
  @media (max-width: 960px) {
    .section-subtitle {
      font-size: 1.25rem; } }
  @media (max-width: 550px) {
    .section-subtitle {
      font-size: 1rem; } }

.section-title + .section-subtitle {
  margin-top: 1rem; }

.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; }
  .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-wrapper {
  display: flex;
  justify-content: space-around; }

.link-1 {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  color: #FFECE7;
  font-weight: 600;
  line-height: 1; }
  .link-1-icon {
    margin-left: .25rem;
    color: inherit;
    width: 1.5rem;
    height: 1.5rem;
    transition: all 100ms ease-in;
    position: relative;
    left: 0; }
  .link-1:hover {
    color: #fff0ec; }
    .link-1:hover .link-1-icon {
      left: .5rem; }
  .link-1.outline-btn {
    padding: 12px 20px;
    position: relative;
    margin-bottom: 20px;
    transition: all 200ms ease-in; }
    .link-1.outline-btn .link-1-icon {
      width: 1rem;
      height: 1rem; }
    .link-1.outline-btn span {
      margin-right: 8px;
      transition: all 200ms ease-in; }
    .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: 40px;
      border: 2px solid #FFFFFF;
      position: absolute;
      right: -10px;
      left: inherit;
      height: 100%;
      border-radius: 50px;
      margin-left: 8px;
      transition: all 200ms ease-in; }
    .link-1.outline-btn:hover .link-1-icon {
      left: 1rem;
      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; }

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

.link-2 {
  color: #000000;
  position: relative;
  cursor: pointer; }
  .link-2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    color: #000000;
    background-color: #000000;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 300ms ease; }
  .link-2:hover::after {
    transform: scaleX(1); }

.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;
  background-color: #FFFFFF; }
  .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;
      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; }
  .h-scrollable-inner {
    width: 200%;
    display: flex; }
    .h-scrollable-inner-items {
      width: 100%;
      will-change: transform;
      animation: hscroll 15s 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%; }
  .gallery-filter .gallery-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    padding: 25px 0; }
    .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%;
        max-width: 900px !important; }
      .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 {
  background-color: #001C45;
  padding: 100px 0;
  font-family: 'Poppins', sans-serif;
  text-align: left; }
  @media (max-width: 550px) {
    .section.footer-section {
      padding: 50px 0; } }
  .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: #FFFFFF; }
      .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: #FFFFFF; }
            .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: #FFFFFF;
        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: #E0E0E0; }
    .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: #ccc;
        font-size: 16px; }
        .footer-right .footer-right-nav .footer-right-nav-links .footer-right-nav-link:hover {
          text-decoration: underline;
          color: #D0D0D0; }
      .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: #FFFFFF;
          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: #FFFFFF; }
      .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: #FFFFFF; }
          .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: #b0c6f1cf;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: 3px solid #b0c6f1cf;
    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 {
  background-color: #FF0000;
  padding: 100px 16px;
  display: flex;
  gap: 64px;
  justify-content: center;
  align-items: center;
  font-family: Poppins; }

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

.stats-1-title {
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(223, 192, 192, 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: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1; }

.stats-1-divider {
  width: 2px;
  height: 125px;
  background: linear-gradient(180deg, rgba(223, 192, 192, 0.07) 0%, rgba(223, 192, 192, 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; }

.new-service-card {
  font-family: Arial, Helvetica, sans-serif; }

.new-service-card .new-service-card-left-1strow {
  display: flex;
  justify-content: space-between;
  margin: 18px;
  border-bottom: 1px solid #b5b3b3;
  padding-bottom: 20px;
  line-height: 12px; }

.new-service-card .new-service-card-left-1strow .new-service-card-left-1st {
  display: flex;
  gap: 18px; }

.new-service-card .new-service-card-left-1strow .new-service-card-left-3rd {
  display: flex;
  gap: 18px; }

.new-service-card .new-service-card-left-1strow .new-service-card-icon {
  font-size: 12px;
  font-weight: 100;
  color: #000000;
  line-height: 20px; }

.new-service-card .new-service-card-left-1strow .new-service-card-svg {
  color: #3a3838; }

.new-service-card .new-service-card-left-1strow .new-service-card-icon-text {
  font-size: 22px;
  font-weight: 500;
  color: #000000; }

.new-service-card .new-service-card-men {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: 12px; }

.new-service-card .new-service-card-men .new-service-card-both {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.new-service-card .new-service-card-men .new-service-card-men-pro {
  width: 320px;
  height: 350px;
  border: 1px solid #f9f4f4;
  background-color: whitesmoke;
  color: black; }

.new-service-card .new-service-card-men-text-top {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center; }

.new-service-card .new-service-card-men .new-service-card-men-text {
  font-size: 12px;
  font-weight: 540;
  text-align: center;
  color: #000000; }

.new-service-card .new-service-card-men .new-service-card-men-text .new-service-card-men-text-underline {
  text-decoration: underline;
  color: #000000; }

.section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  gap: 8px; }
  .section-title .section-title-heading {
    color: #5a4d4d;
    text-align: center;
    font-size: 32px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-weight: 800; }
  .section-title .section-title-subheading {
    color: #858181;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 520px;
    font-family: 'Times New Roman', Times, serif; }

.section-title2024 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  margin-bottom: 36px;
  font-family: "Times New Roman", Times, serif; }
  @media (max-width: 550px) {
    .section-title2024 {
      margin-bottom: 20px; } }

.section-title2024-heading {
  font-size: 14px; }

.section-title2024-subheading {
  font-size: 28px;
  font-weight: 500;
  color: #181717; }

.section-title2024-footerheading {
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline; }

.zoomer-product-section {
  background: linear-gradient(to top, #F2F2F2, #D6D5D5);
  width: 100%;
  padding: 20px;
  position: fixed;
  top: 0;
  display: none;
  z-index: 999999; }
  .zoomer-product-section.is-active {
    display: block !important;
    animation: fade-scale 200ms forwards; }
  .zoomer-product-section .zoomer-product {
    position: relative;
    height: 100vh; }
  .zoomer-product-section .zoomer-product-button {
    position: absolute;
    right: 0; }
  .zoomer-product-section .zoomer-product-close-btn {
    width: 40px;
    height: 40px;
    display: flex;
    background-color: #fff;
    border: 1px transparent;
    border-radius: 50%;
    padding: 12px;
    transition: all .35s; }
    .zoomer-product-section .zoomer-product-close-btn:hover {
      background-color: #000;
      color: #fff; }
  .zoomer-product-section .zoomer-product-img {
    width: 100%; }
    .zoomer-product-section .zoomer-product-img-item {
      width: 100%; }
  .zoomer-product-section .no-top-margin {
    margin-top: 0;
    justify-content: space-between;
    height: 100%; }
    @media (max-width: 700px) {
      .zoomer-product-section .no-top-margin {
        justify-content: inherit; } }
    .zoomer-product-section .no-top-margin .zoomer-product-images {
      width: 100%;
      max-width: 720px; }

@media (max-width: 700px) {
  .hide-in-tab-sm {
    display: none !important; } }

.has-search-bar {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 99999999;
  display: none; }
  .has-search-bar.is-open {
    display: block;
    animation: topDrawerOpen .4s forwards; }
  .has-search-bar.is-close {
    display: block;
    animation: topDrawerClose .4s forwards; }

.search-button {
  border-bottom: 1px solid #ccccccb5;
  background-color: #FFFFFF; }
  .search-button .filter-by-items {
    padding: 12px 8px !important; }
  .search-button .search-button-wrapper {
    justify-content: space-around !important; }
    @media (max-width: 960px) {
      .search-button .search-button-wrapper {
        padding: 26px; } }
    @media (max-width: 550px) {
      .search-button .search-button-wrapper {
        padding: 16px; } }
    @media (max-width: 700px) {
      .search-button .search-button-wrapper {
        gap: 20px; } }
    @media (max-width: 550px) {
      .search-button .search-button-wrapper {
        gap: 12px; } }
  .search-button .search-icon {
    width: 20px; }
  .search-button .search-close-btn {
    display: flex;
    position: relative;
    right: -100%;
    animation: rightDrawerOpen 1s forwards;
    cursor: pointer; }
  .search-button .search-close-btn-icon {
    width: 20px; }
  .search-button .placeholder-dark-color {
    color: #191515 !important;
    font-size: 16px !important; }
    @media (max-width: 550px) {
      .search-button .placeholder-dark-color {
        font-size: 12px !important; } }

.lv-header {
  font-family: "Sofia Sans Semi Condensed", sans-serif;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF; }
  .lv-header .lv-header-wrapper {
    display: flex; }
    .lv-header .lv-header-wrapper .lv-header-categories-title {
      font-size: 10px;
      margin-bottom: 1rem; }
    .lv-header .lv-header-wrapper .lv-header-blocks {
      width: 50%;
      border-right: 1px solid #ccccccb5; }
      .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-men-women {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 40px;
        gap: 16px; }
      .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-categories-links {
        display: flex;
        flex-direction: column;
        gap: 14px;
        font-size: 16px; }
      .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list {
        border-right: 1px solid #ccccccb5;
        padding: 40px; }
        .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list-wrapper {
          margin-top: 1rem;
          display: flex;
          gap: 14px;
          font-size: 16px; }
          @media (max-width: 1200px) {
            .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list-wrapper {
              flex-direction: column; } }
          .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list-wrapper .lv-header-articles-links .lv-header-articles-link {
            display: flex;
            align-items: center;
            gap: 24px; }
            .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list-wrapper .lv-header-articles-links .lv-header-articles-link-text {
              max-width: 150px;
              font-size: 14px; }
              .lv-header .lv-header-wrapper .lv-header-blocks .lv-header-articles-list-wrapper .lv-header-articles-links .lv-header-articles-link-text .lv-header-articles-link-text-body {
                margin-top: 10px; }
    .lv-header .lv-header-wrapper .lv-header-products {
      width: 50%;
      padding: 40px; }
      .lv-header .lv-header-wrapper .lv-header-products-lists {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; }
        @media (max-width: 960px) {
          .lv-header .lv-header-wrapper .lv-header-products-lists {
            grid-template-columns: inherit; } }
        .lv-header .lv-header-wrapper .lv-header-products-lists .lv-header-products-list .lv-header-product-list-item .lv-header-product-list-item-link {
          display: flex;
          align-items: center;
          gap: 20px; }
          .lv-header .lv-header-wrapper .lv-header-products-lists .lv-header-products-list .lv-header-product-list-item .lv-header-product-list-item-link .lv-header-product-list-item-link-img {
            max-width: 100px;
            background: linear-gradient(to bottom, rgba(208, 195, 195, 0.4), rgba(208, 195, 195, 0)); }
          .lv-header .lv-header-wrapper .lv-header-products-lists .lv-header-products-list .lv-header-product-list-item .lv-header-product-list-item-link .lv-header-product-list-item-link-img img {
            max-width: 100%; }

.coupon {
  display: inline-flex;
  background: linear-gradient(135deg, #ff7a7a 70%, #ff4d4f);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  position: relative;
  border-radius: 1.5rem; }
  .coupon .coupon-content {
    display: flex;
    padding: 1rem 2rem 1rem .75rem;
    background-color: #FFFFFF;
    border-radius: 1rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.1); }
    @media (max-width: 550px) {
      .coupon .coupon-content {
        padding: .75rem 1rem .75rem .75rem; } }
    @media (max-width: 480px) {
      .coupon .coupon-content {
        padding: .5rem; } }
  .coupon .coupon-discount {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 1rem;
    border-right: 1.5px dashed #D0D0D0; }
    .coupon .coupon-discount .coupon-discount-value {
      display: flex;
      align-items: center;
      font-size: 3rem;
      font-weight: 800;
      color: #ff4d4f;
      line-height: 1; }
      @media (max-width: 550px) {
        .coupon .coupon-discount .coupon-discount-value {
          font-size: 2rem; } }
      .coupon .coupon-discount .coupon-discount-value-text {
        font-size: 2rem;
        font-weight: 800;
        color: #ff4d4f;
        line-height: 1; }
        @media (max-width: 550px) {
          .coupon .coupon-discount .coupon-discount-value-text {
            font-size: 1.25rem; } }
      .coupon .coupon-discount .coupon-discount-value .percent {
        font-size: 20px;
        position: relative;
        top: -10px; }
        @media (max-width: 480px) {
          .coupon .coupon-discount .coupon-discount-value .percent {
            font-size: 1rem;
            top: -6px; } }
  .coupon .coupon-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0 1rem; }
    @media (max-width: 480px) {
      .coupon .coupon-details {
        padding: 0 .75rem; } }
    .coupon .coupon-details .coupon-details-text {
      font-size: 14px;
      color: #888888;
      font-weight: 500; }
      @media (max-width: 480px) {
        .coupon .coupon-details .coupon-details-text {
          font-size: 12px; } }
    .coupon .coupon-details .coupon-code {
      font-size: 16px;
      font-weight: 600;
      color: #333333;
      margin-top: 2px; }
  .coupon .coupon-text {
    text-align: center;
    padding: 28px 1rem;
    writing-mode: vertical-rl;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF; }
    @media (max-width: 480px) {
      .coupon .coupon-text {
        padding: 28px .75rem; } }
  .coupon .close-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    transform: translate(50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in-out; }
  .coupon:hover .close-btn {
    opacity: 1;
    visibility: visible; }
  @media (max-width: 960px) {
    .coupon .close-btn {
      opacity: 1;
      visibility: visible; } }
  .coupon.bg-red {
    background: linear-gradient(135deg, #C70B0B 60%, #ec6666); }
    .coupon.bg-red .coupon-discount-value {
      color: #DB1428; }
      .coupon.bg-red .coupon-discount-value-text {
        color: #DB1428; }
  .coupon.bg-blue {
    background: linear-gradient(135deg, #59B1FF 60%, #6170e7); }
    .coupon.bg-blue .coupon-discount-value {
      color: #0000ff; }
      .coupon.bg-blue .coupon-discount-value-text {
        color: #0000ff; }

.close-btn {
  min-width: 1.5rem;
  min-height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 198, 205, 0.9);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  padding: 0; }
  .close-btn .close-btn-icon {
    width: 1rem;
    display: flex;
    color: #A60A1A; }

.progress {
  width: 100%;
  margin-bottom: 4rem; }
  .progress-fill {
    height: 4px;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    border-radius: 2rem;
    overflow: hidden; }
    .progress-fill::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: var(--progress, 0%);
      background-color: #fff;
      border-radius: 2rem;
      transition: none; }
  .progress-circles {
    display: flex;
    justify-content: space-between; }
  .progress-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: -12px;
    transition: all .3s ease; }
    .progress-circle.active-old {
      border-color: #FFFFFF;
      transform: scale(1); }
    .progress-circle.active-current {
      border-color: #FFFFFF;
      transform: scale(1.6); }

.progress-circle {
  transition: all .3s ease;
  will-change: transform, background; }

.progress-circle {
  background-color: rgba(0, 0, 0, 0.3);
  transition: all .3s ease; }
  .progress-circle.active-old {
    border-color: #FFFFFF;
    transform: scale(1); }
  .progress-circle.active-current {
    border-color: #FFFFFF;
    transform: scale(1.6); }

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

.accordians .accordian {
  border-radius: 16px;
  background-color: #D6E0FB;
  overflow: hidden; }

.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: #EDF2FF;
  color: #888888;
  fill: #888888;
  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 {
  width: 100%;
  max-width: 100%;
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.15); }
  @media (max-width: 800px) {
    .login-box {
      flex-direction: column; } }
  .login-box .login-form {
    background-color: #f3f6ff;
    flex: 1;
    padding: 64px 32px;
    position: relative;
    width: 100%; }
  .login-box .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-box .contain {
    display: flex;
    gap: 8px; }
  .login-box .square {
    width: 20px;
    height: 20px;
    background: #2e5df7;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px; }
  .login-box .progress-heading {
    color: #3e4866;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600; }
  .login-box .progress {
    width: 100%;
    height: 4px;
    background: #c6d7fd;
    border-radius: 2px;
    overflow: hidden; }
  .login-box .progress-fill {
    width: 50%;
    height: 100%;
    background: #2e5df7; }
  .login-box .step {
    font-size: 12px;
    color: #888888; }
  .login-box .form-field {
    margin-bottom: 12px;
    gap: .5rem; }
  .login-box label {
    font-size: 14px;
    display: block;
    font-weight: 600;
    color: #888888; }
  .login-box input, .login-box select {
    width: 100%;
    padding: .5rem;
    background-color: #FFFFFF;
    border-radius: 0.5rem;
    border: 1px solid #ecede8;
    font-size: 1rem;
    color: #333333;
    transition: all 300ms ease-in-out; }
    .login-box input::placeholder, .login-box select::placeholder {
      color: #888888;
      font-size: 14px; }
    .login-box input:focus, .login-box select:focus {
      border: 1px solid #1a5df6; }
  .login-box button {
    border: 0;
    background: none;
    outline: 0;
    display: flex;
    width: 100%;
    padding: 4px 2px;
    background-color: #8694aa;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    justify-content: center;
    margin-top: 24px; }
  .login-box .contact-info {
    display: flex;
    justify-content: space-between;
    gap: 8px; }
  .login-box .contact-info-input {
    width: 100%; }
  .login-box .sub-title {
    color: #505c78;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 600; }
  .login-box .left-portion {
    background: #1a5df6;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem 0; }
    .login-box .left-portion .login-image-title {
      width: 100%; }
      .login-box .left-portion .login-image-title-text {
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        color: #FFFFFF; }
    .login-box .left-portion .login-image-poster {
      max-width: 300px; }
      .login-box .left-portion .login-image-poster-img {
        width: 100%; }

.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: #1a5df6;
  width: auto; }

.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; }
  .slider-button-chips-btn {
    font-size: 0.875rem;
    line-height: 1;
    padding: 0.75rem 1.25rem;
    white-space: nowrap;
    text-decoration: inherit;
    border-radius: 9999px;
    background-color: #E0E0E0;
    color: #555555;
    border: 1px solid transparent; }
    .slider-button-chips-btn.is-active {
      color: #000000;
      border: 1px solid #000000; }
  .slider-button-chips.auto-adjust {
    overflow-x: inherit;
    display: inline;
    width: 100%;
    max-width: 750px; }
    .slider-button-chips.auto-adjust .slider-button-chips-btn {
      display: inline-block;
      background-color: transparent;
      margin: 8px 4px;
      border: 1px solid #D0D0D0;
      font-weight: 600;
      transition: all .3s ease-in; }
      .slider-button-chips.auto-adjust .slider-button-chips-btn:hover {
        background-color: #000000;
        color: #FFFFFF; }

.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-effect {
  background: rgba(33, 33, 33, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 22px 100px;
  text-align: center;
  cursor: pointer; }
  .glass-effect:hover, .glass-effect:active, .glass-effect:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF;
    background: rgba(33, 33, 33, 0.2); }

.mobile-view-icon-btn {
  display: inline-flex;
  align-items: center;
  padding: .625rem;
  border: 1px solid #000;
  border-radius: 100%;
  transition: all 100ms ease-in;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px); }
  .mobile-view-icon-btn-svg {
    width: 16px;
    height: 16px;
    fill: #000000; }
  .mobile-view-icon-btn-text {
    opacity: 0;
    font-size: 0;
    transition: all 100ms ease-in;
    white-space: nowrap; }
  .mobile-view-icon-btn:hover {
    border-radius: 20px;
    gap: 6px; }
    .mobile-view-icon-btn:hover .mobile-view-icon-btn-text {
      font-size: 12px;
      opacity: 1;
      display: inline-block; }
  .mobile-view-icon-btn.activated-btn {
    border-radius: 20px !important;
    gap: 6px !important; }
    .mobile-view-icon-btn.activated-btn .mobile-view-icon-btn-text {
      font-size: 12px;
      opacity: 1;
      display: inline-block; }
    .mobile-view-icon-btn.activated-btn:hover {
      box-shadow: inset 0 0 0 1px #000000; }

.circular-btn-1 {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  .circular-btn-1-icon.one {
    transition: all 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
  .circular-btn-1-icon.two {
    transition: all 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
  .circular-btn-1.prev .circular-btn-1-icon.one {
    position: relative;
    transform: translateX(0%); }
  .circular-btn-1.prev .circular-btn-1-icon.two {
    position: absolute;
    transform: translateX(150%); }
  .circular-btn-1.next .circular-btn-1-icon.one {
    position: absolute;
    transform: translateX(-150%); }
  .circular-btn-1.next .circular-btn-1-icon.two {
    position: relative;
    transform: translateX(0%); }
  .circular-btn-1.bottom .circular-btn-1-icon.one {
    position: relative;
    transform: translateY(0%); }
  .circular-btn-1.bottom .circular-btn-1-icon.two {
    position: absolute;
    transform: translateY(150%); }
  .circular-btn-1.top .circular-btn-1-icon.one {
    position: absolute;
    transform: translateY(-150%); }
  .circular-btn-1.top .circular-btn-1-icon.two {
    position: relative;
    transform: translateY(0%); }
  .circular-btn-1-icon {
    fill: #FFFFFF;
    width: 20px; }
  .circular-btn-1.prev:hover .circular-btn-1-icon.one {
    transform: translateX(-150%); }
  .circular-btn-1.prev:hover .circular-btn-1-icon.two {
    transform: translateX(0%); }
  .circular-btn-1.next:hover .circular-btn-1-icon.one {
    transform: translateX(0%); }
  .circular-btn-1.next:hover .circular-btn-1-icon.two {
    transform: translateX(150%); }
  .circular-btn-1.bottom:hover .circular-btn-1-icon.one {
    transform: translateY(-150%); }
  .circular-btn-1.bottom:hover .circular-btn-1-icon.two {
    transform: translateY(0%); }
  .circular-btn-1.top:hover .circular-btn-1-icon.one {
    transform: translateY(0%); }
  .circular-btn-1.top:hover .circular-btn-1-icon.two {
    transform: translateY(150%); }
  .circular-btn-1.white-variation {
    background-color: #FFFFFF; }
    .circular-btn-1.white-variation .circular-btn-1-icon {
      fill: #000000; }
  .circular-btn-1.black-variation {
    background-color: #000000; }

.explore-btn-1 {
  background-color: #FFFFFF;
  border-radius: 32px;
  padding: 20px;
  width: 100%;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 200ms linear; }
  .explore-btn-1-text {
    font-size: 12px;
    letter-spacing: 1px; }
  .explore-btn-1-icon {
    display: flex;
    justify-content: end; }
    .explore-btn-1-icon-wrapper {
      width: 30px;
      height: 30px;
      border-radius: 100%;
      background-color: #000000;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: rotate(0);
      transition: all 200ms linear; }
    .explore-btn-1-icon-svg {
      fill: #FFFFFF;
      width: 20px; }
  .explore-btn-1:hover {
    border-radius: 16px; }
    .explore-btn-1:hover .explore-btn-1-icon-wrapper {
      transform: rotate(45deg); }
  .explore-btn-1.black-variation {
    background-color: #000000;
    color: #FFFFFF; }
    .explore-btn-1.black-variation .explore-btn-1-icon-wrapper {
      background-color: #FFFFFF; }
    .explore-btn-1.black-variation .explore-btn-1-icon-svg {
      fill: #000000; }
  .explore-btn-1.with-siri {
    max-width: 180px;
    height: 180px; }
    .explore-btn-1.with-siri .explore-btn-1-icon-wrapper {
      width: 40px;
      height: 40px; }
    .explore-btn-1.with-siri .siri-img {
      width: 100%; }

.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.5) 100%), url("assets/img/house.jpeg");
  border-radius: 16px;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-height: 350px; }
  .banner-card-1 .button-hero {
    height: 60px; }

.banner-card-1-title {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%; }

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

.section.card-section .section-title {
  color: #333333; }
.section.card-section .cards {
  display: grid;
  grid-template-columns: repeat(4, 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-color: #FFFFFF;
    position: relative;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    padding: 24px; }
    .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;
      justify-content: space-between; }
      .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-size: 14px;
        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 svg {
          fill: #FF9600;
          stroke: #FF9600; }
.section.card-section .cards.cards-2 {
  margin: 0 !important;
  gap: 0;
  transform: none; }
  @media (max-width: 550px) {
    .section.card-section .cards.cards-2 {
      padding-bottom: 0; } }
  .section.card-section .cards.cards-2 .card.card-2 {
    background-color: transparent;
    box-shadow: none;
    padding: 12px !important;
    border: 1px dashed #E0DFE4; }
    .section.card-section .cards.cards-2 .card.card-2.border-2 {
      border: 1px dashed #BDAFF1; }
    .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: #FF9600;
      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: #FF9600; }
    .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 {
        background-color: transparent; }

.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;
          max-height: 400px;
          min-width: 350px !important; }
          @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; }
  .cards-7 .cards-7-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%; }
    @media (max-width: 960px) {
      .cards-7 .cards-7-wrapper {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 550px) {
      .cards-7 .cards-7-wrapper {
        grid-template-columns: repeat(1, 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%;
        min-height: 250px;
        position: relative; }
        .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;
        height: 100%;
        padding-top: 20px; }
      .cards-7 .cards-7-wrapper .card-7 .card-7-title {
        font-size: 20px;
        font-weight: 600;
        color: #333333; }
      .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; }
      .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; }
  .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; }
    .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; }

.card {
  width: 300px;
  height: 300px;
  background-color: transparent;
  perspective: 1000px; }

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

.card-face {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden; }

.card-face.is-rear {
  transform: rotateY(180deg);
  bottom: 0; }

.card:hover .flip-card {
  transform: rotateY(180deg); }

.card-face.is-front img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  object-position: center; }

.card-face.is-rear {
  background-color: #0046F0; }

.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;
  gap: 8px; }
  .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; }
    .icon-buttons .icon-button-icon {
      width: 16px;
      display: inline-flex; }
    .icon-buttons .icon-button:hover {
      background-color: transparent;
      border: 1px solid #000000; }
    .icon-buttons .icon-button:hover .icon-button-icon {
      transition: all .4s; }
    @media (max-width: 700px) {
      .icon-buttons .icon-button-text {
        display: none; } }

.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 .feature-card-5 {
  width: 100%;
  padding: 48px;
  border-radius: 4rem;
  background-color: white; }
  @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-top-right-radius: 12.5rem;
      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-top-right-radius: 3rem; } }
    .feature-cards-5-lg .feature-card-5 .feature-card-5-poster-banner {
      height: 100%;
      width: 100%; }
.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; }
  .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; } }

@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; }
    .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; }
        .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-cards-7 {
  background-color: #000000;
  padding: 20px;
  border-radius: 40px; }
  .feature-cards-7-wrapper {
    display: grid;
    gap: 20px; }
  .feature-cards-7 .feature-card-7 {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    max-width: 450px;
    transition: all 300ms linear; }
    .feature-cards-7 .feature-card-7-texts {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .feature-cards-7 .feature-card-7-texts-number {
        font-size: 80px;
        line-height: 1;
        color: #333333;
        transition: all 300ms linear; }
      .feature-cards-7 .feature-card-7-texts-subtitle {
        font-size: 14px;
        line-height: 1;
        color: #FFFFFF;
        position: relative; }
        .feature-cards-7 .feature-card-7-texts-subtitle-one {
          position: relative;
          transform: translateY(0%);
          transition: all 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99);
          opacity: 1; }
        .feature-cards-7 .feature-card-7-texts-subtitle-two {
          position: absolute;
          top: 0;
          transform: translateY(150%);
          transition: all 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
    .feature-cards-7 .feature-card-7-img {
      position: relative;
      width: 100%;
      max-width: 210px; }
      .feature-cards-7 .feature-card-7-img-poster {
        width: 100%; }
    .feature-cards-7 .feature-card-7-btn {
      position: absolute;
      top: 60%;
      width: 30px;
      height: 30px;
      border-radius: 100%;
      background-color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transform: translateX(-20%);
      transition: all 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
      .feature-cards-7 .feature-card-7-btn-icon {
        width: 20px; }
    .feature-cards-7 .feature-card-7:hover .feature-card-7-texts-number {
      color: #E0E0E0; }
    .feature-cards-7 .feature-card-7:hover .feature-card-7-texts-subtitle-one {
      transform: translateY(-150%);
      opacity: 0; }
    .feature-cards-7 .feature-card-7:hover .feature-card-7-texts-subtitle-two {
      transform: translateY(0%);
      opacity: 1; }
    .feature-cards-7 .feature-card-7:hover .feature-card-7-btn {
      opacity: 1;
      transform: translateX(60%); }

.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: 99;
  width: 100%;
  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 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: #888888;
        cursor: pointer; }
    .section.popup-section-2 .popup-card-2 .section-range-form-wrapper {
      max-width: 610px !important;
      margin: 0 auto;
      padding: 20px 0 50px 0; }
      .section.popup-section-2 .popup-card-2 .section-range-form-wrapper .section-form-cta .section-button {
        width: 100% !important; }
      .section.popup-section-2 .popup-card-2 .section-range-form-wrapper .section-range-title {
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        color: #8C6EF0; }
        @media (max-width: 550px) {
          .section.popup-section-2 .popup-card-2 .section-range-form-wrapper .section-range-title {
            font-size: 24px; } }

.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%;
    background-color: #FFFFFF;
    box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.15);
    padding: 20px;
    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 {
          flex-direction: column; } }
      .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 {
  margin-bottom: 8px;
  color: #333333; }

.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; }
  .form-input:focus {
    border: 1px solid #EDF2FF; }

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

.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; }
  .text-input:focus {
    border: 1px solid #EDF2FF; }
  @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 .section-column {
  width: 100%; }
  @media (max-width: 960px) {
    .product-card-section .section-column {
      padding: 0 20px; } }
  @media (max-width: 550px) {
    .product-card-section .section-column {
      padding: 0 8px; } }
.product-card-section .product-cards-3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 700px) {
    .product-card-section .product-cards-3 {
      grid-template-columns: repeat(2, 1fr) !important; } }
.product-card-section .product-card-3 {
  width: 100%;
  max-width: 550px;
  background: linear-gradient(to top right, #FFF5EE, #FFFFED);
  position: relative;
  cursor: pointer; }
  .product-card-section .product-card-3:hover .product-arrow-icons {
    opacity: 1; }
.product-card-section .product-image {
  width: 100% !important; }
.product-card-section .image {
  width: 100% !important;
  height: 100% !important;
  max-height: 450px !important;
  object-fit: cover !important;
  object-position: center; }
.product-card-section .product-details {
  padding: 20px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 8px; }
  @media (max-width: 550px) {
    .product-card-section .product-details {
      padding: 8px; } }
.product-card-section .product-texts {
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .025rem;
  line-height: 1rem;
  color: #333333; }
  @media (max-width: 550px) {
    .product-card-section .product-texts .product-title {
      font-size: .725rem; } }
  .product-card-section .product-texts .product-price {
    margin-top: 8px; }
.product-card-section .product-arrow-icons {
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 24px;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 300ms ease-in; }
.product-card-section .wish-icon {
  position: absolute;
  right: 20px;
  top: 20px; }
  @media (max-width: 700px) {
    .product-card-section .wish-icon {
      right: 5px;
      top: 5px; } }
  .product-card-section .wish-icon .wish {
    font-size: 20px; }
.product-card-section .color-transition {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2px; }
  .product-card-section .color-transition .circles {
    border-radius: 100px;
    min-width: 12px !important;
    min-height: 12px !important;
    position: relative; }
    .product-card-section .color-transition .circles.is-active {
      margin: 0 4px; }
    .product-card-section .color-transition .circles.is-active::after {
      content: "";
      width: 130%;
      height: 130%;
      border: 1px solid #000000;
      border-radius: 100%;
      position: absolute;
      left: -3px;
      top: -3px; }
  .product-card-section .color-transition .circle-1 {
    background-color: #FF0000; }
  .product-card-section .color-transition .circle-2 {
    background-color: #964B00; }
  .product-card-section .color-transition .circle-3 {
    background-color: #FFC0CB; }
  .product-card-section .color-transition .circle-number {
    margin-left: 4px; }
.product-card-section .second-variation {
  gap: 16px; }
  @media (max-width: 550px) {
    .product-card-section .second-variation {
      gap: 8px; } }
  .product-card-section .second-variation .product-card-3 {
    background: transparent !important; }
    .product-card-section .second-variation .product-card-3 .product-texts {
      text-align: center;
      margin-top: 20px; }
  .product-card-section .second-variation.big-card {
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 700px) {
      .product-card-section .second-variation.big-card {
        grid-template-columns: repeat(1, 1fr) !important; } }
    .product-card-section .second-variation.big-card .image {
      max-height: 600px !important; }

.manual-slider {
  overflow: hidden; }

.manual-slider-img {
  display: none; }

.manual-slider-img.prev {
  display: block;
  animation: slideInLeft .5s forwards; }

.manual-slider-img.next {
  display: block;
  animation: slideInRight .5s forwards; }

.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-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: 50%;
  flex: 1;
  color: white;
  padding: 24px 64px;
  position: relative; }

.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%; } }
  @media (max-width: 960px) {
    .product-page-3-wrapper .product-page-left .product-image-wrapper {
      display: flex;
      overflow: scroll; } }
  .product-page-3-wrapper .product-page-left .product-image-wrapper .product-image {
    width: 100%; }
    @media (max-width: 960px) {
      .product-page-3-wrapper .product-page-left .product-image-wrapper .product-image {
        min-width: 350px; } }
  .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%; }
    .product-page-3-wrapper .product-page-right-wrapper .product-details {
      margin: auto; }
      @media (max-width: 960px) {
        .product-page-3-wrapper .product-page-right-wrapper .product-details {
          display: flex;
          justify-content: space-around;
          padding: 20px;
          width: 100%; }
          .product-page-3-wrapper .product-page-right-wrapper .product-details .button {
            width: 100%; } }
  .product-page-3-wrapper .product-page-link {
    display: inline-flex;
    flex-direction: column;
    margin-top: 48px;
    font-size: 12px;
    line-height: 2rem; }

.checkout-section {
  padding: 0 !important; }
  .checkout-section .minimal-container {
    padding-bottom: 0 !important; }
    .checkout-section .minimal-container .container {
      min-height: 100%; }
  .checkout-section-wrapper {
    display: flex; }
    .checkout-section-wrapper .cart-items {
      flex-basis: 60%; }
      .checkout-section-wrapper .cart-items-wrapper {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 3.125rem 2rem 3.125rem 0; }
        @media (max-width: 1024px) {
          .checkout-section-wrapper .cart-items-wrapper {
            padding: 2rem 1.25rem; } }
        .checkout-section-wrapper .cart-items-wrapper .cart-item {
          padding: 1rem;
          border: 1px solid rgba(79, 76, 71, 0.4); }
          .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper {
            display: flex;
            gap: 1rem;
            position: relative; }
            .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-image {
              width: 80px;
              height: 100px; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-image img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-remove {
              background: none;
              border: none;
              box-shadow: none;
              padding: 0;
              margin: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 1.5rem;
              height: 1.5rem;
              color: rgba(136, 136, 136, 0.4);
              position: absolute;
              top: 0;
              right: 0;
              cursor: pointer;
              transition: all 300ms ease-out;
              font-size: 1.5rem;
              line-height: 1; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-remove:focus {
                outline: 0; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-remove:hover, .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-remove:active {
                color: rgba(136, 136, 136, 0.7); }
            .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail {
              flex: 1;
              font-size: 0.875rem; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-code, .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-brand, .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-price {
                font-weight: 600; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-title, .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-qty {
                color: #888888; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-price {
                color: #333333; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-title {
                margin-top: .25rem; }
              .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-qty, .checkout-section-wrapper .cart-items-wrapper .cart-item-wrapper .cart-item-detail .item-price {
                margin-top: .5rem; }
    .checkout-section-wrapper .cart-summary {
      flex-basis: 40%;
      background-color: #f8f8f8;
      border-left: 1px solid rgba(79, 76, 71, 0.1);
      min-height: calc(100vh - 125px);
      position: relative;
      z-index: 1; }
      .checkout-section-wrapper .cart-summary::after {
        content: "";
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: #f8f8f8; }
      @media (max-width: 1024px) {
        .checkout-section-wrapper .cart-summary {
          border-left: 0;
          border-top: 1px solid rgba(79, 76, 71, 0.1); } }
      .checkout-section-wrapper .cart-summary-wrapper {
        padding: 3.125rem 2rem; }
        @media (max-width: 1024px) {
          .checkout-section-wrapper .cart-summary-wrapper {
            padding: 2rem 1.25rem; } }
        .checkout-section-wrapper .cart-summary-wrapper .cart-summary-top {
          min-height: 12rem; }
          @media (max-width: 1024px) {
            .checkout-section-wrapper .cart-summary-wrapper .cart-summary-top {
              min-height: auto; } }
        .checkout-section-wrapper .cart-summary-wrapper .summary-row {
          display: flex;
          justify-content: space-between;
          gap: .5rem;
          margin-bottom: 1rem; }
        .checkout-section-wrapper .cart-summary-wrapper .cart-summary-separator {
          display: block;
          height: 1px;
          background-color: rgba(79, 76, 71, 0.1); }
        .checkout-section-wrapper .cart-summary-wrapper .summary-total {
          margin-top: 1rem;
          margin-bottom: 2rem;
          font-weight: 600;
          color: #000000; }
        .checkout-section-wrapper .cart-summary-wrapper .place-order-button {
          display: inline-flex;
          height: 3.75rem;
          padding-left: 20px;
          padding-right: 20px;
          background-color: #7B5CC8;
          color: #FFFFFF;
          letter-spacing: 2px;
          transition: all 300ms ease-out; }
          .checkout-section-wrapper .cart-summary-wrapper .place-order-button:hover {
            background-color: #7457BD; }
        .checkout-section-wrapper .cart-summary-wrapper .cart-summary-bottom .secure-payment-line {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 1.5rem;
          color: #888888;
          font-size: 0.875rem;
          font-weight: 400; }
          .checkout-section-wrapper .cart-summary-wrapper .cart-summary-bottom .secure-payment-line .icon {
            margin-right: .25rem;
            display: flex;
            width: 16px; }
    @media (max-width: 1024px) {
      .checkout-section-wrapper {
        flex-direction: column; } }

.navbar {
  background-color: #E0E0E0;
  height: 3.75rem; }
  .navbar .navbar-toggler {
    display: none; }
    @media (max-width: 960px) {
      .navbar .navbar-toggler {
        display: block; } }
    .navbar .navbar-toggler-icon {
      width: 20px;
      height: 20px;
      fill: #222222 !important; }
      .navbar .navbar-toggler-icon.hidden {
        display: none; }
  .navbar .navbar-left.hidden,
  .navbar .navbar-center.hidden,
  .navbar .navbar-right.hidden {
    display: none; }
  .navbar .navbar-left.visible,
  .navbar .navbar-center.visible,
  .navbar .navbar-right.visible {
    display: block !important; }
  .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;
    height: 100%; }
  .navbar .navbar-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px; }
    @media (max-width: 960px) {
      .navbar .navbar-wrapper {
        padding: 0; } }
    .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;
      height: 100%; }
      .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: 14px;
        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; }

.navbar-menu-item-link .icon {
  width: 16px;
  display: flex; }

.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;
    padding: 0 20px; }
    .navsubmenu .navsubmenu-wrapper-close-btn {
      display: none;
      position: fixed;
      right: 20px;
      top: 20px; }
      @media (max-width: 960px) {
        .navsubmenu .navsubmenu-wrapper-close-btn {
          display: block; } }
    @media (max-width: 960px) {
      .navsubmenu .navsubmenu-wrapper {
        flex-direction: column;
        max-height: 100vh;
        overflow-y: scroll;
        padding-bottom: 40px; } }
    .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      flex-basis: 60%;
      gap: 12px;
      padding-top: 3.125rem; }
      @media (max-width: 960px) {
        .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper {
          grid-template-columns: repeat(2, 1fr); } }

.navsubmenu-cover-img {
  display: flex;
  justify-content: center;
  flex-basis: 40%; }
  @media (max-width: 960px) {
    .navsubmenu-cover-img {
      justify-content: inherit; } }
  .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); }
    @media (max-width: 960px) {
      .has-dropdown .dropdown {
        top: 0; } }
  .has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .has-dropdown.is-active .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;
      flex-direction: column;
      align-items: start; }
      .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;
        margin: 0; }
        .navbar .navbar-wrapper .navbar-center .navbar-content, .navbar .navbar-wrapper .navbar-right .navbar-content, .navbar.top .navbar-wrapper .navbar-center .navbar-content, .navbar.top .navbar-wrapper .navbar-right .navbar-content {
          align-items: start; }
          .navbar .navbar-wrapper .navbar-center .navbar-content .navbar-menu, .navbar .navbar-wrapper .navbar-right .navbar-content .navbar-menu, .navbar.top .navbar-wrapper .navbar-center .navbar-content .navbar-menu, .navbar.top .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
            align-items: start;
            flex-direction: column; }
            .navbar .navbar-wrapper .navbar-center .navbar-content .navbar-menu .navbar-menu-item, .navbar .navbar-wrapper .navbar-right .navbar-content .navbar-menu .navbar-menu-item, .navbar.top .navbar-wrapper .navbar-center .navbar-content .navbar-menu .navbar-menu-item, .navbar.top .navbar-wrapper .navbar-right .navbar-content .navbar-menu .navbar-menu-item {
              margin-bottom: 12px; }
    .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-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 {
  background-color: #FFFFFF;
  height: 80px;
  width: 100%;
  z-index: 99;
  position: relative;
  /* DROPDOWN/SUBMENU ITEMS AND TOGGLES */
  /* MENU and SUBMENU */ }
  .navbar-2 .navbar-wrapper,
  .navbar-2 .navbar-left,
  .navbar-2 .navbar-center,
  .navbar-2 .navbar-right,
  .navbar-2 .navbar-content,
  .navbar-2 .navbar-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; }
  .navbar-2 .navbar-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 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: 100%;
      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: 0.75rem; }
          .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
            margin-left: 0.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: #3369FF !important;
      white-space: nowrap;
      border-radius: 32px;
      color: #FFFFFF !important;
      font-family: "Inter";
      font-size: 14px;
      font-weight: 600;
      transition: all 0.4s; }
      .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: #000000;
        color: #000000 !important; }
        .navbar-2 .navbar-menu .navbar-menu-button:hover .navbar-menu-button-icon {
          fill: #000000 !important;
          transition: all 0.4s; }
  @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; }
  .navbar-2 .navsubmenu {
    background-color: rgba(128, 128, 128, 0.2);
    font-size: 1rem;
    border-radius: 16px; }
    .navbar-2 .navsubmenu-content {
      background: rgba(234, 210, 187, 0.5);
      backdrop-filter: blur(36px);
      border-radius: 16px; }
    .navbar-2 .navsubmenu .navsubmenu-wrapper {
      display: flex;
      padding: 20px; }
      .navbar-2 .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper {
        display: flex; }
        .navbar-2 .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper .navsubmenu-menu-column {
          width: 100%; }
          .navbar-2 .navsubmenu .navsubmenu-wrapper .navsubmenu-menu-wrapper .navsubmenu-menu-column .navsubmenu-menu {
            display: flex;
            flex-direction: column;
            gap: 16px; }
  .navbar-2 .navsubmenu-menu-item-link {
    color: #FFFFFF;
    display: block; }
  .navbar-2 .navsubmenu-menu-item-link.is-heading {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1rem; }
  @media (max-width: 800px) {
    .navbar-2 .navbar-menu-item.has-dropdown {
      display: none !important; } }
  .navbar-2 .mobile-dropdown {
    display: none; }
    @media (max-width: 800px) {
      .navbar-2 .mobile-dropdown {
        display: block; } }
  .navbar-2 .has-dropdown {
    position: relative; }
    .navbar-2 .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) {
        .navbar-2 .has-dropdown .dropdown {
          display: none; } }
    .navbar-2 .has-dropdown:hover .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0); }
  .navbar-2 .mobile-sub-menus {
    display: grid;
    grid-template-columns: repeat(1, 1fr); }
  .navbar-2 .navbar-menu-item.mobile-sub-menu {
    display: none !important;
    padding-left: 24px; }
    @media (max-width: 960px) {
      .navbar-2 .navbar-menu-item.mobile-sub-menu {
        display: block !important; } }
  .navbar-2 .navbar-2.is-transparent {
    background-color: transparent !important; }
    .navbar-2 .navbar-2.is-transparent .navbar-menu-item-link {
      color: #FFFFFF !important; }
  @media (max-width: 700px) {
    .navbar-2 .navbar-2.is-black {
      position: absolute;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.9) !important; } }
  .navbar-2 .navbar-menu-item.hover-after-none {
    padding: 12px 20px;
    transition: all 300ms ease-in; }
    .navbar-2 .navbar-menu-item.hover-after-none::after {
      content: "";
      background-color: transparent !important; }
  .navbar-2 .navbar-menu-item.is-active {
    background-color: #FFFFFF; }
  .navbar-2 .navbar-modifier {
    height: 100% !important; }
    @media (max-width: 700px) {
      .navbar-2 .navbar-modifier .nav-modifier-wrapper {
        position: relative;
        display: flex;
        gap: 12px; }
        .navbar-2 .navbar-modifier .nav-modifier-wrapper .navbar-left {
          /* overflow-x: unset !important; */ }
        .navbar-2 .navbar-modifier .nav-modifier-wrapper .nav-modifier-menu .navbar-menu-item-link {
          padding-left: 0 !important; } }
    @media (max-width: 800px) {
      .navbar-2 .navbar-modifier .nav-modifier-wrapper .navbar-content {
        display: block !important;
        width: 100%; }
      .navbar-2 .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-2 .navbar-modifier .nav-modifier-wrapper .nav-modifier-menu::-webkit-scrollbar {
          display: none; } }
  .navbar-2 .navbar-2.is-relative .navsubmenu-content {
    background: transparent; }
  .navbar-2 .nav-bg {
    background-color: rgba(214, 224, 251, 0.4);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1; }
  .navbar-2 #dropdown {
    --border-radius: 6px;
    --shadow-color: 60deg 13% 61%;
    width: 100%;
    border-radius: var(--border-radius);
    position: relative; }
    @media (max-width: 960px) {
      .navbar-2 #dropdown {
        width: 100%; } }
  @media (max-width: 960px) {
    .navbar-2 .has-dropdown-2 {
      flex-direction: column;
      align-items: flex-start !important; } }
  .navbar-2 .dropdown-toggle {
    display: flex !important; }
  .navbar-2 .menu-item a {
    color: #333333; }
  .navbar-2 .menu-item,
  .navbar-2 .submenu-item {
    width: 100%;
    padding: 12px 20px;
    cursor: pointer; }
  .navbar-2 :is(.menu-item, .submenu-item):first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit; }
  .navbar-2 :is(.menu-item, .submenu-item):last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit; }
  .navbar-2 :is(.menu-item, .submenu-item):hover {
    background-color: #EDF2FF; }
  .navbar-2 .dropdown-toggle,
  .navbar-2 .submenu-toggle {
    display: flex;
    align-items: center;
    gap: 4px; }
  .navbar-2 .dropdown-toggle > .dropdown-icon {
    color: #7b7b6e; }
  .navbar-2 .dropdown-icon {
    transition: 0.25s ease;
    width: 20px;
    height: 20px; }
    .navbar-2 .dropdown-icon svg {
      width: 20px;
      height: 20px;
      fill: #333333; }
  .navbar-2 .dropdown-icon.two {
    margin-left: 6px; }
  .navbar-2 .dropdown-toggle.open > .dropdown-icon {
    rotate: 180deg; }
  .navbar-2 .dropdown {
    position: relative; }
  .navbar-2 .menu,
  .navbar-2 .submenu {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: var(--border-radius);
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease; }
    @media (max-width: 960px) {
      .navbar-2 .menu,
      .navbar-2 .submenu {
        background-color: transparent; } }
  .navbar-2 .menu {
    width: 100%;
    translate: 0 -12px;
    min-width: 300px; }
  .navbar-2 .menu.open {
    visibility: visible;
    opacity: 1;
    translate: 0 12px;
    width: 100%; }
    @media (max-width: 960px) {
      .navbar-2 .menu.open {
        position: relative;
        translate: 0; } }
  .navbar-2 .submenu {
    width: max-content;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
    translate: -12px 0; }
    .navbar-2 .submenu-item {
      display: flex;
      align-items: center;
      gap: 8px; }
      .navbar-2 .submenu-item-icon {
        width: 20px;
        height: 20px; }
        .navbar-2 .submenu-item-icon-svg {
          padding: 2px;
          border-radius: 4px; }
  .navbar-2 .submenu.is-active {
    visibility: visible;
    opacity: 1;
    transform: translate(20px, 0); }
    @media (max-width: 960px) {
      .navbar-2 .submenu.is-active {
        position: relative;
        left: 0; } }
  .navbar-2 .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-2 .navbar-icon-cards {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        padding: 12px;
        scrollbar-width: none; }
        .navbar-2 .navbar-icon-cards::-webkit-scrollbar {
          display: none; } }
    @media (max-width: 700px) {
      .navbar-2 .navbar-icon-cards {
        display: flex !important; } }
    .navbar-2 .navbar-icon-cards .icon-card {
      color: inherit;
      gap: 4px;
      padding: 8px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 12px;
      min-width: 100%; }
      .navbar-2 .navbar-icon-cards .icon-card:hover {
        background-color: rgba(51, 105, 255, 0.25); }
      @media (max-width: 700px) {
        .navbar-2 .navbar-icon-cards .icon-card {
          min-width: 250px !important; } }
      .navbar-2 .navbar-icon-cards .icon-card-logo {
        width: 40px !important;
        height: 40px !important; }
      .navbar-2 .navbar-icon-cards .icon-card-texts-title {
        font-weight: 400 !important; }
      .navbar-2 .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-2 .navbar-icon-cards .icon-card-texts-subtitle {
            max-width: 100% !important; } }
  .navbar-2 .cards-menu {
    min-width: 600px; }
    @media (max-width: 700px) {
      .navbar-2 .cards-menu {
        min-width: 100%; } }

@media (max-width: 960px) {
  .navbar-2 {
    height: auto;
    width: 100%;
    position: absolute;
    background: rgba(188, 187, 234, 0.17);
    backdrop-filter: blur(36px); }
    .navbar-2 .navbar-wrapper {
      display: block;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .navbar-2 .navbar-wrapper .navbar-left {
        display: block; }
      .navbar-2 .navbar-wrapper .navbar-center,
      .navbar-2 .navbar-wrapper .navbar-right {
        display: none; }
        .navbar-2 .navbar-wrapper .navbar-center .navbar-content,
        .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
          display: block;
          width: 100%; }
          .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu,
          .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
            display: block; }
            .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item,
            .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item {
              height: unset; }
              .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item-link,
              .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item-link {
                display: block;
                padding-top: 12px;
                padding-bottom: 12px; }
                .navbar-2 .navbar-wrapper .navbar-center .navbar-content .navbar-menu-item-link.is-active::after,
                .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu-item-link.is-active::after {
                  bottom: 0; }
      .navbar-2 .navbar-wrapper .navbar-center .navbar-content {
        margin-top: 20px; }
      .navbar-2 .navbar-wrapper .navbar-right .navbar-content {
        display: block;
        width: 100%;
        margin-top: 20px; }
        .navbar-2 .navbar-wrapper .navbar-right .navbar-content .navbar-menu {
          display: flex;
          justify-content: start; }
      .navbar-2 .navbar-wrapper .navbar-controls {
        display: block;
        margin-bottom: 1rem; }
        .navbar-2 .navbar-wrapper .navbar-controls-wrapper {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 1.25rem; }
          .navbar-2 .navbar-wrapper .navbar-controls-wrapper .navbar-brand img {
            height: 2rem; }
          .navbar-2 .navbar-wrapper .navbar-controls-wrapper .navbar-toggler {
            font-size: 1.25rem;
            color: #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 {
        width: 20px;
        height: 20px;
        fill: #333333 !important; }
        .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-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-2 {
  padding: 0;
  margin: 0;
  background: none;
  outline: 0;
  border: none;
  text-decoration: none;
  display: inline-flex;
  font-size: 16px;
  background-color: #068932;
  color: #FFFFFF;
  padding: 20px 80px 20px 20px;
  border-radius: 8px;
  cursor: pointer;
  position: relative; }

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

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

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

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

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

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

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

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

.tag {
  display: inline-flex;
  font-size: 12px;
  padding: 4px 8px;
  background-color: #E0E0E0;
  color: #333333;
  border-radius: 4px; }

.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 {
  position: absolute;
  z-index: 999;
  top: 20px;
  left: 20px;
  padding: 4px 12px; }
  .card-fixed-tag.is-right {
    right: 20px !important;
    left: inherit; }
  .card-fixed-tag.is-bottom {
    bottom: 20px;
    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; }

.lv-hero {
  padding: 0 !important;
  position: relative; }
  .lv-hero .section-title2024 {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    z-index: 99;
    bottom: 0px;
    color: #fff; }
    .lv-hero .section-title2024 .section-title2024-subheading {
      color: #fff; }

.section-background {
  width: 100%;
  height: 100%;
  max-height: 550px; }
  .section-background-img {
    height: 100%;
    width: 100%; }
  .section-background .section-title2024 {
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    color: #fff; }
    .section-background .section-title2024 .section-title2024-subheading {
      color: #fff;
      text-align: center; }

.section-column .section-title2024-subheading {
  text-align: center; }

.lv-section .container {
  max-width: 100%;
  padding: 0; }
.lv-section .section-mask {
  width: 100vw;
  height: 100vh; }
  @media (max-width: 550px) {
    .lv-section .section-mask {
      height: auto; } }
  .lv-section .section-mask .section-mask-image {
    background-size: cover;
    width: 100%;
    height: 100vh;
    display: inherit;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("https://ap.louisvuitton.com/images/is/image//content/dam/lv/editorial-content/New-Homepage/2024/central/collections/men_newformal/Men_New_Formal_WW_HP_Push_20240830_DI3.jpg?wid=2400"); }
    @media (max-width: 960px) {
      .lv-section .section-mask .section-mask-image {
        background-position: inherit; } }
    @media (max-width: 550px) {
      .lv-section .section-mask .section-mask-image {
        height: 60vh;
        background-position: center;
        background-size: contain; } }

.product-card-section {
  padding-top: 0; }

.product-cards-3 {
  gap: 16px; }
  .product-cards-3 .product-card-3 {
    background: linear-gradient(to top, #E1DBDB4F, #ECEBEB7D); }

.section-title2024-footerheading {
  display: flex;
  gap: 20px; }

.justify-centre {
  display: flex;
  justify-content: center;
  margin-top: 20px; }

.lv-show-page .lv-show-page-section {
  height: 100vh;
  padding: 0; }
  .lv-show-page .lv-show-page-section .section-mask .section-image {
    height: 100%;
    width: 100%; }
    .lv-show-page .lv-show-page-section .section-mask .section-image-poster {
      height: 100%;
      width: 100%;
      object-position: center;
      object-fit: cover; }
  @media (max-width: 700px) {
    .lv-show-page .lv-show-page-section .section-mask .section-wrapper {
      flex-direction: column; }
    .lv-show-page .lv-show-page-section .section-mask .product-text {
      position: relative !important;
      color: #000000 !important; }
      .lv-show-page .lv-show-page-section .section-mask .product-text .product-title {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: .025rem;
        line-height: 1.75rem;
        margin-bottom: 16px; } }
.lv-show-page .section-wrapper {
  height: 100%;
  display: flex;
  align-items: end; }
  .lv-show-page .section-wrapper .product-text {
    position: absolute;
    z-index: 99;
    padding: 50px;
    width: 100%;
    max-width: 500px;
    color: #FFFFFF; }
    @media (max-width: 700px) {
      .lv-show-page .section-wrapper .product-text {
        max-width: 100%;
        padding-bottom: 0; } }
    @media (max-width: 550px) {
      .lv-show-page .section-wrapper .product-text {
        padding: 25px 20px; } }
.lv-show-page .product-card-section .section-container {
  padding: 0 !important; }
  .lv-show-page .product-card-section .section-container .section-wrapper {
    padding: 0 !important; }
.lv-show-page .product-card-section .view-btn {
  margin: 48px;
  display: flex;
  justify-content: center; }
  .lv-show-page .product-card-section .view-btn .view-button {
    border: 1px solid #333;
    border-radius: 60px;
    padding: 16px 64px;
    background: transparent; }
.lv-show-page .about-us-lv .about-us-text {
  width: 100% !important;
  max-width: 65%;
  font-size: .875rem !important;
  font-weight: 400; }
  @media (max-width: 960px) {
    .lv-show-page .about-us-lv .about-us-text {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      max-width: 80%;
      padding: 12px; } }
  @media (max-width: 550px) {
    .lv-show-page .about-us-lv .about-us-text {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      max-width: 80%;
      padding: 12px; } }
  .lv-show-page .about-us-lv .about-us-text .about-us-subtitle {
    padding-bottom: 24px; }

.lv-product-showpage {
  font-family: "Quicksand", sans-serif; }
  .lv-product-showpage .hero-section .section-wrapper .section-heading, .lv-product-showpage .product-card-section .section-wrapper .section-heading {
    font-size: 1rem;
    margin-left: 20px;
    margin-bottom: 2rem; }
  @media (max-width: 700px) {
    .lv-product-showpage .product-card-section .product-cards-3 {
      flex-direction: row;
      flex-wrap: wrap; } }
  .lv-product-showpage .mobile-view-icon-btn {
    position: sticky;
    top: 92%;
    left: 44%;
    margin-bottom: 20px; }
    @media (max-width: 960px) {
      .lv-product-showpage .mobile-view-icon-btn {
        left: 82%; } }
  .lv-product-showpage .product-page-3 .product-image-wrapper {
    height: auto; }
    .lv-product-showpage .product-page-3 .product-image-wrapper .product-image {
      height: 100%;
      object-fit: cover;
      object-position: center; }
      @media (max-width: 960px) {
        .lv-product-showpage .product-page-3 .product-image-wrapper .product-image {
          flex-direction: column; } }
  .lv-product-showpage .product-page-3 .product-page-right-details {
    width: 100%;
    max-width: 350px;
    font-size: 14px;
    color: #333333;
    margin-top: 32px; }
  @media (max-width: 960px) {
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details {
      flex-direction: column !important; } }
  .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .product-top-details {
    display: flex;
    justify-content: space-between; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .product-top-details .lv-product_heading .lv-product-card__id {
      font-size: 10px;
      color: #2b2b2b;
      line-height: 2.5rem; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .product-top-details .lv-product_heading .product_name {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: .025rem;
      line-height: 1.5rem; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .product-top-details .lv-product_heading .product_price {
      font-size: 14px; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .product-top-details .lv-product_heading .lv-price_tax {
      font-size: 10px;
      margin-bottom: 40px; }
  .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .size-variation {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid  #dbdbdb;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 12px 0; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .size-variation .lv-product-size-variation-wrapper {
      display: inline-flex;
      gap: 12px;
      font-size: 12px; }
  .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .colour-variation {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid  #dbdbdb;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 12px 0; }
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .colour-variation .lv-product-colour-variation-wrapper {
      display: inline-flex;
      gap: 12px;
      font-size: 12px; }
  .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .customisation-wrapper {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 1px solid  #dbdbdb;
    margin-bottom: 20px;
    padding: 12px 0; }
  .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .product-details .right-arrow-icon {
    width: 16px;
    height: 16px; }
  @media (max-width: 700px) {
    .lv-product-showpage .product-page-3 .product-page-right .product-page-right-wrapper .is-extralg.is-black {
      margin-top: 20px; } }

.grid-product {
  background-color: #a09a9a36 !important;
  padding: 8px !important; }
  .grid-product .white-bg {
    border-radius: 20px;
    padding: 28px;
    background-color: #fff; }
    @media (max-width: 1024px) {
      .grid-product .white-bg {
        padding: 16px; } }
  .grid-product .order-2 {
    display: flex;
    flex-direction: column-reverse; }
  .grid-product .margin-order-2 {
    margin-bottom: 8px;
    margin-top: 0 !important; }
  .grid-product-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 8px; }
    @media (max-width: 1024px) {
      .grid-product-columns {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 550px) {
      .grid-product-columns {
        grid-template-columns: 1fr; } }
  @media (max-width: 1024px) {
    .grid-product .grid-product-column-1-title, .grid-product .grid-product-column-2-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100px; } }
  .grid-product-column {
    width: 100%; }
    .grid-product-column-1 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px; }
      .grid-product-column-1-img {
        width: 100%; }
        .grid-product-column-1-img-item {
          width: 100%; }
      .grid-product-column-1-texts {
        font-size: 14px;
        text-align: center; }
        @media (max-width: 1024px) {
          .grid-product-column-1-texts {
            font-size: 12px; } }
  .grid-product .grid-product-row {
    display: flex;
    margin-top: 8px;
    gap: 8px; }
    .grid-product .grid-product-row .grid-product-column-2 {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .grid-product .grid-product-row .grid-product-column-2-img-item {
        width: 100%; }

.login-01 .login-01-inputs-wrapper {
  grid-template-columns: 1fr !important; }
@media (max-width: 1200px) {
  .login-01 .login-01-summary-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: transparent !important; } }

@media (max-width: 960px) {
  .auth-page-01-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; } }

@media (max-width: 1200px) {
  .auth-page-01 {
    height: inherit; } }
.auth-page-01 .auth-page-01-wrapper {
  display: flex; }
  @media (max-width: 1200px) {
    .auth-page-01 .auth-page-01-wrapper {
      flex-direction: column; } }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-basis: 68vw;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative; }
    @media (max-width: 1200px) {
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg {
        display: none; } }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg-texts {
      position: absolute;
      bottom: 12%;
      width: 100%; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg-texts-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-align: center;
        margin-bottom: 26px; }
        .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg-texts-wrapper .auth-page-01-wrapper-bgimg-texts-title {
          font-size: 1.5rem; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator {
      padding: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 12px; }
      @media (max-width: 1200px) {
        .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator {
          width: 100%; } }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator .auth-01-illustrator-img {
        width: 100%;
        max-width: 400px; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator-item {
        width: 100%; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator .auth-01-illustrator-texts {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 16px;
        gap: 16px; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator-title {
        font-size: 1.5rem;
        font-weight: 600; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-wrapper-bgimg .auth-01-illustrator-paragraph {
        width: 100%;
        max-width: 400px;
        font-size: .75rem; }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 32vw;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #f9f9f9; }
    @media (max-width: 960px) {
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
        align-items: inherit; } }
    @media (max-width: 550px) {
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
        padding: 20px; } }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs {
      width: 100%;
      display: flex;
      flex-direction: column; }
      @media (max-width: 550px) {
        .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs {
          padding: 20px; } }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        width: 100%; }
        @media (max-width: 550px) {
          .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-wrapper {
            grid-template-columns: 1fr; } }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-field {
        margin-bottom: 16px;
        color: #000; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs .checkbox-field {
        flex-direction: row;
        align-items: center;
        gap: 8px; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs .auth-page-01-input-checkbox {
        appearance: auto; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-input {
      border: 1px solid #b0a5a5;
      padding: 1rem;
      color: #10101096;
      font-weight: 500;
      background-color: #fff;
      transition: border 300ms linear;
      appearance: auto;
      width: 100%;
      margin-top: 8px; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-input:focus {
        border: 1px solid #000; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-gender {
      display: flex;
      gap: 20px; }
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-gender .auth-page-01-gender-input {
        display: flex;
        align-items: center;
        gap: 6px; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .section-cta {
      margin-top: 20px; }
  @media (max-width: 700px) {
    .auth-page-01 .auth-page-01-wrapper .no-bg-tab-sm {
      background-color: transparent;
      padding-top: 100px; } }

.auth-slider {
  margin-top: 14px; }

.auth-link {
  color: #1919d6;
  font-weight: 600;
  transition: text-decoration .3s linear; }
  .auth-link:hover {
    text-decoration: underline; }

@media (max-width: 700px) {
  .align-centre-tab-sm {
    justify-content: center; } }

.auth-page-01-form-heading-wrapper {
  margin-bottom: 16px; }
  .auth-page-01-form-heading-wrapper .auth-page-01-form-title {
    color: #000;
    height: inherit; }
  .auth-page-01-form-heading-wrapper .auth-page-01-form-subtitle {
    color: #000;
    text-align: center;
    font-size: 16px; }

.product-slider-2 {
  position: relative;
  width: 100%;
  max-width: 400px; }
  .product-slider-2-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%; }
  .product-slider-2-item {
    margin: 0 auto;
    max-width: 360px; }

.hero-title-3 {
  width: 100%;
  max-width: 1200px;
  font-size: 180px;
  line-height: .8;
  font-weight: 400;
  letter-spacing: -11.75px;
  color: #FFFFFF; }
  .hero-title-3.gradient-text {
    font-size: 220px;
    max-width: 1400px;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(https://ai-in-banking-ux-design.videinfra.com/assets/images/footer-title-grad-2.jpg);
    background-position: calc(var(--mouse-x) * var(--spacing) * 100);
    background-repeat: repeat;
    background-size: cover;
    display: block;
    overflow: visible; }
  .hero-title-3-bottom {
    position: relative; }
    .hero-title-3-bottom-info {
      font-size: 12px;
      position: absolute;
      top: 26%;
      right: 15%;
      line-height: 1.25;
      letter-spacing: normal; }

.section-title-2 {
  font-size: 60px;
  text-align: right;
  line-height: 1; }

.section-subtitle-2 {
  font-size: 12px;
  width: 100%;
  max-width: 300px;
  text-transform: uppercase; }

.section-number {
  font-size: 350px;
  line-height: 1; }

.new-service-card {
  font-family: Arial, Helvetica, sans-serif; }

.new-service-card .new-service-card-left-1strow {
  display: flex;
  justify-content: space-between;
  margin: 18px;
  border-bottom: 1px solid #b5b3b3;
  padding-bottom: 20px;
  line-height: 12px; }

.new-service-card .new-service-card-left-1strow .new-service-card-left-1st {
  display: flex;
  gap: 18px; }

.new-service-card .new-service-card-left-1strow .new-service-card-left-3rd {
  display: flex;
  gap: 18px; }

.new-service-card .new-service-card-left-1strow .new-service-card-icon {
  font-size: 12px;
  font-weight: 100;
  color: #000000;
  line-height: 20px; }

.new-service-card .new-service-card-left-1strow .new-service-card-svg {
  color: #3a3838; }

.new-service-card .new-service-card-left-1strow .new-service-card-icon-text {
  font-size: 22px;
  font-weight: 500;
  color: #000000; }

.new-service-card .new-service-card-men {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: 12px; }

.new-service-card .new-service-card-men .new-service-card-both {
  display: flex;
  flex-direction: column;
  gap: 24px; }

.new-service-card .new-service-card-men .new-service-card-men-pro {
  width: 320px;
  height: 350px;
  border: 1px solid #f9f4f4;
  background-color: whitesmoke;
  color: black; }

.new-service-card .new-service-card-men-text-top {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center; }

.new-service-card .new-service-card-men .new-service-card-men-text {
  font-size: 12px;
  font-weight: 540;
  text-align: center;
  color: #000000; }

.new-service-card .new-service-card-men .new-service-card-men-text .new-service-card-men-text-underline {
  text-decoration: underline;
  color: #000000; }

.product-show-page4 {
  width: 100%;
  height: 572vh;
  font-family: Arial, Helvetica, sans-serif; }
  .product-show-page4 .product-show-front {
    height: 155vh; }
    .product-show-page4 .product-show-front .product-show-front-text {
      font-size: 30px;
      font-weight: 500;
      color: #fff;
      position: relative;
      bottom: 200px;
      left: 650px;
      font-family: Arial, Helvetica, sans-serif; }
    .product-show-page4 .product-show-front .product-show-front-svg {
      position: relative;
      bottom: 172px;
      display: flex;
      justify-content: space-between;
      padding: 42px; }
  .product-show-page4 .product-show-content {
    width: 100%;
    height: 40vh;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 26px; }
    .product-show-page4 .product-show-content .product-show-page3-text {
      width: 500px;
      color: #fff;
      font-size: 14px;
      text-align: centers;
      font-family: sans-serif; }
  .product-show-page4 .product-show-page3-image {
    display: flex;
    height: 120vh; }
    .product-show-page4 .product-show-page3-image .product-show-page3-image1 {
      line-height: 100px; }
      .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-image1-jpg {
        width: 800px;
        height: 900px; }
      .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-image1-text {
        color: #fff;
        font-size: 18px;
        position: relative;
        bottom: 460px;
        left: 288px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 24px;
        font-family: sans-serif; }
        .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-image1-text.is-right {
          left: 250px; }
      .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-button {
        width: 250px;
        height: 50px;
        border: 1px solid #fff;
        border-radius: 24px;
        background: transparent;
        color: #fff;
        font-size: 14px;
        font-weight: 20;
        position: relative;
        bottom: 460px;
        left: 260px; }
        .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-button.product-show-page3-button:hover {
          border: 2px solid #fff; }
        .product-show-page4 .product-show-page3-image .product-show-page3-image1 .product-show-page3-button.is-right {
          left: 230px; }
  .product-show-page4 .product-show-page3-bottom {
    height: 92vh; }
    .product-show-page4 .product-show-page3-bottom .product-show-page3-img-bottom {
      width: 100%;
      padding-bottom: 20px; }
    .product-show-page4 .product-show-page3-bottom .product-show-page3-text-bottom {
      color: #fff;
      font-size: 18px;
      position: relative;
      bottom: 500px;
      left: 664px;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 24px;
      font-family: sans-serif; }
    .product-show-page4 .product-show-page3-bottom .product-show-page3-button {
      width: 250px;
      height: 50px;
      border: 1px solid #fff;
      border-radius: 24px;
      background: transparent;
      color: #fff;
      font-size: 14px;
      font-weight: 20;
      position: relative;
      bottom: 460px;
      left: 660px; }
      .product-show-page4 .product-show-page3-bottom .product-show-page3-button.product-show-page3-button:hover {
        border: 2px solid #fff; }
  .product-show-page4 .new-service-card-bottom-parent {
    display: flex;
    gap: 100px;
    margin-top: 200px;
    border-top: 1px solid #aaa4a4;
    border-bottom: 1px solid #b4b3b3; }
  .product-show-page4 .new-service-card-bottom-parent .new-service-card-bottom {
    font-size: 12px;
    font-weight: 200;
    line-height: 44px;
    margin: 40px; }
  .product-show-page4 .new-service-card-bottom-parent .new-service-card-bottom .new-service-card-bottom-add-text {
    width: 350px; }
  .product-show-page4 .new-service-card-bottom-parent .new-service-card-bottom .new-service-card-bottom-add-text .new-service-card-bottom-add-text-underline {
    text-decoration: underline; }
  .product-show-page4 .new-service-card-footer {
    display: flex;
    gap: 302px;
    margin: 52px; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom {
    font-size: 12px;
    font-weight: 100;
    line-height: 40px; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom .new-service-card-bottom-india {
    display: flex;
    gap: 8px;
    text-align: justify;
    line-height: normal; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom .new-service-card-bottom-india .new-service-card-bottom-india-img {
    width: 20px;
    height: 20px; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom .new-service-card-bottom-add .new-service-card-bottom-add-text {
    text-decoration: underline; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom-add-content {
    width: 200px; }
  .product-show-page4 .new-service-card-footer .new-service-card-bottom-link {
    display: flex;
    gap: 20px;
    font-size: 14px; }
  .product-show-page4 .new-service-card-bottom-new {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

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

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

.hero-section .hero-section-texts {
  display: flex;
  align-items: center;
  height: 100%;
  width: 50%;
  max-width: 600px;
  flex: 1; }

.hero-title, .hero-subtitle {
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 2rem; }

.hero-title {
  font-size: 72px;
  font-weight: 700; }

.hero-subtitle {
  font-size: 2rem;
  font-weight: 400; }

.hero-section .hero-section-image {
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden; }

.hero-section-image .hero-image {
  width: 100%;
  height: 600px;
  object-fit: cover;
  padding-top: 2rem; }

.hero-cta .button-hero {
  margin-right: 1rem; }

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

.hero-section-02 .hero-section-wrapper {
  display: flex;
  flex-direction: column; }

.hero-section-02 .hero-section-texts {
  height: 100%;
  width: 100%;
  max-width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px; }

.hero-title, .hero-subtitle {
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 24px; }

.hero-title {
  font-size: 72px;
  font-weight: 700; }

.hero-subtitle {
  font-size: 32px;
  font-weight: 400; }

.hero-section-02 .hero-section-image {
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden; }

.hero-section-image .hero-image {
  width: 100%;
  height: 600px;
  object-fit: cover;
  padding-top: 32px; }

.hero-cta .button-hero {
  margin-right: 16px; }

.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: 290px; }
.hero-section-6 .hero-image-wrapper .hero-image {
  width: 400px;
  height: 400px;
  padding-top: 0;
  border-radius: 48px;
  position: relative; }
.hero-section-6 .hero-half-cover-image {
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  width: 50%;
  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;
  bottom: 130px;
  height: 100px; }
  .hero-card-wrapper .is-girl {
    position: relative;
    height: 306px;
    top: 200px;
    width: 150px; }
  .hero-card-wrapper .is-pencil {
    position: relative;
    z-index: 1;
    height: 240px;
    rotate: -45deg;
    top: 338px; }
  .hero-card-wrapper .is-ladder {
    height: 500px;
    position: relative;
    top: 100px; }

.circle-traingle-wrapper {
  position: relative;
  top: 82px;
  left: 0;
  z-index: 16; }
  .circle-traingle-wrapper .circle {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background-color: #f66631d1;
    position: absolute;
    right: 100px;
    top: -14px;
    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 {
  @import url("https://fonts.googleapis.com/css2?family=Nova+Cut&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  background-image: url("/assets/img/section-bg.png");
  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-title {
    font-family: 'Playfair Display', serif; }
  .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%;
      width: auto !important;
      max-width: auto;
      background-color: transparent !important;
      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%;
        height: 100%;
        border-radius: 32px;
        max-width: 350px !important; }
      .section-image .section-image-wrapper .section-image-poster-wrappper .height-400 {
        max-height: 400px !important;
        max-width: 250px !important; }
      @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;
      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-size: 48px;
            font-weight: 700;
            color: #8C6EF0;
            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;
            color: #333333; }
            @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: #FFFFFF; }
  .section .section-mask {
    position: relative;
    overflow: hidden;
    height: 100%; }
    .section .section-mask .section-background {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; }
    .section .section-mask .section-container {
      position: relative;
      z-index: 2;
      padding: 0 1rem;
      height: 100%;
      max-width: 1400px;
      margin: 0 auto; }
      .section .section-mask .section-container .section-wrapper {
        padding-top: 9.375rem;
        padding-bottom: 9.375rem;
        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; }
    .section .section-columns .section-column {
      flex: 1;
      padding-left: .625rem;
      padding-right: .625rem; }
  .section.is-slim .section-mask .section-container .section-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .section.is-slim .section-mask .section-container .section-wrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .section.height-full .section-mask .section-container .container {
    height: 100%; }

@media (max-width: 1024px) {
  .section .section-columns {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    align-items: stretch; }
    .section .section-columns .section-column {
      flex: 1;
      padding: .625rem 0; } }
.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; }

.product-slider-section {
  background-color: #ececec;
  padding: 0;
  overflow: hidden; }
  .product-slider-section .product-slider {
    padding: 10px;
    width: 100vw; }
    .product-slider-section .product-slider-wrapper {
      display: flex; }
      @media (max-width: 700px) {
        .product-slider-section .product-slider-wrapper {
          flex-direction: column; } }
    .product-slider-section .product-slider-left {
      width: 85vw;
      position: relative;
      border-radius: 20px;
      background: #fff; }
      @media (max-width: 700px) {
        .product-slider-section .product-slider-left {
          width: 100%; } }
      .product-slider-section .product-slider-left-header {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        z-index: 99;
        padding: 12px;
        align-items: center; }
        .product-slider-section .product-slider-left-header-btn {
          background: #fff;
          border: 1px solid #000;
          padding: 10px;
          border-radius: 50%;
          width: 42px;
          transition: all .3s ease-in; }
          .product-slider-section .product-slider-left-header-btn:hover {
            box-shadow: inset 0 0 0 1px #000; }
          .product-slider-section .product-slider-left-header-btn-svg {
            width: 20px;
            align-items: center;
            display: flex;
            justify-content: center; }
      .product-slider-section .product-slider-left .product-slider-h {
        position: relative;
        height: 75vh; }
        .product-slider-section .product-slider-left .product-slider-h .testimonial-slider {
          justify-content: space-between;
          padding: 0 24px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          @media (max-width: 800px) {
            .product-slider-section .product-slider-left .product-slider-h .testimonial-slider {
              display: none; } }
        .product-slider-section .product-slider-left .product-slider-h-wrapper {
          display: flex;
          width: 100%;
          overflow-X: scroll;
          height: 100%; }
        .product-slider-section .product-slider-left .product-slider-h-item {
          width: 100%;
          min-width: 450px;
          height: 100%; }
          .product-slider-section .product-slider-left .product-slider-h-item-poster {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
    .product-slider-section .product-slider-right {
      width: 15vw; }
      @media (max-width: 700px) {
        .product-slider-section .product-slider-right {
          width: 100%;
          margin-top: 10px; } }
      .product-slider-section .product-slider-right .product-slider-v {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 0 0 10px;
        overflow-Y: scroll;
        height: 100vh; }
        @media (max-width: 700px) {
          .product-slider-section .product-slider-right .product-slider-v {
            flex-direction: row;
            height: inherit; } }
        .product-slider-section .product-slider-right .product-slider-v-item {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          background-color: #fff;
          border-radius: 20px; }
          @media (max-width: 700px) {
            .product-slider-section .product-slider-right .product-slider-v-item {
              width: 100%;
              min-width: 200px; } }
          .product-slider-section .product-slider-right .product-slider-v-item-poster {
            width: 100%;
            max-width: 250px;
            height: 100%;
            max-height: 200px; }
    .product-slider-section .product-slider .product-slider-left .product-slider-left-cta {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 25%; }
      @media (max-width: 800px) {
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta {
          align-items: inherit;
          padding: 0 20px; } }
      @media (max-width: 480px) {
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta {
          justify-content: space-between; } }
      @media (max-width: 800px) {
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta {
          margin: 30px auto; } }
      .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-header-texts {
        margin-right: 150px; }
        @media (max-width: 800px) {
          .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-header-texts {
            margin-right: 0; } }
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-header-texts .slider-product-footer-header-para {
          font-size: 10px; }
        @media (max-width: 800px) {
          .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-header-texts .slider-product-footer-title {
            display: flex;
            justify-content: space-between;
            margin-right: 0; } }
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-header-texts .slider-product-footer-title .slider-product-footer-title-text {
          font-size: 16px; }
      .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-buttons {
        display: flex;
        align-items: center; }
        .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-buttons .slider-button-chips-btn {
          border: 1px solid #000;
          padding: 16px 100px;
          text-align: center; }
          @media (max-width: 800px) {
            .product-slider-section .product-slider .product-slider-left .product-slider-left-cta .slider-product-footer-buttons .slider-button-chips-btn {
              width: 100%; } }
  .product-slider-section .hide-in-screen {
    display: none; }
    @media (max-width: 800px) {
      .product-slider-section .hide-in-screen {
        display: flex; } }
    .product-slider-section .hide-in-screen .is-selected {
      background-color: #918d8d; }

.footer-lv {
  padding-bottom: 0 !important; }
  .footer-lv .header-wrapper {
    display: flex;
    justify-content: space-between; }
    .footer-lv .header-wrapper .header-right-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 32px; }
    .footer-lv .header-wrapper .image-title {
      font-size: 12px; }
    .footer-lv .header-wrapper .header-right-image {
      width: 16px;
      height: 16px; }
    .footer-lv .header-wrapper .header-left-wrapper {
      display: inline-flex;
      gap: 50px;
      font-size: 12px; }
  .footer-lv .footer-top-nav {
    margin-bottom: 40px; }
    .footer-lv .footer-top-nav .footer-right {
      width: 100%;
      display: grid;
      padding-left: 0; }
      .footer-lv .footer-top-nav .footer-right.has-four-columns {
        grid-template-columns: repeat(4, 1fr) !important; }
        @media (max-width: 960px) {
          .footer-lv .footer-top-nav .footer-right.has-four-columns {
            grid-template-columns: repeat(2, 1fr) !important; } }
        @media (max-width: 480px) {
          .footer-lv .footer-top-nav .footer-right.has-four-columns {
            grid-template-columns: repeat(1, 1fr) !important;
            padding-right: 8px; } }
      .footer-lv .footer-top-nav .footer-right.has-two-columns {
        grid-template-columns: repeat(2, 1fr) !important; }
        @media (max-width: 550px) {
          .footer-lv .footer-top-nav .footer-right.has-two-columns {
            grid-template-columns: repeat(1, 1fr) !important; } }
      .footer-lv .footer-top-nav .footer-right-column .list-section {
        padding: 0 1rem; }
        .footer-lv .footer-top-nav .footer-right-column .list-section + .list-section {
          margin-top: 2rem; }
      .footer-lv .footer-top-nav .footer-right .footer-right-nav-title {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 8px; }
      .footer-lv .footer-top-nav .footer-right .footer-right-nav .footer-right-nav-links .footer-right-nav-link {
        color: #000000;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .025rem;
        line-height: 2rem; }
      .footer-lv .footer-top-nav .footer-right .footer-right-nav .footer-right-nav-links .footer-subtitle {
        font-size: 12px;
        line-height: 1rem; }
      .footer-lv .footer-top-nav .footer-right .footer-right-nav .footer-right-nav-links .footer-subtitle-bottom {
        margin-top: 16px;
        font-size: 12px; }
      .footer-lv .footer-top-nav .footer-right .footer-right-nav .footer-copyright {
        text-align: right; }

.underline {
  border-bottom: 1px solid #000; }

.timeline-section {
  width: 100%;
  padding: 0; }
  .timeline-section .bg-images {
    min-height: 100vh;
    position: relative;
    overflow: hidden; }
    @media (max-width: 800px) {
      .timeline-section .bg-images {
        min-height: 60vh; } }
    @media (max-width: 700px) {
      .timeline-section .bg-images {
        min-height: 50vh; } }
    .timeline-section .bg-images .bg-image {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 1.5s ease-in-out; }
      .timeline-section .bg-images .bg-image::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--bg);
        background-size: 120%;
        background-position: center;
        background-repeat: no-repeat;
        transform: scale(1.1);
        transition: transform 6s ease;
        z-index: 0; }
      .timeline-section .bg-images .bg-image[style*="opacity: 1"]::before {
        transform: scale(1); }
  .timeline-section .bg-image-one::before {
    background-position: center bottom;
    animation: imageZoomIn 4s linear forwards; }
  .timeline-section .bg-image-two::before {
    background-position: bottom right;
    animation: imageZoomOut 4s linear forwards; }
  .timeline-section .bg-image-three::before {
    background-position: bottom left;
    animation: imageZoomOut 4s linear forwards; }
  .timeline-section .image-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 1; }
  .timeline-section .section-mask {
    width: 100%; }
  .timeline-section .section-texts {
    max-width: 600px;
    color: #FFFFFF; }
    @media (max-width: 800px) {
      .timeline-section .section-texts {
        max-width: 350px; } }
    .timeline-section .section-texts-title {
      font-size: 3rem;
      line-height: 1.25;
      font-weight: 600;
      margin-bottom: 1rem; }
      @media (max-width: 960px) {
        .timeline-section .section-texts-title {
          font-size: 2rem; } }
      @media (max-width: 700px) {
        .timeline-section .section-texts-title {
          font-size: 1.25rem;
          margin-bottom: .5rem; } }
    .timeline-section .section-texts-subtitle {
      font-size: 1.15rem;
      line-height: 1.25; }
      @media (max-width: 700px) {
        .timeline-section .section-texts-subtitle {
          font-size: .875rem; } }
    .timeline-section .section-texts .section-texts-title,
    .timeline-section .section-texts .section-texts-subtitle {
      position: relative;
      overflow: hidden;
      display: inline-block; }
    .timeline-section .section-texts .section-texts-title span,
    .timeline-section .section-texts .section-texts-subtitle span {
      display: block;
      position: relative;
      overflow: hidden; }
    .timeline-section .section-texts .section-texts-title span::after,
    .timeline-section .section-texts .section-texts-subtitle span::after {
      content: '';
      position: absolute;
      inset: 0;
      background: white;
      transform: translateX(-100%);
      z-index: 2;
      animation: var(--wipe, none); }
    .timeline-section .section-texts .line {
      display: block;
      position: relative;
      overflow: hidden; }
    .timeline-section .section-texts .line::after {
      content: '';
      position: absolute;
      inset: 0;
      background: #FFFFFF;
      transform: translateX(-100%);
      z-index: 2;
      animation: var(--wipe, none); }
  .timeline-section .section-cta {
    margin-top: 2rem; }
    @media (max-width: 480px) {
      .timeline-section .section-cta .button.is-md {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        height: 2rem; } }
  .timeline-section .section-container {
    width: 100%;
    height: 100%;
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2; }
  .timeline-section .section-items {
    display: flex;
    gap: 2rem; }
  .timeline-section .section-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    padding: 0 2rem;
    width: 90%;
    color: #FFFFFF; }
  .timeline-section .progress {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1400px; }

.slide-numbers {
  margin-top: 12px;
  width: 10%;
  color: #FFFFFF; }
  .slide-numbers .slide-number {
    display: flex;
    gap: 12px;
    margin-bottom: .5rem; }
    .slide-numbers .slide-number .slide-count {
      font-weight: 600; }

@keyframes imageZoomOut {
  0% {
    background-size: 120%; }
  100% {
    background-size: 100%; } }
@keyframes imageZoomIn {
  0% {
    background-size: 100%; }
  100% {
    background-size: 150%; } }
@keyframes wipeInOut {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

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

a {
  color: inherit; }

/*
body {
padding: 200px;
     background-color: #000000;
}
*/
.padding-0 {
  padding: 0 !important; }

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

.event-none {
  pointer-events: none; }

.width-full {
  width: 100vw; }

.height-full {
  height: 100vh; }

.width-100p {
  width: 100%; }

.height-100p {
  height: 100%; }

.no-mb {
  margin-bottom: 0; }

@media (max-width: 320px) {
  .small-font-mob-sm {
    font-size: 12px !important; } }

.text-right {
  text-align: right !important; }

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

@media (max-width: 550px) {
  .mt-50-mob {
    margin-top: 50px; } }

@media (max-width: 700px) {
  .mw-500-in-tab-sm {
    max-width: 500px;
    margin: 0 auto; } }

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

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

.is-absolute {
  position: absolute !important; }

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

.minimal-section {
  background-color: #FFFFFF; }
  .minimal-section .minimal-container {
    padding: 6.25rem 0;
    height: 100%;
    position: relative;
    z-index: 2; }
    .minimal-section .minimal-container.has-separator::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background-color: rgba(79, 76, 71, 0.1);
      margin-left: -1rem;
      margin-right: -1rem;
      z-index: 2; }

.button.is-extralg {
  padding: 1.5rem 1rem;
  width: 100%;
  margin-top: 8px; }

.button.is-black {
  background: #000000;
  color: #ffffff; }

@media (max-width: 960px) {
  .section-title, .section-subtitle {
    text-align: left; } }
@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; }

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

.mb-d36-t20 {
  margin-bottom: 36px !important; }
  @media (max-width: 700px) {
    .mb-d36-t20 {
      margin-bottom: 20px !important; } }

.gap-12 {
  gap: 12px; }

.has-divider-b {
  border-bottom: 1px solid #ccc; }

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

.expand {
  animation: expand .4s ease-out forwards; }

.collapse {
  animation: collapse .4s ease-out forwards; }

.expand-wrapper {
  position: relative; }
  .expand-wrapper .hover-btn-1 {
    font-size: 12px;
    padding: 8px 16px; }
  .expand-wrapper .feature-cards-7 {
    height: 85vh;
    width: 100%;
    min-width: 450px;
    transform: scale(0);
    transform-origin: center top;
    max-height: 85vh;
    overflow-y: scroll;
    scrollbar-width: none;
    position: absolute;
    z-index: 9;
    left: -192px;
    top: 0; }
    .expand-wrapper .feature-cards-7::-webkit-scrollbar {
      display: none; }
    @media (max-width: 960px) {
      .expand-wrapper .feature-cards-7 {
        transform-origin: left top;
        left: -10px;
        top: -4px; } }
    @media (max-width: 480px) {
      .expand-wrapper .feature-cards-7 {
        min-width: 340px; } }
    .expand-wrapper .feature-cards-7 .hover-btn-1 {
      position: sticky;
      top: 0;
      z-index: 99;
      margin: 0 auto 20px auto; }

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

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

.button-contact {
  width: 100%; }

.navbar-2 {
  background-color: #FFFFFF;
  backdrop-filter: blur(32px);
  position: sticky;
  top: 0; }

.navbar-2 .navbar-menu .navbar-menu-item {
  margin-right: 1.25rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 960px) {
    .navbar-2 .navbar-menu .navbar-menu-item {
      margin: 0; } }
  .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
    font-size: 1rem;
    font-weight: 600;
    color: #555555;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px; }
    @media (max-width: 960px) {
      .navbar-2 .navbar-menu .navbar-menu-item .navbar-menu-item-link {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; } }
  @media (max-width: 960px) {
    .navbar-2 .navbar-menu .navbar-menu-item:hover {
      transition: all 300ms ease-in; } }
  .navbar-2 .navbar-menu .navbar-menu-item::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 25px;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    transition: all 300ms ease-in; }
    @media (max-width: 960px) {
      .navbar-2 .navbar-menu .navbar-menu-item::after {
        display: none; } }
  .navbar-2 .navbar-menu .navbar-menu-item:hover .navbar-menu-item-link {
    color: #FF3E51; }
  .navbar-2 .navbar-menu .navbar-menu-item:hover::after {
    opacity: 1; }
  .navbar-2 .navbar-menu .navbar-menu-item:not(:first-child) {
    margin-left: 0; }
.navbar-2 .navbar-toggler {
  display: none;
  cursor: pointer; }
  .navbar-2 .navbar-toggler-icon {
    width: 20px;
    height: 20px;
    fill: #555555 !important; }
  @media (max-width: 960px) {
    .navbar-2 .navbar-toggler {
      display: block; } }

.navbar-left.hidden, .navbar-center.hidden {
  display: none; }
.navbar-left.visible, .navbar-center.visible {
  display: block !important; }
  .navbar-left.visible .navbar-left, .navbar-left.visible .navbar-center, .navbar-center.visible .navbar-left, .navbar-center.visible .navbar-center {
    display: flex !important; }

.navbar-left.hidden,
.navbar-center.hidden,
.navbar-right.hidden {
  display: none; }
.navbar-left.visible,
.navbar-center.visible,
.navbar-right.visible {
  display: block; }

.section.footer-section {
  background-color: rgba(255, 62, 81, 0.08); }
  .section.footer-section .section-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .section.footer-section .section-wrapper .footer-logo {
      margin-bottom: 2rem; }
    .section.footer-section .section-wrapper .section-texts {
      text-align: center; }

.footer-center-socials {
  display: flex;
  gap: 16px;
  margin: 24px 0; }
  .footer-center-socials .footer-center-social {
    display: flex;
    justify-content: center;
    padding: 4px;
    border-radius: 100%;
    width: 32px;
    height: 32px; }
    .footer-center-socials .footer-center-social .footer-center-social-icon {
      width: 24px; }

.fb {
  fill: #60A5FA;
  color: #60A5FA; }

.insta {
  color: #C084FC;
  fill: #C084FC; }

.linkdin {
  color: #3B82F6;
  fill: #3B82F6; }

.youtube {
  color: #F98383;
  fill: #F98383; }

.whatsapp {
  color: #4ade80;
  fill: #4ade80; }

.copy-right {
  font-size: 16px;
  line-height: 2;
  color: #888888; }
  @media (max-width: 700px) {
    .copy-right {
      font-size: 14px; } }

.message-card {
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 2rem;
  border-radius: .75rem;
  text-align: center; }
  @media (max-width: 550px) {
    .message-card {
      padding: 1.25rem; } }
  .message-card-header {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 1rem;
    margin-bottom: 1.75rem; }
    .message-card-header-text {
      font-size: 2rem;
      font-weight: 600; }
      @media (max-width: 550px) {
        .message-card-header-text {
          font-size: 1.75rem; } }
  .message-card-body-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem; }
    .message-card-body-texts .message-card-body-text {
      color: #555555;
      font-size: 1rem; }
      @media (max-width: 550px) {
        .message-card-body-texts .message-card-body-text {
          line-height: 1.3;
          font-size: .875rem; } }

.notification {
  padding: 20px 32px;
  background-color: #D0D0D0;
  color: #333333;
  border-color: #B8B8B8;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  flex-direction: column; }
  .notification header {
    display: flex;
    align-items: center; }
    .notification header .notification-title {
      color: inherit; }
  .notification-icon {
    width: 24px;
    height: 24px;
    margin-right: 16px; }
    .notification-icon .icon {
      width: 100%;
      fill: #333333; }
  .notification-text {
    margin-left: 32px;
    color: inherit; }
    .notification-text ul {
      margin-top: 32px;
      list-style-type: disc; }
      .notification-text ul li {
        line-height: 150%; }
    @media screen and (max-width: 768px) {
      .notification-text {
        margin-left: 0; } }
  .notification.is-danger {
    background-color: #FFE4DE;
    border-color: #FFD4CB;
    color: #EA5838; }
    .notification.is-danger .notification-icon .icon {
      fill: #EA5838; }
  .notification.is-success {
    background-color: #DEFFDF;
    border-color: #C1FFC4;
    color: #37BA3C; }
    .notification.is-success .notification-icon .icon {
      fill: #37BA3C; }

.hero-section-04 {
  width: 100%;
  min-height: calc(100vh - 80px);
  background-position: center bottom;
  background-size: cover;
  display: flex;
  justify-content: center; }
  @media (max-width: 800px) {
    .hero-section-04 {
      min-height: calc(700px + 76px); } }
  @media (max-width: 700px) {
    .hero-section-04 {
      min-height: calc(500px + 76px); } }
  .hero-section-04 .section-mask {
    width: 100%;
    min-height: calc(100vh - 80px);
    overflow: hidden;
    position: absolute; }
    @media (max-width: 700px) {
      .hero-section-04 .section-mask {
        min-height: 700px;
        margin-top: 80px; } }
    @media (max-width: 700px) {
      .hero-section-04 .section-mask {
        min-height: 500px; } }
    .hero-section-04 .section-mask-img {
      width: 100%;
      min-height: calc(100vh - 80px);
      background-size: cover; }
      @media (max-width: 800px) {
        .hero-section-04 .section-mask-img {
          min-height: 700px; } }
      @media (max-width: 700px) {
        .hero-section-04 .section-mask-img {
          min-height: 500px; } }

.section {
  padding: 0; }
  .section .section-mask .section-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto; }
    .section .section-mask .section-container .section-wrapper {
      padding-top: 100px;
      padding-bottom: 100px; }
      @media (max-width: 960px) {
        .section .section-mask .section-container .section-wrapper {
          padding-top: 50px;
          padding-bottom: 50px; } }
  .section.bg-light {
    background-color: rgba(219, 20, 40, 0.03); }
  .section .message-card {
    max-width: 600px; }
  .section.section-center {
    display: flex;
    justify-content: center;
    align-items: center; }
  .section .notification-2 {
    width: 100%; }

.input-text {
  font-size: 14px;
  color: #555555;
  margin-top: 4px; }

.section-texts {
  text-align: center;
  padding: 0 2rem 2rem 2rem;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  color: #333333; }
  .section-texts .section-texts-title {
    font-size: 40px;
    color: #333333;
    font-weight: 900;
    margin-bottom: .5rem;
    line-height: 125%; }
    @media (max-width: 960px) {
      .section-texts .section-texts-title {
        font-size: 32px; } }
    @media (max-width: 550px) {
      .section-texts .section-texts-title {
        font-size: 24px; } }
  .section-texts .section-texts-subtitle {
    font-size: 16px;
    font-weight: 400; }
  @media (max-width: 550px) {
    .section-texts {
      text-align: left;
      padding: 0; } }
  .section-texts.is-white .section-texts-title, .section-texts.is-white .section-texts-subtitle {
    color: #FFFFFF; }

.feature-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem; }
  @media (max-width: 800px) {
    .feature-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem; } }
  @media (max-width: 550px) {
    .feature-cards {
      grid-template-columns: repeat(1, 1fr); } }
  .feature-cards .feature-card {
    width: 100%;
    max-width: 100%; }
    .feature-cards .feature-card-icon {
      background: linear-gradient(135deg, #FF3E51 0%, #FF8D9B 50%, #FFFFFF 100%); }
      .feature-cards .feature-card-icon.is-large {
        width: 80px;
        height: 80px; }
        .feature-cards .feature-card-icon.is-large .feature-card-svg {
          width: 2rem;
          height: 2rem;
          color: #FFFFFF; }
      .feature-cards .feature-card-icon.is-md {
        width: 65px;
        height: 65px; }
        .feature-cards .feature-card-icon.is-md .feature-card-svg {
          width: 1.5rem;
          height: 1.5rem; }
    .feature-cards .feature-card-cta-icon.is-red .feature-card-cta-svg {
      fill: #FF3E51; }
    .feature-cards .feature-card.is-center {
      align-items: center;
      text-align: center;
      gap: 1rem; }
      .feature-cards .feature-card.is-center .feature-card-text {
        gap: .5rem; }

.stats-1 {
  background: linear-gradient(135deg, #FF3E51 0%, #F44C61 50%, #FE6565 100%);
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 80px 40px; }
  @media (max-width: 960px) {
    .stats-1 {
      padding: 50px; } }
  @media (max-width: 800px) {
    .stats-1 {
      flex-direction: column;
      gap: 2rem; }
      .stats-1 .stats-1-divider {
        background: linear-gradient(90deg, rgba(223, 192, 192, 0.07) 0%, rgba(223, 192, 192, 0.7) 50.5%, rgba(223, 192, 192, 0.07) 100%);
        width: 100%;
        height: 2px; } }
  .stats-1 .stats-1-list {
    text-align: center; }
    @media (max-width: 960px) {
      .stats-1 .stats-1-list {
        gap: 20px; } }
  .stats-1 .stats-1-title {
    font-size: 3.5rem; }
    @media (max-width: 960px) {
      .stats-1 .stats-1-title {
        font-size: 2rem; } }
  .stats-1 .stats-1-subtitle {
    line-height: 1.2;
    font-size: 1.25rem; }
    @media (max-width: 960px) {
      .stats-1 .stats-1-subtitle {
        font-size: 18px; } }

.banner-card-1 {
  background: linear-gradient(135deg, #FF3E51 0%, #FF8D9B 50%, #FE6565 100%);
  margin-top: 2rem;
  align-items: center;
  text-align: center; }
  .banner-card-1-texts {
    max-width: 800px; }
  .banner-card-1-title {
    font-size: 2.75rem; }
    @media (max-width: 960px) {
      .banner-card-1-title {
        font-size: 1.75rem; } }
  .banner-card-1-subtitle {
    font-size: 18px;
    color: #FFFFFF;
    margin: 1rem 0 2rem 0; }
    @media (max-width: 550px) {
      .banner-card-1-subtitle {
        font-size: 14px; } }
  .banner-card-1-buttons {
    display: flex;
    gap: 12px; }
    @media (max-width: 700px) {
      .banner-card-1-buttons {
        flex-direction: column; } }

.slider-button-chips.auto-adjust {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px; }
  @media (max-width: 700px) {
    .slider-button-chips.auto-adjust {
      flex-wrap: wrap;
      justify-content: left; } }

.slider-button-chips.auto-adjust .slider-button-chips-btn {
  margin: 0;
  padding: .875rem 1.75rem; }
  .slider-button-chips.auto-adjust .slider-button-chips-btn:hover {
    background-color: #FF3E51;
    border-color: transparent; }

.feature-cards-6 {
  margin-top: 2rem; }
  .feature-cards-6 .multiple-cards {
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 800px) {
      .feature-cards-6 .multiple-cards {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 550px) {
      .feature-cards-6 .multiple-cards {
        grid-template-columns: repeat(1, 1fr); } }
    .feature-cards-6 .multiple-cards .feature-card-6-body-overlay {
      align-items: center; }
      .feature-cards-6 .multiple-cards .feature-card-6-body-overlay-title {
        font-size: 1.5rem; }

.section-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem; }

.section-cta {
  display: flex;
  justify-content: center;
  margin-top: 2rem; }

.service-rows {
  display: flex;
  gap: 5rem; }
  @media (max-width: 1200px) {
    .service-rows {
      flex-direction: column;
      gap: 3rem; } }

.service-row {
  width: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 16px; }
  @media (max-width: 1200px) {
    .service-row {
      width: 100%; } }
  .service-row-texts .service-row-text {
    font-size: 1rem;
    color: #333333;
    margin-bottom: 1rem; }
  .service-row-items {
    display: flex;
    justify-content: space-between;
    gap: 1rem; }
    @media (max-width: 700px) {
      .service-row-items {
        flex-direction: column;
        gap: 0; } }
  .service-row-lists .service-row-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: .75rem; }
    .service-row-lists .service-row-list-icon {
      width: 1.5rem;
      color: #20E368; }
    .service-row-lists .service-row-list-text {
      font-size: 1rem;
      font-weight: 500; }

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

.service-card {
  padding: 1.5rem;
  background-color: rgba(219, 20, 40, 0.09);
  border-radius: 1rem; }
  .service-card-text {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0; }
    @media (max-width: 550px) {
      .service-card-text {
        flex-direction: column;
        align-items: start;
        gap: 0; } }
    .service-card-text-title {
      font-size: 1rem;
      font-weight: 600;
      min-width: 200px; }
  .service-card-buttons {
    margin-top: 2rem; }
    .service-card-buttons .button {
      width: 100%; }

.button.is-primary {
  background-color: #DB1428; }
  .button.is-primary:hover, .button.is-primary:active, .button.is-primary:focus {
    background-color: #FF3E51; }

.button.is-secondary {
  background-color: transparent;
  color: #DB1428;
  border: 1px solid #DB1428; }
  .button.is-secondary:hover, .button.is-secondary:active, .button.is-secondary:focus {
    background-color: #DB1428;
    color: #FFFFFF; }

.button.is-primary.is-lg {
  background-color: #DB1428;
  margin-top: 0; }
  .button.is-primary.is-lg:hover, .button.is-primary.is-lg:active, .button.is-primary.is-lg:focus {
    background-color: #FF3E51; }

.text-primary {
  color: #FF3E51; }

.auth-page-01-input[data-input="togglePasswordVisibility"] + div {
  top: 46px !important;
  fill: #555555; }

.single-contact-fixed-button {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .single-contact-fixed-button .contact-fixed-button-cta {
    display: flex;
    fill: #17C658; }
    .single-contact-fixed-button .contact-fixed-button-cta:hover {
      fill: #129844; }

.circular-check-svg {
  width: 1.25rem;
  height: 1.25rem;
  display: flex; }

.agent-card {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 12px 0;
  border-radius: 1rem;
  background: linear-gradient(rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.58)), url("https://static.vecteezy.com/system/resources/thumbnails/001/836/089/small/abstract-pastel-colorful-gradient-background-concept-for-your-graphic-colorful-design-vector.jpg") no-repeat center/cover; }
  .agent-card-img {
    padding: 1.5rem;
    border-right: 1px solid #E0E0E0;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
    .agent-card-img .avatar-img {
      width: 100px;
      height: 100px;
      object-fit: cover;
      object-position: center;
      border-radius: 50%; }
  .agent-card-texts {
    padding: 1rem; }
    .agent-card-texts .agent-card-text {
      margin-bottom: 1rem; }
    .agent-card-texts .agent-card-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: #333333;
      margin-bottom: 4px; }
    .agent-card-texts .agent-card-subtitle {
      color: #555555;
      margin-bottom: 1rem;
      max-width: 320px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .agent-card-texts .agent-card-code {
      font-size: 1rem;
      color: #888888;
      font-weight: 600; }
    .agent-card-texts .agent-status {
      font-size: 12px;
      display: flex;
      gap: 8px;
      align-items: center;
      margin: 4px 0;
      color: #555555; }
      .agent-card-texts .agent-status.inactive .status-badge {
        background-color: #555555;
        animation: none;
        box-shadow: 0 0 8px #555555, 0 0 16px rgba(216, 236, 227, 0.6); }
    .agent-card-texts .agent-company {
      font-size: .875rem;
      color: #555555; }

.status-badge {
  width: 8px;
  height: 8px;
  background-color: #0FB94D;
  border-radius: 50%;
  box-shadow: 0 0 8px #20E368, 0 0 16px rgba(0, 255, 140, 0.6);
  animation: pulse 1.5s infinite ease-in-out; }

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

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

.contact-body {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto; }
  .contact-body .contact-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media (max-width: 960px) {
      .contact-body .contact-items {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 700px) {
      .contact-body .contact-items {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem !important; } }
    .contact-body .contact-items .contact-item {
      display: flex;
      gap: 1rem; }
      .contact-body .contact-items .contact-item-icon {
        background-color: #FFFFFF;
        border-radius: 50%;
        min-width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 0 12px rgba(255, 255, 255, 0.08), inset 0 0 8px rgba(255, 255, 255, 0.14), inset 0 0 14px rgba(255, 255, 255, 0.07); }
        .contact-body .contact-items .contact-item-icon-svg {
          width: 24px;
          height: 24px;
          color: #FF3E51; }
      .contact-body .contact-items .contact-item-texts .contact-item-title, .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
        color: #000000; }
      .contact-body .contact-items .contact-item-texts .contact-item-title {
        font-size: 1.25rem;
        text-transform: uppercase;
        font-weight: 600; }
        @media (max-width: 550px) {
          .contact-body .contact-items .contact-item-texts .contact-item-title {
            font-size: 1rem; } }
      .contact-body .contact-items .contact-item-texts .contact-item-links {
        display: flex;
        flex-direction: column;
        gap: 4px; }
        .contact-body .contact-items .contact-item-texts .contact-item-links .text-primary {
          font-weight: 600; }
      .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
        font-size: 1rem;
        max-width: 350px; }
        @media (max-width: 550px) {
          .contact-body .contact-items .contact-item-texts .contact-item-subtitle {
            font-size: .875rem; } }
    @media (max-width: 700px) {
      .contact-body .contact-items {
        gap: 1.5rem; } }
    @media (max-width: 480px) {
      .contact-body .contact-items {
        justify-content: left; } }
  .contact-body .contact-form {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    @media (max-width: 700px) {
      .contact-body .contact-form {
        gap: 1.5rem; } }
    .contact-body .contact-form .contact-fields {
      width: 100%;
      display: flex;
      gap: 2rem; }
      @media (max-width: 700px) {
        .contact-body .contact-form .contact-fields {
          flex-direction: column;
          gap: 1.5rem; } }
      .contact-body .contact-form .contact-fields .contact-field {
        display: flex;
        gap: 2rem;
        justify-content: space-between;
        width: 100%;
        position: relative; }
        @media (max-width: 700px) {
          .contact-body .contact-form .contact-fields .contact-field {
            gap: 1.5rem; } }
        .contact-body .contact-form .contact-fields .contact-field .input {
          width: 100%;
          outline: 0;
          border: 1px solid transparent;
          padding: 1rem;
          transition: all 200ms ease-in;
          font-family: inherit; }
        .contact-body .contact-form .contact-fields .contact-field .textarea {
          font-family: inherit;
          width: 100%;
          height: 200px;
          padding: 1rem;
          font-size: 16px;
          border: 1px solid transparent;
          color: #000000;
          transition: all 300ms ease-in; }
        .contact-body .contact-form .contact-fields .contact-field .input, .contact-body .contact-form .contact-fields .contact-field .textarea {
          border-radius: 8px;
          box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1); }
          .contact-body .contact-form .contact-fields .contact-field .input:focus, .contact-body .contact-form .contact-fields .contact-field .textarea:focus {
            border-color: #FF3E51;
            color: #FF3E51; }
            .contact-body .contact-form .contact-fields .contact-field .input:focus::placeholder, .contact-body .contact-form .contact-fields .contact-field .textarea:focus::placeholder {
              color: #333333; }
        @media (max-width: 550px) {
          .contact-body .contact-form .contact-fields .contact-field {
            flex-direction: column; } }
    .contact-body .contact-form .section-cta .section-button {
      justify-content: center; }

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

.form-error {
  position: absolute;
  bottom: -23px;
  left: 3px;
  font-size: 14px;
  color: #DB1428; }

.auth-page-01 .auth-page-01-wrapper {
  min-height: 80vh; }
  @media (max-width: 1200px) {
    .auth-page-01 .auth-page-01-wrapper {
      flex-direction: column; } }
  @media (max-width: 1024px) {
    .auth-page-01 .auth-page-01-wrapper {
      min-height: 60vh; } }
  .auth-page-01 .auth-page-01-wrapper-bgimg {
    background-color: #2c4563;
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      .auth-page-01 .auth-page-01-wrapper-bgimg {
        display: flex; } }
    @media (max-width: 700px) {
      .auth-page-01 .auth-page-01-wrapper-bgimg {
        background-image: none !important; } }
  @media (max-width: 1200px) {
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
      padding: 2rem;
      flex-basis: 100%; } }
  @media (max-width: 960px) {
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
      flex-basis: 100%;
      padding: 3rem; } }
  @media (max-width: 550px) {
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper {
      padding: 2rem; } }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs {
    padding: 20px 0; }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-row {
    display: flex;
    align-items: center;
    gap: .5rem; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-row .section-button {
      margin-top: 8px;
      border-radius: 0; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-row .auth-page-01-input, .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-inputs-row .section-button {
      height: 53px; }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-gender-input {
    margin-top: 6px; }
    .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .auth-page-01-gender-input .auth-page-01-input {
      margin-top: 0; }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .section-cta {
    margin-top: 0; }
  .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .section-title {
    font-size: 2.5rem; }
    @media (max-width: 550px) {
      .auth-page-01 .auth-page-01-wrapper .auth-page-01-summary-wrapper .section-title {
        font-size: 2rem; } }
.auth-page-01 .auth-page-items {
  display: flex;
  padding: 3rem;
  font-family: "Oswald", sans-serif; }
  @media (max-width: 700px) {
    .auth-page-01 .auth-page-items {
      padding: 1.5rem; } }
  .auth-page-01 .auth-page-items .empty-div {
    width: 50%; }
    @media (max-width: 1024px) {
      .auth-page-01 .auth-page-items .empty-div {
        width: 60%; } }
    @media (max-width: 700px) {
      .auth-page-01 .auth-page-items .empty-div {
        display: none; } }
  .auth-page-01 .auth-page-items .auth-page-item .logo {
    margin-bottom: 1rem; }
    .auth-page-01 .auth-page-items .auth-page-item .logo-image {
      width: 200px; }
    .auth-page-01 .auth-page-items .auth-page-item .logo-texts {
      margin-bottom: 2rem; }
      .auth-page-01 .auth-page-items .auth-page-item .logo-texts .logo-title {
        font-size: 4rem;
        font-weight: 700;
        color: #FFFFFF; }
        @media (max-width: 1024px) {
          .auth-page-01 .auth-page-items .auth-page-item .logo-texts .logo-title {
            font-size: 3rem; } }
        @media (max-width: 800px) {
          .auth-page-01 .auth-page-items .auth-page-item .logo-texts .logo-title {
            font-size: 2rem; } }
  .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem; }
    @media (max-width: 960px) {
      .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists {
        gap: 1rem; } }
    @media (max-width: 480px) {
      .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists {
        grid-template-columns: repeat(1, 1fr); } }
    .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list {
      display: flex;
      align-items: start;
      gap: .5rem;
      color: #FFFFFF;
      margin-bottom: 1rem; }
      @media (max-width: 960px) {
        .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list {
          margin-bottom: .75rem; } }
      .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list-icon .circular-check-svg {
        width: 1.5rem;
        height: 1.5rem;
        fill: #0FB94D; }
      .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list .auth-page-list-text {
        line-height: 1; }
        .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list .auth-page-list-text .auth-page-list-title {
          font-size: 1.25rem;
          font-weight: 600; }
        .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list .auth-page-list-text .auth-page-list-subtitle {
          font-size: 1rem;
          line-height: 1.3;
          margin-top: .75rem; }
        @media (max-width: 960px) {
          .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list .auth-page-list-text .auth-page-list-title {
            font-size: 1rem; }
          .auth-page-01 .auth-page-items .auth-page-item .auth-page-lists .auth-page-list .auth-page-list-text .auth-page-list-subtitle {
            font-size: .75rem; } }

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