:root {
  color-scheme: dark;
}

iframe#div_block-97-38 {
  color-scheme: light;
}

body {
  --dark-base-color: #0a0a0a;
  --dark-base-rgb: 10, 10, 10;
  background-color: var(--dark-base-color);
}

.tippy-content a {
  color: var(--primary-color) !important;
}
/* header and menu stuff */

#-off-canvas-19-37.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner {
  backdrop-filter: blur(10px);
}

.headroom {
  will-change: transform;
  transition: transform 200ms linear;
  z-index: 99;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}

#cwp_header {
  z-index: 99999;
}

#cwp_header-dropdown-features {
  position: absolute;
  top: 100%; /* Adjust this value based on your header height */
  left: 0;
  width: 100%; /* Adjust the width as necessary */
  z-index: 1000; /* Ensure it appears above other elements */
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  visibility: hidden;
}

#cwp_header-dropdown-features:hover,
#cwp_header-dropdown-features.show-dropdown {
  display: block;
  visibility: visible;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.headroom--not-top,
.headroom--dropdown-open,
#cwp_header-dropdown-features {
  background-color: rgba(var(--dark-base-rgb), 0.8);
  box-shadow: 0 0 10px rgba(var(--dark-base-rgb), 0.5);
  backdrop-filter: blur(10px);
  transition: all 200ms linear;
}

#link_text-178-37:hover .dd-icon,
.headroom--dropdown-open .dd-icon {
  transform: rotate(180deg);
}

.cwp_mm-features-item {
  transform: scale(0.98);
  transition: transform 200ms ease-in-out;
}

.headroom--dropdown-open .cwp_mm-features-item {
  transform: scale(1);
  transition: transform 200ms ease-in-out;
}

.dd-icon {
  transition: transform 200ms linear;
  transform-origin: center;
}

.headroom--dropdown-open {
  transform: translateY(0%) !important;
}

/* Resize top section for hover menu */
section:first-child > .ct-section-inner-wrap {
  padding-top: calc(
    80px + min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem)
  )!important;
}

.wp-block-table {
  padding:0px, var(--s-8);
}

/* dot button styles */

.cwp-dot {
  background-color: white;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;

  cursor: pointer;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cwp-dot-container:hover .cwp-dot {
  transform: scale(2.5); /* 50px / 20px */
}

.cwp-arrow {
  width: 55%;
  height: 55%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.45s ease-in-out;
  transform: rotate(10deg) translate(-5px, 5px);
  fill: #2d2d2f;
}

.cwp-dot-container:hover .cwp-dot .cwp-arrow {
  opacity: 1;
  transform: rotate(0deg) translate(0px, 0px);
}

.cwp-arrow .clicked {
  animation: bounce 0.2s forwards;
}

@keyframes bounce {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

/* pricing table */
#div_block-609-60-1 {
  border-right: solid 1px rgba(255, 255, 255, 0.15);
  border-left: solid 1px rgba(255, 255, 255, 0.15);
}

.grid-lines {
  background-repeat: repeat-y !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTI0MCA4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwb2x5Z29uIGZpbGw9JyMwMzE3MUEnIG9wYWNpdHk9Jy4wOCcgcG9pbnRzPScuNjcgMCAwIDAgMCA4IC42NyA4IC42NyAwIC42NyAwJy8+PHBvbHlnb24gZmlsbD0nIzAzMTcxQScgb3BhY2l0eT0nLjA4JyBwb2ludHM9JzMxMSAwIDMxMCAwIDMxMCA0IDMxMSA0IDMxMSAwIDMxMSAwJy8+PHBvbHlnb24gZmlsbD0nIzAzMTcxQScgb3BhY2l0eT0nLjA4JyBwb2ludHM9JzYyMSAwIDYyMCAwIDYyMCA0IDYyMSA0IDYyMSAwIDYyMSAwJy8+PHBvbHlnb24gZmlsbD0nIzAzMTcxQScgb3BhY2l0eT0nLjA4JyBwb2ludHM9JzkzMSAwIDkzMCAwIDkzMCA0IDkzMSA0IDkzMSAwIDkzMSAwJy8+PHBvbHlnb24gZmlsbD0nIzAzMTcxQScgb3BhY2l0eT0nLjA4JyBwb2ludHM9JzEyNDAgMCAxMjM5LjMzIDAgMTIzOS4zMyA4IDEyNDAgOCAxMjQwIDAgMTI0MCAwJy8+PC9zdmc+Cg==) !important;
  background-origin: content-box !important;
}

/* lightbox styles */
#link-lightbox-479-18 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#link-lightbox-479-18:hover #fancy_icon-424-18 {
  opacity: 0.75;
}

.oxy-lightbox .fancybox-slide [data-fancybox-close] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  padding: var(--s-2);
  background-color: #fff;
}

.oxy-lightbox .fancybox-slide [data-fancybox-close]:hover {
  background-color: #fff;
}

/* CWP Card */

.cwp_card-2 {
  background: radial-gradient(
    50% 107.4% at 83% 75%,
    #1d2023 0%,
    rgba(255, 255, 255, 0.04) 100%
  );
  border-radius: 0.3rem;
  box-shadow: inset 0 0.5px #ffffff1a,
    0 0.6022px 1.5657px -0.8333px rgba(var(--dark-base-rgb), 0.2),
    0 2.2885px 5.9502px -1.6667px rgba(var(--dark-base-rgb), 0.2),
    0 10px 26px -2.5px rgba(var(--dark-base-rgb), 0.2);
  padding: var(--s-4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.cwp_card-1 {
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 0.3rem;
  box-shadow: rgba(255, 255, 255, 0.1) 0 0.5px 0 inset;
  filter: hue-rotate(0deg);
  padding: var(--s-4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

}

.oxy-tabs-contents {
  position: relative;
}
.oxy-tabs-contents-content-hidden {
  display: inherit !important;
  position: absolute;
  opacity: 0;
  transition: 0.5s ease opacity;
  pointer-events: none;
  cursor: default;
}

.blob-bg-1 {
  background-image: linear-gradient(
      var(--dark-base-color),
      rgba(var(--dark-base-rgb), 0) 50%,
      var(--dark-base-color) 100%
    ),
    linear-gradient(
      rgba(var(--dark-base-rgb), 0.6),
      rgba(var(--dark-base-rgb), 0.6)
    ),
    var(--wpr-bg-08cbf3dd-ad1e-4e80-9cbd-a5e628716a3d);
  background-size: auto, auto, 75% auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

:root {
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - (var(--s-4) * -200));
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--s-4);
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee figure {
  margin: 0px;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--s-4);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

.marquee__group:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}



/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}

figure.wp-block-image {
  margin: var(--s-4) 0px;
  overflow: hidden;
  max-width: 100%;
}

figure.wp-block-image img {
  border-radius: 0.3rem;
}

figure.wp-block-gallery {
  margin: var(--s-8) 0px;
}

.shine-item:hover::before {
  opacity: 1;
}

.shine-item::before,
.shine-item::after {
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transition: opacity 500ms;
  width: 100%;
}

.shine-item::before {
  background: radial-gradient(
    800px circle at var(--mouse-x) var(--mouse-y),
    rgba(255, 255, 255, 0.06),
    transparent 40%
  );
  z-index: 3;
}

.shine-item::after {
  background: radial-gradient(
    600px circle at var(--mouse-x) var(--mouse-y),
    rgba(255, 255, 255, 0.4),
    transparent 40%
  );
  z-index: 1;
}

.marquee__group figure {
  transition: all 0.3s;
}
.marquee__group figure:hover {
  transform: scale(0.95);
}

.cwp-button-line-1 {
  background-color: transparent;
  color: transparent;
  background-image: linear-gradient(135deg, #ffffff, #dcdcdc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  border-color: rgba(255, 255, 255, 0.15);
}

.cwp-button-line-1:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: radial-gradient(
    190.82% 190.82% at 50% 100%,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 0.62) 18.09%
  );
  opacity: 0.1;
  transition: opacity 0.3s;
  z-index: -1;
}

.cwp-button-line-1:hover:after {
  opacity: 0.18;
}

.wp-block-buttons {
  color:white;
}

.cwp_mode-landing-icon {
  object-fit: contain;
  object-position: center;
  width:40px;
  height:40px;
  margin-bottom: -7px;
}

.cwp_mode-landing-item-wrap {
  /* smth here */
}

.oxy-expand-collapse-icon::after, .oxy-expand-collapse-icon::before {
	background-color:#fff!important;
}

.wp-block-kevinbatdorf-code-block-pro {
  margin-bottom: var(--s-8);
  max-width: 600px;
  border-radius: 0.3rem;
  overflow: hidden;
}

figure {
  margin: var(--s-4) 0;
  border-radius: 0.3rem;
  overflow: hidden;
}

#text_block-14-37 {
  transform:all .2s;
}

.button-loader {
  position: relative;
  overflow: hidden;
  color: transparent; /* make the text invisible */
  user-select: none; /* prevent selection of the text */
  width: 7.2rem;
  text-align: center;
  text-indent: -9999px;
}

.button-loader:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid #fff;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  box-sizing: border-box;
  transform-origin: 50% 50%;
  z-index: 5;
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}