.container {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}
@media (min-width: 576px) {
  .container {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@font-face {
  font-family: "lbrand";
  src: url("/fonts/Ibrand.woff2") format("woff2"), url("/fonts/Ibrand.woff") format("woff"), url("/fonts/Ibrand.ttf") format("truetype"), url("/fonts/Ibrand.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
#cc-main {
  background: transparent;
  color: var(--cc-primary-color);
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  position: fixed;
  z-index: var(--cc-z-index);
}

#cc-main :after, #cc-main :before, #cc-main a, #cc-main button, #cc-main div, #cc-main h2, #cc-main input, #cc-main p, #cc-main span {
  all: unset;
  box-sizing: border-box;
}

#cc-main .pm__badge, #cc-main button {
  all: initial;
  box-sizing: border-box;
  color: unset;
  visibility: unset;
}

#cc-main .pm__badge, #cc-main a, #cc-main button, #cc-main input {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: revert;
  outline-offset: 2px;
  overflow: hidden;
}

#cc-main table, #cc-main tbody, #cc-main td, #cc-main th, #cc-main thead, #cc-main tr {
  all: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

:root {
  --cc-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius: .5rem;
  --cc-btn-border-radius: .4rem;
  --cc-modal-transition-duration: .25s;
  --cc-link-color: var(--cc-btn-primary-bg);
  --cc-modal-margin: 1rem;
  --cc-z-index: 2147483647;
  --cc-bg: #fff;
  --cc-primary-color: #2c2f31;
  --cc-secondary-color: #5e6266;
  --cc-btn-primary-bg: #30363c;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: #000;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-color: var(--cc-primary-color);
  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg: #d4dae0;
  --cc-btn-secondary-hover-color: #000;
  --cc-btn-secondary-hover-border-color: #d4dae0;
  --cc-separator-border-color: #f0f4f7;
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #667481;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color: var(--cc-bg);
  --cc-toggle-disabled-icon-color: var(--cc-bg);
  --cc-toggle-readonly-bg: #d5dee2;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
  --cc-section-category-border: var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-border: #f0f4f7;
  --cc-cookie-category-block-hover-bg: #e9eff4;
  --cc-cookie-category-block-hover-border: #e9eff4;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
  --cc-overlay-bg: rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
  --cc-footer-bg: var(--cc-btn-secondary-bg);
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #e4eaed;
  --cc-pm-toggle-border-radius: 4em ;
}

#cc-main.cc--rtl {
  direction: rtl;
}

#cc-main .cm__title, #cc-main a, #cc-main b, #cc-main em, #cc-main strong {
  font-weight: 600;
}

#cc-main button > span {
  pointer-events: none;
}

#cc-main .cc__link, #cc-main a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  font-weight: 600;
  position: relative;
  transition: background-size 0.25s, color 0.25s ease;
}

#cc-main .cc__link:hover, #cc-main a:hover {
  background-size: 100% 1px;
  color: var(--cc-primary-color);
}

#cc-main .cc__link {
  color: var(--cc-link-color);
}

#cc-main .cm__desc, #cc-main .pm__body {
  overscroll-behavior: auto contain;
  scrollbar-width: thin;
}

@media screen and (min-width: 640px) {
  #cc-main ::-webkit-scrollbar, #cc-main ::-webkit-scrollbar-thumb, #cc-main ::-webkit-scrollbar-track {
    all: revert;
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: var(--cc-toggle-readonly-bg);
    border: 0.25rem solid var(--cc-bg);
    border-radius: 1rem;
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background: var(--cc-toggle-off-bg);
  }
  #cc-main ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
  }
}
html.disable--interaction.show--consent, html.disable--interaction.show--consent body {
  height: auto !important;
  overflow: hidden !important;
}

@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration: 0s ;
  }
}
.cc--darkmode {
  --cc-bg: #161a1c;
  --cc-primary-color: #ebf3f6;
  --cc-secondary-color: #aebbc5;
  --cc-btn-primary-bg: #c2d0e0;
  --cc-btn-primary-color: var(--cc-bg);
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: #98a7b6;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg: #242c31;
  --cc-btn-secondary-color: var(--cc-primary-color);
  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg: #353d43;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color: #222a30;
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);
  --cc-toggle-off-bg: #525f6b;
  --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg: #343e45;
  --cc-toggle-readonly-knob-bg: #5f6b72;
  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
  --cc-section-category-border: #1e2428;
  --cc-cookie-category-block-bg: #1e2428;
  --cc-cookie-category-block-border: var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg: #242c31;
  --cc-cookie-category-block-hover-border: #232a2f;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
  --cc-overlay-bg: rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
  --cc-footer-bg: #0c0e0f;
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: #060809 ;
}

.cc--darkmode #cc-main {
  color-scheme: dark;
}

#cc-main .cm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(1.6em);
  visibility: hidden;
  z-index: 1;
}

#cc-main .cm--top {
  top: var(--cc-modal-margin);
}

#cc-main .cm--middle {
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}

#cc-main .cm--bottom {
  bottom: var(--cc-modal-margin);
}

#cc-main .cm--center {
  left: var(--cc-modal-margin);
  margin: 0 auto;
  right: var(--cc-modal-margin);
  width: unset;
}

#cc-main .cm--left {
  left: var(--cc-modal-margin);
  margin-right: var(--cc-modal-margin);
}

#cc-main .cm--right {
  margin-left: var(--cc-modal-margin);
  right: var(--cc-modal-margin);
}

#cc-main .cm__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

#cc-main .cm__btns, #cc-main .cm__links {
  padding: 1rem 1.3rem;
  width: unset;
}

#cc-main .cm__texts {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0 0;
}

#cc-main .cm__desc, #cc-main .cm__title {
  padding: 0 1.3rem;
}

#cc-main .cm__title {
  font-size: 1.05em;
}

#cc-main .cm__title + .cm__desc {
  margin-top: 1.1em;
}

#cc-main .cm__desc {
  color: var(--cc-secondary-color);
  font-size: 0.9em;
  line-height: 1.5;
  max-height: 40vh;
  overflow-x: visible;
  overflow-y: auto;
  padding-bottom: 1em;
}

#cc-main .cm__btns {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#cc-main .cm__btn-group {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
}

#cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group {
  margin-top: 0.375rem;
}

#cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-right: 0;
}

#cc-main .cm--wide .cm__btn + .cm__btn, #cc-main .cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn, #cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven, #cc-main .cm--wide .cm__btn-group--uneven {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven, #cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction: row-reverse;
}

#cc-main .cm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  padding: 0.5em 1em;
  text-align: center;
}

#cc-main .cm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

#cc-main .cm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main .cm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}

#cc-main .cm__btn--close {
  border-radius: 0;
  border-bottom-left-radius: var(--cc-btn-border-radius);
  border-right: none;
  border-top: none;
  display: none;
  font-size: 1em;
  height: 42px;
  min-width: auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}

#cc-main .cm__btn--close svg {
  stroke: var(--cc-btn-primary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}

#cc-main .cm__btn--close:hover svg {
  stroke: var(--cc-btn-primary-hover-color);
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke: var(--cc-btn-secondary-color);
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}

#cc-main .cm__btn--close + .cm__texts .cm__title {
  padding-right: 3rem;
}

#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm__footer {
  background: var(--cc-footer-bg);
  border-top: 1px solid var(--cc-footer-border-color);
  color: var(--cc-footer-color);
  padding: 0.4em 0 0.5em;
}

#cc-main .cm__links {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  padding-top: 0;
}

#cc-main .cm__link-group {
  display: flex;
  flex-direction: row;
  font-size: 0.8em;
  width: 100%;
}

#cc-main .cm__link-group > * + * {
  margin-left: 1.3rem;
}

#cc-main .cm--flip .cm__btn:last-child {
  grid-row: 1;
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--box .cm__btn--close {
  display: block;
}

#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cm--box.cm--wide {
  max-width: 36em;
}

#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction: row;
  justify-content: space-between;
}

#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm--box.cm--wide .cm__btn {
  min-width: 120px;
  padding-left: 1.8em;
  padding-right: 1.8em;
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction: row-reverse;
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--cloud {
  max-width: 54em;
  width: unset;
}

#cc-main .cm--cloud .cm__body {
  flex-direction: row;
}

#cc-main .cm--cloud .cm__texts {
  flex: 1;
}

#cc-main .cm--cloud .cm__desc {
  max-height: 9.4em;
}

#cc-main .cm--cloud .cm__btns {
  border-left: 1px solid var(--cc-separator-border-color);
  border-top: none;
  max-width: 23em;
}

#cc-main .cm--cloud .cm__btn-group {
  flex-direction: column;
}

#cc-main .cm--cloud .cm__btn {
  min-width: 19em;
}

#cc-main .cm--cloud.cm--flip .cm__btn-group, #cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction: row;
}

#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width: 10em;
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction: row-reverse;
}

#cc-main .cm--bar {
  border-radius: 0;
  left: 0;
  margin: 0;
  max-width: unset;
  opacity: 1;
  right: 0;
  transform: translateY(0);
  width: 100vw;
  --cc-modal-transition-duration: .35s ;
}

#cc-main .cm--bar.cm--top {
  top: 0;
  transform: translateY(-100%);
}

#cc-main .cm--bar.cm--bottom {
  bottom: 0;
  transform: translateY(100%);
}

#cc-main .cm--bar .cm__body, #cc-main .cm--bar .cm__links {
  margin: 0 auto;
  max-width: 55em;
  width: 100%;
}

#cc-main .cm--bar .cm__body {
  padding: 0.5em 0 0.9em;
}

#cc-main .cm--bar .cm__btns {
  border-top: none;
  flex-direction: row;
  justify-content: space-between;
}

#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--bar .cm__btn {
  min-width: 120px;
  padding-left: 2em;
  padding-right: 2em;
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction: row-reverse;
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--bar.cm--inline .cm__body, #cc-main .cm--bar.cm--inline .cm__links {
  max-width: 74em;
}

#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction: row;
  padding: 0;
}

#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction: column;
  justify-content: center;
  max-width: 23em;
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cc--anim .cm, #cc-main .cc--anim.cm-wrapper:before {
  transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}

#cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.disable--interaction #cc-main .cm-wrapper:before {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 0;
}

.show--consent #cc-main .cc--anim .cm {
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}

.show--consent #cc-main .cc--anim .cm--middle {
  transform: translateY(-50%);
}

.show--consent #cc-main .cc--anim .cm--bar {
  transform: translateY(0);
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity: 1;
  visibility: visible;
}

#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: var(--cc-btn-border-radius);
  left: 0;
  right: unset;
}

#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
  padding-left: 3rem !important;
  padding-right: 1.3rem;
}

#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .cm__link-group > * + * {
  margin-left: 0;
  margin-right: 1.3rem;
}

@media screen and (max-width: 640px) {
  #cc-main {
    --cc-modal-margin:.5em ;
  }
  #cc-main .cm {
    max-width: none !important;
    width: auto !important;
  }
  #cc-main .cm__body {
    flex-direction: column !important;
    padding: 0 !important;
  }
  #cc-main .cm__btns, #cc-main .cm__desc, #cc-main .cm__links, #cc-main .cm__title {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
  #cc-main .cm__btns {
    border-left: none !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
    flex-direction: column !important;
    max-width: none !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .cm__btn-group {
    display: flex !important;
    flex-direction: column !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn {
    flex: auto !important;
  }
  #cc-main .cm__link-group {
    justify-content: center !important;
  }
  #cc-main .cm--flip .cm__btn-group, #cc-main .cm--flip .cm__btns {
    flex-direction: column-reverse !important;
  }
}
#cc-main .pm-wrapper {
  position: relative;
  z-index: 2;
}

#cc-main .pm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: 100%;
  width: unset;
  z-index: 1;
}

#cc-main svg {
  fill: none;
  width: 100%;
}

#cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
  padding: 1em 1.4em;
}

#cc-main .pm__header {
  align-items: center;
  border-bottom: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}

#cc-main .pm__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  margin-right: 2em;
}

#cc-main .pm__close-btn {
  background: var(--cc-btn-secondary-bg);
  border: 1px solid var(--cc-btn-secondary-border-color);
  border-radius: var(--cc-btn-border-radius);
  height: 40px;
  position: relative;
  transition: all 0.15s ease;
  width: 40px;
}

#cc-main .pm__close-btn span {
  display: flex;
  height: 100%;
  width: 100%;
}

#cc-main .pm__close-btn svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}

#cc-main .pm__close-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
}

#cc-main .pm__close-btn:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}

#cc-main .pm__body {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
}

#cc-main .pm__section, #cc-main .pm__section--toggle {
  border-radius: var(--cc-btn-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border: 1px solid var(--cc-cookie-category-block-border);
  border-radius: var(--cc-btn-border-radius);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  margin-top: 0 !important;
  overflow: hidden;
}

#cc-main .pm__section {
  border: 1px solid var(--cc-separator-border-color);
  padding: 1em;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

#cc-main .pm__section:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}

#cc-main .pm__section:not(:first-child):hover {
  background: var(--cc-cookie-category-block-bg);
  border-color: var(--cc-cookie-category-block-border);
}

#cc-main .pm__section-toggles + .pm__section {
  margin-top: 2em;
}

#cc-main .pm__section--toggle {
  background: var(--cc-cookie-category-block-bg);
  border-top: none;
  margin-bottom: 0.375rem;
}

#cc-main .pm__section--toggle .pm__section-title {
  align-items: center;
  background: var(--cc-cookie-category-block-bg);
  border: 1px solid var(--cc-cookie-category-block-border);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 1.1em 5.4em 1.1em 1.2em;
  position: relative;
  transition: background-color 0.25s ease, border-color 0.25s ease;
  width: 100%;
}

#cc-main .pm__section--toggle .pm__section-title:hover {
  background: var(--cc-cookie-category-block-hover-bg);
  border-color: var(--cc-cookie-category-block-hover-border);
}

#cc-main .pm__section--toggle .pm__section-desc {
  margin-top: 0;
  padding: 1em;
}

#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg) ;
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform: scale(0.5) rotate(180deg);
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display: flex;
}

#cc-main .pm__section--expandable .pm__section-title {
  cursor: pointer;
  padding-left: 3.4em;
}

#cc-main .pm__section--expandable .pm__section-arrow {
  background: var(--cc-toggle-readonly-bg);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 18px;
  pointer-events: none;
  position: absolute;
  width: 20px;
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
}

#cc-main .pm__section-title-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: 0.85em;
}

#cc-main .pm__section-title {
  border-radius: var(--cc-btn-border-radius);
  font-size: 0.95em;
  font-weight: 600;
}

#cc-main .pm__badge {
  align-items: center;
  background: var(--cc-btn-secondary-bg);
  border-radius: 5em;
  color: var(--cc-secondary-color);
  display: flex;
  flex: none;
  font-size: 0.8em;
  font-weight: 600;
  height: 23px;
  justify-content: center;
  margin-left: 1em;
  min-width: 23px;
  overflow: hidden;
  padding: 0 0.6em 1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}

#cc-main .pm__service-counter {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  padding: 0;
  width: 23px;
}

#cc-main .pm__service-counter[data-counterlabel] {
  padding: 0 0.6em 1px;
  width: auto;
}

#cc-main .section__toggle, #cc-main .section__toggle-wrapper, #cc-main .toggle__icon, #cc-main .toggle__label {
  border-radius: var(--cc-pm-toggle-border-radius);
  height: 23px;
  transform: translateZ(0);
  width: 50px;
}

#cc-main .section__toggle-wrapper {
  cursor: pointer;
  position: absolute;
  right: 18px;
  z-index: 1;
}

#cc-main .toggle-service {
  height: 19px;
  position: relative;
  right: 0;
  width: 42px;
}

#cc-main .toggle-service .section__toggle, #cc-main .toggle-service .toggle__icon, #cc-main .toggle-service .toggle__label {
  height: 19px;
  width: 42px;
}

#cc-main .toggle-service .toggle__icon {
  position: relative;
}

#cc-main .toggle-service .toggle__icon-circle {
  height: 19px;
  width: 19px;
}

#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(23px);
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display: none !important;
}

#cc-main .section__toggle {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

#cc-main .section__toggle:disabled {
  cursor: not-allowed;
}

#cc-main .toggle__icon {
  background: var(--cc-toggle-off-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
  display: flex;
  flex-direction: row;
  pointer-events: none;
  position: absolute;
  transition: all 0.25s ease;
}

#cc-main .toggle__icon-circle {
  background: var(--cc-toggle-off-knob-bg);
  border: none;
  border-radius: var(--cc-pm-toggle-border-radius);
  box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.25s ease, background-color 0.25s ease;
  width: 23px;
}

#cc-main .toggle__icon-off, #cc-main .toggle__icon-on {
  height: 100%;
  position: absolute;
  transition: opacity 0.15s ease;
  width: 100%;
}

#cc-main .toggle__icon-on {
  opacity: 0;
  transform: rotate(45deg);
}

#cc-main .toggle__icon-on svg {
  stroke: var(--cc-toggle-on-bg);
  transform: scale(0.55) rotate(-45deg);
}

#cc-main .toggle__icon-off {
  opacity: 1;
}

#cc-main .toggle__icon-off svg {
  stroke: var(--cc-toggle-off-bg);
  transform: scale(0.55);
}

#cc-main .section__toggle:checked ~ .toggle__icon {
  background: var(--cc-toggle-on-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background-color: var(--cc-toggle-on-knob-bg);
  transform: translateX(27px);
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
  opacity: 1;
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
  opacity: 0;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--cc-toggle-readonly-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
  background: var(--cc-toggle-readonly-knob-bg);
  box-shadow: none;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
  stroke: var(--cc-toggle-readonly-knob-icon-color);
}

#cc-main .toggle__label {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}

#cc-main .pm__section-desc-wrapper {
  color: var(--cc-secondary-color);
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
}

#cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-bottom: 1px solid var(--cc-cookie-category-block-border);
}

#cc-main .pm__section-services {
  display: flex;
  flex-direction: column;
}

#cc-main .pm__service {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.4em 1.2em;
  position: relative;
  transition: background-color 0.15s ease;
}

#cc-main .pm__service:hover {
  background-color: var(--cc-cookie-category-block-hover-bg);
}

#cc-main .pm__service-header {
  align-items: center;
  display: flex;
  margin-right: 1em;
  width: 100%;
}

#cc-main .pm__service-icon {
  border: 2px solid;
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 20px;
  margin-top: 1px;
  min-width: 8px;
}

#cc-main .pm__service-title {
  font-size: 0.95em;
  width: 100%;
  word-break: break-word;
}

#cc-main .pm__section-desc {
  line-height: 1.5em;
}

#cc-main .pm__section-table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

#cc-main .pm__table-caption {
  text-align: left;
}

#cc-main .pm__table-caption, #cc-main .pm__table-head > tr {
  border-bottom: 1px dashed var(--cc-separator-border-color);
  color: var(--cc-primary-color);
  font-weight: 600;
}

#cc-main .pm__table-tr {
  transition: background-color 0.15s ease;
}

#cc-main .pm__table-tr:hover {
  background: var(--cc-cookie-category-block-hover-bg);
}

#cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th {
  padding: 0.625em 0.625em 0.625em 1.2em;
  vertical-align: top;
}

#cc-main .pm__footer {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}

#cc-main .pm__btn-group {
  display: flex;
}

#cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
}

#cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  flex: auto;
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  min-width: 110px;
  padding: 0.5em 1.5em;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

#cc-main .pm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}

#cc-main .pm--box {
  height: calc(100% - 2em);
  left: var(--cc-modal-margin);
  margin: 0 auto;
  max-height: 37.5em;
  max-width: 43em;
  right: var(--cc-modal-margin);
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}

#cc-main .pm--box.pm--flip .pm__btn-group, #cc-main .pm--box.pm--flip .pm__footer {
  flex-direction: row-reverse;
}

#cc-main .pm--bar {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: 29em;
  opacity: 1;
  top: 0;
  width: 100%;
  --cc-modal-transition-duration: .35s ;
}

#cc-main .pm--bar .pm__section-table, #cc-main .pm--bar .pm__table-body, #cc-main .pm--bar .pm__table-td, #cc-main .pm--bar .pm__table-th, #cc-main .pm--bar .pm__table-tr {
  display: block;
}

#cc-main .pm--bar .pm__table-head {
  display: none;
}

#cc-main .pm--bar .pm__table-caption {
  display: block;
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom: 1px solid var(--cc-separator-border-color);
}

#cc-main .pm--bar .pm__table-td {
  display: flex;
  justify-content: space-between;
}

#cc-main .pm--bar .pm__table-td:before {
  color: var(--cc-primary-color);
  content: attr(data-column);
  flex: 1;
  font-weight: 600;
  min-width: 100px;
  overflow: hidden;
  padding-right: 2em;
  text-overflow: ellipsis;
}

#cc-main .pm--bar .pm__table-td > div {
  flex: 3;
}

#cc-main .pm--bar:not(.pm--wide) .pm__body, #cc-main .pm--bar:not(.pm--wide) .pm__footer, #cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding: 1em 1.3em;
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group, #cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction: column;
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin: 0.375rem 0 0;
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group, #cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction: column-reverse;
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn, #cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display: none;
}

#cc-main .pm--bar.pm--left {
  left: 0;
  transform: translateX(-100%);
}

#cc-main .pm--bar.pm--right {
  right: 0;
  transform: translateX(100%);
}

#cc-main .pm--bar.pm--wide {
  max-width: 35em;
}

#cc-main .pm--bar.pm--wide .pm__body, #cc-main .pm--bar.pm--wide .pm__footer, #cc-main .pm--bar.pm--wide .pm__header {
  padding: 1em 1.4em;
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group, #cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction: row-reverse;
}

#cc-main .pm-overlay {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}

#cc-main .cc--anim .pm, #cc-main .cc--anim .pm-overlay {
  transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}

.show--preferences #cc-main .cc--anim .pm {
  opacity: 1;
  visibility: visible !important;
}

.show--preferences #cc-main .cc--anim .pm--box {
  transform: translateY(-50%);
}

.show--preferences #cc-main .cc--anim .pm--bar {
  transform: translateX(0);
}

.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity: 1;
  visibility: visible;
}

#cc-main.cc--rtl .pm__service-header {
  margin-left: 1em;
  margin-right: 0;
}

#cc-main.cc--rtl .pm__section-arrow {
  left: unset;
  right: 18px;
}

#cc-main.cc--rtl .section__toggle-wrapper {
  left: 18px;
  right: unset;
  transform-origin: left;
}

#cc-main.cc--rtl .toggle-service {
  left: 0;
}

#cc-main.cc--rtl .pm__service-icon {
  margin-left: 20px;
  margin-right: 5px;
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left: 5.4em;
  padding-right: 1.2em;
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right: 3.4em;
}

#cc-main.cc--rtl .pm__badge {
  margin-left: unset;
  margin-right: 1em;
}

#cc-main.cc--rtl .toggle__icon-circle {
  transform: translateX(27px);
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform: translateX(23px);
}

#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(0);
}

#cc-main.cc--rtl .pm__table-td, #cc-main.cc--rtl .pm__table-th {
  padding-left: unset;
  padding-right: 1.2em;
  text-align: right;
}

#cc-main.cc--rtl .pm__table-td {
  padding-left: unset;
  padding-right: 1.2em;
}

#cc-main.cc--rtl .pm__table-td:before {
  padding-left: 2em;
  padding-right: unset;
}

#cc-main.cc--rtl .pm__btn + .pm__btn, #cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #cc-main .pm {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    max-width: none !important;
    right: 0;
    top: 0;
    transform: translateY(1.6em);
  }
  #cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
    padding: 0.9em !important;
  }
  #cc-main .pm__badge {
    display: none;
  }
  #cc-main .pm__section-table, #cc-main .pm__table-body, #cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th, #cc-main .pm__table-tr {
    display: block;
  }
  #cc-main .pm__table-head {
    display: none;
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color);
  }
  #cc-main .pm__table-td {
    display: flex;
    justify-content: space-between;
  }
  #cc-main .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis;
  }
  #cc-main .pm__table-td > div {
    flex: 3;
  }
  #cc-main .pm__btn-group, #cc-main .pm__footer {
    flex-direction: column !important;
  }
  #cc-main .pm__btn-group {
    display: flex !important;
  }
  #cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .pm--flip .pm__btn-group, #cc-main .pm--flip .pm__footer {
    flex-direction: column-reverse !important;
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform: translateY(0) !important;
  }
}
@font-face {
  font-family: "Raleway";
  src: url("/fonts/Raleway-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("/fonts/Raleway-Italic-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@keyframes move {
  0% {
    background-position-x: 0%;
    background-position-y: 0%;
  }
  50% {
    background-position-x: 50%;
    background-position-y: 50%;
  }
  100% {
    background-position-x: 0%;
    background-position-y: 0%;
  }
}
@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #ffffff;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes heroMouseFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes orbitGlow {
  0% {
    opacity: 0.35;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.35;
  }
}
@keyframes woosh {
  0% {
    width: 10px;
    transform: translate(0px, 0px) rotate(-35deg);
  }
  15% {
    width: 40px;
  }
  30% {
    width: 10px;
    transform: translate(160px, -110px) rotate(-35deg);
  }
  30.1% {
    transform: translate(160px, -110px) rotate(46deg);
  }
  50% {
    width: 90px;
  }
  70% {
    width: 10px;
    transform: translate(360px, 110px) rotate(46deg);
  }
  70.1% {
    transform: translate(360px, 110px) rotate(-37deg);
  }
  85% {
    width: 40px;
  }
  100% {
    width: 10px;
    transform: translate(500px, 0) rotate(-37deg);
  }
}
@keyframes boom-circle {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    transform: scale(3);
  }
}
@keyframes boom-triangle-big {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(2.5) translate(40px, -40px) rotate(360deg);
  }
}
@keyframes boom-triangle {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    transform: scale(3) translate(16px, 32px) rotate(360deg);
  }
}
@keyframes boom-disc {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(2) translate(-50px, -20px);
  }
}
@keyframes heroCodeScroll {
  0%, 20% {
    transform: translateY(0);
  }
  25%, 45% {
    transform: translateY(-1.2em);
  }
  50%, 70% {
    transform: translateY(-2.4em);
  }
  75%, 95% {
    transform: translateY(-3.6em);
  }
  100% {
    transform: translateY(-3.6em);
  }
}
@keyframes heroCodeFade {
  0%, 20% {
    opacity: 1;
  }
  22%, 100% {
    opacity: 1;
  }
}
.page-all-plans .plan-detail-section .title-div .section-title, .page-career .career-section .tab-content .tab-panel .title-div .section-title, .page-news .news-section .title-div .section-title, .page-corporate-structure .corporate-structure-section .title-div .section-title, .page-projects .projects-section .title-div .section-title, .page-home .home-contact-section .contact-wrapper .title-div .section-title, .page-home .digital-counters-section .title-div .section-title, .page-home .create-package-section .title-div .section-title, .page-home .sample-projects-section .title-div .section-title, .page-home .digital-skills-section .title-div .section-title, .all-packages-section .title-div .section-title, .contact-section .title-div .section-title {
  font-weight: 300;
  font-size: 32px;
  min-width: fit-content;
}
@media (min-width: 1200px) {
  .page-all-plans .plan-detail-section .title-div .section-title, .page-career .career-section .tab-content .tab-panel .title-div .section-title, .page-news .news-section .title-div .section-title, .page-corporate-structure .corporate-structure-section .title-div .section-title, .page-projects .projects-section .title-div .section-title, .page-home .home-contact-section .contact-wrapper .title-div .section-title, .page-home .digital-counters-section .title-div .section-title, .page-home .create-package-section .title-div .section-title, .page-home .sample-projects-section .title-div .section-title, .page-home .digital-skills-section .title-div .section-title, .all-packages-section .title-div .section-title, .contact-section .title-div .section-title {
    font-size: 48px;
  }
}
.page-all-plans .plan-detail-section .title-div .section-title span, .page-career .career-section .tab-content .tab-panel .title-div .section-title span, .page-news .news-section .title-div .section-title span, .page-corporate-structure .corporate-structure-section .title-div .section-title span, .page-projects .projects-section .title-div .section-title span, .page-home .home-contact-section .contact-wrapper .title-div .section-title span, .page-home .digital-counters-section .title-div .section-title span, .page-home .create-package-section .title-div .section-title span, .page-home .sample-projects-section .title-div .section-title span, .page-home .digital-skills-section .title-div .section-title span, .all-packages-section .title-div .section-title span, .contact-section .title-div .section-title span {
  font-weight: 700;
}
.page-all-plans .plan-detail-section .title-div .section-description, .page-career .career-section .tab-content .tab-panel .title-div .section-description, .page-news .news-section .title-div .section-description, .page-corporate-structure .corporate-structure-section .title-div .section-description, .page-projects .projects-section .title-div .section-description, .page-home .home-contact-section .contact-wrapper .title-div .section-description, .page-home .digital-counters-section .title-div .section-description, .page-home .create-package-section .title-div .section-description, .page-home .sample-projects-section .title-div .section-description, .page-home .digital-skills-section .title-div .section-description, .all-packages-section .title-div .section-description, .contact-section .title-div .section-description {
  font-weight: 200;
  font-size: 14px;
  line-height: 134%;
}
@media (min-width: 1200px) {
  .page-all-plans .plan-detail-section .title-div .section-description, .page-career .career-section .tab-content .tab-panel .title-div .section-description, .page-news .news-section .title-div .section-description, .page-corporate-structure .corporate-structure-section .title-div .section-description, .page-projects .projects-section .title-div .section-description, .page-home .home-contact-section .contact-wrapper .title-div .section-description, .page-home .digital-counters-section .title-div .section-description, .page-home .create-package-section .title-div .section-description, .page-home .sample-projects-section .title-div .section-description, .page-home .digital-skills-section .title-div .section-description, .all-packages-section .title-div .section-description, .contact-section .title-div .section-description {
    font-size: 16px;
  }
}

.page-documents .documents-section .title-div .section-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: var(--color-off-white);
  margin-bottom: 16px;
}
[data-theme=light] .page-documents .documents-section .title-div .section-title, .page-documents .documents-section [data-theme=light] .title-div .section-title {
  color: var(--color-black);
}
@media (min-width: 1400px) {
  .page-documents .documents-section .title-div .section-title {
    font-size: 32px;
  }
}

.page-all-plans .plan-detail-section, .page-career .career-section, .page-news-detail .news-detail-section, .page-news .news-section, .page-corporate-structure .corporate-structure-section, .page-services .services-section .container, .page-about-us .about-us-section, .page-project-detail .project-detail-section, .page-projects .projects-section, .page-documents .documents-section, .page-home .home-contact-section, .page-home .digital-counters-section, .page-home .create-package-section, .page-home .sample-projects-section, .all-packages-section, .contact-section {
  padding-block: 64px;
}
@media (min-width: 576px) {
  .page-all-plans .plan-detail-section, .page-career .career-section, .page-news-detail .news-detail-section, .page-news .news-section, .page-corporate-structure .corporate-structure-section, .page-services .services-section .container, .page-about-us .about-us-section, .page-project-detail .project-detail-section, .page-projects .projects-section, .page-documents .documents-section, .page-home .home-contact-section, .page-home .digital-counters-section, .page-home .create-package-section, .page-home .sample-projects-section, .all-packages-section, .contact-section {
    padding-block: 40px;
  }
}
@media (min-width: 1200px) {
  .page-all-plans .plan-detail-section, .page-career .career-section, .page-news-detail .news-detail-section, .page-news .news-section, .page-corporate-structure .corporate-structure-section, .page-services .services-section .container, .page-about-us .about-us-section, .page-project-detail .project-detail-section, .page-projects .projects-section, .page-documents .documents-section, .page-home .home-contact-section, .page-home .digital-counters-section, .page-home .create-package-section, .page-home .sample-projects-section, .all-packages-section, .contact-section {
    padding-block: 142px;
  }
}

.page-home .digital-skills-section {
  padding-block: 130px;
}

footer {
  padding-block: 30px;
}

body header {
  padding-block: 10px;
}

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-off-white: #f5f5f5;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-blue-400: #40a2ff;
  --color-transparent: transparent;
  --font-relawey: "Raleway", sans-serif;
  --font-ibrand: "lbrand", sans-serif;
  --swal2-confirm-button-background-color: #222C3F !important;
}

:root[data-theme=light] {
  --color-bg-body: #FDFDFF;
  --color-background: #FDFDFF;
  --color-background-secondary: #eaeaea;
  --color-toggle-track: #eaeaea;
  --color-toggle-knob: #ffffff;
  --color-toggle-shadow: rgba(0, 0, 0, 0.15);
  --color-text-body: #000000;
  --color-surface-subtle: #eaeaea;
  --color-border-light: rgba(0, 0, 0, 0.1);
  --color-border-subtle: rgba(0, 0, 0, 0.08);
  --color-overlay-light: rgba(0, 0, 0, 0.04);
  --color-overlay-dark: rgba(0, 0, 0, 0.12);
  --color-form-border-subtle: rgba(0, 0, 0, 0.1);
  --color-table-row-bg: rgba(243, 244, 246, 0.9);
  --color-table-border-color: rgba(0, 0, 0, 0.1);
  --color-tab-button-bg: rgba(75, 75, 75, 0.8);
  --color-text-muted-on-light: rgba(0, 0, 0, 0.6);
  --color-text-shadow-soft: rgba(0, 0, 0, 0.08);
  --color-thumbnail-border: rgba(0, 0, 0, 0.14);
  --color-button-submit-bg: #222C3F;
  --color-project-detail-link-bg: rgba(117, 93, 197, 0.76);
  --color-card-hover-ring: rgba(140, 90, 255, 0.25);
  --color-counter-badge-bg: #ffffff;
  --color-link-neon: #58ff79;
}

:root[data-theme=light],
:root[data-theme=light] * {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, box-shadow, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: ease;
}

:root[data-theme=dark],
:root[data-theme=dark] * {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, box-shadow, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme=light],
  :root[data-theme=light] * {
    transition: none !important;
  }
  :root[data-theme=dark],
  :root[data-theme=dark] * {
    transition: none !important;
  }
}
:root[data-theme=dark] {
  --color-bg-body: #000000;
  --color-background: #000000;
  --color-background-secondary: #f2f2f2;
  --color-toggle-track: #f2f2f2;
  --color-toggle-knob: #111827;
  --color-toggle-shadow: rgba(0, 0, 0, 0.5);
  --color-text-body: #ffffff;
  --color-surface-subtle: #f2f2f2;
  --color-border-light: #f1f1f1;
  --color-border-subtle: rgba(158, 158, 158, 0.21);
  --color-overlay-light: rgba(192, 192, 192, 0.265);
  --color-overlay-dark: rgba(192, 192, 192, 0.38);
  --color-form-border-subtle: rgba(193, 193, 193, 0.16);
  --color-table-row-bg: rgba(81, 88, 102, 0.46);
  --color-table-border-color: rgba(78, 78, 78, 0.6);
  --color-tab-button-bg: rgba(75, 75, 75, 0.3);
  --color-text-muted-on-light: rgba(60, 60, 60, 0.75);
  --color-text-shadow-soft: rgba(111, 111, 111, 0.13);
  --color-thumbnail-border: #9f9f9f;
  --color-button-submit-bg: rgba(123, 98, 204, 0.76);
  --color-project-detail-link-bg: rgba(117, 93, 197, 0.76);
  --color-card-hover-ring: rgba(140, 90, 255, 0.25);
  --color-counter-badge-bg: rgba(157, 128, 255, 0.16);
  --color-link-neon: #58ff79;
  --color-text-body: #ffffff;
}

body.disable-scroll,
html.disable-scroll {
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
}

body.disable-scroll {
  position: fixed;
  width: 100%;
  touch-action: none;
}

.top-brand-logo {
  max-width: 190px;
}

.contact-section {
  background: linear-gradient(to bottom, #000000 0%, transparent 30%);
}
[data-theme=light] .contact-section {
  background: none;
}
.contact-section .title-div {
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
.contact-section .contact-div {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .contact-section .contact-div {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
  }
}
.contact-section .contact-div .contact-info {
  width: 100%;
}
@media (min-width: 1200px) {
  .contact-section .contact-div .contact-info {
    width: 50%;
  }
}
.contact-section .contact-div .contact-info .contact-card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .contact-section .contact-div .contact-info .contact-card-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .contact-section .contact-div .contact-info .contact-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.contact-section .contact-div .contact-info .contact-card-wrapper .contact-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.37);
  text-align: center;
}
@media (min-width: 576px) {
  .contact-section .contact-div .contact-info .contact-card-wrapper .contact-card {
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.37);
  }
  [data-theme=light] .contact-section .contact-div .contact-info .contact-card-wrapper .contact-card {
    border-left: 1px solid #0D0492;
  }
}
.contact-section .contact-div .contact-info .contact-card-wrapper .contact-card__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 80%;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .contact-section .contact-div .contact-info .contact-card-wrapper .contact-card__label {
    text-align: left;
  }
}
.contact-section .contact-div .contact-info .contact-card-wrapper .contact-card__info {
  text-decoration: none;
  color: var(--color-text-body);
  margin-bottom: 0;
}
.contact-section .contact-div .contact-info .contact-card-wrapper .contact-card__info span {
  font-weight: 700;
  font-size: 16px;
  line-height: 80%;
  text-align: center;
  text-transform: lowercase;
}
@media (min-width: 576px) {
  .contact-section .contact-div .contact-info .contact-card-wrapper .contact-card__info {
    text-align: left;
  }
}
.contact-section .contact-div .contact-info .contact-map {
  width: 100%;
  height: 300px;
  border: none;
  border-radius: 8px;
}
.contact-section .contact-div .contact-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (min-width: 1200px) {
  .contact-section .contact-div .contact-form {
    width: 50%;
  }
}
.contact-section .contact-div .contact-form .name-mail-div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 576px) {
  .contact-section .contact-div .contact-form .name-mail-div {
    flex-direction: row;
  }
}
.contact-section .contact-div .contact-form .name-mail-div .form-item {
  flex: 1;
}
.contact-section .contact-div .contact-form .form-item {
  display: flex;
  flex-direction: column;
}
.contact-section .contact-div .contact-form .form-item label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.contact-section .contact-div .contact-form .form-item input,
.contact-section .contact-div .contact-form .form-item textarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  background: #111827;
  border: 1px solid #4b5563;
  border-radius: 12px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  color: var(--color-white);
}
[data-theme=light] .contact-section .contact-div .contact-form .form-item input,
[data-theme=light] .contact-section .contact-div .contact-form .form-item textarea {
  background: #ffffff;
  color: #000000;
}
.contact-section .contact-div .contact-form .consent-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.contact-section .contact-div .contact-form .consent-row input {
  margin-top: 4px;
  flex: 0 0 auto;
}
.contact-section .contact-div .contact-form .consent-row label {
  margin: 0;
  font-weight: 300;
}
.contact-section .contact-div .contact-form .consent-row label a {
  font-weight: 700;
  cursor: pointer;
}
.contact-section .contact-div .contact-form .submit-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  gap: 10px;
  background: linear-gradient(91.85deg, transparent 73.21%, rgba(0, 0, 0, 0.2) 105.51%), var(--color-button-submit-bg);
  border: 1px solid #4b5563;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  color: var(--color-white);
}

.clients-carousel {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .clients-carousel {
    margin-top: 20px;
  }
}
.clients-carousel .client-logo-slide {
  width: 170px;
  height: 170px;
  aspect-ratio: 1;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clients-carousel .client-logo-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.all-packages-section {
  background: linear-gradient(to bottom, #000000 0%, transparent 30%);
}
[data-theme=light] .all-packages-section {
  background: none;
}
.all-packages-section .title-div .section-title {
  text-align: center;
}
.all-packages-section .title-div .section-description {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.all-packages-section .all-packages-wrapper {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 1200px) {
  .all-packages-section .all-packages-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .all-packages-section .all-packages-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.all-packages-section .all-packages-wrapper .package-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 42px 30px;
  gap: 14px;
  background: rgba(17, 24, 39, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 21px;
  height: 100%;
  margin: auto 0;
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: border-color 700ms ease, box-shadow 700ms ease, background 700ms ease;
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid var(--color-border);
}
.all-packages-section .all-packages-wrapper .package-card:hover {
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0px 0px 8.8px var(--hover-shadow-color);
  border-radius: 21px;
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card:hover {
  border: 1px solid var(--color-border);
}
.all-packages-section .all-packages-wrapper .package-card:hover .package-card__detail-button:not(.js-package-custom-trigger) {
  background-color: var(--color-border) !important;
  border-color: var(--color-border) !important;
}
.all-packages-section .all-packages-wrapper .package-card .detail-button {
  width: 100%;
}
.all-packages-section .all-packages-wrapper .package-card .package-card__top-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: auto;
}
.all-packages-section .all-packages-wrapper .package-card .package-card__top-wrapper__detail-button {
  display: none;
}
.all-packages-section .all-packages-wrapper .package-card__title-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.all-packages-section .all-packages-wrapper .package-card__title-content__title {
  font-weight: 500;
  font-size: 1em;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}
.all-packages-section .all-packages-wrapper .package-card__title-content__description {
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  text-align: left;
}
.all-packages-section .all-packages-wrapper .package-card .package-image {
  width: 40px;
  height: 40px;
  padding: 9px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.5px solid;
  border-radius: 6px;
}
.all-packages-section .all-packages-wrapper .package-card .package-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card .package-image.package-custom-image-top img {
  filter: brightness(0);
}
.all-packages-section .all-packages-wrapper .package-card__features-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
  width: 100%;
  padding-left: 0;
}
.all-packages-section .all-packages-wrapper .package-card__features-list .feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: rgba(229, 231, 235, 0.66);
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card__features-list .feature-item {
  color: rgba(0, 0, 0, 0.66);
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.inactive img {
  filter: brightness(0);
  opacity: 0.66;
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.active {
  color: var(--color-black);
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.active img {
  filter: brightness(0);
}
.all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.inactive img {
  filter: grayscale(1) brightness(0) invert(1) brightness(0.85);
  opacity: 0.66;
}
.all-packages-section .all-packages-wrapper .package-card__features-list .feature-item .feature-icon {
  width: 16px;
  height: 16px;
}
.all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.active {
  color: var(--color-white);
}
.all-packages-section .all-packages-wrapper .package-card__features-list .feature-item.active img {
  filter: brightness(0) invert(1);
}
.all-packages-section .all-packages-wrapper .package-card__detail-button {
  width: 100%;
  padding: 12px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  font-variant: all-small-caps;
  margin-bottom: 0px !important;
  transition: background-color 700ms ease;
  color: var(--color-white);
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card__detail-button {
  color: var(--color-black);
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px !important;
  gap: 8px;
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item input.custom-checkbox {
  display: none;
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item input.custom-checkbox:checked + .checkbox-card .checkbox-box {
  background-color: #755dc5;
  border-color: #755dc5;
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item input.custom-checkbox:checked + .checkbox-card .checkbox-box::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(45deg);
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item .checkbox-card {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item .checkbox-box {
  width: 18px;
  height: 18px;
  aspect-ratio: 1;
  border-radius: 4px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  position: relative;
  transition: all 0.2s ease;
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item .checkbox-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 9px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) scale(0) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}
[data-theme=light] .all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item .checkbox-box {
  border: 2px solid rgba(0, 0, 0, 0.35);
}
.all-packages-section .all-packages-wrapper .package-card .custom-package-form .form-item .checkbox-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}

.package-detail-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 2000;
  --package-accent: #ffffff;
  align-items: center;
  justify-content: center;
}
.package-detail-modal[aria-hidden=false] {
  display: block;
}
.package-detail-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}
.package-detail-modal__dialog {
  position: relative;
  max-width: 680px;
  width: min(90vw, 680px);
  max-height: 85vh;
  overflow-y: auto;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 28px;
  z-index: 1;
  color: var(--color-white);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
[data-theme=light] .package-detail-modal__dialog {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
  color: var(--color-text-body);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.15);
}
.package-detail-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: var(--color-white);
}
[data-theme=light] .package-detail-modal__close {
  background: rgba(0, 0, 0, 0.08);
  color: var(--color-black);
}
.package-detail-modal__header {
  margin-bottom: 20px;
}
.package-detail-modal__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--package-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
}
[data-theme=light] .package-detail-modal__icon {
  border: 1px solid var(--color-black);
  background: rgba(0, 0, 0, 0.04);
}
[data-theme=light] .package-detail-modal__icon .custom-package-icon {
  filter: brightness(0);
}
.package-detail-modal__icon img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.package-detail-modal__title {
  font-size: 22px;
  margin: 0 0 6px;
}
.package-detail-modal__description {
  margin: 0;
  font-size: 14px;
}
.package-detail-modal__package-card {
  margin-top: 20px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(20, 20, 20, 0.85);
}
[data-theme=light] .package-detail-modal__package-card {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
}
.package-detail-modal__package-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.package-detail-modal__package-title {
  margin: 0;
  font-size: 16px;
}
.package-detail-modal__package-desc {
  margin: 2px 0 0;
  font-size: 12px;
}
.package-detail-modal__package-subtitle {
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.package-detail-modal__subtitle {
  font-size: 15px;
  margin: 0 0 12px;
  color: var(--color-white);
}
.package-detail-modal__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.package-detail-modal__feature {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(229, 231, 235, 0.6);
  background: rgba(15, 23, 42, 0.6);
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.package-detail-modal__feature::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  display: inline-block;
}
.package-detail-modal__feature.is-active {
  border-color: var(--package-accent);
  color: var(--color-white);
  background: rgba(15, 23, 42, 0.9);
}
.package-detail-modal__feature.is-active::before {
  background: var(--package-accent);
}
[data-theme=light] .package-detail-modal__feature {
  border-color: var(--color-border-light);
  color: var(--color-text-muted-on-light);
  background: var(--color-table-row-bg);
}
[data-theme=light] .package-detail-modal__feature::before {
  background: var(--color-border-light);
}
[data-theme=light] .package-detail-modal__feature.is-active {
  border-color: var(--package-accent);
  color: var(--color-text-body);
  background: var(--color-surface-subtle);
}
[data-theme=light] .package-detail-modal__feature.is-active::before {
  background: var(--package-accent);
}
.package-detail-modal__form {
  margin-top: 22px;
  display: grid;
  gap: 16px;
}
.package-detail-modal__form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.package-detail-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.package-detail-modal__field--wide {
  grid-column: 1/-1;
}
.package-detail-modal__field label {
  font-size: 13px;
  letter-spacing: 0.02em;
}
.package-detail-modal__field input {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--color-white);
}
.package-detail-modal__field input:focus {
  outline: none;
  border-color: var(--package-accent);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
}
[data-theme=light] .package-detail-modal__field label {
  color: var(--color-text-muted-on-light);
}
[data-theme=light] .package-detail-modal__field input {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
  color: var(--color-text-body);
}
[data-theme=light] .package-detail-modal__field input:focus {
  outline: none;
  border-color: var(--package-accent);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.package-detail-modal__submit {
  border: 0;
  border-radius: 12px;
  background: #222C3F;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 12px 16px;
  cursor: pointer;
  width: 100%;
  margin-top: 8px;
}
.package-detail-modal__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
  margin: 18px 0;
}
[data-theme=light] .package-detail-modal__divider {
  background: rgba(0, 0, 0, 0.12);
}
.package-detail-modal__consent {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 12px;
  margin-bottom: 10px;
}
.package-detail-modal__consent input {
  margin-top: 2px;
}
.package-detail-modal__consent span strong {
  cursor: pointer;
}

.package-detail-modal-open {
  overflow: hidden;
}
.package-detail-modal-open .package-detail-modal {
  display: flex !important;
}

@media (max-width: 768px) {
  .package-detail-modal__dialog {
    padding: 22px;
  }
  .package-detail-modal__header {
    align-items: flex-start;
  }
  .package-detail-modal__form-grid {
    grid-template-columns: 1fr;
  }
  .package-detail-modal__features {
    grid-template-columns: 1fr;
  }
}
.pswp img {
  max-width: none;
  object-fit: contain;
}

html,
body {
  background-color: var(--color-bg-body);
  color: var(--color-text-body);
  font-family: var(--font-relawey), serif;
}

.bg-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
  object-fit: cover;
  opacity: 0.2;
}
[data-theme=light] .bg-video {
  display: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body header {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.001);
  border-bottom: 1px solid var(--color-black);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0025);
  z-index: 1000;
}
[data-theme=light] body header {
  border: none;
}
body header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 768px) {
  body header {
    display: flex;
  }
}
body header nav {
  display: none;
  gap: 5px;
  width: 100%;
  justify-content: space-around;
}
@media (min-width: 992px) {
  body header nav {
    display: flex;
  }
}
body header nav .nav-link {
  display: flex;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  align-items: center;
  justify-content: center;
}
body header nav .custom-dropdown {
  position: relative;
}
body header nav .custom-dropdown p {
  margin: 0;
}
body header nav .custom-dropdown .custom-dropdown-toggle {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
body header nav .custom-dropdown .dropdown-arrow {
  font-size: 0.8em;
  transition: transform 0.2s;
}
body header nav .custom-dropdown .custom-dropdown-menu {
  position: absolute;
  top: 100%;
  width: max-content;
  left: 50%;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  margin-top: 36px;
  gap: 30px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-10px);
  transition: opacity 0.2s, transform 0.2s;
  z-index: 1002;
  overflow-x: auto;
}
[data-theme=light] body header nav .custom-dropdown .custom-dropdown-menu {
  background: rgba(255, 255, 255, 0.75);
}
body header nav .custom-dropdown .custom-dropdown-menu .column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper {
  display: flex;
  flex-direction: row;
  text-decoration: none;
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper:hover {
  cursor: pointer;
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper:hover .column-item-icon {
  background: rgba(255, 255, 255, 0.12);
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-icon {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 10px;
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  border: 0.5px solid rgba(229, 231, 235, 0.854902);
  filter: drop-shadow(0px 0px 8.4px #ffffff);
  border-radius: 6px;
  transition: background 0.3s;
}
[data-theme=light] body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-icon {
  border: 0.5px solid rgba(0, 0, 0, 0.854902);
  filter: drop-shadow(0px 0px 8.4px #000000) invert(1) brightness(0);
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-text {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  gap: 4px;
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-text .column-item-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 125%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: var(--color-text-body);
}
body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-text .column-item-description {
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  text-transform: capitalize;
  color: rgba(229, 231, 235, 0.854902);
}
[data-theme=light] body header nav .custom-dropdown .custom-dropdown-menu .column .column-item-wrapper .column-item-text .column-item-description {
  color: rgba(0, 0, 0, 0.854902);
}
body header nav .custom-dropdown.is-open .custom-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transform: translateX(-50%) translateY(0);
}
body header nav .custom-dropdown.is-open .dropdown-arrow {
  transform: rotate(180deg);
}
body header .header-actions {
  display: none;
  gap: 15px;
}
@media (min-width: 992px) {
  body header .header-actions {
    display: flex;
  }
}
body header .header-actions .header-btn {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  gap: 10px;
  text-decoration: none;
  color: var(--color-white);
  border: 1px solid var(--color-gray-600);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0025);
  border-radius: 12px;
}
body header .header-actions .header-btn.package-btn {
  background: rgba(0, 0, 0, 0.12);
}
[data-theme=light] body header .header-actions .header-btn.package-btn {
  background: none;
  color: var(--color-black);
}
body header .header-actions .header-btn.contact-btn {
  background: var(--color-gray-100);
  color: var(--color-black);
}
[data-theme=light] body header .header-actions .header-btn.contact-btn {
  background: var(--color-black);
  color: var(--color-white);
}
body header .theme-toggle {
  display: none;
  align-items: center;
  position: relative;
}
@media (min-width: 992px) {
  body header .theme-toggle {
    margin-left: 10px;
    display: flex;
  }
}
body header .theme-toggle .ThemeToggle {
  appearance: none;
  width: 62px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  margin-left: auto;
  background: var(--color-toggle-track);
  box-shadow: inset 0 0 0 1px var(--color-border-subtle);
  transition: background-color 0.3s ease;
}
body header .theme-toggle .ThemeToggle::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: var(--color-toggle-knob) url("/images/icons/icon-sun.svg") no-repeat center;
  background-size: 14px 14px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  box-shadow: 0 2px 6px var(--color-toggle-shadow);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
  border: 1px solid var(--color-border-subtle);
}
body header .theme-toggle .ThemeToggle:checked {
  background-color: var(--color-background-secondary);
}
body header .theme-toggle .ThemeToggle:checked::before {
  left: 32px;
  background: var(--color-toggle-knob) url("/images/icons/icon-moon.svg") no-repeat center;
  background-size: 14px 14px;
}
body header .mobile-sidebar .theme-toggle {
  display: flex;
}
body header .hamburger-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 32px;
  height: 32px;
  padding: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1001;
}
@media (min-width: 992px) {
  body header .hamburger-btn {
    display: none;
  }
}
body header .hamburger-btn .hamburger-line {
  display: block;
  width: 24px;
  height: 2px;
  background-color: var(--color-white);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
[data-theme=light] body header .hamburger-btn .hamburger-line {
  background-color: var(--color-black);
}
body header .hamburger-btn.is-active .hamburger-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
body header .hamburger-btn.is-active .hamburger-line:nth-child(2) {
  opacity: 0;
}
body header .hamburger-btn.is-active .hamburger-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
body header .mobile-sidebar {
  position: fixed;
  top: var(--header-height, 81px);
  right: -100%;
  width: min(86vw, 360px);
  height: calc(100vh - var(--header-height, 81px));
  background-color: rgba(0, 0, 0, 0.94);
  color: var(--color-white);
  z-index: 998;
  transition: right 0.3s ease;
  overflow-y: auto;
  box-shadow: -12px 0 30px rgba(0, 0, 0, 0.45);
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
[data-theme=light] body header .mobile-sidebar {
  background-color: rgba(255, 255, 255, 0.98);
  color: var(--color-text-body);
  box-shadow: -12px 0 30px rgba(0, 0, 0, 0.12);
  border-left-color: var(--color-border-light);
}
@media (min-width: 992px) {
  body header .mobile-sidebar {
    display: none !important;
  }
}
body header .mobile-sidebar.is-open {
  right: 0;
}
body header .mobile-sidebar .sidebar-content {
  padding: 20px 24px;
  min-height: 100%;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__header {
  border-bottom-color: var(--color-border-light);
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__actions {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__action {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: var(--color-white);
  background: rgba(0, 0, 0, 0.12);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__action {
  border-color: var(--color-border-light);
  color: var(--color-text-body);
  background: var(--color-surface-subtle);
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__action-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__action--toggle {
  justify-content: center;
  gap: 8px;
  padding-right: 18px;
  cursor: pointer;
  position: relative;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__action--toggle::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--color-white);
  transition: transform 0.2s ease;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__action--toggle::after {
  border-top-color: var(--color-text-body);
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions {
  list-style: none;
  margin: 0;
  padding: 6px 0 0 0;
  transition: max-height 0.25s ease;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions li {
  margin: 0;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions li:not(:last-child) {
  margin-bottom: 10px;
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.06);
  transition: background 0.2s ease, color 0.2s ease;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a {
  color: var(--color-text-body);
  background: var(--color-table-row-bg);
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a:hover,
body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  color: var(--color-white);
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a:hover,
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-sidebar__subactions a:focus-visible {
  background: var(--color-overlay-light);
  color: var(--color-text-body);
}
body header .mobile-sidebar .sidebar-content .mobile-sidebar__action-group.is-open .mobile-sidebar__action--toggle::after {
  transform: translateY(-50%) rotate(180deg);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 8px 0;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-item {
  border-bottom-color: var(--color-border-light);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-item .mobile-link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  padding: 12px 0;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-right: 24px;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-item .mobile-link {
  color: var(--color-text-body);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  padding: 12px 0;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-right: 24px;
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-toggle::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid var(--color-white);
  transition: transform 0.25s ease, border-top-color 0.2s ease;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-toggle::after {
  border-top-color: var(--color-text-body);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-panel {
  transition: max-height 0.25s ease;
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-links {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0 0 0 8px;
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-links li {
  margin: 6px 0;
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-links a {
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  font-style: normal;
  text-decoration: none;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-links a {
  color: var(--color-text-muted-on-light);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-group-title {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-theme=light] body header .mobile-sidebar .sidebar-content .mobile-nav .accordion-group-title {
  color: var(--color-text-muted-on-light);
}
body header .mobile-sidebar .sidebar-content .mobile-nav .mobile-nav-item.is-open .accordion-toggle::after {
  transform: translateY(-50%) rotate(180deg);
  border-top-color: var(--primary-color);
}
body header .sidebar-overlay {
  position: fixed;
  left: 0;
  top: var(--header-height, 81px);
  width: 100%;
  flex: 1;
  background-color: rgba(3, 6, 12, 0.6);
  z-index: 997;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  height: calc(100vh - var(--header-height, 81px));
  backdrop-filter: blur(6px);
}
[data-theme=light] body header .sidebar-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
@media (min-width: 992px) {
  body header .sidebar-overlay {
    display: none !important;
  }
}
body header .sidebar-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

body:has(.page-project-detail) header,
body:has(.page-news-detail) header {
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
  position: relative;
}
body:has(.page-project-detail) header::before,
body:has(.page-news-detail) header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 0;
}
body:has(.page-project-detail) header .container,
body:has(.page-news-detail) header .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] body:has(.page-project-detail) header,
[data-theme=light] body:has(.page-news-detail) header {
  background: transparent;
  border-bottom: 1px solid var(--color-border-light);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
[data-theme=light] body:has(.page-project-detail) header::before,
[data-theme=light] body:has(.page-news-detail) header::before {
  background: rgba(255, 255, 255, 0.7);
}

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, var(--color-black), var(--color-transparent));
  z-index: 1;
}
[data-theme=light] footer {
  background: #222C3F;
  color: var(--color-white);
}
footer .footer-top {
  padding: 0;
  width: 100%;
}
footer .footer-top .container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid var(--color-text-body);
}
@media (min-width: 1200px) {
  footer .footer-top .container {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    text-align: left;
  }
}
footer .footer-top .company-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  text-align: center;
  width: fit-content;
}
@media (min-width: 1200px) {
  footer .footer-top .company-info {
    align-items: flex-start;
    text-align: left;
  }
}
footer .footer-top .company-info .spiltech-logo {
  max-width: 200px;
  height: auto;
}
@media (min-width: 768px) {
  footer .footer-top .company-info .spiltech-logo {
    max-width: 250px;
  }
}
footer .footer-top .company-info .social-media {
  display: flex;
  gap: 15px;
}
footer .footer-top .company-info .social-media a {
  color: var(--color-text-body);
  font-size: 1.5rem;
  transition: color 0.3s ease;
}
footer .footer-top .company-info .social-media a img {
  width: 18px;
  height: 18px;
}
footer .footer-top .footer-links {
  width: 100%;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  footer .footer-top .footer-links {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}
@media (min-width: 992px) {
  footer .footer-top .footer-links {
    gap: 60px;
    display: flex;
    margin-bottom: 0px;
  }
}
footer .footer-top .footer-links .link-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
@media (min-width: 1200px) {
  footer .footer-top .footer-links .link-column {
    text-align: left;
  }
}
footer .footer-top .footer-links .link-column h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
}
footer .footer-top .footer-links .link-column a {
  font-weight: 100;
  font-size: 14px;
  line-height: 140%;
  vertical-align: middle;
  color: var(--color-text-body);
  text-decoration: none;
}
[data-theme=light] footer .footer-top .footer-links .link-column a {
  color: var(--color-white);
}
footer .footer-bottom {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

main {
  flex: 1;
  z-index: 1;
}
main .hero-section {
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
}
main .hero-section .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}
main .hero-section .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), var(--color-transparent)), linear-gradient(to top, rgba(0, 0, 0, 0.8), var(--color-transparent));
  background-size: 100% 100%, 100% 50%;
  background-position: top, bottom;
  background-repeat: no-repeat;
}
[data-theme=light] main .hero-section .bg-overlay {
  background: none;
}
main .hero-section .hero-title-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
main .hero-section .animation-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 700px;
  height: 180px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}
main .hero-section .lightning-container {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  transform: translateY(-50%);
}
main .hero-section .lightning {
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  transform-origin: 5px 5px;
  animation-name: woosh;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-direction: alternate;
}
main .hero-section .lightning.white {
  background-color: #ffffff;
  box-shadow: 0px 45px 45px 0px rgba(255, 255, 255, 0.3);
}
main .hero-section .lightning.red {
  background-color: #fc7171;
  box-shadow: 0px 45px 45px 0px rgba(252, 113, 113, 0.3);
  animation-delay: 0.2s;
}
main .hero-section .boom-container {
  position: absolute;
  display: flex;
  width: 70px;
  height: 70px;
  text-align: center;
  align-items: center;
  transform: translateY(-50%);
  left: 140px;
  top: -90px;
}
main .hero-section .boom-container .shape {
  display: inline-block;
  position: relative;
  opacity: 0;
  transform-origin: center center;
}
main .hero-section .boom-container .shape.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  transform-origin: 50% 80%;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  margin-left: -12px;
  border-width: 0 2px 4px 2px;
  border-color: transparent transparent #42e599 transparent;
  animation-name: boom-triangle;
}
main .hero-section .boom-container .shape.triangle.big {
  margin-left: -18px;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #fade28 transparent;
  animation-name: boom-triangle-big;
}
main .hero-section .boom-container .shape.disc {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d15ff4;
  animation-name: boom-disc;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
main .hero-section .boom-container .shape.circle {
  width: 16px;
  height: 16px;
  animation-name: boom-circle;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  border-radius: 100%;
  margin-left: -24px;
}
main .hero-section .boom-container .shape.circle.white {
  border: 1px solid #ffffff;
}
main .hero-section .boom-container .shape.circle.big {
  width: 32px;
  height: 32px;
  margin-left: 0px;
}
main .hero-section .boom-container .shape.circle.big.white {
  border: 2px solid #ffffff;
}
main .hero-section .boom-container .shape.triangle, main .hero-section .boom-container .shape.circle, main .hero-section .boom-container .shape.circle.big, main .hero-section .boom-container .shape.disc {
  animation-delay: 0.38s;
  animation-duration: 3s;
}
main .hero-section .boom-container .shape.circle {
  animation-delay: 0.6s;
}
main .hero-section .boom-container.second {
  left: 340px;
  top: 120px;
}
main .hero-section .boom-container.second .shape.triangle, main .hero-section .boom-container.second .shape.circle, main .hero-section .boom-container.second .shape.circle.big, main .hero-section .boom-container.second .shape.disc {
  animation-delay: 1.9s;
}
main .hero-section .boom-container.second .shape.circle {
  animation-delay: 2.15s;
}
main .hero-section .hero-content {
  --step: 20px;
  --line: rgba(255, 255, 255, 0.016);
  --dot: rgba(255, 255, 255, 0.09);
  margin-top: auto;
  display: flex;
  justify-content: center;
  height: 100%;
  background-image: radial-gradient(circle at 0 0, var(--dot) 1.6px, transparent 2px), repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px var(--step)), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px var(--step));
  background-size: var(--step) var(--step);
  background-position: 0 0;
  position: relative;
  z-index: 2;
}
[data-theme=light] main .hero-section .hero-content {
  --line: rgba(0, 0, 0, 0.016);
  --dot: rgba(0, 0, 0, 0.09);
}
main .hero-section .hero-content .hero-inner {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  gap: 10px;
  height: 100%;
  justify-content: flex-end;
  padding-block: 115px;
}
@media (min-width: 1200px) {
  main .hero-section .hero-content .hero-inner {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
  }
}
main .hero-section .hero-content .hero-inner .hero-text {
  text-align: center;
  color: var(--color-white);
}
@media (min-width: 576px) {
  main .hero-section .hero-content .hero-inner .hero-text {
    text-align: left;
  }
}
main .hero-section .hero-content .hero-inner .hero-text .hero-slogan {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
[data-theme=light] main .hero-section .hero-content .hero-inner .hero-text .hero-slogan {
  color: rgba(0, 0, 0, 0.72);
}
@media (min-width: 768px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-slogan {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-slogan {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-slogan.inner-hero-slogan {
    display: block;
    width: min-content;
    text-align: left;
  }
}
main .hero-section .hero-content .hero-inner .hero-text .hero-title {
  font-family: var(--font-ibrand);
  font-weight: 400;
  font-size: 64px;
  position: relative;
  z-index: 2;
}
[data-theme=light] main .hero-section .hero-content .hero-inner .hero-text .hero-title {
  color: var(--color-black);
}
@media (min-width: 576px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-title {
    font-size: 82px;
  }
}
main .hero-section .hero-content .hero-inner .hero-text .hero-tagline {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.94);
  display: inline-block;
}
[data-theme=light] main .hero-section .hero-content .hero-inner .hero-text .hero-tagline {
  color: rgba(0, 0, 0, 0.94);
}
@media (min-width: 768px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-tagline {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-tagline {
    font-size: 32px;
  }
}
main .hero-section .hero-content .hero-inner .hero-text .hero-tagline .hero-tagline-char {
  display: inline-block;
  will-change: transform, opacity, filter;
}
main .hero-section .hero-content .hero-inner .hero-text .hero-tagline .hero-tagline-word {
  display: inline-block;
  white-space: nowrap;
}
main .hero-section .hero-content .hero-inner .hero-text .hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
main .hero-section .hero-content .hero-inner .hero-text .hero-mouse {
  padding-top: 8px;
  animation: heroMouseFloat 1.8s ease-in-out infinite;
}
main .hero-section .hero-content .hero-inner .hero-text .hero-mouse-icon {
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.9);
}
[data-theme=light] main .hero-section .hero-content .hero-inner .hero-text .hero-mouse-icon {
  color: rgba(0, 0, 0, 0.9);
}
main .hero-section .hero-content .hero-inner .hero-text .hero-scroll-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}
[data-theme=light] main .hero-section .hero-content .hero-inner .hero-text .hero-scroll-text {
  color: rgba(0, 0, 0, 0.68);
}
@media (min-width: 768px) {
  main .hero-section .hero-content .hero-inner .hero-text .hero-scroll-text {
    font-size: 13px;
  }
}
main .hero-section .hero-tubes-canvas {
  position: absolute;
  inset: 0;
  width: 500px;
  height: 500px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.75;
  background: transparent;
}
[data-theme=light] main .hero-section .hero-tubes-canvas {
  mix-blend-mode: screen;
  opacity: 0.6;
}
main .hero-section.inner-hero {
  height: auto !important;
}
main .hero-section.inner-hero .hero-inner {
  padding: 0;
  padding-top: calc(var(--header-height) + 100px);
  padding-bottom: 20px;
}
main.page-home .hero-section .hero-inner {
  justify-content: center;
  align-items: center;
}
main.page-home .hero-section .hero-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 100px;
}
main.page-home .hero-section .hero-text .hero-title {
  text-align: center;
}
main .inner-sidebar {
  display: none;
  min-width: 30%;
  position: sticky;
  top: 5vh;
  align-self: flex-start;
  height: 90vh;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  main .inner-sidebar {
    display: block;
  }
}
.page-documents main .inner-sidebar {
  padding-right: 6px;
}
main .inner-sidebar .sidebar-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  border: 1px solid var(--color-border-subtle);
}
[data-theme=light] main .inner-sidebar .sidebar-links {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
}
main .inner-sidebar .sidebar-links .sidebar-title {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: #d1d5db;
  margin: 0;
}
@media (min-width: 1400px) {
  main .inner-sidebar .sidebar-links .sidebar-title {
    font-size: 20px;
  }
}
main .inner-sidebar .sidebar-links .sidebar-link {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.75);
  padding: 6px 10px;
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-subtle);
  width: 100%;
}
[data-theme=light] main .inner-sidebar .sidebar-links .sidebar-title {
  color: var(--color-text-muted-on-light);
}
[data-theme=light] main .inner-sidebar .sidebar-links .sidebar-link {
  color: var(--color-text-body);
  border-bottom-color: var(--color-border-light);
}

@media (prefers-reduced-motion: reduce) {
  main.page-home .hero-mouse,
  main.page-home .hero-code-strings,
  main.page-home .hero-code-greeting,
  main.page-home .animation-container,
  main.page-home .lightning,
  main.page-home .boom-container .shape {
    animation: none;
  }
}
.page-home .digital-skills-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-home .digital-skills-section {
  background: none;
}
.page-home .digital-skills-section .title-div {
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}
@media (min-width: 1200px) {
  .page-home .digital-skills-section .title-div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.page-home .digital-skills-section .title-div .section-description {
  max-width: 600px;
}
@media (min-width: 576px) {
  .page-home .digital-skills-section .swiper {
    display: none;
  }
}
.page-home .digital-skills-section .skills-grid {
  display: none;
  margin-top: 40px;
  width: 100%;
}
@media (min-width: 576px) {
  .page-home .digital-skills-section .skills-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .page-home .digital-skills-section .skills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .page-home .digital-skills-section .skills-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page-home .digital-skills-section .competency-card {
  height: auto;
  border: 1px solid #a1a2ff;
  border-radius: 4px;
  padding: 32px 24px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.page-home .digital-skills-section .competency-card:visited, .page-home .digital-skills-section .competency-card:hover, .page-home .digital-skills-section .competency-card:focus, .page-home .digital-skills-section .competency-card:active {
  text-decoration: none;
  color: inherit;
}
[data-theme=light] .page-home .digital-skills-section .competency-card {
  border: 0.3px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}
.page-home .digital-skills-section .competency-card {
  transition: border-color 700ms ease, box-shadow 700ms ease, background 700ms ease;
}
@media (min-width: 576px) {
  .page-home .digital-skills-section .competency-card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .page-home .digital-skills-section .competency-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
  }
}
.page-home .digital-skills-section .competency-card__anim__top {
  display: flex;
  width: 125px;
  height: 125px;
}
@media (min-width: 576px) {
  .page-home .digital-skills-section .competency-card__anim__top {
    display: none;
  }
}
.page-home .digital-skills-section .competency-card__anim__bottom {
  display: none;
  width: 125px;
  min-width: 125px;
  height: 125px;
}
@media (min-width: 576px) {
  .page-home .digital-skills-section .competency-card__anim__bottom {
    display: flex;
  }
}
.page-home .digital-skills-section .competency-card__anim__bottom .iconBox {
  position: relative;
  width: 125px;
  height: 125px;
  overflow: hidden;
  flex: 0 0 auto;
}
.page-home .digital-skills-section .competency-card__anim__bottom .iconBox .layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
}
.page-home .digital-skills-section .competency-card__content__text__wrapper {
  transition: transform 800ms linear(0, 0.002, 0.007 1.4%, 0.026, 0.059 4.5%, 0.106 6.3%, 0.209 9.5%, 0.451 16.2%, 0.558, 0.658, 0.742, 0.812, 0.87, 0.918, 0.957, 0.986 41.6%, 0.997, 1.007, 1.015, 1.021 49.4%, 1.027 54%, 1.028 57.2%, 1.027 60.9%, 1.007 83.2%, 1.003 91.1%, 1);
  transform: translateY(10px);
}
.page-home .digital-skills-section .competency-card__content__text__wrapper .competency-card__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 1%;
  text-decoration: none;
}
.page-home .digital-skills-section .competency-card__content__text__wrapper .competency-card__title span {
  font-weight: 700;
}
.page-home .digital-skills-section .competency-card__content__text__wrapper .competency-card__subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 119%;
  text-decoration: none;
}
.page-home .digital-skills-section .competency-card__content .competency-card__link {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #0dc4d9;
  margin: 0;
  padding-top: 10px;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 800ms ease, transform 800ms linear(0, 0.002, 0.007 1.4%, 0.026, 0.059 4.5%, 0.106 6.3%, 0.209 9.5%, 0.451 16.2%, 0.558, 0.658, 0.742, 0.812, 0.87, 0.918, 0.957, 0.986 41.6%, 0.997, 1.007, 1.015, 1.021 49.4%, 1.027 54%, 1.028 57.2%, 1.027 60.9%, 1.007 83.2%, 1.003 91.1%, 1);
  text-decoration: none;
  will-change: opacity, transform;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-home .digital-skills-section .competency-card:hover {
  /*border-color: v.$accent-lavender;
  box-shadow: 0 0 0 2px var(--color-card-hover-ring) inset;*/
  background: rgba(75, 75, 75, 0.3);
  border: 1px solid #A1A2FF;
  box-shadow: 0px 0px 12.2px rgba(138, 56, 245, 0.71);
}
[data-theme=light] .page-home .digital-skills-section .competency-card:hover {
  box-shadow: 0px 4px 4px var(--color-card-hover-ring);
}
.page-home .digital-skills-section .competency-card:hover .competency-card__link {
  opacity: 1;
  transform: translateY(0);
}
.page-home .digital-skills-section .competency-card:hover .competency-card__content__text__wrapper {
  transform: translateY(0px);
}
[data-theme=light] .page-home .sample-projects-section {
  background: linear-gradient(to top, #3B4C6B 0%, transparent 30%);
}
.page-home .sample-projects-section .project-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
  align-items: center;
  text-align: left;
}
.page-home .sample-projects-section .project-wrapper .project-slide-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item {
    flex-direction: row-reverse;
    gap: 40px;
    align-items: stretch;
  }
}
@media (min-width: 1400px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item {
    flex-direction: row;
  }
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
  min-width: 300px;
  width: 50%;
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .image-wrapper .project-image {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: contain;
  border-radius: 15px;
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .image-wrapper .project-image {
    flex: 1;
    max-width: 600px;
  }
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .project-content {
  display: flex;
  flex-direction: column;
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-title {
  font-weight: 400;
  font-size: 22px;
}
@media (min-width: 576px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-title {
    font-size: 48px;
  }
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-description {
  font-weight: 400;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.05em;
  color: var(--color-text-body);
}
@media (min-width: 576px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-description {
    font-size: 16px;
  }
}
.page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-detail-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  display: none;
  align-items: center;
  letter-spacing: 0.1em;
  margin-top: auto;
  text-decoration: none;
  color: var(--color-link-neon);
}
[data-theme=light] .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-detail-link {
  color: var(--color-black);
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-detail-link {
    display: flex;
  }
}
@media (min-width: 1400px) {
  .page-home .sample-projects-section .project-wrapper .project-slide-item .project-content .project-detail-link {
    align-self: flex-end;
  }
}
.page-home .sample-projects-section .project-wrapper .mobile-navigation-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .mobile-navigation-div {
    display: none;
  }
}
.page-home .sample-projects-section .project-wrapper .mobile-navigation-div .nav-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-transparent);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.page-home .sample-projects-section .project-wrapper .mobile-navigation-div .project-detail-link {
  width: 60%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  padding: 16px 0;
  margin: 0 auto;
  background: var(--color-project-detail-link-bg);
  border: 1px solid #2c2982;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.1em;
  color: var(--color-white);
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div {
  display: none;
}
@media (min-width: 1200px) {
  .page-home .sample-projects-section .project-wrapper .desktop-navigation-div {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    margin-top: 20px;
    padding-bottom: 50px;
  }
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div .image-wrapper {
  width: 180px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: visible;
  margin-left: -50px;
  transition: z-index 0s, transform 0.25s ease;
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div .image-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  height: 50px;
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div .image-wrapper:first-child {
  margin-left: 0;
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div .image-wrapper:hover .thumbnail {
  transform: matrix(1, -0.09, 0, 1, 0, 0);
  opacity: 1;
  box-shadow: -25px 5px 59.4px rgba(0, 0, 0, 0.5);
  border: 1px solid #a1a2ff;
}
.page-home .sample-projects-section .project-wrapper .desktop-navigation-div .image-wrapper .thumbnail {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  border: 1px solid var(--color-thumbnail-border);
  box-shadow: -25px 5px 59.4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  transform: matrix(1, -0.09, 0, 1, 0, 0) translateY(30px) translateX(20px);
  transition: transform 0.5s ease, opacity 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
}
.page-home .create-package-section {
  --step: 20px;
  --line: rgba(255, 255, 255, 0.016);
  --dot: rgba(255, 255, 255, 0.09);
  position: relative;
  background-image: radial-gradient(circle at 0 0, var(--dot) 1.6px, transparent 2px), repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px var(--step)), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px var(--step));
  background-size: var(--step) var(--step), var(--step) var(--step), var(--step) var(--step);
  background-position: 0 0;
}
[data-theme=light] .page-home .create-package-section {
  background-image: linear-gradient(to top, var(--color-white) 0%, var(--color-transparent) 30%), radial-gradient(circle at 0 0, var(--dot) 1.6px, transparent 2px), repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px var(--step)), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px var(--step));
  background-size: 100% 100%, var(--step) var(--step), var(--step) var(--step), var(--step) var(--step);
}
[data-theme=light] .page-home .create-package-section {
  background-color: #202A3F;
}
.page-home .create-package-section .title-div {
  color: var(--color-white);
}
.page-home .create-package-section .bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(to bottom, #000000, transparent) top, linear-gradient(to top, #000000, transparent) bottom;
}
[data-theme=light] .page-home .create-package-section .bg-wrapper {
  background: none;
}
.page-home .create-package-section .bg-wrapper {
  background-size: 100% 40%;
  background-repeat: no-repeat;
}
.page-home .create-package-section .container {
  position: relative;
}
.page-home .create-package-section .title-div {
  text-align: center;
  gap: 12px;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .title-div {
    text-align: left;
  }
}
.page-home .create-package-section .create-package-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .create-package-wrapper {
    flex-direction: row;
    gap: 40px;
  }
}
.page-home .create-package-section .create-package-wrapper .select-package-div {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 24px 12px;
  gap: 20px;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
}
[data-theme=light] .page-home .create-package-section .create-package-wrapper .select-package-div {
  background: #222C3F;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .create-package-wrapper .select-package-div {
    flex: 1;
  }
}
.page-home .create-package-section .create-package-wrapper .select-package-div__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 111%;
  text-align: center;
  color: var(--color-white);
  width: 100%;
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item input.custom-checkbox {
  display: none;
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item input.custom-checkbox:checked + .checkbox-card {
  border: 1px solid #00ff11;
  background: rgba(0, 255, 17, 0.12);
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item input.custom-checkbox:checked + .checkbox-card .checkbox-box {
  background-color: var(--color-transparent);
  border-color: var(--color-white);
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item input.custom-checkbox:checked + .checkbox-card .checkbox-box::after {
  opacity: 1;
  transform: scale(1) rotate(45deg);
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 24px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  cursor: pointer;
  transition: all 0.25s ease;
}
[data-theme=light] .page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-card {
  background: rgba(255, 255, 255, 0.1);
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-card:hover {
  border-color: rgba(255, 255, 255, 0.25);
}
@media (min-width: 576px) {
  .page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-card {
    padding: 16px 32px;
  }
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-box {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 2px solid var(--color-gray-500);
  background: transparent;
  position: relative;
  transition: all 0.2s ease;
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-box::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: scale(0) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}
.page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: var(--color-white);
}
@media (min-width: 576px) {
  .page-home .create-package-section .create-package-wrapper .select-package-div__form .form-item .checkbox-text {
    font-size: 16px;
  }
}
.page-home .create-package-section .create-package-wrapper .package-summary-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 42px 30px;
  gap: 14px;
  background: rgba(17, 24, 39, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0px 0px 12px;
  border-radius: 21px;
  height: auto;
  width: 360px;
  max-width: 100%;
  margin: 0 auto;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card,
.page-home .create-package-section .create-package-wrapper .package-summary-card * {
  transition: all 0.3s ease;
}
[data-theme=light] .page-home .create-package-section .create-package-wrapper .package-summary-card {
  background: rgba(255, 255, 255, 0.3);
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__title-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .create-package-wrapper .package-summary-card__title-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-summary-card__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: var(--color-white);
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-image {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.5px solid;
  border-radius: 6px;
  padding: 8px;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-image.package-image-bottom {
    display: none;
  }
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-image.package-image-top {
  display: none;
}
@media (min-width: 1200px) {
  .page-home .create-package-section .create-package-wrapper .package-summary-card__title-content .package-image.package-image-top {
    display: flex;
  }
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__description {
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: var(--color-gray-200);
  text-align: left;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
  width: 100%;
  padding-left: 0;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list .feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: rgba(229, 231, 235, 0.66);
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list .feature-item img {
  filter: brightness(0) invert(1);
  opacity: 0.66;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list .feature-item .feature-icon {
  width: 16px;
  height: 16px;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list .feature-item.active {
  color: var(--color-white);
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__features-list .feature-item.active img {
  filter: brightness(0) invert(1);
  opacity: 1;
}
.page-home .create-package-section .create-package-wrapper .package-summary-card__contact-btn {
  width: 100%;
  padding: 12px 0;
  border-radius: 8px;
  border: 1px solid currentColor;
  background: transparent;
  color: currentColor;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
[data-theme=light] .page-home .create-package-section .create-package-wrapper .package-summary-card__contact-btn {
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
.page-home .digital-counters-section {
  background: linear-gradient(to top, #000000 0%, transparent 30%);
}
[data-theme=light] .page-home .digital-counters-section {
  background: linear-gradient(180deg, #3B4C6B 0%, #202A3F 100%);
}
.page-home .digital-counters-section .section-title-light-white {
  color: var(--color-text-body);
}
[data-theme=light] .page-home .digital-counters-section .section-title-light-white,
[data-theme=light] .page-home .digital-counters-section .section-title-light-white span {
  color: #ffffff;
}
.page-home .digital-counters-section .counter-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 576px) {
  .page-home .digital-counters-section .counter-grid {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .page-home .digital-counters-section .counter-grid {
    margin-top: 20px;
  }
}
@media (min-width: 1400px) {
  .page-home .digital-counters-section .counter-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.page-home .digital-counters-section .counter-grid .counter-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  gap: 12px;
  background-color: var(--color-counter-badge-bg);
  border-radius: 15px;
}
[data-theme=light] .page-home .digital-counters-section .counter-grid .counter-card {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.24), var(--color-transparent));
}
.page-home .digital-counters-section .counter-grid .counter-card .counter-number {
  display: flex;
  gap: 2px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .page-home .digital-counters-section .counter-grid .counter-card .counter-number {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .page-home .digital-counters-section .counter-grid .counter-card .counter-number {
    font-size: 40px;
  }
}
.page-home .digital-counters-section .counter-grid .counter-card .counter-label {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  margin-bottom: 0;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), var(--color-off-white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
[data-theme=light] .page-home .digital-counters-section .counter-grid .counter-card .counter-label {
  color: #000000;
  text-shadow: 2px 2px 4.4px rgba(111, 111, 111, 0.13);
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #000000;
}
.page-home .digital-counters-section .counter-grid .counter-card .counter-label {
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
@media (min-width: 576px) {
  .page-home .digital-counters-section .counter-grid .counter-card .counter-label {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .page-home .digital-counters-section .counter-grid .counter-card .counter-label {
    font-size: 23px;
  }
}
.page-home .home-contact-section .contact-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1200px) {
  .page-home .home-contact-section .contact-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
}
.page-home .home-contact-section .contact-wrapper .title-div {
  text-align: center;
}
@media (min-width: 576px) {
  .page-home .home-contact-section .contact-wrapper .title-div {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .page-home .home-contact-section .contact-wrapper .title-div {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.page-home .home-contact-section .contact-wrapper .title-div .section-title {
  font-size: 32px !important;
}
.page-home .home-contact-section .contact-wrapper .contact-card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 576px) {
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card:last-child {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.37);
  text-align: center;
}
@media (min-width: 576px) {
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card {
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.37);
  }
  [data-theme=light] .page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card {
    border-left: 1px solid #0D0492;
  }
}
.page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 80%;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card__label {
    text-align: left;
  }
}
.page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card__info {
  text-decoration: none;
  color: var(--color-text-body);
  margin-bottom: 0;
}
.page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card__info span {
  font-weight: 700;
  font-size: 16px;
  line-height: 80%;
  text-align: center;
}
@media (min-width: 576px) {
  .page-home .home-contact-section .contact-wrapper .contact-card-wrapper .contact-card__info {
    text-align: left;
  }
}
.page-home .home-contact-section .contact-wrapper .contact-map {
  width: 100%;
  height: 300px;
  border: none;
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .page-home .home-contact-section .contact-wrapper .contact-map {
    width: 50%;
    height: auto;
  }
}

.page-documents .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}
.page-documents .documents-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-documents .documents-section {
  background: none;
}
.page-documents .documents-section .document-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
@media (min-width: 1400px) {
  .page-documents .documents-section .document-title {
    font-size: 20px;
  }
}
.page-documents .documents-section .document-subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 159%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  color: #9ca3af;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
  margin: 10px 0;
}
.page-documents .documents-section p {
  font-weight: 400;
  font-size: 12px;
  line-height: 159%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  color: #9ca3af;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
@media (min-width: 1400px) {
  .page-documents .documents-section p {
    font-size: 16px;
  }
}
.page-documents .documents-section ul {
  list-style-type: disc;
  padding-left: 20px;
}
.page-documents .documents-section ul li {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), #f5f5f5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
  margin-bottom: 6px;
  color: #9ca3af;
}
@media (min-width: 1400px) {
  .page-documents .documents-section ul li {
    font-size: 14px;
  }
}
[data-theme=light] .page-documents .documents-section .document-title {
  color: var(--color-text-body);
  text-shadow: none;
}
[data-theme=light] .page-documents .documents-section .document-subtitle {
  color: var(--color-text-muted-on-light);
  text-shadow: none;
}
[data-theme=light] .page-documents .documents-section p {
  color: var(--color-text-muted-on-light);
  text-shadow: none;
}
[data-theme=light] .page-documents .documents-section ul li {
  color: var(--color-text-body);
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
}
.page-documents .documents-section table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.page-documents .documents-section table tbody {
  border: 1px solid var(--color-table-border-color);
}
.page-documents .documents-section table tr {
  align-items: center;
  background: var(--color-table-row-bg);
}
.page-documents .documents-section table tr:nth-child(even) {
  background: transparent;
}
.page-documents .documents-section table tr td {
  padding: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  align-items: center;
  letter-spacing: 0.1em;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), #f5f5f5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-documents .documents-section table tr td strong {
  font-weight: 700;
}
[data-theme=light] .page-documents .documents-section table td {
  color: var(--color-text-body);
  background: none;
  -webkit-text-fill-color: currentColor;
  text-fill-color: currentColor;
  text-shadow: none;
}
.page-documents .documents-section .download-form-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  background: rgba(17, 24, 39, 0.38);
}
.page-documents .documents-section .download-form-div .text-div {
  background: #111827;
  width: 100%;
  padding: 12px 24px;
}
.page-documents .documents-section .download-form-div .text-div .download-form-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 0;
}
@media (min-width: 1400px) {
  .page-documents .documents-section .download-form-div .text-div .download-form-text {
    font-size: 14px;
  }
}
.page-documents .documents-section .download-form-div .download-div {
  padding: 12px 24px;
}
.page-documents .documents-section .download-form-div .download-div .download-form-btn {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  color: var(--color-white);
}
.page-documents .documents-section .download-form-div .download-div .download-form-btn img {
  margin-right: 8px;
}
[data-theme=light] .page-documents .documents-section .download-form-div {
  background: var(--color-surface-subtle);
  border: 1px solid var(--color-border-light);
}
[data-theme=light] .page-documents .documents-section .download-form-div .text-div {
  background: var(--color-surface-subtle);
}
[data-theme=light] .page-documents .documents-section .download-form-div .download-form-btn {
  color: var(--color-text-body);
}
.page-documents .documents-section .application-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 24px;
  background: var(--color-table-row-bg);
  border: 3px solid var(--color-form-border-subtle);
}
.page-documents .documents-section .application-form .form-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 159%;
  color: #9ca3af;
  margin: 18px 0;
}
.page-documents .documents-section .application-form label {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
  color: #f5f5f5;
}
@media (min-width: 1400px) {
  .page-documents .documents-section .application-form label {
    font-size: 14px;
  }
}
.page-documents .documents-section .application-form input,
.page-documents .documents-section .application-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--color-white);
  background: transparent;
  margin-bottom: 10px;
}
[data-theme=light] .page-documents .documents-section .application-form {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
}
[data-theme=light] .page-documents .documents-section .application-form .form-title {
  color: var(--color-text-body);
}
[data-theme=light] .page-documents .documents-section .application-form label {
  color: var(--color-text-body);
}
[data-theme=light] .page-documents .documents-section .application-form input,
[data-theme=light] .page-documents .documents-section .application-form textarea {
  border-bottom-color: var(--color-form-border-subtle);
  color: var(--color-text-body);
}

.page-projects .projects-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), var(--color-transparent));
}
[data-theme=light] .page-projects .projects-section {
  background: none;
}
.page-projects .projects-section p,
.page-projects .projects-section h3 {
  margin-bottom: 0;
}
.page-projects .projects-section .projects-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .page-projects .projects-section .projects-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1400px) {
  .page-projects .projects-section .projects-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.page-projects .projects-section .projects-grid .project-card {
  display: flex;
  text-decoration: none;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  flex-direction: column;
  padding: 24px 12px;
  overflow: hidden;
  background: rgba(34, 44, 63, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
}
@media (min-width: 576px) {
  .page-projects .projects-section .projects-grid .project-card {
    padding: 32px 24px;
  }
}
@media (min-width: 768px) {
  .page-projects .projects-section .projects-grid .project-card .project-image {
    min-height: 180px;
    max-height: 280px;
  }
}
@media (min-width: 1200px) {
  .page-projects .projects-section .projects-grid .project-card {
    padding: 40px 32px;
  }
}
.page-projects .projects-section .projects-grid .project-card .project-title {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  text-align: left;
  color: #f5f5f5;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
  overflow: hidden;
  min-height: 3.18em;
}
.page-projects .projects-section .projects-grid .project-card .project-description {
  font-weight: 400 !important;
  line-height: 159% !important;
  letter-spacing: 0.05em !important;
  color: var(--color-white);
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 0;
}
@media (min-width: 1200px) {
  .page-projects .projects-section .projects-grid .project-card .project-description {
    font-size: 16px;
  }
}
.page-projects .projects-section .projects-grid .project-card .project-description > * {
  font-size: 18px !important;
}
.page-projects .projects-section .projects-grid .project-card .project-image {
  height: auto;
  flex: 1 1 auto;
  min-height: 160px;
  max-height: 260px;
  object-fit: contain;
}

.page-project-detail .hero-section video {
  opacity: 1;
}
.page-project-detail .hero-section .bg-overlay .bg-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.page-project-detail .hero-section .bg-overlay .gallery-item-main {
  position: absolute;
  inset: 0;
  display: block;
}
.page-project-detail .hero-section .bg-overlay .gallery-item-main img {
  object-fit: contain;
  object-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.page-project-detail .hero-section .bg-overlay .bg-overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--color-black), var(--color-transparent)), linear-gradient(to top, var(--color-black), var(--color-transparent));
  background-size: 100% 100%, 100% 50%;
  background-position: top, bottom;
  background-repeat: no-repeat;
}
[data-theme=light] .page-project-detail .hero-section .bg-overlay .bg-overlay-gradient {
  background: rgba(0, 0, 0, 0.3) linear-gradient(to top, var(--color-white), var(--color-transparent));
}
.page-project-detail .project-detail-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-project-detail .project-detail-section {
  background: none;
}
.page-project-detail .project-detail-section .project-title {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 32px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), #f5f5f5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
[data-theme=light] .page-project-detail .project-detail-section .project-title {
  background: none;
  color: var(--color-text-body);
  -webkit-text-fill-color: currentColor;
  text-fill-color: currentColor;
  text-shadow: none;
}
.page-project-detail .project-detail-section h3 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-project-detail .project-detail-section h4 {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 159%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-project-detail .project-detail-section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  letter-spacing: 0.05em;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-project-detail .project-detail-section ul li {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.1em;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-project-detail .project-detail-section ul li strong {
  font-weight: 700;
}
.page-project-detail .project-detail-section .project-gallery {
  margin-top: 40px;
}
.page-project-detail .project-detail-section .project-gallery .gallery-item {
  width: 100%;
  margin-bottom: 12px;
  cursor: pointer;
}
.page-project-detail .project-detail-section .project-gallery .gallery-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.page-about-us .about-us-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-about-us .about-us-section {
  background: none;
}
.page-about-us .about-us-section .top-div {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1200px) {
  .page-about-us .about-us-section .top-div {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
  }
}
.page-about-us .about-us-section .top-div .terminal-div {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: -4px -1px 12.4px 0px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1200px) {
  .page-about-us .about-us-section .top-div .terminal-div {
    width: 50%;
  }
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-header {
  background: #f3f4f6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-header p {
  color: #111827;
  background: none;
  -webkit-text-fill-color: currentColor;
  text-fill-color: currentColor;
  -webkit-background-clip: initial;
  background-clip: border-box;
  text-shadow: none;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons .terminal-dot {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body {
  background: #ffffff;
  color: #111827;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .prompt {
  color: #4b5563;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command {
  color: #111827;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.whoami {
  color: #111827;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.ls {
  color: #40a2ff;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line.spiltech-line .version {
  color: #4b4b4b;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line.service-line {
  color: #27ca3f;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .cursor {
  background-color: #111827;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .typed-cursor {
  color: #111827 !important;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 6px;
  background: #111827;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header p {
  margin: 0;
  margin-right: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), #f5f5f5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons {
  display: flex;
  gap: 8px;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons .terminal-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons .terminal-dot.red-dot {
  background-color: #ff5f56;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons .terminal-dot.yellow-dot {
  background-color: #ffbd2e;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-header .terminal-buttons .terminal-dot.green-dot {
  background-color: #27ca3f;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 24px;
  gap: 6px;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.38) -27.89%, rgba(17, 24, 39, 0) 104.19%);
  min-height: 300px;
  font-family: "Courier New", monospace;
  color: #ffffff;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
  width: 100%;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .prompt {
  color: #ffffff;
  margin-right: 8px;
  white-space: nowrap;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command {
  color: #ffffff;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.whoami {
  color: #ffffff;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.ls {
  color: #ffa500;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.ls .terminal-arg {
  color: #ffffff;
}
[data-theme=light] .page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-line .command.ls .terminal-arg {
  color: #111827;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output {
  margin-left: 0;
  padding-left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output.show {
  opacity: 1;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 4px;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line.spiltech-line .spiltech-name {
  color: #ff5f56;
  font-weight: bold;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line.spiltech-line .version {
  color: #ffffff;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .terminal-output .output-line.service-line {
  color: #27ca3f;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .cursor {
  display: inline-block;
  background-color: #ffffff;
  width: 8px;
  height: 14px;
  animation: blink 1s infinite;
}
.page-about-us .about-us-section .top-div .terminal-div .terminal-body .typed-cursor {
  color: #ffffff !important;
  font-weight: normal !important;
}
.page-about-us .about-us-section .top-div .info-div {
  width: 100%;
}
@media (min-width: 1200px) {
  .page-about-us .about-us-section .top-div .info-div {
    width: 50%;
  }
}
.page-about-us .about-us-section .section-title {
  font-weight: 100;
  font-size: 32px;
}
.page-about-us .about-us-section .section-title span {
  font-weight: 700;
}
.page-about-us .about-us-section p {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  color: #9ca3af;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
[data-theme=light] .page-about-us .about-us-section p {
  color: #1f2937;
}

.page-services .services-section .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .page-services .services-section .container {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
  }
}
.page-services .services-section .service-item {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 40%), linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 40%);
}
[data-theme=light] .page-services .services-section .service-item {
  background: none;
}
.page-services .services-section .service-item .service-icon {
  width: 100%;
  aspect-ratio: 1;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .page-services .services-section .service-item .service-icon {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .page-services .services-section .service-item .service-icon {
    width: 30%;
  }
}
.page-services .services-section .service-item .service-icon .iconBox {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1;
}
.page-services .services-section .service-item .service-icon .iconBox .layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
}
.page-services .services-section .service-item .service-info {
  width: 100%;
}
@media (min-width: 1200px) {
  .page-services .services-section .service-item .service-info {
    width: 70%;
  }
}
.page-services .services-section .service-item .service-info .service-heading-div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-services .services-section .service-item .service-info .service-heading-div .service-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 1%;
}
.page-services .services-section .service-item .service-info .service-heading-div img {
  margin-right: 12px;
}
.page-services .services-section .service-item .service-info .service-heading-div span {
  font-weight: 700;
}
[data-theme=light] .page-services .services-section .service-item .service-info .service-heading-icon--force-dark {
  filter: brightness(0);
}
.page-services .services-section .service-item .service-info .service-jobs-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .page-services .services-section .service-item .service-info .service-jobs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.page-services .services-section .service-item .service-info .service-jobs-grid .service-job path {
  fill: var(--service-color);
}

.page-corporate-structure .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}
.page-corporate-structure .corporate-structure-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section {
  background: none;
}
.page-corporate-structure .corporate-structure-section .title-div {
  margin-bottom: 20px;
}
@media (min-width: 1400px) {
  .page-corporate-structure .corporate-structure-section .title-div {
    margin-bottom: 40px;
  }
}
.page-corporate-structure .corporate-structure-section #solution-partners {
  width: 100%;
  max-width: 100% !important;
}
.page-corporate-structure .corporate-structure-section #solution-partners .solution-partner_div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 48px 24px !important;
}
.page-corporate-structure .corporate-structure-section #solution-partners .solution-partner_div .solution-partner-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 200px !important;
  height: auto !important;
  display: block !important;
}
.page-corporate-structure .corporate-structure-section .section-subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  color: #f5f5f5;
}
@media (min-width: 1200px) {
  .page-corporate-structure .corporate-structure-section .section-subtitle {
    font-size: 20px;
  }
}
.page-corporate-structure .corporate-structure-section .section-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  letter-spacing: 0.05em;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #9ca3af;
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .section-subtitle {
  color: var(--color-text-body);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .section-description {
  color: var(--color-text-muted-on-light);
}
.page-corporate-structure .corporate-structure-section .section-div-president {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  background-color: var(--color-surface-subtle);
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div-president {
    flex-direction: row;
    align-items: center;
  }
}
.page-corporate-structure .corporate-structure-section .section-div-president.founding-president_image-div {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 24px 24px 0 24px;
}
.page-corporate-structure .corporate-structure-section .section-div-president.founding-president_image-div .founding-president-signature {
  width: 100%;
}
.page-corporate-structure .corporate-structure-section .section-div-president.founding-president_image-div .founding-president-photo {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div-president.founding-president_image-div .founding-president-photo {
    width: 50%;
  }
}
.page-corporate-structure .corporate-structure-section .section-div-president.president-message_image-div {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 24px;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div-president.president-message_image-div {
    padding: 24px 24px 0 24px;
  }
}
.page-corporate-structure .corporate-structure-section .section-div-president.president-message_image-div .president-photo {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div-president.president-message_image-div .president-photo {
    width: 50%;
  }
}
.page-corporate-structure .corporate-structure-section .section-div-president.president-message_image-div .president-signature {
  width: 100%;
}
.page-corporate-structure .corporate-structure-section .content {
  width: 100%;
}
.page-corporate-structure .corporate-structure-section .content > div {
  width: 100%;
}
.page-corporate-structure .corporate-structure-section .section-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 36px 0px;
  background: rgba(255, 255, 255, 0.04);
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div {
    padding: 48px 24px;
  }
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div {
  width: 100%;
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 80%;
  text-align: center;
  margin-bottom: 24px;
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
  margin-top: 24px;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: #252932;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 12px 16px;
}
@media (min-width: 576px) {
  .page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member.w-sm-fit-content {
    width: fit-content;
  }
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member.align-right {
  flex-direction: row-reverse;
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member p {
  margin: 0;
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member .board-member-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member .board-member-info .board-member-position {
  font-weight: 700;
  font-size: 12px;
  color: var(--color-white);
}
.page-corporate-structure .corporate-structure-section .section-div.management-board_div .management-board-members .management-board-member .board-member-info .board-member-name {
  font-weight: 400;
  font-size: 16px;
  color: var(--color-white);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .section-div {
  background: var(--color-surface-subtle);
  border: 1px solid var(--color-border-light);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .management-board-title {
  color: var(--color-text-body);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .management-board-member {
  background: var(--color-surface-subtle);
  border: 1px solid var(--color-border-light);
  box-shadow: none;
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .management-board-member .board-member-position,
[data-theme=light] .page-corporate-structure .corporate-structure-section .management-board-member .board-member-name {
  color: var(--color-text-body);
}
[data-theme=light] .page-corporate-structure .corporate-structure-section .management-board_div .solution-partner-logo {
  filter: brightness(0);
}

.page-news .news-section {
  background: linear-gradient(to bottom, var(--color-black), var(--color-transparent));
}
[data-theme=light] .page-news .news-section {
  background: none;
}
.page-news .news-section .title-div {
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
@media (min-width: 1200px) {
  .page-news .news-section .title-div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .page-news .news-section .title-div .section-description {
    text-align: right;
    max-width: 40%;
  }
}
.page-news .news-section .news-cards-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .page-news .news-section .news-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .page-news .news-section .news-cards-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
.page-news .news-section .news-cards-grid .news-card {
  background: #111827;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  aspect-ratio: 1;
  position: relative;
  color: var(--color-white);
  text-decoration: none;
}
[data-theme=light] .page-news .news-section .news-cards-grid .news-card {
  border: 1px solid var(--color-black);
}
.page-news .news-section .news-cards-grid .news-card .news-card-image {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.page-news .news-section .news-cards-grid .news-card:hover .news-card-content-overlay .read-more-link {
  transform: translateY(0);
  max-height: 40px;
  visibility: visible;
}
.page-news .news-section .news-cards-grid .news-card .news-card-content-overlay {
  padding: 12px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-overlay-light);
  transition: transform 0.3s ease, opacity 0.3s ease, display 0.3s ease;
  overflow: hidden;
}
[data-theme=light] .page-news .news-section .news-cards-grid .news-card .news-card-content-overlay {
  background: rgba(0, 0, 0, 0.3);
}
.page-news .news-section .news-cards-grid .news-card .news-card-content-overlay .news-card-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-off-white);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
}
.page-news .news-section .news-cards-grid .news-card .news-card-content-overlay .news-card-date {
  color: var(--color-off-white);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
}
.page-news .news-section .news-cards-grid .news-card .news-card-content-overlay .read-more-link {
  margin-top: auto;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-primary);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  text-decoration: none;
  text-align: right;
  transform: translateY(40px);
  max-height: 0;
  transition: transform 0.2s ease, max-height 0.2s ease;
}

.page-news-detail .hero-section video {
  opacity: 1;
}
.page-news-detail .hero-section .bg-overlay .bg-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.page-news-detail .hero-section .bg-overlay .gallery-item-main {
  position: absolute;
  inset: 0;
  display: block;
}
.page-news-detail .hero-section .bg-overlay .gallery-item-main img {
  object-fit: contain;
  object-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.page-news-detail .hero-section .bg-overlay .bg-overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--color-black), var(--color-transparent)), linear-gradient(to top, var(--color-black), var(--color-transparent));
  background-size: 100% 100%, 100% 50%;
  background-position: top, bottom;
  background-repeat: no-repeat;
}
[data-theme=light] .page-news-detail .hero-section .bg-overlay .bg-overlay-gradient {
  background: rgba(0, 0, 0, 0.3) linear-gradient(to top, var(--color-white), var(--color-transparent));
}
.page-news-detail .news-detail-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%);
}
[data-theme=light] .page-news-detail .news-detail-section {
  background: none;
}
.page-news-detail .news-detail-section .news-title {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 32px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  background: linear-gradient(13.53deg, transparent 7.12%, rgba(0, 0, 0, 0.2) 87.82%), #f5f5f5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-news-detail .news-detail-section .news-title span {
  font-weight: 700;
}
[data-theme=light] .page-news-detail .news-detail-section .news-title {
  background: none;
  color: var(--color-text-body);
  -webkit-text-fill-color: currentColor;
  text-fill-color: currentColor;
  text-shadow: none;
}
.page-news-detail .news-detail-section .news-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.page-news-detail .news-detail-section .news-img .detail-main-image {
  width: 100%;
  max-width: 1000px;
  max-height: 70vh;
  height: auto;
  border-radius: 24px;
  object-fit: contain;
}
.page-news-detail .news-detail-section h3 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-news-detail .news-detail-section h4 {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 159%;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-news-detail .news-detail-section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 159%;
  letter-spacing: 0.05em;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-news-detail .news-detail-section ul li {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.1em;
  color: #f5f5f5;
  text-shadow: 2px 2px 4.4px var(--color-text-shadow-soft);
}
.page-news-detail .news-detail-section ul li strong {
  font-weight: 700;
}
.page-news-detail .news-detail-section .news-gallery {
  margin-top: 40px;
}
.page-news-detail .news-detail-section .news-gallery .gallery-item {
  width: 100%;
  margin-bottom: 12px;
  cursor: pointer;
}
.page-news-detail .news-detail-section .news-gallery .gallery-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.page-career .career-section {
  background: linear-gradient(to bottom, var(--color-black), var(--color-transparent));
}
[data-theme=light] .page-career .career-section {
  background: none;
}
[data-theme=light] .page-career .career-section .tab-button {
  background-color: #222C3F;
  color: var(--color-white);
  border: 1px solid rgba(34, 44, 63, 0.35);
  opacity: 1;
}
[data-theme=light] .page-career .career-section .tab-button.active {
  background-color: rgb(51.3715463918, 66.4808247423, 95.1884536082);
  border-color: rgba(34, 44, 63, 0.5);
}
[data-theme=light] .page-career .career-section .form-group label {
  color: var(--color-text-body);
}
[data-theme=light] .page-career .career-section .form-group input,
[data-theme=light] .page-career .career-section .form-group select,
[data-theme=light] .page-career .career-section .form-group textarea {
  background: #ffffff;
  border-color: #4b5563;
  color: #000000;
}
[data-theme=light] .page-career .career-section .submit-button {
  background: var(--color-text-body);
  border-color: var(--color-text-body);
  color: var(--color-surface-subtle);
  box-shadow: none;
}
.page-career .career-section .tab-div {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
  justify-content: center;
}
.page-career .career-section .tab-div .tab-button {
  padding: 12px 24px;
  background-color: var(--color-tab-button-bg);
  border-radius: 4px;
  color: var(--color-white);
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  opacity: 0.7;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
  transition: background 0.3s ease, border 0.3s ease, opacity 0.3s ease;
  border: none;
  min-width: fit-content;
  width: 40%;
}
.page-career .career-section .tab-div .tab-button.active {
  border: 1px solid var(--color-border-light);
  opacity: 1;
}
.page-career .career-section .tab-div .tab-button:hover {
  opacity: 0.9;
}
.page-career .career-section .tab-div .tab-button .button-icon {
  width: 24px;
  height: 24px;
}
.page-career .career-section .tab-div .tab-button span {
  font-weight: 700;
}
.page-career .career-section .tab-content .tab-panel {
  display: none;
}
.page-career .career-section .tab-content .tab-panel.active {
  display: block;
}
.page-career .career-section .tab-content .tab-panel .title-div {
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}
.page-career .career-section .tab-content .tab-panel .application-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
@media (min-width: 576px) {
  .page-career .career-section .tab-content .tab-panel .application-form .form-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group {
  display: flex;
  flex-direction: column;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 0;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group input:not([type=checkbox]),
.page-career .career-section .tab-content .tab-panel .application-form .form-group select,
.page-career .career-section .tab-content .tab-panel .application-form .form-group textarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  background: #111827;
  border: 1px solid #4b5563;
  border-radius: 12px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  color: var(--color-white);
}
[data-theme=light] .page-career .career-section .tab-content .tab-panel .application-form .form-group input:not([type=checkbox]),
[data-theme=light] .page-career .career-section .tab-content .tab-panel .application-form .form-group select,
[data-theme=light] .page-career .career-section .tab-content .tab-panel .application-form .form-group textarea {
  background: #ffffff;
  color: #000000;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group.checkbox-group {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 10px;
  text-decoration: none;
  color: var(--color-text-body);
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group.checkbox-group input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  flex: 0 0 auto;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group.checkbox-group label {
  margin: 0;
  font-weight: 300;
  color: inherit;
}
.page-career .career-section .tab-content .tab-panel .application-form .form-group.checkbox-group label a {
  font-weight: 700;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.page-career .career-section .tab-content .tab-panel .application-form .submit-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  gap: 10px;
  background: linear-gradient(91.85deg, transparent 73.21%, rgba(0, 0, 0, 0.2) 105.51%), var(--color-button-submit-bg);
  border: 1px solid #4b5563;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  color: var(--color-white);
}

.page-all-plans .plan-detail-section .title-div {
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}
@media (min-width: 1200px) {
  .page-all-plans .plan-detail-section .title-div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.page-all-plans .plan-detail-section .title-div .section-description {
  max-width: 600px;
}
.page-all-plans .plan-detail-section .packages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 22px;
}
.page-all-plans .plan-detail-section .features-column {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}
.page-all-plans .plan-detail-section .features-column .feature-header {
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.page-all-plans .plan-detail-section .features-column .feature-item {
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.2px;
}
.page-all-plans .plan-detail-section .features-column .feature-item:nth-child(odd) {
  background: rgba(0, 0, 0, 0.001);
}
.page-all-plans .plan-detail-section .features-column .feature-item:nth-child(even) {
  background: rgba(0, 0, 0, 0.03);
}
.page-all-plans .plan-detail-section .features-column::after {
  content: "";
  display: block;
  height: 78px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.001);
}
.page-all-plans .plan-detail-section .package-card {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  display: grid;
  grid-template-rows: 72px repeat(7, 56px) 78px;
}
.page-all-plans .plan-detail-section .package-card .package-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.001);
}
.page-all-plans .plan-detail-section .package-card .package-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
}
.page-all-plans .plan-detail-section .package-card .package-icon {
  width: 26px;
  height: 26px;
  aspect-ratio: 1;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.page-all-plans .plan-detail-section .package-card {
  /* SATIR */
}
.page-all-plans .plan-detail-section .package-card .feature {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 14px;
}
.page-all-plans .plan-detail-section .package-card .feature:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.001);
}
.page-all-plans .plan-detail-section .package-card .feature:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.03);
}
.page-all-plans .plan-detail-section .package-card .feature .feature-name {
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  color: var(--color-text-muted-on-light);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-all-plans .plan-detail-section .package-card .feature .check-div {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.16);
  opacity: 0.5;
  position: relative;
}
.page-all-plans .plan-detail-section .package-card .feature.checked .check-div {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.05);
}
.page-all-plans .plan-detail-section .package-card .feature.checked .check-div::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  border-left: 2px solid rgba(255, 255, 255, 0.9);
  border-bottom: 2px solid rgba(255, 255, 255, 0.9);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(-45deg);
}
.page-all-plans .plan-detail-section .package-card .feature.checked .feature-name {
  color: rgba(255, 255, 255, 0.88);
}
@media (max-width: 1199.98px) {
  .page-all-plans .plan-detail-section .package-card .feature {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }
}
.page-all-plans .plan-detail-section .package-card.is-checkbox .feature .check-div {
  border-radius: 4px;
  /* kare */
}
.page-all-plans .plan-detail-section .package-card.is-checkbox .feature.checked .check-div {
  background: transparent;
}
.page-all-plans .plan-detail-section .package-card.is-checkbox .feature.checked .check-div::after {
  display: none;
}
.page-all-plans .plan-detail-section .package-card .contact-btn {
  width: 78%;
  height: 36px;
  justify-self: center;
  align-self: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.92);
  color: rgba(0, 0, 0, 0.75);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  cursor: pointer;
}
.page-all-plans .plan-detail-section .package-card .contact-btn:hover {
  background: rgba(255, 255, 255, 0.98);
}
.page-all-plans .plan-detail-section .package-card:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07));
}
[data-theme=light] .page-all-plans .plan-detail-section .features-column,
[data-theme=light] .page-all-plans .plan-detail-section .package-card {
  background: var(--color-surface-subtle);
  border-color: var(--color-border-light);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
[data-theme=light] .page-all-plans .plan-detail-section .features-column .feature-header {
  border-bottom-color: var(--color-border-light);
}
[data-theme=light] .page-all-plans .plan-detail-section .features-column .feature-item {
  color: var(--color-text-muted-on-light);
  background: var(--color-table-row-bg);
}
[data-theme=light] .page-all-plans .plan-detail-section .features-column .feature-item:nth-child(even) {
  background: var(--color-surface-subtle);
}
[data-theme=light] .page-all-plans .plan-detail-section .features-column::after {
  border-top-color: var(--color-border-light);
  background: var(--color-table-row-bg);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .package-header {
  border-bottom-color: var(--color-border-light);
  background: var(--color-table-row-bg);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .package-title {
  color: var(--color-text-muted-on-light);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .package-icon {
  background: var(--color-overlay-light);
  border-color: var(--color-border-light);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature {
  background: var(--color-table-row-bg);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature:nth-of-type(even) {
  background: var(--color-surface-subtle);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature .feature-name {
  color: var(--color-text-body);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature .check-div {
  border-color: var(--color-border-light);
  background: var(--color-surface-subtle);
  opacity: 1;
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature.checked .check-div {
  border-color: var(--color-border-light);
  background: var(--color-text-body);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature.checked .check-div::after {
  border-left-color: var(--color-surface-subtle);
  border-bottom-color: var(--color-surface-subtle);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .feature.checked .feature-name {
  color: var(--color-text-body);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .contact-btn {
  background: var(--color-text-body);
  color: var(--color-surface-subtle);
  border-color: var(--color-text-body);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card .contact-btn:hover {
  background: var(--color-text-body);
}
[data-theme=light] .page-all-plans .plan-detail-section .package-card:hover {
  border-color: var(--color-border-light);
  background: var(--color-surface-subtle);
}
@media (max-width: 1399.98px) {
  .page-all-plans .plan-detail-section .packages-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .page-all-plans .plan-detail-section .features-column {
    display: none;
  }
  .page-all-plans .plan-detail-section .package-card {
    grid-template-rows: 72px repeat(7, 56px) 78px;
  }
}

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