html, body {
  height: 100%;
  position: relative; }

.bde-header-builder .button-atom--primary {
  min-width: 11.25rem; }

.bde-header-builder .nav-active a {
  color: #CFCFFF !important; }

.custom-nav {
  border: 1px solid rgba(207, 207, 255, 0.1);
  border-radius: 1rem; }
  .custom-nav nav ul {
    padding: 0 0.5rem; }
  .custom-nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem; }
    .custom-nav a::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: -webkit-linear-gradient(19.57deg, #3398DB 6.71%, #F1C40E 33.95%, #F39C12 74.59%, #E74D3C 93.66%);
      background: linear-gradient(70.43deg, #3398DB 6.71%, #F1C40E 33.95%, #F39C12 74.59%, #E74D3C 93.66%);
      z-index: 1;
      -webkit-filter: blur(2px);
              filter: blur(2px);
      opacity: 0.0; }
  .custom-nav .nav-active a::before {
    opacity: 1.0; }

.button-atom {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px); }

section::after {
  content: '';
  background-image: url("/wp-content/uploads/2026/01/grain_overlay-scaled.webp");
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  background-position: center center;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.pulsating-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem; }
  .pulsating-container::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: -webkit-linear-gradient(19.57deg, #3398DB 6.71%, #F1C40E 33.95%, #F39C12 74.59%, #E74D3C 93.66%);
    background: linear-gradient(70.43deg, #3398DB 6.71%, #F1C40E 33.95%, #F39C12 74.59%, #E74D3C 93.66%);
    -webkit-animation: pulse 2s infinite ease-out;
            animation: pulse 2s infinite ease-out;
    z-index: 1;
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  .pulsating-container .dot {
    width: 6px;
    height: 6px;
    -webkit-filter: blur(2px);
            filter: blur(2px);
    z-index: 2; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8; }
  100% {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8; }
  100% {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }

.card-bg-blur {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px); }

@media (max-width: 767px) {
  .bde-grid-21-141.bde-grid {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1.5rem;
    padding-bottom: 20px; }
  .bde-grid-21-141.bde-grid > .bde-div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-align: center; }
  .bde-grid-21-141.bde-grid::-webkit-scrollbar {
    display: none; }
  .bde-grid-21-141.bde-grid {
    -ms-overflow-style: none;
    scrollbar-width: none; } }

.morph-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  -webkit-filter: blur(48px);
          filter: blur(48px);
  overflow: visible !important; }
  .morph-container .morph-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    width: 100%;
    height: auto;
    max-width: none; }

.line-section {
  pointer-events: none;
  width: 75rem;
  max-width: 100%;
  height: 100vh;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  opacity: 1;
  z-index: 1; }

.line-section .line {
  background-image: -webkit-repeating-linear-gradient(top, transparent, transparent 8px, rgba(207, 207, 255, 0.2) 8px, rgba(207, 207, 255, 0.2) 10px);
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 8px, rgba(207, 207, 255, 0.2) 8px, rgba(207, 207, 255, 0.2) 10px);
  background-color: transparent;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  display: none; }

@media only screen and (min-width: 1240px) {
  .line-section .line {
    display: block; } }

.line-section .line:nth-child(1) {
  left: 0px; }

.line-section .line:nth-child(2) {
  left: 179px; }

.line-section .line:nth-child(3) {
  left: 204px; }

.line-section .line:nth-child(4) {
  left: 383px; }

.line-section .line:nth-child(5) {
  left: 408px; }

.line-section .line:nth-child(6) {
  left: 587px; }

.line-section .line:nth-child(7) {
  left: 612px; }

.line-section .line:nth-child(8) {
  left: 791px; }

.line-section .line:nth-child(9) {
  left: 816px; }

.line-section .line:nth-child(10) {
  left: 995px; }

.line-section .line:nth-child(11) {
  left: 1020px; }

.line-section .line:nth-child(12) {
  left: 1199px; }

@media (max-width: 767px) {
  .custom-nav nav ul {
    padding: 0; }
  .custom-nav a::before {
    display: none; }
  .morph-container {
    -webkit-filter: blur(32px);
            filter: blur(32px); } }
