.dark body {
  background: var(--black-main);
}

.dark .header {
  background: var(--black-main);
}
.dark .header .logo-dark {
  display: none;
}
.dark .header .custom-logo {
  display: block;
}

.main {
  overflow: clip;
}

.header {
  position: sticky;
  top: 0;
  background: var(--white-100);
  z-index: 222;
  transition: 0.3s;
}
.header.scrolled {
  padding: 12px 0;
  box-shadow: 0px 0px 10px #151515;
}
.header__wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header__logo .custom-logo {
  display: none;
}
.header__nav .menu {
  display: flex;
  gap: 8px;
  align-items: center;
}
.header__nav .menu a {
  padding: 8px 4px;
}
.header__nav .menu > li > .sub-menu {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
}
.header__nav .menu .sub-menu {
  position: absolute;
  padding: 24px;
  background: var(--white-100);
  border-bottom-left-radius: 0;
  list-style-type: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  left: 0;
  transform: translateY(4px);
  z-index: 2;
  min-width: 260px;
  min-height: 100%;
  color: var(--black-main);
}
.header__nav .menu .sub-menu a {
  padding: 8px 16px 8px 8px;
  display: block;
  transition: 0.2s;
  width: 100%;
}
.header__nav .menu .sub-menu a:hover {
  color: var(--green-600-dark) !important;
}
.header__nav .menu .sub-menu .menu-item-has-children > a {
  position: relative;
}
.header__nav .menu .sub-menu .menu-item-has-children > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: currentColor;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjAzNzkzIDBMMC42Mjc5MyAxLjQxTDUuMjA3OTMgNkwwLjYyNzkzIDEwLjU5TDIuMDM3OTMgMTJMOC4wMzc5MyA2TDIuMDM3OTMgMFoiIGZpbGw9IiMwRjEzMTMiLz4KPC9zdmc+") no-repeat right center;
  mask-size: 9px 12px;
  width: 24px;
  height: 24px;
}
.header__nav .menu .sub-menu .sub-menu {
  top: 0;
  right: 0;
  transform: translateX(100%);
  border-left: 1px solid var(--black-bg);
  min-height: 100%;
}
.header__nav .menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header__nav .menu > li {
  position: relative;
}
.header__nav li:hover > a {
  color: var(--green-600-dark) !important;
}
.header__nav .current-menu-item > a,
.header__nav .current_page_parent > a {
  box-shadow: inset 0 -1px 0 var(--green-500-main);
}
.header .sub-menu__title {
  padding: 8px;
  margin-bottom: 8px;
}
.header .menu > li > .sub-menu > .sub-menu__title {
  display: none;
}
.header__burger {
  width: 40px;
  height: 40px;
  display: inline-flex;
  background: transparent;
  border: 0;
  outline: 0;
  color: inherit;
}
.header__close {
  display: none;
}
@media screen and (max-width: 992px) {
  .header__nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--white-100);
    max-width: 400px;
    width: 100%;
    transform: translateX(-100%);
    opacity: 0;
    visibility: visible;
    transition: 0.2s;
    z-index: 2222;
    color: var(--black-main);
    overflow: auto;
    height: 100dvh;
  }
  .header__nav .menu {
    flex-direction: column;
    align-items: start;
    padding: 32px 40px;
  }
  .header__nav .menu li {
    display: block;
    width: 100%;
  }
  .header__nav .menu li a {
    width: 100%;
    display: block;
  }
  .header__logo img {
    max-width: 138px;
  }
  .header__sidetop {
    padding: 8px 40px;
    border-bottom: 1px solid var(--black-outline);
  }
  .header__sidetop .custom-logo {
    display: none !important;
  }
  .header__sidetop .logo-dark {
    display: block !important;
    max-width: 138px;
  }
  .header.scrolled {
    padding: 8px 0;
  }
  .header__close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .menu-item-has-children > a {
    position: relative;
  }
  .header .menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: currentColor;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDkgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjAzNzkzIDBMMC42Mjc5MyAxLjQxTDUuMjA3OTMgNkwwLjYyNzkzIDEwLjU5TDIuMDM3OTMgMTJMOC4wMzc5MyA2TDIuMDM3OTMgMFoiIGZpbGw9IiMwRjEzMTMiLz4KPC9zdmc+") no-repeat right center;
    mask-size: 9px 12px;
    width: 24px;
    height: 24px;
  }
  .header .sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    position: fixed !important;
    top: 0;
    left: 0 !important;
    right: auto !important;
    bottom: 0;
    height: 100dvh;
    overflow: auto;
    z-index: 444;
    width: 100%;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    will-change: transform, visibility, opacity;
  }
  .header .sub-menu .menu-item {
    padding: 0 16px;
  }
  .header .show-next-level {
    position: static !important;
  }
  .header .show-next-level > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
  }
  .header .sub-menu__title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid var(--black-outline);
    margin-bottom: 24px;
  }
  .header .sub-menu__text {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .header .sub-menu__text:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljc3OTE4IDEuNTU3NUw0LjcyMTY4IDAuNUwwLjIyMTY4IDVMNC43MjE2OCA5LjVMNS43NzkxOCA4LjQ0MjVMMi4zNDQxOCA1TDUuNzc5MTggMS41NTc1WiIgZmlsbD0iIzBGMTMxMyIvPgo8L3N2Zz4=") no-repeat center;
    mask-size: 9px 11px;
    background: currentColor;
  }
}
@media screen and (max-width: 768px) {
  .header__sidetop {
    padding: 8px 16px;
  }
  .header__nav .menu {
    flex-direction: column;
    align-items: start;
    padding: 32px 16px;
  }
}

@media screen and (max-width: 992px) {
  .show-menu {
    overflow-y: hidden;
  }
  .show-menu .header {
    background: transparent;
  }
  .show-menu .header__action {
    opacity: 0.5;
  }
  .show-menu .header__nav {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  .show-menu .paranja {
    opacity: 1;
    visibility: visible;
  }
}
.paranja {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 22;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.footer {
  background: var(--black-main);
  color: var(--white-200-main);
  margin-top: auto;
}
.footer__bottom {
  background: rgba(255, 255, 255, 0.1);
}
.footer__bwrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
}
@media screen and (max-width: 992px) {
  .footer__bwrapper {
    flex-wrap: wrap;
    justify-content: start;
  }
  .footer__socials {
    margin-left: 0 !important;
    margin-right: auto;
  }
}

#menu-footer-menu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
#menu-footer-menu > li > a {
  font-family: var(--font4);
  padding: 4px 0;
  margin-bottom: 8px;
  font-weight: 900;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--white-200-main);
  display: block;
}
#menu-footer-menu .sub-menu li {
  margin-bottom: 4px;
}
#menu-footer-menu .sub-menu li a {
  display: block;
  padding: 2px 0;
}
@media screen and (max-width: 992px) {
  #menu-footer-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.menu {
  list-style-type: none;
}
.menu a {
  color: inherit !important;
}

.sub-menu {
  list-style-type: none;
}

.single-post .header {
  position: fixed;
  z-index: 44;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  transition: 0.2s;
}
.single-post .header:not(.scrolled) {
  color: var(--white-200-main);
  background: transparent;
}
.single-post .header:not(.scrolled) .logo-dark {
  display: none;
}
.single-post .header:not(.scrolled) .custom-logo {
  display: block;
}

.pbanner {
  position: relative;
  padding-top: 94px;
  padding-bottom: 50px;
  color: #fff;
}
.pbanner__poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pbanner__poster:after {
  content: "";
  display: block;
  background: rgba(15, 19, 19, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pbanner .container {
  position: relative;
  z-index: 2;
}
.pbanner__tags {
  margin-top: 120px;
}
.pbanner__title {
  max-width: 840px;
}
.pbanner__meta {
  margin-top: 140px;
}
@media screen and (max-width: 992px) {
  .pbanner {
    padding-bottom: 32px;
  }
  .pbanner__tags {
    margin-top: 67px;
  }
  .pbanner__meta {
    margin-top: 127px;
  }
}
@media screen and (max-width: 768px) {
  .pbanner {
    padding-top: 56px;
  }
}

.taglist {
  display: flex;
  align-items: center;
  gap: 8px;
}
.taglist__item {
  padding: 4px 8px;
  backdrop-filter: blur(5px);
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.07em;
  text-align: center;
  background: rgba(70, 197, 131, 0.1);
  border: 1px solid rgba(18, 80, 48, 0.2);
  color: var(--green-1000);
}

.dark {
  color: var(--text-main);
}

.dark .taglist__item {
  background: var(--text-bg);
  border: 1px solid var(--text-outline);
  color: var(--white-200-main);
}

.post-meta {
  color: var(--text-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.read-time {
  font-size: inherit;
}

.author-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.author-info img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 100%;
}
.author-info strong {
  font-weight: 500;
}

.breadcrumbs {
  padding: 8px 0;
}
.breadcrumbs > span {
  display: inline-flex;
  align-items: center;
  gap: 4px 8px;
  flex-wrap: wrap;
}
.breadcrumbs span:not(.breadcrumbs-sep) {
  display: inline-flex;
  line-height: 1;
  padding: 4px 0;
}
.breadcrumbs .breadcrumbs-sep {
  width: 20px;
  height: 20px;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjA4NzExIDBMMC45MTIxMDkgMS4xNzVMNC43Mjg3OCA1TDAuOTEyMTA5IDguODI1TDIuMDg3MTEgMTBMNy4wODcxMSA1TDIuMDg3MTEgMFoiIGZpbGw9IiMwRjEzMTMiIGZpbGwtb3BhY2l0eT0iMC4yIi8+Cjwvc3ZnPg==");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 8px 10px;
  background: var(--text-main);
  display: inline-flex;
  transform: translateY(2px);
}
.breadcrumbs a {
  color: var(--text-main) !important;
}
.breadcrumbs .breadcrumb_last {
  color: var(--text-disabled);
}

.entry {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--black-main);
}
.entry p {
  padding: 12px 0 20px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  padding: 24px 0 12px;
}
.entry h2 {
  font-size: 28px;
}
.entry h3 {
  font-size: 24px;
}
.entry .wp-block-image {
  margin: 32px 0;
}
.entry .wp-block-image img, .entry .wp-block-image picture {
  border-radius: 12px;
}
@media screen and (max-width: 992px) {
  .entry h2 {
    font-size: 24px;
  }
  .entry h3 {
    font-size: 20px;
    font-family: var(--font-family);
    font-weight: 500;
  }
}
@media screen and (max-width: 576px) {
  .entry {
    font-size: 14px;
  }
  .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    padding: 18px 0 10px;
  }
  .entry p {
    padding: 10px 0 16px;
  }
  .entry .wp-block-image {
    margin: 24px 0;
  }
}

.wp-block-quote {
  padding: 8px 0 0 32px;
  border-left: 2px solid var(--green-500-main);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--black-main);
  margin-bottom: 12px;
}
@media screen and (max-width: 576px) {
  .wp-block-quote {
    font-size: 14px;
  }
}

.ez-toc-counter {
  width: 100% !important;
  max-width: 100%;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: unset !important;
}
.ez-toc-counter .ez-toc-title-container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: var(--black-main);
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 0;
}
.ez-toc-counter .ez-toc-title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: var(--black-main);
}
.ez-toc-counter .ez-toc-btn {
  margin: 0 !important;
  padding: 0 !important;
}
.ez-toc-counter .ez-toc-pull-right {
  float: none !important;
}
.ez-toc-counter .ez-toc-js-icon-con {
  left: 0 !important;
  border: 0 !important;
  width: fit-content !important;
  height: auto !important;
}
.ez-toc-counter .ez-toc-icon-toggle-span {
  width: fit-content !important;
  height: auto !important;
}
.ez-toc-counter .arrow-unsorted-368013 {
  display: none;
}
.ez-toc-counter svg {
  width: 24px;
  height: 24px;
  fill: currentColor !important;
  color: currentColor !important;
}

#ez-toc-container {
  margin-bottom: 32px;
}
#ez-toc-container nav a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 2px 0;
  color: var(--green-900);
}

.avatar-80 {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.authorbox {
  border-top: 1px solid var(--text-outline);
}
.authorbox__image {
  flex: 0 0 80px;
}
.authorbox__image img {
  border-radius: 100%;
  object-fit: cover;
}
.authorbox__role a {
  font-weight: 500;
  color: inherit !important;
}

.social-link {
  display: inline-flex;
}
.social-link svg, .social-link img {
  max-width: 24px;
  max-height: 24px;
  width: auto;
  height: auto;
}
.social-link svg, .social-link path {
  fill: var(--text-secondary);
  transition: 0.2s;
}
.social-link:hover svg, .social-link:hover path {
  fill: var(--text-main);
}

.side-subscribe {
  padding: 24px;
  border-radius: 6px;
  background: var(--white-secondary);
}
@media screen and (max-width: 1280px) {
  .side-subscribe {
    padding: 24px 16px;
  }
}
.side-subscribe .wpcf7-form.sent *:not(.wpcf7-response-output) {
  display: none;
}

.widget-area {
  margin-top: 34px;
  position: sticky;
  top: 100px;
  bottom: 40px;
}

.cinput {
  display: block;
  position: relative;
}
.cinput input:-webkit-autofill,
.cinput input:-webkit-autofill:hover,
.cinput input:-webkit-autofill:focus,
.cinput input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}
.cinput__field {
  width: 100%;
  padding: 13px 12px;
  border: 1px solid var(--black-secondary);
  border-radius: 12px;
  outline: 0;
  background: transparent;
  transition: 0.2s;
}
.cinput__field:hover {
  background: var(--text-bg);
}
.cinput__field:focus {
  border-color: #0063aa;
}
.cinput__field:user-invalid {
  border-color: var(--error-main);
}
.cinput:has(.cinput__field:focus) .cinput__label, .cinput__field:focus ~ .cinput__label {
  color: #0063aa;
}
.cinput:has(.cinput__field:user-invalid) .cinput__label, .cinput__field:user-invalid ~ .cinput__label {
  color: var(--error-main);
}
.cinput__label {
  color: var(--black-placeholder);
  position: absolute;
  left: 8px;
  top: 24px;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  transition: 0.2s;
  padding: 0 4px;
}
.cinput__label:before {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: 2.5px;
  top: 8.5px;
  left: 0;
  position: absolute;
  z-index: 0;
  transition: 0.2s;
  background: transparent;
}
.cinput__label span {
  position: relative;
  z-index: 2;
}
.cinput--iconic .cinput__field {
  padding-left: 40px;
}
.cinput--iconic .cinput__label {
  left: 40px;
}
.cinput--filled .cinput__label {
  top: 0;
  font-size: 12px;
  left: 10px;
}
.cinput--filled .cinput__label:before {
  background: #dfe1e8;
}
.cinput-filled:hover .cinput__label:before {
  background: #cacbd2;
}
.cinput textarea {
  max-height: 104px;
  resize: none;
}
.cinput__icon {
  position: absolute;
  left: 12px;
  top: 12px;
}

.dark .cinput__field {
  color: var(--white-200-main);
}
.dark .cinput__label {
  color: var(--white-placeholder);
}
.dark .cinput--filled .cinput__label:before {
  background: #1d2323;
}
.dark .cinput--filled:hover .cinput__labell:before {
  background: var(--text-bg);
}

.wpcf7-not-valid-tip {
  font-size: 12px;
}

.pfooter {
  background: var(--black-main);
  color: var(--white-200-main);
  position: relative;
  overflow: hidden;
}
.pfooter:before {
  content: "";
  filter: blur(300px);
  background: linear-gradient(180deg, #01f3fd 0%, rgba(159, 255, 249, 0.21) 100%);
  transform: rotate(-45deg) translateX(-30%);
  opacity: 0.35;
  border-radius: 233px;
  width: 566px;
  height: 869px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}
.pfooter:after {
  content: "";
  background: linear-gradient(90deg, #003cff 0%, #001458 100%);
  filter: blur(488px);
  width: 500px;
  height: 500px;
  position: absolute;
  bottom: 0;
  right: 10%;
  transform: translateY(50%);
}
.pfooter .container {
  position: relative;
  z-index: 4;
}

.pcard {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pcard__image {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
.pcard__image img, .pcard__image picture {
  aspect-ratio: 392/262;
  border-radius: 6px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.pcard:hover .pcard__image img, .pcard:hover .pcard__image picture {
  transform: scale(1.1);
}
.pcard--wide .pcard__image img, .pcard--wide .pcard__image picture {
  aspect-ratio: 704/352;
}
.pcard__title a {
  color: inherit !important;
}
.pcard__footer {
  margin-top: auto;
}
@media screen and (max-width: 992px) {
  .pcard__image img, .pcard__image picture {
    aspect-ratio: 427/213;
  }
}

.tcard__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.tcard__image {
  flex: 0 0 160px;
  overflow: hidden;
  border-radius: 6px;
}
.tcard__image img, .tcard__image picture {
  aspect-ratio: 160/120;
  object-fit: cover;
  max-width: 160px;
  height: auto;
  border-radius: 6px;
  width: 100%;
  transition: 0.5s;
}
.tcard:hover .tcard__image img, .tcard:hover .tcard__image picture {
  transform: scale(1.1);
}
.tcard + .tcard {
  padding-top: 16px;
  border-top: 1px solid var(--black-outline);
}

.vcard__image {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.vcard__image img, .vcard__image picture {
  aspect-ratio: 392/262;
  border-radius: 6px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.vcard:hover .vcard__image img, .vcard:hover .vcard__image picture {
  transform: scale(1.1);
}
.vcard__date {
  border-radius: 4px;
  padding: 2.5px 6px 3.5px;
  background: var(--black-placeholder);
  color: var(--white-secondary);
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.vcard__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.vcard:hover .vcard__icon {
  transform: translate(-50%, -50%) scale(1.3);
}

.icard {
  overflow: hidden;
  border-radius: 6px;
  transform: translateZ(1px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 242px;
  padding: 24px;
}
.icard__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.5s;
}
.icard:hover .icard__image {
  transform: scale(1.1);
}
.icard:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 10%, rgba(0, 0, 0, 0.9) 97.5%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.5s;
}
.icard__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.icard__title, .icard__tags, .icard__footer {
  position: relative;
  z-index: 7;
}
.icard__tags {
  display: inline-flex;
  width: fit-content;
}
.icard .author-info {
  color: var(--text-main);
}

.fsubscribe {
  border: 1px solid var(--black-outline);
  border-radius: 6px;
  padding: 24px 40px 32px;
  background: radial-gradient(86.03% 86.03% at 48.45% 13.97%, #0f1313 0%, #1d2323 100%);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1280px) {
  .fsubscribe {
    padding-bottom: 104px;
  }
}
.fsubscribe__entry {
  max-width: 418px;
}
.fsubscribe__form {
  width: 100%;
  max-width: 713px;
}
.fsubscribe .wpcf7-form.sent *:not(.wpcf7-response-output) {
  display: none;
}

.tabs {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.tabs__item {
  background: transparent;
  padding: 9px 16px 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  transition: 0.2s;
  cursor: pointer;
  outline: 0;
  white-space: nowrap;
}
.tabs__item:hover {
  color: var(--green-500-main);
}
.tabs__item--active {
  border-color: var(--green-500-main);
  pointer-events: none;
}

.block-has-blurred-bg {
  position: relative;
  overflow: hidden;
}
.block-has-blurred-bg:after {
  content: "";
  display: block;
  border-radius: 233px;
  width: 80%;
  height: 80%;
  filter: blur(300px);
  background: linear-gradient(180deg, #035e9a 0%, var(--blurred-bg-color) 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-60%) scale(-1, 1);
  pointer-events: none;
  opacity: 0.2;
}
.block-has-blurred-bg .container {
  position: relative;
  z-index: 2;
}

.slider-nav__button {
  width: 48px;
  height: 48px;
  color: var(--text-main);
  border: 1px solid currentColor;
  background: transparent;
  outline: none;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s;
}
.slider-nav__button:hover {
  background: var(--text-bg);
  color: var(--text-secondary);
}
.slider-nav__button:focus, .slider-nav__button:active {
  border: 2px solid currentColor;
}
.slider-nav__button:disabled {
  color: var(--text-disabled);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .slider-nav__button {
    width: 36px;
    height: 36px;
  }
}

.blogv {
  overflow: hidden;
}
.blogv .swiper {
  overflow: visible;
}

.blogs {
  overflow: hidden;
}
.blogs .swiper {
  overflow: visible;
}

.subscribe-form {
  background: var(--black-main);
  position: relative;
  overflow: hidden;
}
.subscribe-form:after {
  content: "";
  background: linear-gradient(90deg, #003cff 0%, #001458 100%);
  filter: blur(488px);
  width: 500px;
  height: 500px;
  position: absolute;
  bottom: 0;
  right: 10%;
  transform: translateY(50%);
}

.contactus {
  background: var(--black-main);
  position: relative;
  overflow: hidden;
  /*&:after {
      content: '';
      background: linear-gradient(180deg, rgba(255, 0, 107, 0.32) 0%, #ff6dc1 100%);
      filter: blur(488px);
      width: 600px;
      height: 400px;
      position: absolute;
      bottom: -40%;
      right: -40%;
      transform: rotate(-45deg);
  }*/
}
.contactus:after {
  content: url("../img/blocks/webp-bgs/contact-us-red.webp");
  position: absolute;
  bottom: -55%;
  right: -5%;
  pointer-events: none;
}
.contactus .container {
  position: relative;
  z-index: 2;
}
.contactus__form {
  border: 1px solid var(--text-outline);
  border-radius: 6px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: radial-gradient(86.03% 86.03% at 48.45% 13.97%, #0f1313 0%, #1d2323 100%);
}

.block-loading {
  position: relative;
}

.block-loading:after {
  content: "";
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CjxwYXRoIGQ9Ik0xMCA1MEE0MCA0MCAwIDAgMCA5MCA1MEE0MCA0MiAwIDAgMSAxMCA1MCIgZmlsbD0iIzFkMGUwYiIgc3Ryb2tlPSJub25lIj4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZHVyPSIwLjY1Nzg5NDczNjg0MjEwNTNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIga2V5VGltZXM9IjA7MSIgdmFsdWVzPSIwIDUwIDUxOzM2MCA1MCA1MSI+PC9hbmltYXRlVHJhbnNmb3JtPgo8L3BhdGg+Cjwvc3ZnPg==") no-repeat center/cover;
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.block-loading > * {
  opacity: 0;
}

.pagination {
  margin-top: 24px;
  overflow: hidden;
}

.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(18px, 2vw, 22px);
}

.pagination .page-numbers {
  font-weight: 600;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--text-main);
  padding: 8px 1px;
  border-bottom: 2px solid transparent;
}

.pagination .page-numbers.current {
  color: var(--green-900);
  border-color: currentColor;
}

.pagination .next,
.pagination .prev {
  text-indent: -999999px;
  width: 0.75em;
  height: 0.75em;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3M18yOTk0MikiPgo8cGF0aCBkPSJNOCAxNS43NUw2LjYyNSAxNC4zOTA2TDEyLjA0NjkgOC45Njg3NUgwLjI1VjcuMDMxMjVIMTIuMDQ2OUw2LjYyNSAxLjYwOTM4TDggMC4yNUwxNS43NSA4TDggMTUuNzVaIiBmaWxsPSIjRDlEQkU0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjczXzI5OTQyIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--text-main);
}

.pagination .prev {
  transform: scale(-1, 1);
}

.wpcf7-response-output {
  background: var(--text-bg);
  border: 0 !important;
  margin: 24px 0 0 !important;
  font-weight: 400;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.3;
  color: var(--text-main);
  border-radius: 12px;
  padding: 10px 16px 12px !important;
}

.invalid .wpcf7-response-output {
  color: var(--error-main);
  font-size: 14px;
}

.pil {
  border-radius: 6px;
  background: var(--white-200-main);
}
.pil__arrow {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hbanner {
  position: relative;
  padding-bottom: 94px;
}
.hbanner__image {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.hbanner__title {
  padding-top: 94px;
}
.hbanner .container {
  position: relative;
  padding-bottom: 24px;
  margin-top: 24px;
}
.hbanner .container .decor-0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hbanner .container .decor-1 {
  position: absolute;
  top: -24px;
  left: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.hbanner .container .decor-2 {
  position: absolute;
  bottom: -16px;
  left: 0;
  transform: translateY(100%);
  pointer-events: none;
}
.hbanner .container .decor-3 {
  position: absolute;
  bottom: 20px;
  right: -48px;
  transform: translateY(100%);
  pointer-events: none;
}
.hbanner .decorline {
  position: absolute;
  background: url("../img/blocks/hbanner/lines.svg") no-repeat center/contain;
  width: 143px;
  height: 230px;
  pointer-events: none;
}
.hbanner .decorline-1 {
  top: 0;
  left: 0;
  pointer-events: none;
}
.hbanner .decorline-2 {
  top: 0;
  right: 0;
  transform: scale(-1, 1);
  pointer-events: none;
}
.hbanner .decorline-3 {
  bottom: 0;
  left: 0;
  transform: scale(1, -1);
  pointer-events: none;
}
.hbanner .decorline-4 {
  bottom: 0;
  right: 0;
  transform: scale(-1, -1);
  pointer-events: none;
}
@media (width <= 1280px) {
  .hbanner .decorline-1,
  .hbanner .decorline-3,
  .hbanner .decor-1,
  .hbanner .decor-2 {
    left: 102px !important;
  }
  .hbanner .decorline-2,
  .hbanner .decorline-4 {
    right: 102px;
  }
  .hbanner .decor-3 {
    right: 56px !important;
  }
}
@media (width <= 992px) {
  .hbanner__title {
    padding-top: 70px;
  }
  .hbanner .container {
    margin-top: 0;
  }
}
@media (width <= 768px) {
  .hbanner {
    padding-bottom: 30px;
  }
  .hbanner__title {
    padding-top: 0;
    margin-top: 70px;
  }
  .hbanner .decorline-1,
  .hbanner .decorline-3,
  .hbanner .decor-1,
  .hbanner .decor-2 {
    left: 32px !important;
  }
  .hbanner .decorline-2,
  .hbanner .decorline-4 {
    right: 32px;
  }
  .hbanner .decor-3 {
    right: 0 !important;
  }
}
@media (width <= 576px) {
  .hbanner__title {
    padding-top: 0;
    margin-top: 32px;
  }
  .hbanner .decorline-1,
  .hbanner .decorline-3,
  .hbanner .decor-1,
  .hbanner .decor-2 {
    left: 20px !important;
  }
  .hbanner .decorline-2,
  .hbanner .decorline-4 {
    right: 20px;
  }
}

.wslider {
  overflow: hidden;
}
.wslider .swiper-pagination {
  display: block !important;
  position: static;
  width: fit-content;
  text-wrap: nowrap;
}
.wslider .swiper {
  overflow: visible;
}
@media (width > 992px) {
  .wslider__image img {
    aspect-ratio: 3/2;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .wslider .swiper-slide img {
    aspect-ratio: 520/248;
  }
}
@media (width > 992px) {
  .wslider .swiper-slide {
    transition: 0.2s;
  }
  .wslider .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.6;
    filter: blur(10px);
  }
}

.card {
  padding: 24px;
  background-color: var(--gradient-card);
  border: 1px solid rgba(15, 19, 19, 0.2);
  border-radius: 6px;
}
.card--lg {
  padding: 24px 32px;
  border-radius: 12px;
}
@media screen and (max-width: 992px) {
  .card--lg {
    padding: 16px 24px;
  }
}
@media screen and (max-width: 992px) {
  .card {
    padding: 16px;
  }
}

.progress-bar {
  width: 100%;
  height: 2px;
  background: #ddd;
  border-radius: 3px;
  overflow: hidden;
  /* margin-top: 10px; */
  transition: 0.3s;
}

.progress-load {
  width: 0;
  height: 100%;
  background: rgb(108, 255, 178);
  transition: width 0.3s ease;
}

.block-pagination-progress {
  display: flex;
  gap: 24px;
  align-items: center;
  flex: 0 0 50.5%;
}
@media screen and (max-width: 992px) {
  .block-pagination-progress {
    flex: 0 0 55%;
  }
}

.achievements--horizontal {
  background: url("../img/blocks/webp-bgs/achievements_orig.webp") no-repeat center left/cover;
}
.achievements--vertical {
  position: relative;
  padding-bottom: 160px !important;
}
.achievements--vertical:before {
  content: url("../img/blocks/webp-bgs/achivements-bg-blur.webp");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: -1;
  pointer-events: none;
}
@media (width > 900px) {
  .achievements--vertical .container {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 24px;
  }
}
.achievements--vertical .grid {
  gap: 24px;
}
.achievements--vertical .grid .achievement {
  grid-column: span 6;
  background-color: var(--black-main);
  padding: 24px;
  display: flex;
  flex-direction: column-reverse;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 6px;
}
.achievements--vertical .grid .achievement:nth-child(even) {
  transform: translateY(60px);
}
.achievements--vertical .grid .achievement .achievement__title {
  margin-bottom: 0;
}
@media (width <= 900px) {
  .achievements--vertical {
    padding-bottom: 140px !important;
  }
}
@media (width <= 768px) {
  .achievements--vertical .grid .achievement {
    gap: 16px;
    padding: 16px;
  }
}
@media (width <= 576px) {
  .achievements--vertical {
    padding-bottom: 60px !important;
  }
  .achievements--vertical .grid .achievement {
    grid-column: span 12;
    transform: unset !important;
  }
}

.solutions {
  position: relative;
}
.solutions:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 700px;
  height: 700px;
  display: block;
  background: url("../img/blocks/webp-bgs/solutions-bg.webp") no-repeat center/contain;
  transform: translate(25%, -25%);
  z-index: -1;
}
.solutions .swiper {
  overflow: visible;
}
.solutions__snippet {
  max-width: 640px;
  text-wrap: balance;
}

.hover-card {
  padding: 24px 16px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
  min-height: 502px;
  border-radius: 6px;
}
.hover-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  border-radius: 6px;
  transition: 0.3s;
}
.hover-card:hover:before {
  background: rgba(0, 0, 0, 0.7);
}
.hover-card__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.hover-card__title, .hover-card__snippet {
  position: relative;
  z-index: 2;
}
.hover-card__snippet {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s linear;
}
.hover-card:hover .hover-card__snippet {
  max-height: 400px;
}
@media screen and (max-width: 992px) {
  .hover-card {
    min-height: 440px;
  }
  .hover-card__snippet {
    max-height: unset !important;
  }
  .hover-card:before {
    background: rgba(0, 0, 0, 0.7);
  }
}

.cta {
  background: url("../img/blocks/webp-bgs/cta-background.webp") no-repeat center/contain;
}
.cta__title {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.cta__dots {
  display: block;
  margin: 0 auto;
  pointer-events: none;
}
@media (width <= 768px) {
  .cta__dots {
    margin-top: -44px;
    z-index: -1;
  }
}

.cta2__inner {
  padding: 60px 40px;
  background: linear-gradient(90deg, rgba(144, 249, 195, 0.75) 0%, rgba(95, 133, 255, 0.75) 100%);
  position: relative;
  overflow: hidden;
}
.cta2__decor {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  pointer-events: none;
}
.cta2__decor--right {
  left: auto;
  right: 0;
}
.cta2--style-full-width {
  padding: 0 !important;
}
.cta2--style-full-width .cta2__inner {
  padding: 40px;
}
@media (width <= 1280px) {
  .cta2__inner {
    padding: 60px 24px;
  }
  .cta2--style-full-width .cta2__inner {
    padding: 40px 24px;
  }
}
@media (width <= 992px) {
  .cta2__inner {
    padding: 40px 16px;
  }
  .cta2--style-full-width .cta2__inner {
    padding: 6px 16px;
  }
}
@media (width <= 768px) {
  .cta2__inner {
    padding: 32px 16px;
  }
}
@media (width <= 576px) {
  .cta2--style-full-width .cta2__inner {
    padding: 6px 0;
  }
}

.minicard {
  height: clamp(134px, 14vw, 174px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  background-color: var(--gradient-card);
  border: 1px solid rgba(15, 19, 19, 0.2);
  border-radius: 6px;
  transition: 0.3s;
}
.minicard:hover {
  background: var(--text-bg);
  text-decoration: none;
}
.minicard:hover {
  color: var(--green-500-main);
}

.services {
  position: relative;
}
.services:before {
  content: url("../img/blocks/webp-bgs/services-bg.webp");
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateY(-25%);
}
.services__aside {
  padding-left: 32px;
  padding-right: 32px;
}
.services .swiper-slide {
  opacity: 0 !important;
}
.services .swiper-slide-active {
  opacity: 1 !important;
}
@media (width <= 1280px) {
  .services .vtabs {
    flex-direction: row;
  }
  .services .vtabs__item {
    white-space: nowrap;
  }
  .services__aside {
    padding-left: 0;
    padding-right: 0;
  }
}

.vtabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  overflow: auto;
}
.vtabs__item {
  padding: 9px 16px;
  display: inline-flex;
  cursor: pointer;
  transition: 0.3s;
  color: var(--text-secondary);
  position: relative;
}
.vtabs__item:after {
  content: "";
  height: 2px;
  width: 0;
  transition: 0.3s cubic-bezier(0.36, 0.45, 0, 1.19);
  background: var(--green-500-main);
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
.vtabs__item--active {
  color: var(--text-main);
}
.vtabs__item--active:after {
  width: 100%;
}

.servicecard {
  background: var(--gradient-card);
  border-radius: 6px;
  transition: 0.3s;
  height: 100%;
  text-decoration: none !important;
  display: block;
  color: inherit;
  position: relative;
}
.servicecard__content {
  padding: 24px;
}
.servicecard:has(.servicecard__image) {
  grid-column: span 12;
  display: flex;
  background: transparent !important;
  gap: 24px;
}
.servicecard:has(.servicecard__image) .servicecard__content {
  background: var(--gradient-card);
  border-radius: 6px;
  transition: 0.3s;
}
.servicecard:has(.servicecard__image) .servicecard__content:hover {
  background: var(--text-bg);
}
.servicecard__image {
  flex: 0 0 284px;
  object-fit: cover;
  border-radius: 6px;
}
.servicecard:hover {
  background: var(--text-bg);
}
.servicecard:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOS45OTk2NyAzLjMzMzAxTDguODI0NjcgNC41MDgwMUwxMy40NzQ3IDkuMTY2MzRIMy4zMzMwMVYxMC44MzNIMTMuNDc0N0w4LjgyNDY3IDE1LjQ5MTNMOS45OTk2NyAxNi42NjYzTDE2LjY2NjMgOS45OTk2N0w5Ljk5OTY3IDMuMzMzMDFaIiBmaWxsPSIjNThFMjlBIiAvPgo8L3N2Zz4=") no-repeat center/contain;
  position: absolute;
  bottom: 8px;
  right: 8px;
}
@media (width <= 992px) {
  .servicecard__content {
    padding: 16px 14px;
  }
}
@media (width <= 576px) {
  .servicecard:has(.servicecard__image) {
    flex-direction: column;
  }
  .servicecard__image {
    flex: 0 0 auto;
    aspect-ratio: 513/130;
    height: auto;
    width: 100%;
  }
}

.minicards {
  position: relative;
}
.minicards:after {
  content: url("../img/blocks/webp-bgs/tools-bg.webp");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(15%, -50%);
  z-index: -1;
  pointer-events: none;
}
.minicards .container {
  position: relative;
  z-index: 2;
}

.page-template-canvas .contactus {
  position: relative;
  overflow: visible;
}
.page-template-canvas .contactus:before {
  content: url("../img/blocks/webp-bgs/contactus-bg.webp");
  position: absolute;
  top: 25%;
  left: 0;
  transform: translate(0, -50%) scale(0.9);
  transform-origin: top left;
  z-index: 0;
  pointer-events: none;
}

.phero {
  --bg-image: var(--bg-image-desktop);
  background: var(--bg-image) no-repeat center/cover;
  padding-top: 120px;
  padding-bottom: 120px;
}
.phero__title {
  position: relative;
  color: var(--primary-contrast);
  max-width: 1014px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.phero .container {
  position: relative;
}
.phero .container:after {
  content: url("../img/blocks/phero-dots.svg");
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(15%, -50%);
  z-index: 0;
}
@media (width < 1024px) {
  .phero {
    --bg-image: var(--bg-image-tablet, var(--bg-image-desktop));
  }
}
@media (width <= 992px) {
  .phero {
    padding-top: 80px;
  }
}
@media (width <= 768px) {
  .phero {
    --bg-image: var(--bg-image-mobile, var(--bg-image-tablet, var(--bg-image-desktop)));
    padding-bottom: 90px;
  }
}

body:has(.phero) .header {
  position: fixed;
  z-index: 44;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}
body:has(.phero) .header:not(.scrolled) {
  color: var(--text-main);
  background: transparent;
}
body:has(.phero) .header:not(.scrolled) .logo-dark {
  display: none;
}
body:has(.phero) .header:not(.scrolled) .custom-logo {
  display: block;
}

.tandi {
  position: relative;
  border-top: 1px solid var(--text-outline);
}
.tandi__title {
  position: relative;
}
.tandi__title:before {
  content: url("../img/blocks/tandi-dots-1.svg");
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.tandi__image {
  border: 1px solid var(--blue-dark);
  border-radius: 12px;
  padding: 24px;
}
.tandi__image img {
  border-radius: 8px;
}
.tandi:after {
  content: url("../img/blocks/tandi-dots-2.svg");
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
@media (width <= 992px) {
  .tandi__title:before {
    top: 86px;
    left: 56px;
  }
  .tandi:after {
    display: none;
  }
}

.industries {
  position: relative;
}
.industries:before {
  content: url("../img/blocks/webp-bgs/industries-bg.webp");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(15%, -50%);
  z-index: -1;
  pointer-events: none;
}
.industries .swiper {
  overflow: visible;
}
.industries .swiper-slide img {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  aspect-ratio: 392/261;
}

.lrcontent__body {
  padding: 32px;
  position: relative;
  z-index: 2;
}
.lrcontent__body:after {
  content: url("../img/blocks/lrcontent/top-line.svg");
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
}
.lrcontent__body::before {
  content: url("../img/blocks/lrcontent/bottom-line.svg");
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
.lrcontent--right .lrcontent__body:after {
  content: url("../img/blocks/lrcontent/top-dots.svg");
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.lrcontent--left {
  position: relative;
}
.lrcontent--left:before {
  content: url("../img/blocks/lrcontent/bg.webp");
  right: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  position: absolute;
  transform: translate(15%, -50%);
  opacity: 0.9;
}
.lrcontent--left .container {
  position: relative;
  z-index: 2;
}
.lrcontent--left .container:after {
  content: url("../img/blocks/lrcontent/dots.svg");
  right: 32px;
  top: 50%;
  z-index: 0;
  pointer-events: none;
  position: absolute;
}
@media (width <= 992px) {
  .lrcontent__body {
    padding: 0;
  }
}

.member {
  display: grid;
  grid-template-columns: 3fr 5fr;
  gap: 32px;
}
.member__image img {
  border-radius: 6px;
  aspect-ratio: 288/384;
  object-fit: cover;
  height: auto;
}
@media (width <= 768px) {
  .member {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .member__image img {
    aspect-ratio: 520/416;
    width: 100%;
    height: auto;
  }
}
@media (width <= 576px) {
  .member__image img {
    aspect-ratio: 328/184;
  }
}

.team {
  position: relative;
}
.team:before {
  content: url("../img/blocks/webp-bgs/team-bg.webp");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(15%, -50%);
  z-index: -1;
  pointer-events: none;
}

.history {
  position: relative;
}
.history:before {
  content: url("../img/blocks/webp-bgs/history-bg.webp");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.history .swiper-slide {
  opacity: 0 !important;
  padding-bottom: 2px;
}
.history .swiper-slide-active {
  opacity: 1 !important;
}
@media (width > 992px) {
  .history__title, .history__snippet {
    max-width: 496px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.tabbed-stack .swiper-slide {
  opacity: 0 !important;
  padding-bottom: 2px;
}
.tabbed-stack .swiper-slide-active {
  opacity: 1 !important;
}

.htabs {
  background: var(--gradient-card);
  padding: 16px 32px;
  display: flex;
  width: fit-content;
  border-radius: 6px;
  overflow-x: auto;
  max-width: calc(100% + 16px);
}
.htabs__item {
  padding: 9px 16px;
  display: inline-flex;
  cursor: pointer;
  transition: 0.3s;
  color: var(--text-secondary);
  position: relative;
  white-space: nowrap;
}
.htabs__item:after {
  content: "";
  height: 2px;
  width: 0;
  transition: 0.3s cubic-bezier(0.36, 0.45, 0, 1.19);
  background: var(--green-500-main);
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
.htabs__item--active {
  color: var(--text-main);
}
.htabs__item--active:after {
  width: 100%;
}
@media (width < 768px) {
  .htabs {
    padding: 8px 16px;
  }
}

.bordered-image {
  border: 1px solid var(--blue-dark);
  border-radius: 12px;
  padding: 24px;
}
.bordered-image img {
  border-radius: 8px;
}
@media (width <= 992px) {
  .bordered-image {
    padding: 16px;
  }
}

.discover {
  position: relative;
}
.discover:before {
  content: url("../img/blocks/webp-bgs/discover-bg.webp");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.discover__title, .discover__snippet {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.discover__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(8px, 2vw, 24px);
}
.discover__grid img {
  aspect-ratio: 225/360;
}
.discover__grid img:nth-child(even) {
  transform: translateY(40px);
}

.dropdown-list {
  position: relative;
}
.dropdown-list:before {
  content: url("../img/blocks/webp-bgs/droplist-bg.webp");
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}
.dropdown-list__aside {
  margin-right: 24px;
}
.dropdown-list__image {
  transition: 0.2s;
  border-radius: 12px;
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 6/8;
}
@media (width <= 992px) {
  .dropdown-list__aside {
    margin-right: 0;
  }
}

.dropable__top {
  cursor: pointer;
}
.dropable__accordion {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
  will-change: max-height;
}

.service-drop {
  border-bottom: 1px solid var(--text-outline);
  padding: 16px;
  transition: 0.2s;
}
.service-drop .dropable__top svg {
  transition: 0.2s;
}
.service-drop.dropable--dropped {
  background: var(--text-bg);
  border: 1px solid var(--text-outline);
  border-bottom: 1px solid var(--text-outline);
}
.service-drop.dropable--dropped .dropable__top svg {
  transform: rotate(180deg);
}
.service-drop__image {
  border-radius: 6px;
}
@media (width <= 992px) {
  .service-drop {
    padding: 12px 16px;
  }
}

.navcards {
  position: relative;
}
.navcards:before {
  content: url("../img/blocks/webp-bgs/cards-bg.webp");
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-25%, -50%);
  z-index: -1;
  pointer-events: none;
}

.dropdown-grid {
  position: relative;
}
.dropdown-grid:before {
  content: url("../img/blocks/webp-bgs/drop-grid-bg.webp");
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  pointer-events: none;
  transform: translate(15%, -25%);
}

.line-drop {
  border: 1px solid var(--black-outline);
  border-radius: 6px;
  padding: 24px 24px 24px 12px;
  background: var(--gradient-card);
}
.line-drop.dropable--dropped {
  border: 1px solid var(--text-outline);
}
.line-drop .dropable__top svg {
  transition: 0.2s;
}
.line-drop.dropable--dropped .dropable__top svg {
  transform: rotate(180deg);
}
@media (width <= 768px) {
  .line-drop {
    padding: 16px;
  }
}

.stack {
  position: relative;
}
.stack:before {
  content: url("../img/blocks/webp-bgs/stack-bg.webp");
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  pointer-events: none;
  transform: translate(-50%, 15%) scaleY(0.5);
  transform-origin: bottom center;
}
.stack__item {
  background: var(--text-bg);
  height: 128px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  flex-direction: column;
}
.stack--style-white .stack__item {
  background: var(--white-200-main);
  height: 129px;
}
.stack--style-dark .stack__item {
  background: transparent;
  border: 1px solid var(--text-outline);
  height: 114px;
}
@media (width > 992px) and (width <= 1280px) {
  .stack .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .stack .grid > * {
    grid-column: auto;
  }
}
@media (width <= 992px) {
  .stack--style-dark .stack__item {
    padding: 8px 16px;
  }
}
@media (width < 576px) {
  .stack--style-white .grid > * {
    grid-column: span 6;
  }
}

.process {
  position: relative;
}
.process:before {
  content: url("../img/blocks/webp-bgs/process-bg.webp");
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  pointer-events: none;
  transform: translate(15%, -40%);
}
.process__snippet {
  max-width: 704px;
  text-wrap: balance;
}

.step-item__line {
  position: relative;
  height: 1px;
}
.step-item__line:before {
  content: "";
  height: 2px;
  width: calc(100% + 24px);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--text-bg);
}
.step-item__line:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: var(--green-600-dark);
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}

.faq-drop {
  border: 1px solid var(--black-outline);
  border-radius: 6px;
  padding: 24px;
  background: var(--gradient-card);
}
.faq-drop.dropable--dropped {
  border: 1px solid var(--text-outline);
}
.faq-drop .dropable__top svg {
  transition: 0.2s;
  flex: 0 0 32px;
}
.faq-drop.dropable--dropped .dropable__top svg {
  transform: rotate(180deg);
}
.faq-drop + .faq-drop {
  margin-top: 24px;
}
@media (width <= 992px) {
  .faq-drop {
    padding: 20px 16px;
  }
}
@media (width <= 768px) {
  .faq-drop {
    padding: 16px;
  }
}

.scrollable {
  position: relative;
}
.scrollable:before {
  content: url("../img/blocks/webp-bgs/scrollable-bg.webp");
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  transform: translate(15%, -25%);
}
.scrollable .swiper-slide {
  opacity: 0 !important;
}
.scrollable .swiper-slide-active {
  opacity: 1 !important;
}
.scrollable__wrapper {
  border: 1px solid var(--green-1000);
  border-radius: 6px;
  overflow: hidden;
}
.scrollable__aside {
  background: var(--gradient-card);
}
.scrollable__area {
  padding: 24px;
  overflow-y: auto;
  min-height: 382px;
}
.scrollable__area::-webkit-scrollbar {
  width: 6px;
}
.scrollable__area::-webkit-scrollbar-track {
  background: var(--white-disabled);
  border-radius: 10px;
}
.scrollable__area::-webkit-scrollbar-thumb {
  background: var(--green-600-dark);
  border-radius: 6px;
  height: 20px;
}
.scrollable__area::-webkit-scrollbar-thumb:hover {
  background: var(--green-600-dark);
}
.scrollable__body {
  padding: 32px;
}
@media (width >= 992px) {
  .scrollable .service-drop {
    padding: 0;
    border: 0;
    background: transparent;
  }
  .scrollable .dropable__accordion {
    max-height: unset;
  }
}
@media (width < 992px) {
  .scrollable__wrapper {
    border: 0;
    border-radius: 0;
  }
  .scrollable__aside {
    display: none;
  }
  .scrollable__body {
    padding: 0;
    border: 0;
  }
  .scrollable .swiper,
  .scrollable .swiper-wrapper {
    display: contents;
  }
  .scrollable .swiper-slide {
    opacity: 1 !important;
    pointer-events: initial;
    width: 100% !important;
    transform: unset !important;
  }
}

.grouped-stack {
  position: relative;
}
.grouped-stack:before {
  content: url("../img/blocks/webp-bgs/grouped-stack-bg.webp");
  position: absolute;
  top: 44%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}

.stack-line {
  border-radius: 6px;
  display: flex;
}
.stack-line__name {
  border: 1px solid var(--text-outline);
  border-right: 0;
  padding: 24px;
  display: flex;
  align-items: center;
  flex: 0 0 320px;
  background: var(--gradient-card);
  border-radius: 6px 0 0 6px;
}
.stack-line + .stack-line {
  margin-top: 32px;
}
.stack-line__items {
  padding: 24px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  border: 1px solid var(--text-outline);
  border-radius: 0 6px 6px 0;
}
.stack-line__items img {
  max-height: 48px;
  width: auto;
}
@media screen and (max-width: 1224px) {
  .stack-line {
    flex-direction: column;
  }
  .stack-line__name {
    padding: 16px;
    flex: auto;
    border: 1px solid var(--text-outline);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
  }
  .stack-line__items {
    padding: 14.5px 16px;
    border-radius: 0 0 6px 6px;
  }
  .stack-line__items img {
    max-height: 32px;
  }
}
@media (width < 768px) {
  .stack-line__items img {
    max-height: 28px;
  }
}

.icards__item {
  background: var(--gradient-card);
  padding: 24px;
  border-radius: 6px;
  text-align: center;
}
.icards__body {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.icards__body img {
  max-height: 50px;
  width: auto;
}
@media (width < 992px) {
  .icards__item {
    padding: 16px;
  }
}
@media (width < 768px) {
  .icards__body img {
    max-height: 40px;
  }
}

.panel {
  position: relative;
}
.panel:before {
  content: url("../img/blocks/webp-bgs/test-bg.webp");
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  transform: translate(0, -50%);
}
.panel__wrapper {
  display: flex;
  justify-content: space-between;
}
.panel__image {
  max-width: 639px;
  align-items: start;
}
.panel__points {
  max-width: 418px;
  transform: translateY(20px);
}
.panel__item {
  position: relative;
}
.panel__item svg {
  display: none;
}
.panel__item:before {
  content: "";
  display: block;
  width: 368px;
  height: 75%;
  position: absolute;
  left: -24px;
  top: 16px;
  border: 2px solid rgba(217, 219, 228, 0.2);
  border-right: 0;
  border-bottom: 0;
  border-radius: 12px 0 0 0;
  transform: translateX(-100%);
  pointer-events: none;
}
.panel__item:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjcuODMyIiBjeT0iMjguMTY4IiByPSIyNy41IiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfMTM4Nl8yMDIxOTEpIi8+CjxjaXJjbGUgY3g9IjI3LjgzMiIgY3k9IjI4LjE2OCIgcj0iMTAuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDI3LjgzMiAyOC4xNjgpIiBmaWxsPSIjNDZDNTgzIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMTM4Nl8yMDIxOTEiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcuODMyIDI4LjE2OCkgcm90YXRlKDkwKSBzY2FsZSgyNy41KSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0NkM1ODMiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIyNUYzRiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
  position: absolute;
  left: -24px;
  bottom: 25%;
  transform: translateX(calc(-50% - 368px)) translateY(80%);
  pointer-events: none;
}
.panel__snippet {
  min-height: 42px;
}
.panel__points .panel__item:nth-child(even):before {
  width: 313px;
}
.panel__points .panel__item:nth-child(even):after {
  transform: translateX(calc(-50% - 313px)) translateY(80%);
}
@media (width <= 1280px) {
  .panel__points {
    max-width: 463px;
  }
  .panel__item:before {
    width: 240px;
  }
  .panel__item:after {
    transform: translateX(calc(-50% - 240px)) translateY(80%);
  }
  .panel__points .panel__item:nth-child(even):before {
    width: 202px;
  }
  .panel__points .panel__item:nth-child(even):after {
    transform: translateX(calc(-50% - 202px)) translateY(80%);
  }
}
@media (width < 1200px) {
  .panel__points {
    max-width: 553px;
    margin-left: -110px;
  }
  .panel__snippet {
    min-height: unset;
  }
  .panel__image {
    transform: translateX(-15%);
  }
  .panel__item:before {
    width: 200px;
  }
  .panel__item:after {
    transform: translateX(calc(-50% - 200px)) translateY(80%) scale(0.8);
  }
  .panel__points .panel__item:nth-child(even):before {
    width: 162px;
  }
  .panel__points .panel__item:nth-child(even):after {
    transform: translateX(calc(-50% - 162px)) translateY(80%) scale(0.8);
  }
}
@media (width < 1110px) {
  .panel__points {
    max-width: 553px;
  }
  .panel__image {
    transform: translateX(-20%);
  }
}
@media (width < 1024px) {
  .panel__item:before {
    width: 132px;
  }
  .panel__item:after {
    transform: translateX(calc(-50% - 132px)) translateY(80%) scale(0.7);
  }
  .panel__points .panel__item:nth-child(even):before {
    width: 110px;
  }
  .panel__points .panel__item:nth-child(even):after {
    transform: translateX(calc(-50% - 110px)) translateY(80%) scale(0.7);
  }
}
@media (width < 992px) {
  .panel__points {
    max-width: 553px;
    margin-left: -140px;
  }
  .panel__image {
    transform: translateX(-25%);
  }
}
@media (width < 910px) {
  .panel__points {
    max-width: 553px;
  }
  .panel__image {
    transform: translateX(-30%);
  }
}
@media (width < 860px) {
  .panel__image {
    display: none;
  }
  .panel__wrapper {
    display: block;
  }
  .panel__points {
    max-width: unset;
    margin: 0;
    transform: unset;
  }
  .panel__item {
    padding: 16px;
    background: var(--gradient-card);
    border-radius: 6px;
  }
  .panel__item svg {
    display: inline-flex;
  }
  .panel__item:after, .panel__item:before {
    content: unset;
  }
}

.page-id-984 .main > .container > .grid {
  display: block;
}

.sitemap__title {
  font-family: var(--font4);
  padding: 4px 0;
  margin-bottom: 8px;
  font-weight: 900;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
}
.sitemap .menu-item a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--text-main) !important;
  padding: 2px 0;
  display: block;
}

.compare__table {
  background: var(--gradient-card);
  border-radius: 6px;
}
.compare__table table {
  border-collapse: collapse;
}
.compare__table table th {
  border-bottom: 3px solid var(--green-700);
  padding: 32px 12px 21px 12px;
  text-align: left;
}
.compare__table table tr th:first-child,
.compare__table table tr td:first-child {
  padding-left: 32px;
}
.compare__table table tr th:last-child,
.compare__table table tr td:last-child {
  padding-right: 32px;
}
.compare__table table td {
  padding: 32px 12px 32px 12px;
}
.compare__table table tr + tr td {
  padding-top: 8px;
}
@media (width > 1024px) {
  .compare__table--cols-3 tr td,
  .compare__table--cols-3 tr th {
    width: 33%;
  }
}
@media (width <= 1024px) {
  .compare__table {
    overflow: auto;
  }
  .compare__table table th {
    padding: 24px 8px 17px 8px;
  }
  .compare__table table tr th:first-child,
  .compare__table table tr td:first-child {
    padding-left: 16px;
  }
  .compare__table table tr th:last-child,
  .compare__table table tr td:last-child {
    padding-right: 16px;
  }
  .compare__table table td {
    padding: 16px 8px 16px 8px;
    min-width: 160px;
  }
  .compare__table table tr + tr td {
    padding-top: 8px;
  }
}

:root {
  --black-main: #0f1313;
  --black-secondary: #5d5a6b;
  --black-placeholder: rgba(15, 19, 19, 0.6);
  --black-disabled: rgba(15, 19, 19, 0.35);
  --black-bg: rgba(15, 19, 19, 0.1);
  --black-outline: rgba(15, 19, 19, 0.2);
  --white-secondary: rgba(217, 219, 228, 0.75);
  --white-placeholder: rgba(217, 219, 228, 0.6);
  --white-disabled: rgba(217, 219, 228, 0.35);
  --white-100: #f0f2f8;
  --white-200-main: #d9dbe4;
  --white-bg: rgba(217, 219, 228, 0.1);
  --white-outline: rgba(217, 219, 228, 0.2);
  --green-100: #f0fff7;
  --green-200: #c4ffe0;
  --green-300: #98ffc9;
  --green-500-main: #58e29a;
  --green-400-light: #6cffb2;
  --green-600-dark: rgb(70, 197, 131);
  --green-700: #36a86c;
  --green-800: #288a57;
  --green-900: #1c6d43;
  --green-1000: #125030;
  --blue-main: #003cff;
  --blue-dark: #334343;
  --error-main: #e12121;
  --font-family: "Graphik", sans-serif;
  --second-family: "Hando Trial", sans-serif;
  --third-family: "Roboto", sans-serif;
  --font3: "Manrope", sans-serif;
  --font4: "Avenir", sans-serif;
  --font5: "Montserrat", sans-serif;
  --font6: "Inter", sans-serif;
  --font7: "Barlow", sans-serif;
  --font8: "Outfit", sans-serif;
  --font9: "Alumni Sans", sans-serif;
  --font10: "Space Mono", sans-serif;
  --font11: "Unbounded", sans-serif;
  --font12: "Anek Latin", sans-serif;
  --font13: "Anuphan", sans-serif;
  --font14: "Arimo", sans-serif;
  --font15: "Big Shoulders Stencil Display", sans-serif;
  --font16: "Chivo", sans-serif;
  /*Depends on dark or light*/
  --text-main: var(--black-main);
  --text-secondary: var(--black-secondary);
  --text-placeholder: var(--black-placeholder);
  --text-disabled: var(--black-disabled);
  --text-bg: var(--black-bg);
  --text-outline: var(--black-outline);
  --gradient-card: #fcffff;
  --primary-contrast: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: currentColor solid 2px;
}
a:disabled {
  color: var(--white-disabled);
  pointer-events: none;
}
a:not([class]):visited {
  color: #bcaedb;
}

html, body {
  min-height: 100%;
}

body {
  font-family: var(--font-family), sans-serif;
  font-weight: normal;
  margin: 0;
  background: var(--white-100);
  display: flex;
  flex-direction: column;
  color: var(--text-main);
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

.dark {
  --text-main: var(--white-200-main);
  --text-secondary: var(--white-secondary);
  --text-placeholder: var(--white-placeholder);
  --text-disabled: var(--white-disabled);
  --text-bg: var(--white-bg);
  --text-outline: var(--white-outline);
  --gradient-card: #171c1c;
}

.container {
  max-width: 1264px;
  padding: 0 20px;
  margin: 0 auto;
}

.fit-cover {
  object-fit: cover;
}

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

.icon-32 {
  max-width: 32px;
  max-height: 32px;
  width: auto;
  height: auto;
}

.icon-40 {
  max-width: 40px;
  max-height: 40px;
  width: auto;
  height: auto;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.masked-icon {
  width: 1em;
  height: 1em;
  mask: var(--icon-url) no-repeat center/contain;
  background-color: currentColor;
  display: inline-block;
  transition: 0.2s;
}
.masked-icon:hover {
  filter: brightness(1.2);
}

.btn {
  font-family: var(--second-family);
  cursor: pointer;
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: 0.2s;
  display: inline-flex;
  text-decoration: none !important;
  border: 0;
  outline: none !important;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  /*&:visited {
      color: currentColor;
  }*/
}
.btn:after {
  content: "";
  width: 90px;
  height: 90px;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 100%;
  transition: 0.2s;
}
.btn:active:after {
  transform: translate(-50%, -50%) scale(1);
}
.btn:before {
  content: "";
  transition: 0.2s;
  width: 0;
  height: 0;
  position: absolute;
}

.state-loading,
.submitting .btn {
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}
.state-loading:before,
.submitting .btn:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj4KCTxnPgoJCTxjaXJjbGUgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4IiByPSIzNSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlPSIjZTE1YjY0IiBmaWxsPSJub25lIiBjeT0iNTAiIGN4PSI1MCI+CgkJCTxhbmltYXRlVHJhbnNmb3JtIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0eXBlPSJyb3RhdGUiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIvPgoJCTwvY2lyY2xlPgoJPGcvPgoJPC9nPgo8L3N2Zz4=") no-repeat center/contain;
  background: currentColor;
  margin-right: 8px;
}

.btn--primary {
  background: var(--green-500-main);
  color: var(--black-main);
}
.btn--primary:hover {
  background: var(--green-600-dark);
}
.btn--primary:disabled {
  background: var(--white-disabled);
  pointer-events: none;
}
.btn--primary:after {
  background: rgba(255, 255, 255, 0.3);
}
.btn--primary.state-loading, .submitting .btn--primary {
  background: rgba(88, 226, 154, 0.8);
  -color: var(--green-500-main);
}

.btn--primary-outline {
  color: var(--green-500-main);
  border: 1px solid currentColor;
}
.btn--primary-outline:hover {
  background: rgba(88, 226, 154, 0.1);
}
.btn--primary-outline:disabled {
  color: var(--white-disabled);
  pointer-events: none;
}
.btn--primary-outline:after {
  background: rgba(70, 197, 131, 0.3);
}

.btn--white {
  background: var(--white-200-main);
  color: var(--black-main);
}
.btn--white:hover {
  background: var(--white-secondary);
}
.btn--white:disabled {
  color: rgba(15, 19, 34, 0.4);
  background: var(--white-disabled);
  pointer-events: none;
}
.btn--white:after {
  background: rgba(15, 19, 19, 0.3);
}

.btn--white-outline {
  color: #fff;
  border: 1px solid currentColor;
}
.btn--white-outline:hover {
  color: var(--white-secondary);
  background: var(--white-bg);
}
.btn--white-outline:after {
  background: rgba(217, 219, 228, 0.3);
}

.btn--black {
  background: var(--black-main);
  color: var(--white-200-main);
}
.btn--black:hover {
  background: var(--green-800);
  color: var(--white-100);
}
.btn--black:after {
  background: rgba(240, 242, 248, 0.3);
}
.btn--black:disabled {
  color: var(--black-disabled);
  background: var(--black-disabled);
  pointer-events: none;
}

.btn--black-outline, html:not(.dark) .header.scrolled .header__action .btn {
  color: var(--black-main);
  border: 1px solid currentColor;
}
.btn--black-outline:hover, html:not(.dark) .header.scrolled .header__action .btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}
.btn--black-outline:after, html:not(.dark) .header.scrolled .header__action .btn:after {
  background: rgba(15, 19, 19, 0.3);
}
.btn--black-outline:disabled, html:not(.dark) .header.scrolled .header__action .btn:disabled {
  color: 1px solid var(--black-disabled);
  pointer-events: none;
}

.btn--primary-text, .dark .blogg .btn--black-text {
  color: var(--green-500-main);
}
.btn--primary-text:hover, .dark .blogg .btn--black-text:hover {
  color: var(--green-600-dark);
}
.btn--primary-text:after, .dark .blogg .btn--black-text:after {
  background: rgba(70, 197, 131, 0.3);
}
.btn--primary-text:disabled, .dark .blogg .btn--black-text:disabled {
  color: rgba(15, 19, 34, 0.4);
}

.btn--white-text {
  color: var(--white-200-main);
}
.btn--white-text:hover {
  color: var(--green-600-dark);
}
.btn--white-text:after {
  background: rgba(70, 197, 131, 0.3);
}
.btn--white-text:disabled {
  color: rgba(15, 19, 34, 0.4);
}

.btn--black-text {
  color: var(--black-main);
}
.btn--black-text:hover {
  color: var(--green-800);
}
.btn--black-text:after {
  background: rgba(40, 138, 87, 0.3);
}
.btn--black-text:disabled {
  color: rgba(15, 19, 34, 0.4);
}

.btn--text {
  color: var(--text-main);
}
.btn--text:hover {
  color: var(--green-800);
}
.btn--text:after {
  background: rgba(40, 138, 87, 0.3);
}
.btn--text:disabled {
  color: var(--text-disabled);
}

.btn--md {
  padding: 8px 18px;
}

.btn--sm {
  padding: 6px 12px;
}

@media screen and (max-width: 768px) {
  .btn {
    padding: 8px 18px;
  }
  .btn--black-text,
  .btn--white-text,
  .btn--primary-text,
  .dark .blogg .btn--black-text,
  .btn--text {
    padding: 6px 8px;
  }
}
.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.h-auto {
  height: auto;
}

.w-auto {
  width: auto;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-inline-flex {
  display: inline-flex;
}

.d-inline-block {
  display: inline-block;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: start;
}

.align-items-end {
  align-items: end;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-end {
  justify-content: end;
}

.direction-column {
  flex-direction: column;
}

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

.direction-column-reverse {
  flex-direction: column-reverse;
}

.direction-row-reverse {
  flex-direction: row-reverse;
}

/* Base grid container */
.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  max-width: 100%;
}

/* Base spacing utilities */
.mt-auto {
  margin-top: auto;
}

.mt-2 {
  margin-top: 2px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

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

.mt-24 {
  margin-top: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-28 {
  margin-bottom: 28px;
}

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

.mb-36 {
  margin-bottom: 36px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-auto {
  margin-left: auto;
}

.ml-0 {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mr-0 {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.p-2 {
  padding: 2px;
}

.p-4 {
  padding: 4px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}

.p-28 {
  padding: 28px;
}

.p-32 {
  padding: 32px;
}

.p-40 {
  padding: 40px;
}

.p-48 {
  padding: 48px;
}

.p-56 {
  padding: 56px;
}

.p-64 {
  padding: 64px;
}

.p-70 {
  padding: 70px;
}

.pt-2 {
  padding-top: 2px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-56 {
  padding-top: 56px;
}

.pt-64 {
  padding-top: 64px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pb-70 {
  padding-bottom: 70px;
}

.br-0 {
  border-radius: 0;
}

.br-2 {
  border-radius: 2px;
}

.br-4 {
  border-radius: 4px;
}

.br-6 {
  border-radius: 6px;
}

.br-8 {
  border-radius: 8px;
}

.br-12 {
  border-radius: 12px;
}

.br-16 {
  border-radius: 16px;
}

/* Base gap utilities */
.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.gap-28 {
  gap: 28px;
}

.gap-32 {
  gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.gap-48 {
  gap: 48px;
}

.gap-56 {
  gap: 56px;
}

.gap-64 {
  gap: 64px;
}

.gap-y-4 {
  row-gap: 4px;
}

.gap-y-8 {
  row-gap: 8px;
}

.gap-y-12 {
  row-gap: 12px;
}

.gap-y-16 {
  row-gap: 16px;
}

.gap-y-20 {
  row-gap: 20px;
}

.gap-y-24 {
  row-gap: 24px;
}

.gap-y-28 {
  row-gap: 28px;
}

.gap-y-32 {
  row-gap: 32px;
}

.gap-y-40 {
  row-gap: 40px;
}

.gap-y-48 {
  row-gap: 48px;
}

.gap-y-56 {
  row-gap: 56px;
}

.gap-y-64 {
  row-gap: 64px;
}

/* Base grid column utilities */
.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

/* Grid start positions */
.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-12 {
  order: 13;
}

@media screen and (max-width: 1280px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* Large spacing utilities */
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-2 {
    margin-top: 2px;
  }
  .lg\:mt-4 {
    margin-top: 4px;
  }
  .lg\:mt-8 {
    margin-top: 8px;
  }
  .lg\:mt-12 {
    margin-top: 12px;
  }
  .lg\:mt-16 {
    margin-top: 16px;
  }
  .lg\:mt-20 {
    margin-top: 20px;
  }
  .lg\:mt-24 {
    margin-top: 24px;
  }
  .lg\:mt-28 {
    margin-top: 28px;
  }
  .lg\:mt-32 {
    margin-top: 32px;
  }
  .lg\:mt-40 {
    margin-top: 40px;
  }
  .lg\:mt-48 {
    margin-top: 48px;
  }
  .lg\:mt-56 {
    margin-top: 56px;
  }
  .lg\:mt-64 {
    margin-top: 64px;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mb-2 {
    margin-bottom: 2px;
  }
  .lg\:mb-4 {
    margin-bottom: 4px;
  }
  .lg\:mb-8 {
    margin-bottom: 8px;
  }
  .lg\:mb-12 {
    margin-bottom: 12px;
  }
  .lg\:mb-16 {
    margin-bottom: 16px;
  }
  .lg\:mb-20 {
    margin-bottom: 20px;
  }
  .lg\:mb-24 {
    margin-bottom: 24px;
  }
  .lg\:mb-28 {
    margin-bottom: 28px;
  }
  .lg\:mb-32 {
    margin-bottom: 32px;
  }
  .lg\:mb-40 {
    margin-bottom: 40px;
  }
  .lg\:mb-48 {
    margin-bottom: 48px;
  }
  .lg\:mb-56 {
    margin-bottom: 56px;
  }
  .lg\:mb-64 {
    margin-bottom: 64px;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pt-2 {
    padding-top: 2px;
  }
  .lg\:pt-4 {
    padding-top: 4px;
  }
  .lg\:pt-8 {
    padding-top: 8px;
  }
  .lg\:pt-12 {
    padding-top: 12px;
  }
  .lg\:pt-16 {
    padding-top: 16px;
  }
  .lg\:pt-20 {
    padding-top: 20px;
  }
  .lg\:pt-24 {
    padding-top: 24px;
  }
  .lg\:pt-28 {
    padding-top: 28px;
  }
  .lg\:pt-32 {
    padding-top: 32px;
  }
  .lg\:pt-40 {
    padding-top: 40px;
  }
  .lg\:pt-48 {
    padding-top: 48px;
  }
  .lg\:pt-56 {
    padding-top: 56px;
  }
  .lg\:pt-64 {
    padding-top: 64px;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:pb-2 {
    padding-bottom: 2px;
  }
  .lg\:pb-4 {
    padding-bottom: 4px;
  }
  .lg\:pb-8 {
    padding-bottom: 8px;
  }
  .lg\:pb-12 {
    padding-bottom: 12px;
  }
  .lg\:pb-16 {
    padding-bottom: 16px;
  }
  .lg\:pb-20 {
    padding-bottom: 20px;
  }
  .lg\:pb-24 {
    padding-bottom: 24px;
  }
  .lg\:pb-28 {
    padding-bottom: 28px;
  }
  .lg\:pb-32 {
    padding-bottom: 32px;
  }
  .lg\:pb-40 {
    padding-bottom: 40px;
  }
  .lg\:pb-48 {
    padding-bottom: 48px;
  }
  .lg\:pb-56 {
    padding-bottom: 56px;
  }
  .lg\:pb-64 {
    padding-bottom: 64px;
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:p-2 {
    padding: 2px;
  }
  .lg\:p-4 {
    padding: 4px;
  }
  .lg\:p-8 {
    padding: 8px;
  }
  .lg\:p-12 {
    padding: 12px;
  }
  .lg\:p-16 {
    padding: 16px;
  }
  .lg\:p-20 {
    padding: 20px;
  }
  .lg\:p-24 {
    padding: 24px;
  }
  .lg\:p-28 {
    padding: 28px;
  }
  .lg\:p-32 {
    padding: 32px;
  }
  .lg\:p-40 {
    padding: 40px;
  }
  .lg\:p-48 {
    padding: 48px;
  }
  .lg\:p-56 {
    padding: 56px;
  }
  .lg\:p-64 {
    padding: 64px;
  }
  /* Large gap utilities */
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-2 {
    gap: 2px;
  }
  .lg\:gap-4 {
    gap: 4px;
  }
  .lg\:gap-8 {
    gap: 8px;
  }
  .lg\:gap-12 {
    gap: 12px;
  }
  .lg\:gap-16 {
    gap: 16px;
  }
  .lg\:gap-20 {
    gap: 20px;
  }
  .lg\:gap-24 {
    gap: 24px;
  }
  .lg\:gap-28 {
    gap: 28px;
  }
  .lg\:gap-32 {
    gap: 32px;
  }
  .lg\:gap-40 {
    gap: 40px;
  }
  .lg\:gap-48 {
    gap: 48px;
  }
  .lg\:gap-56 {
    gap: 56px;
  }
  .lg\:gap-64 {
    gap: 64px;
  }
  .lggap-y-4 {
    row-gap: 4px;
  }
  .lggap-y-8 {
    row-gap: 8px;
  }
  .lggap-y-12 {
    row-gap: 12px;
  }
  .lggap-y-16 {
    row-gap: 16px;
  }
  .lggap-y-20 {
    row-gap: 20px;
  }
  .lggap-y-24 {
    row-gap: 24px;
  }
  .lggap-y-28 {
    row-gap: 28px;
  }
  .lggap-y-32 {
    row-gap: 32px;
  }
  .lggap-y-40 {
    row-gap: 40px;
  }
  .lggap-y-48 {
    row-gap: 48px;
  }
  .lggap-y-56 {
    row-gap: 56px;
  }
  .lggap-y-64 {
    row-gap: 64px;
  }
  /* Large screen grid columns */
  .lg\:col-1 {
    grid-column: span 1;
  }
  .lg\:col-2 {
    grid-column: span 2;
  }
  .lg\:col-3 {
    grid-column: span 3;
  }
  .lg\:col-4 {
    grid-column: span 4;
  }
  .lg\:col-5 {
    grid-column: span 5;
  }
  .lg\:col-6 {
    grid-column: span 6;
  }
  .lg\:col-7 {
    grid-column: span 7;
  }
  .lg\:col-8 {
    grid-column: span 8;
  }
  .lg\:col-9 {
    grid-column: span 9;
  }
  .lg\:col-10 {
    grid-column: span 10;
  }
  .lg\:col-11 {
    grid-column: span 11;
  }
  .lg\:col-12 {
    grid-column: span 12;
  }
  /* Large screen start positions */
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:col-start-5 {
    grid-column-start: 5;
  }
  .lg\:col-start-6 {
    grid-column-start: 6;
  }
  .lg\:col-start-7 {
    grid-column-start: 7;
  }
  .lg\:col-start-8 {
    grid-column-start: 8;
  }
  .lg\:col-start-9 {
    grid-column-start: 9;
  }
  .lg\:col-start-10 {
    grid-column-start: 10;
  }
  .lg\:col-start-11 {
    grid-column-start: 11;
  }
  .lg\:col-start-12 {
    grid-column-start: 12;
  }
  .lg\:col-start-13 {
    grid-column-start: 13;
  }
  .lg\:d-none {
    display: none;
  }
  .lg\:d-block {
    display: block;
  }
  .lg\:d-flex {
    display: flex;
  }
  .lg\:d-grid {
    display: grid;
  }
  .lg\:d-inline-block {
    display: inline-block;
  }
  .lg\:d-inline-flex {
    display: inline-flex;
  }
  .lg\:align-items-center {
    align-items: center;
  }
  .lg\:align-items-start {
    align-items: start;
  }
  .lg\:justify-content-between {
    justify-content: space-between;
  }
  .lg\:justify-content-center {
    justify-content: center;
  }
  .lg\:justify-content-start {
    justify-content: start;
  }
  .lg\:justify-content-end {
    justify-content: end;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-4 {
    order: 4;
  }
  .lg\:order-5 {
    order: 5;
  }
  .lg\:order-6 {
    order: 6;
  }
  .lg\:order-7 {
    order: 7;
  }
  .lg\:order-8 {
    order: 8;
  }
  .lg\:order-9 {
    order: 9;
  }
  .lg\:order-10 {
    order: 10;
  }
  .lg\:order-11 {
    order: 11;
  }
  .lg\:order-12 {
    order: 12;
  }
}
@media screen and (max-width: 992px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  /* Medium spacing utilities */
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-2 {
    margin-top: 2px;
  }
  .md\:mt-4 {
    margin-top: 4px;
  }
  .md\:mt-8 {
    margin-top: 8px;
  }
  .md\:mt-12 {
    margin-top: 12px;
  }
  .md\:mt-16 {
    margin-top: 16px;
  }
  .md\:mt-20 {
    margin-top: 20px;
  }
  .md\:mt-24 {
    margin-top: 24px;
  }
  .md\:mt-28 {
    margin-top: 28px;
  }
  .md\:mt-32 {
    margin-top: 32px;
  }
  .md\:mt-40 {
    margin-top: 40px;
  }
  .md\:mt-48 {
    margin-top: 48px;
  }
  .md\:mt-56 {
    margin-top: 56px;
  }
  .md\:mt-64 {
    margin-top: 64px;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-2 {
    margin-bottom: 2px;
  }
  .md\:mb-4 {
    margin-bottom: 4px;
  }
  .md\:mb-8 {
    margin-bottom: 8px;
  }
  .md\:mb-12 {
    margin-bottom: 12px;
  }
  .md\:mb-16 {
    margin-bottom: 16px;
  }
  .md\:mb-20 {
    margin-bottom: 20px;
  }
  .md\:mb-24 {
    margin-bottom: 24px;
  }
  .md\:mb-28 {
    margin-bottom: 28px;
  }
  .md\:mb-32 {
    margin-bottom: 32px;
  }
  .md\:mb-40 {
    margin-bottom: 40px;
  }
  .md\:mb-48 {
    margin-bottom: 48px;
  }
  .md\:mb-56 {
    margin-bottom: 56px;
  }
  .md\:mb-64 {
    margin-bottom: 64px;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-2 {
    padding-top: 2px;
  }
  .md\:pt-4 {
    padding-top: 4px;
  }
  .md\:pt-8 {
    padding-top: 8px;
  }
  .md\:pt-12 {
    padding-top: 12px;
  }
  .md\:pt-16 {
    padding-top: 16px;
  }
  .md\:pt-20 {
    padding-top: 20px;
  }
  .md\:pt-24 {
    padding-top: 24px;
  }
  .md\:pt-28 {
    padding-top: 28px;
  }
  .md\:pt-32 {
    padding-top: 32px;
  }
  .md\:pt-40 {
    padding-top: 40px;
  }
  .md\:pt-48 {
    padding-top: 48px;
  }
  .md\:pt-56 {
    padding-top: 56px;
  }
  .md\:pt-64 {
    padding-top: 64px;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-2 {
    padding-bottom: 2px;
  }
  .md\:pb-4 {
    padding-bottom: 4px;
  }
  .md\:pb-8 {
    padding-bottom: 8px;
  }
  .md\:pb-12 {
    padding-bottom: 12px;
  }
  .md\:pb-16 {
    padding-bottom: 16px;
  }
  .md\:pb-20 {
    padding-bottom: 20px;
  }
  .md\:pb-24 {
    padding-bottom: 24px;
  }
  .md\:pb-28 {
    padding-bottom: 28px;
  }
  .md\:pb-32 {
    padding-bottom: 32px;
  }
  .md\:pb-40 {
    padding-bottom: 40px;
  }
  .md\:pb-48 {
    padding-bottom: 48px;
  }
  .md\:pb-56 {
    padding-bottom: 56px;
  }
  .md\:pb-64 {
    padding-bottom: 64px;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:p-2 {
    padding: 2px;
  }
  .md\:p-4 {
    padding: 4px;
  }
  .md\:p-8 {
    padding: 8px;
  }
  .md\:p-12 {
    padding: 12px;
  }
  .md\:p-16 {
    padding: 16px;
  }
  .md\:p-20 {
    padding: 20px;
  }
  .md\:p-24 {
    padding: 24px;
  }
  .md\:p-28 {
    padding: 28px;
  }
  .md\:p-32 {
    padding: 32px;
  }
  .md\:p-40 {
    padding: 40px;
  }
  .md\:p-48 {
    padding: 48px;
  }
  .md\:p-56 {
    padding: 56px;
  }
  .md\:p-64 {
    padding: 64px;
  }
  /* Medium gap utilities */
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-2 {
    gap: 2px;
  }
  .md\:gap-4 {
    gap: 4px;
  }
  .md\:gap-8 {
    gap: 8px;
  }
  .md\:gap-12 {
    gap: 12px;
  }
  .md\:gap-16 {
    gap: 16px;
  }
  .md\:gap-20 {
    gap: 20px;
  }
  .md\:gap-24 {
    gap: 24px;
  }
  .md\:gap-28 {
    gap: 28px;
  }
  .md\:gap-32 {
    gap: 32px;
  }
  .md\:gap-40 {
    gap: 40px;
  }
  .md\:gap-48 {
    gap: 48px;
  }
  .md\:gap-56 {
    gap: 56px;
  }
  .md\:gap-64 {
    gap: 64px;
  }
  .md\:gap-y-4 {
    row-gap: 4px;
  }
  .md\:gap-y-8 {
    row-gap: 8px;
  }
  .md\:gap-y-12 {
    row-gap: 12px;
  }
  .md\:gap-y-16 {
    row-gap: 16px;
  }
  .md\:gap-y-20 {
    row-gap: 20px;
  }
  .md\:gap-y-24 {
    row-gap: 24px;
  }
  .md\:gap-y-28 {
    row-gap: 28px;
  }
  .md\:gap-y-32 {
    row-gap: 32px;
  }
  .md\:gap-y-40 {
    row-gap: 40px;
  }
  .md\:gap-y-48 {
    row-gap: 48px;
  }
  .md\:gap-y-56 {
    row-gap: 56px;
  }
  .md\:gap-y-64 {
    row-gap: 64px;
  }
  /* Medium screen grid columns */
  .md\:col-1 {
    grid-column: span 1;
  }
  .md\:col-2 {
    grid-column: span 2;
  }
  .md\:col-3 {
    grid-column: span 3;
  }
  .md\:col-4 {
    grid-column: span 4;
  }
  .md\:col-5 {
    grid-column: span 5;
  }
  .md\:col-6 {
    grid-column: span 6;
  }
  .md\:col-7 {
    grid-column: span 7;
  }
  .md\:col-8 {
    grid-column: span 8;
  }
  .md\:col-9 {
    grid-column: span 9;
  }
  .md\:col-10 {
    grid-column: span 10;
  }
  .md\:col-11 {
    grid-column: span 11;
  }
  .md\:col-12 {
    grid-column: span 12;
  }
  /* Medium screen start positions */
  .md\:col-start-1 {
    grid-column-start: 1;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-start-3 {
    grid-column-start: 3;
  }
  .md\:col-start-4 {
    grid-column-start: 4;
  }
  .md\:col-start-5 {
    grid-column-start: 5;
  }
  .md\:col-start-6 {
    grid-column-start: 6;
  }
  .md\:col-start-7 {
    grid-column-start: 7;
  }
  .md\:col-start-8 {
    grid-column-start: 8;
  }
  .md\:col-start-9 {
    grid-column-start: 9;
  }
  .md\:col-start-10 {
    grid-column-start: 10;
  }
  .md\:col-start-11 {
    grid-column-start: 11;
  }
  .md\:col-start-12 {
    grid-column-start: 12;
  }
  .md\:col-start-13 {
    grid-column-start: 13;
  }
  .md\:d-none {
    display: none;
  }
  .md\:d-block {
    display: block;
  }
  .md\:d-inline-block {
    display: inline-block;
  }
  .md\:d-inline-flex {
    display: inline-flex;
  }
  .md\:d-flex {
    display: flex;
  }
  .md\:d-grid {
    display: grid;
  }
  .md\:align-items-center {
    align-items: center;
  }
  .md\:align-items-start {
    align-items: start;
  }
  .md\:justify-content-between {
    justify-content: space-between;
  }
  .md\:justify-content-center {
    justify-content: center;
  }
  .md\:justify-content-start {
    justify-content: start;
  }
  .md\:justify-content-end {
    justify-content: end;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:order-5 {
    order: 5;
  }
  .md\:order-6 {
    order: 6;
  }
  .md\:order-7 {
    order: 7;
  }
  .md\:order-8 {
    order: 8;
  }
  .md\:order-9 {
    order: 9;
  }
  .md\:order-10 {
    order: 10;
  }
  .md\:order-11 {
    order: 11;
  }
  .md\:order-12 {
    order: 12;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Small spacing utilities */
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-2 {
    margin-top: 2px;
  }
  .sm\:mt-4 {
    margin-top: 4px;
  }
  .sm\:mt-8 {
    margin-top: 8px;
  }
  .sm\:mt-12 {
    margin-top: 12px;
  }
  .sm\:mt-16 {
    margin-top: 16px;
  }
  .sm\:mt-20 {
    margin-top: 20px;
  }
  .sm\:mt-24 {
    margin-top: 24px;
  }
  .sm\:mt-28 {
    margin-top: 28px;
  }
  .sm\:mt-32 {
    margin-top: 32px;
  }
  .sm\:mt-40 {
    margin-top: 40px;
  }
  .sm\:mt-48 {
    margin-top: 48px;
  }
  .sm\:mt-56 {
    margin-top: 56px;
  }
  .sm\:mt-64 {
    margin-top: 64px;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-2 {
    margin-bottom: 2px;
  }
  .sm\:mb-4 {
    margin-bottom: 4px;
  }
  .sm\:mb-8 {
    margin-bottom: 8px;
  }
  .sm\:mb-12 {
    margin-bottom: 12px;
  }
  .sm\:mb-16 {
    margin-bottom: 16px;
  }
  .sm\:mb-20 {
    margin-bottom: 20px;
  }
  .sm\:mb-24 {
    margin-bottom: 24px;
  }
  .sm\:mb-28 {
    margin-bottom: 28px;
  }
  .sm\:mb-32 {
    margin-bottom: 32px;
  }
  .sm\:mb-40 {
    margin-bottom: 40px;
  }
  .sm\:mb-48 {
    margin-bottom: 48px;
  }
  .sm\:mb-56 {
    margin-bottom: 56px;
  }
  .sm\:mb-64 {
    margin-bottom: 64px;
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:p-2 {
    padding: 2px;
  }
  .sm\:p-4 {
    padding: 4px;
  }
  .sm\:p-8 {
    padding: 8px;
  }
  .sm\:p-12 {
    padding: 12px;
  }
  .sm\:p-16 {
    padding: 16px;
  }
  .sm\:p-20 {
    padding: 20px;
  }
  .sm\:p-24 {
    padding: 24px;
  }
  .sm\:p-28 {
    padding: 28px;
  }
  .sm\:p-32 {
    padding: 32px;
  }
  .sm\:p-40 {
    padding: 40px;
  }
  .sm\:p-48 {
    padding: 48px;
  }
  .sm\:p-56 {
    padding: 56px;
  }
  .sm\:p-64 {
    padding: 64px;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pt-2 {
    padding-top: 2px;
  }
  .sm\:pt-4 {
    padding-top: 4px;
  }
  .sm\:pt-8 {
    padding-top: 8px;
  }
  .sm\:pt-12 {
    padding-top: 12px;
  }
  .sm\:pt-16 {
    padding-top: 16px;
  }
  .sm\:pt-20 {
    padding-top: 20px;
  }
  .sm\:pt-24 {
    padding-top: 24px;
  }
  .sm\:pt-28 {
    padding-top: 28px;
  }
  .sm\:pt-32 {
    padding-top: 32px;
  }
  .sm\:pt-40 {
    padding-top: 40px;
  }
  .sm\:pt-48 {
    padding-top: 48px;
  }
  .sm\:pt-56 {
    padding-top: 56px;
  }
  .sm\:pt-64 {
    padding-top: 64px;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pb-2 {
    padding-bottom: 2px;
  }
  .sm\:pb-4 {
    padding-bottom: 4px;
  }
  .sm\:pb-8 {
    padding-bottom: 8px;
  }
  .sm\:pb-12 {
    padding-bottom: 12px;
  }
  .sm\:pb-16 {
    padding-bottom: 16px;
  }
  .sm\:pb-20 {
    padding-bottom: 20px;
  }
  .sm\:pb-24 {
    padding-bottom: 24px;
  }
  .sm\:pb-28 {
    padding-bottom: 28px;
  }
  .sm\:pb-32 {
    padding-bottom: 32px;
  }
  .sm\:pb-40 {
    padding-bottom: 40px;
  }
  .sm\:pb-48 {
    padding-bottom: 48px;
  }
  .sm\:pb-56 {
    padding-bottom: 56px;
  }
  .sm\:pb-64 {
    padding-bottom: 64px;
  }
  /* Small gap utilities */
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-2 {
    gap: 2px;
  }
  .sm\:gap-4 {
    gap: 4px;
  }
  .sm\:gap-8 {
    gap: 8px;
  }
  .sm\:gap-12 {
    gap: 12px;
  }
  .sm\:gap-16 {
    gap: 16px;
  }
  .sm\:gap-20 {
    gap: 20px;
  }
  .sm\:gap-24 {
    gap: 24px;
  }
  .sm\:gap-28 {
    gap: 28px;
  }
  .sm\:gap-32 {
    gap: 32px;
  }
  .sm\:gap-40 {
    gap: 40px;
  }
  .sm\:gap-48 {
    gap: 48px;
  }
  .sm\:gap-56 {
    gap: 56px;
  }
  .sm\:gap-64 {
    gap: 64px;
  }
  .sm\:gap-y-4 {
    row-gap: 4px;
  }
  .sm\:gap-y-8 {
    row-gap: 8px;
  }
  .sm\:gap-y-12 {
    row-gap: 12px;
  }
  .sm\:gap-y-16 {
    row-gap: 16px;
  }
  .sm\:gap-y-20 {
    row-gap: 20px;
  }
  .sm\:gap-y-24 {
    row-gap: 24px;
  }
  .sm\:gap-y-28 {
    row-gap: 28px;
  }
  .sm\:gap-y-32 {
    row-gap: 32px;
  }
  .sm\:gap-y-40 {
    row-gap: 40px;
  }
  .sm\:gap-y-48 {
    row-gap: 48px;
  }
  .sm\:gap-y-56 {
    row-gap: 56px;
  }
  .sm\:gap-y-64 {
    row-gap: 64px;
  }
  /* Small screen grid columns */
  .sm\:col-1 {
    grid-column: span 1;
  }
  .sm\:col-2 {
    grid-column: span 2;
  }
  .sm\:col-3 {
    grid-column: span 3;
  }
  .sm\:col-4 {
    grid-column: span 4;
  }
  .sm\:col-5 {
    grid-column: span 5;
  }
  .sm\:col-6 {
    grid-column: span 6;
  }
  .sm\:col-7 {
    grid-column: span 7;
  }
  .sm\:col-8 {
    grid-column: span 8;
  }
  .sm\:col-9 {
    grid-column: span 9;
  }
  .sm\:col-10 {
    grid-column: span 10;
  }
  .sm\:col-11 {
    grid-column: span 11;
  }
  .sm\:col-12 {
    grid-column: span 12;
  }
  /* Small screen start positions */
  .sm\:col-start-1 {
    grid-column-start: 1;
  }
  .sm\:col-start-2 {
    grid-column-start: 2;
  }
  .sm\:col-start-3 {
    grid-column-start: 3;
  }
  .sm\:col-start-4 {
    grid-column-start: 4;
  }
  .sm\:col-start-5 {
    grid-column-start: 5;
  }
  .sm\:col-start-6 {
    grid-column-start: 6;
  }
  .sm\:col-start-7 {
    grid-column-start: 7;
  }
  .sm\:col-start-8 {
    grid-column-start: 8;
  }
  .sm\:col-start-9 {
    grid-column-start: 9;
  }
  .sm\:col-start-10 {
    grid-column-start: 10;
  }
  .sm\:col-start-11 {
    grid-column-start: 11;
  }
  .sm\:col-start-12 {
    grid-column-start: 12;
  }
  .sm\:col-start-13 {
    grid-column-start: 13;
  }
  .sm\:d-none {
    display: none;
  }
  .sm\:d-block {
    display: block;
  }
  .sm\:d-inline-block {
    display: inline-block;
  }
  .sm\:d-inline-flex {
    display: inline-flex;
  }
  .sm\:d-flex {
    display: flex;
  }
  .sm\:d-grid {
    display: grid;
  }
  .sm\:align-items-center {
    align-items: center;
  }
  .sm\:align-items-start {
    align-items: start;
  }
  .sm\:justify-content-between {
    justify-content: space-between;
  }
  .sm\:justify-content-center {
    justify-content: center;
  }
  .sm\:justify-content-start {
    justify-content: start;
  }
  .sm\:justify-content-end {
    justify-content: end;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:order-4 {
    order: 4;
  }
  .sm\:order-5 {
    order: 5;
  }
  .sm\:order-6 {
    order: 6;
  }
  .sm\:order-7 {
    order: 7;
  }
  .sm\:order-8 {
    order: 8;
  }
  .sm\:order-9 {
    order: 9;
  }
  .sm\:order-10 {
    order: 10;
  }
  .sm\:order-11 {
    order: 11;
  }
  .sm\:order-12 {
    order: 12;
  }
}
@media screen and (max-width: 576px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Small spacing utilities */
  .xs\:mt-0 {
    margin-top: 0;
  }
  .xs\:mt-2 {
    margin-top: 2px;
  }
  .xs\:mt-4 {
    margin-top: 4px;
  }
  .xs\:mt-8 {
    margin-top: 8px;
  }
  .xs\:mt-12 {
    margin-top: 12px;
  }
  .xs\:mt-16 {
    margin-top: 16px;
  }
  .xs\:mt-20 {
    margin-top: 20px;
  }
  .xs\:mt-24 {
    margin-top: 24px;
  }
  .xs\:mt-28 {
    margin-top: 28px;
  }
  .xs\:mt-32 {
    margin-top: 32px;
  }
  .xs\:mt-40 {
    margin-top: 40px;
  }
  .xs\:mt-48 {
    margin-top: 48px;
  }
  .xs\:mt-56 {
    margin-top: 56px;
  }
  .xs\:mt-64 {
    margin-top: 64px;
  }
  .xs\:mb-0 {
    margin-bottom: 0;
  }
  .xs\:mb-2 {
    margin-bottom: 2px;
  }
  .xs\:mb-4 {
    margin-bottom: 4px;
  }
  .xs\:mb-8 {
    margin-bottom: 8px;
  }
  .xs\:mb-12 {
    margin-bottom: 12px;
  }
  .xs\:mb-16 {
    margin-bottom: 16px;
  }
  .xs\:mb-20 {
    margin-bottom: 20px;
  }
  .xs\:mb-24 {
    margin-bottom: 24px;
  }
  .xs\:mb-28 {
    margin-bottom: 28px;
  }
  .xs\:mb-32 {
    margin-bottom: 32px;
  }
  .xs\:mb-40 {
    margin-bottom: 40px;
  }
  .xs\:mb-48 {
    margin-bottom: 48px;
  }
  .xs\:mb-56 {
    margin-bottom: 56px;
  }
  .xs\:mb-64 {
    margin-bottom: 64px;
  }
  .xs\:pt-0 {
    padding-top: 0;
  }
  .xs\:pt-2 {
    padding-top: 2px;
  }
  .xs\:pt-4 {
    padding-top: 4px;
  }
  .xs\:pt-8 {
    padding-top: 8px;
  }
  .xs\:pt-12 {
    padding-top: 12px;
  }
  .xs\:pt-16 {
    padding-top: 16px;
  }
  .xs\:pt-20 {
    padding-top: 20px;
  }
  .xs\:pt-24 {
    padding-top: 24px;
  }
  .xs\:pt-28 {
    padding-top: 28px;
  }
  .xs\:pt-32 {
    padding-top: 32px;
  }
  .xs\:pt-40 {
    padding-top: 40px;
  }
  .xs\:pt-48 {
    padding-top: 48px;
  }
  .xs\:pt-56 {
    padding-top: 56px;
  }
  .xs\:pt-64 {
    padding-top: 64px;
  }
  .xs\:pb-0 {
    padding-bottom: 0;
  }
  .xs\:pb-2 {
    padding-bottom: 2px;
  }
  .xs\:pb-4 {
    padding-bottom: 4px;
  }
  .xs\:pb-8 {
    padding-bottom: 8px;
  }
  .xs\:pb-12 {
    padding-bottom: 12px;
  }
  .xs\:pb-16 {
    padding-bottom: 16px;
  }
  .xs\:pb-20 {
    padding-bottom: 20px;
  }
  .xs\:pb-24 {
    padding-bottom: 24px;
  }
  .xs\:pb-28 {
    padding-bottom: 28px;
  }
  .xs\:pb-32 {
    padding-bottom: 32px;
  }
  .xs\:pb-40 {
    padding-bottom: 40px;
  }
  .xs\:pb-48 {
    padding-bottom: 48px;
  }
  .xs\:pb-56 {
    padding-bottom: 56px;
  }
  .xs\:pb-64 {
    padding-bottom: 64px;
  }
  /* Small gap utilities */
  .xs\:gap-0 {
    gap: 0;
  }
  .xs\:gap-2 {
    gap: 2px;
  }
  .xs\:gap-4 {
    gap: 4px;
  }
  .xs\:gap-8 {
    gap: 8px;
  }
  .xs\:gap-12 {
    gap: 12px;
  }
  .xs\:gap-16 {
    gap: 16px;
  }
  .xs\:gap-20 {
    gap: 20px;
  }
  .xs\:gap-24 {
    gap: 24px;
  }
  .xs\:gap-28 {
    gap: 28px;
  }
  .xs\:gap-32 {
    gap: 32px;
  }
  .xs\:gap-40 {
    gap: 40px;
  }
  .xs\:gap-48 {
    gap: 48px;
  }
  .xs\:gap-56 {
    gap: 56px;
  }
  .xs\:gap-64 {
    gap: 64px;
  }
  .xs\:gap-y-4 {
    row-gap: 4px;
  }
  .xs\:gap-y-8 {
    row-gap: 8px;
  }
  .xs\:gap-y-12 {
    row-gap: 12px;
  }
  .xs\:gap-y-16 {
    row-gap: 16px;
  }
  .xs\:gap-y-20 {
    row-gap: 20px;
  }
  .xs\:gap-y-24 {
    row-gap: 24px;
  }
  .xs\:gap-y-28 {
    row-gap: 28px;
  }
  .xs\:gap-y-32 {
    row-gap: 32px;
  }
  .xs\:gap-y-40 {
    row-gap: 40px;
  }
  .xs\:gap-y-48 {
    row-gap: 48px;
  }
  .xs\:gap-y-56 {
    row-gap: 56px;
  }
  .xs\:gap-y-64 {
    row-gap: 64px;
  }
  /* Small screen grid columns */
  .xs\:col-1 {
    grid-column: span 1;
  }
  .xs\:col-2 {
    grid-column: span 2;
  }
  .xs\:col-3 {
    grid-column: span 3;
  }
  .xs\:col-4 {
    grid-column: span 4;
  }
  .xs\:col-5 {
    grid-column: span 5;
  }
  .xs\:col-6 {
    grid-column: span 6;
  }
  .xs\:col-7 {
    grid-column: span 7;
  }
  .xs\:col-8 {
    grid-column: span 8;
  }
  .xs\:col-9 {
    grid-column: span 9;
  }
  .xs\:col-10 {
    grid-column: span 10;
  }
  .xs\:col-11 {
    grid-column: span 11;
  }
  .xs\:col-12 {
    grid-column: span 12;
  }
  /* Small screen start positions */
  .xs\:col-start-1 {
    grid-column-start: 1;
  }
  .xs\:col-start-2 {
    grid-column-start: 2;
  }
  .xs\:col-start-3 {
    grid-column-start: 3;
  }
  .xs\:col-start-4 {
    grid-column-start: 4;
  }
  .xs\:col-start-5 {
    grid-column-start: 5;
  }
  .xs\:col-start-6 {
    grid-column-start: 6;
  }
  .xs\:col-start-7 {
    grid-column-start: 7;
  }
  .xs\:col-start-8 {
    grid-column-start: 8;
  }
  .xs\:col-start-9 {
    grid-column-start: 9;
  }
  .xs\:col-start-10 {
    grid-column-start: 10;
  }
  .xs\:col-start-11 {
    grid-column-start: 11;
  }
  .xs\:col-start-12 {
    grid-column-start: 12;
  }
  .xs\:col-start-13 {
    grid-column-start: 13;
  }
  .xs\:d-none {
    display: none;
  }
  .xs\:d-block {
    display: block;
  }
  .xs\:d-inline-block {
    display: inline-block;
  }
  .xs\:d-inline-flex {
    display: inline-flex;
  }
  .xs\:d-flex {
    display: flex;
  }
  .xs\:d-grid {
    display: grid;
  }
  .xs\:align-items-center {
    align-items: center;
  }
  .xs\:align-items-start {
    align-items: start;
  }
  .xs\:justify-content-between {
    justify-content: space-between;
  }
  .xs\:justify-content-center {
    justify-content: center;
  }
  .xs\:justify-content-start {
    justify-content: start;
  }
  .xs\:justify-content-end {
    justify-content: end;
  }
  .xs\:order-1 {
    order: 1;
  }
  .xs\:order-2 {
    order: 2;
  }
  .xs\:order-3 {
    order: 3;
  }
  .xs\:order-4 {
    order: 4;
  }
  .xs\:order-5 {
    order: 5;
  }
  .xs\:order-6 {
    order: 6;
  }
  .xs\:order-7 {
    order: 7;
  }
  .xs\:order-8 {
    order: 8;
  }
  .xs\:order-9 {
    order: 9;
  }
  .xs\:order-10 {
    order: 10;
  }
  .xs\:order-11 {
    order: 11;
  }
  .xs\:order-12 {
    order: 12;
  }
}
.headline-54 {
  font-weight: 600;
  font-size: 54px;
  letter-spacing: 0.01em;
}

.headline-48 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 48px;
  letter-spacing: 0.01em;
}

.headline-42 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 42px;
  letter-spacing: 0.01em;
}

.headline-36 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.02em;
}

.headline-32 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.02em;
}

.subtitle-28 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.subtitle-24 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.subtitle-20 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.subtitle-18 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.subtitle-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.subtitle-14, .menu a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body-18 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body-16 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body-14, .cinput__field, .cinput__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.button-16 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.button-14 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.caption-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

.caption-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.07em;
  color: var(--white-secondary);
}

.w-100 {
  width: 100%;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.text-balance {
  text-wrap: balance;
}

.font-main {
  font-family: var(--font-family);
}

.font-secondary {
  font-family: var(--second-family);
}

.lh-sm {
  line-height: 1.2;
}

@media screen and (max-width: 1280px) {
  .lg\:headline-54 {
    font-weight: 700;
    font-size: 54px;
    letter-spacing: 0.01em;
  }
  .lg\:headline-48 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.01em;
  }
  .lg\:headline-42 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0.01em;
  }
  .lg\:headline-36 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0.02em;
  }
  .lg\:headline-32 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.02em;
  }
  .lg\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .lg\:subtitle-28 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .lg\:subtitle-24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .lg\:subtitle-20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .lg\:subtitle-18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .lg\:subtitle-16 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .lg\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .lg\:body-18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .lg\:body-16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .lg\:body-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .lg\:button-16 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .lg\:button-14 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .lg\:caption-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .lg\:caption-12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 992px) {
  .md\:headline-54 {
    font-weight: 700;
    font-size: 54px;
    letter-spacing: 0.01em;
  }
  .md\:headline-48 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.01em;
  }
  .md\:headline-42 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0.01em;
  }
  .md\:headline-36 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0.02em;
  }
  .md\:headline-32 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.02em;
  }
  .md\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .md\:subtitle-28 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .md\:subtitle-24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .md\:subtitle-20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .md\:subtitle-18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .md\:subtitle-16 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .md\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .md\:body-18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .md\:body-16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .md\:body-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .md\:button-16 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .md\:button-14 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .md\:caption-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .md\:caption-12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 768px) {
  .sm\:headline-54 {
    font-weight: 700;
    font-size: 54px;
    letter-spacing: 0.01em;
  }
  .sm\:headline-48 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.01em;
  }
  .sm\:headline-42 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0.01em;
  }
  .sm\:headline-36 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0.02em;
  }
  .sm\:headline-32 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.02em;
  }
  .sm\:headline-28 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.02em;
  }
  .sm\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .sm\:subtitle-28 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .sm\:subtitle-24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .sm\:subtitle-20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .sm\:subtitle-18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .sm\:subtitle-16 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .sm\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .sm\:body-18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .sm\:body-16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .sm\:body-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .sm\:button-16 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .sm\:button-14 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .sm\:caption-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .sm\:caption-12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 576px) {
  .xs\:headline-54 {
    font-weight: 700;
    font-size: 54px;
    letter-spacing: 0.01em;
  }
  .xs\:headline-48 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.01em;
  }
  .xs\:headline-42 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0.01em;
  }
  .xs\:headline-36 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0.02em;
  }
  .xs\:headline-32 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.02em;
  }
  .xs\:headline-28 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.02em;
  }
  .xs\:headline-24 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.02em;
  }
  .xs\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .xs\:subtitle-28 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .xs\:subtitle-24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .xs\:subtitle-20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .xs\:subtitle-18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .xs\:subtitle-16 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .xs\:subtitle-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .xs\:body-18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .xs\:body-16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .xs\:body-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .xs\:button-16 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .xs\:button-14 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .xs\:caption-14 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .xs\:caption-12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
.bg-gradient-card {
  background: var(--gradient-card);
}

.color-white-secondary {
  color: var(--white-secondary);
}

.color-white-200-main {
  color: var(--white-200-main);
}

.color-white-placeholder {
  color: var(--white-placeholder);
}

.color-black-main {
  color: var(--black-main);
}

.color-black-secondary {
  color: var(--black-secondary);
}

.color-text-main {
  color: var(--text-main);
}

.color-text-secondary {
  color: var(--text-secondary);
}

.color-text-placeholder {
  color: var(--text-placeholder);
}

.color-text-disabled {
  color: var(--text-disabled);
}

.color-text-bg {
  color: var(--text-bg);
}

.color-text-outline {
  color: var(--text-outline);
}

.color-white-secondary {
  color: var(--white-secondary);
}

.color-white-200-main {
  color: var(--white-200-main);
}

.color-white-placeholder {
  color: var(--white-placeholder);
}

.color-black-main {
  color: var(--black-main);
}

.color-black-secondary {
  color: var(--black-secondary);
}

.color-text-main {
  color: var(--text-main);
}

.color-text-secondary {
  color: var(--text-secondary);
}

.color-text-placeholder {
  color: var(--text-placeholder);
}

.color-text-disabled {
  color: var(--text-disabled);
}

.color-text-bg {
  color: var(--text-bg);
}

.color-text-outline {
  color: var(--text-outline);
}

.gradient-white-to-green {
  background: linear-gradient(90deg, var(--text-main) 0%, #6cffb2 100%);
}

.gradient-white-to-blue {
  background: linear-gradient(90deg, var(--text-main) 58%, #003cff 100%);
}

.text-gradient {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.min-h-40 {
  min-height: 40px;
}

html:not(.dark) .phero,
html:not(.dark) .hbanner {
  background-color: var(--black-main);
  overflow: hidden;
}
html:not(.dark) .hbanner__title, html:not(.dark) .hbanner__snippet,
html:not(.dark) .hbanner div {
  z-index: 2;
  position: relative;
}
html:not(.dark) .services:before,
html:not(.dark) .stack:before,
html:not(.dark) .navcards:before,
html:not(.dark) .scrollable:before,
html:not(.dark) .industries:before,
html:not(.dark) .grouped-stack:before,
html:not(.dark) .lrcontent--left:before,
html:not(.dark) .achievements:before,
html:not(.dark) .team:before,
html:not(.dark) .history:before {
  opacity: 0.3;
}
html:not(.dark) .process:before {
  opacity: 0.2;
}
html:not(.dark) .cta {
  background: url(../img/blocks/light/cta-background.svg) no-repeat center/contain;
  background-color: #f4f8ff;
}
html:not(.dark) .solutions:before {
  opacity: 0.5;
}
html:not(.dark) .progress-load {
  background: var(--green-600-dark);
}
html:not(.dark) .minicards:after {
  opacity: 0.6;
}
html:not(.dark) body:has(.phero) .header:not(.scrolled) {
  color: var(--white-200-main);
}
html:not(.dark) .header.scrolled {
  box-shadow: 0px 0px 10px #bfbfbf;
}
html:not(.dark) .achievements--vertical .grid .achievement {
  background: var(--gradient-card);
}
html:not(.dark) body:has(.hbanner) .header:not(.scrolled) {
  background: var(--black-main);
  color: var(--white-200-main);
}
html:not(.dark) body:has(.hbanner) .header:not(.scrolled) .logo-dark {
  display: none;
}
html:not(.dark) body:has(.hbanner) .header:not(.scrolled) .custom-logo {
  display: block;
}
html:not(.dark) .minicard:hover {
  color: var(--green-600-dark);
}

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