.grecaptcha-badge {
  visibility: hidden;
}

html,
body {
  max-width: 100% !important;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  height: 100vh;
}

:root {
  --onlypages-contrast: #252525;
  --onlypages-heading: #544f5a;
  --onlypages-paragraph: #544f5a;
  --onlypages-background-1: #f4f5fb;
  --onlypages-background-2: #dbdce1;
  --opm-font-family: "inter", "sans-serif", "-apple-system",
    "blinkmacsystemfont", "Segoe UI", "roboto", "Helvetica Neue", "arial",
    "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --opm-p-color: #050505;
  --opm-contrast-color: #252525;
  --opm-h-color: #050505;
  --opm-bg-color-1: #fff;
  --opm-bg-color-2: #f1f1f1;
  --opm-bg-color-3: #d3d3d5;
  --opm-generic-color: #000;
  --opm-p-color-dark: #abb0a5;
  --opm-contrast-color-dark: #ededed;
  --opm-h-color-dark: #f4f5fb;
  --opm-bg-color-1-dark: #0b0a04;
  --opm-bg-color-2-dark: #24231e;
  --opm-bg-color-3-dark: #2c2c2a;
  --opm-generic-color-dark: #000;
  --border-radius: 0.375;
  --opm-border-radius: 0.75rem;
  --opm-top-left-border-radius: 0.75rem;
  --opm-top-right-border-radius: 0.75rem;
  --opm-bottom-left-border-radius: 0.75rem;
  --opm-bottom-right-border-radius: 0.75rem;
  --opm-font-size: 15px;
  --opm-border-color: #f1f1f1;
  --opm-border-width: 0px;
  --opm-section-border-radius: 0px;
}

.tw-font-opm-heading-font-family {
  font-family: var(--opm-heading-font-family, var(--opm-font-family));
}

.divider-container {
  position: relative;
  overflow: hidden;
}

.flipped {
  scale: -1 1;
}

.book-divider,
.curve-divider,
.diagonal-divider,
.gradient-divider,
.liquid-divider,
.paper-divider,
.slices-divider,
.tech-divider,
.accented-divider,
.clouds-divider,
.fold-divider,
.layers-divider,
.wave-divider,
.default-divider-style {
  position: relative;
  overflow: hidden;
  height: calc(100px * var(--scale-y));
}

.book-divider::before,
.curve-divider::before,
.diagonal-divider::before,
.gradient-divider::before,
.liquid-divider::before,
.paper-divider::before,
.slices-divider::before,
.tech-divider::before,
.accented-divider::before,
.clouds-divider::before,
.fold-divider::before,
.layers-divider::before,
.wave-divider::before,
.default-divider-style::before {
  position: absolute;
  z-index: 3;
  background-color: var(--background);
  background-image: var(--url);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: calc(100% * var(--scale-x)) calc(90px * var(--scale-y));
  content: "";
  inset: -1px;
  pointer-events: none;

  @media (width >= 1025px) {
    inset: -0.1vw;
  }
}

.clouds-divider {
  rotate: 180deg;
}

.clouds-divider::before,
.fold-divider::before,
.layers-divider::before,
.wave-divider::before,
.responsive-divider::before {
  @media (width <= 1025px) {
    background-image: var(--responsive-url);
  }
}

.handle {
  display: none !important;
}

.ql-size-small {
  font-size: 0.75em;
}

.ql-size-large {
  font-size: 1.5em;
}

.ql-size-huge {
  font-size: 2.5em;
}

ol {
  counter-reset: list;
}

ol > li.ql-indent-1,
ol > li.ql-indent-2 {
  list-style: none;
  counter-increment: list;
  position: relative;
}

ol > li.ql-indent-1::before,
ol > li.ql-indent-2::before {
  content: counter(list, lower-latin) ". ";
  margin-right: 0.5rem;
}

.ql-indent-1 {
  padding-left: 1.5rem;
}

.ql-indent-2 {
  padding-left: 3rem;
}

.opm-quotes-before {
  &::before {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 200px;
    height: 200px;
    background: url("https://assets.sagui.site/website-builder/quotes.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    opacity: 0.1;
  }
}

.modal-overlay {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
}

.v-icon--size-default {
  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}

.v-icon {
  --v-icon-size-multiplier: 1;
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  text-indent: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1em;
  min-width: 1em;
}

.tw-aspect-video {
  aspect-ratio: 16 / 9;
}

.tw-aspect-square {
  aspect-ratio: 1 / 1;
}

.open-video-modal {
  color: white !important;
  width: 100%;
  height: 100%;
}

.open-video-modal svg {
  background-color: white;
  border-radius: 50%;
  color: black;
  padding: 10px;
  width: 50px;
  height: 50px;
}

html {
  scroll-behavior: smooth;
}

.posts-card-carousel-swiper {
  --swiper-navigation-top-offset: 92%;
  padding-bottom: 50px;
}

.posts-card-carousel-swiper .swiper-button-next {
  --swiper-navigation-sides-offset: 32px;
}

.posts-card-carousel-swiper .swiper-button-prev {
  --swiper-navigation-sides-offset: 85%;
}

.posts-card-carousel-swiper .swiper-button-next,
.posts-card-carousel-swiper .swiper-button-prev {
  --swiper-theme-color: var(--opm-bg-color-1);

  z-index: 12;
  padding: 18px;
  border-radius: 50%;
  background-color: var(--opm-bg-color-3);

  --swiper-navigation-size: 16px;
}

@keyframes slowAppear {
  from {
    bottom: -85px;
  }
  to {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  #saguiAI-toast {
    animation: slowAppear 0.8s ease-in-out;
    bottom: 0;
  }
}

.opm-map iframe {
  width: 100%;
  height: 100%;
}

.blog .ql-editor {
  padding-right: 0!important;
  padding-left: 0!important;
  color: var(--opm-p-color);
  font-size: var(--opm-font-size);
  overflow-wrap: normal!important;
  white-space: normal!important;
  word-wrap: normal!important;
}

/* Title (H1) */
.blog-title {
  margin-top: 0; /* 37.5px */
  margin-bottom: 0.5em; /* 22.5px */
}

.blog-h1,
.blog .ql-editor h1 {
  margin-top: 2.5em; /* 37.5px */
  margin-bottom: 1.5em; /* 22.5px */
  color: var(--opm-h-color);
  font-size: 2.7em; /* 45px */
  line-height: 1.3; /* 58.5px */
}

.blog-title {
  margin-top: 0; /* 37.5px */
  margin-bottom: 0.5em; /* 22.5px */
}

/* Subtitle (H2) */
.blog-h2,
.blog .ql-editor h2 {
  margin-top: 2em; /* 30px */
  margin-bottom: 1.2em; /* 18px */
  color: var(--opm-h-color);
  font-size: 2.3em; /* 36px */
  line-height: 1.3; /* 46.8px */
}

/* Section Title (H3) */
.blog-h3,
.blog .ql-editor h3 {
  margin-top: 1.8em; /* 27px */
  margin-bottom: 1em; /* 15px */
  color: var(--opm-h-color);
  font-size: 2em; /* 30px */
  line-height: 1.3; /* 39px */
}

/* Subsection Title (H4) */
.blog-h4,
.blog .ql-editor h4 {
  margin-top: 1.5em; /* 22.5px */
  margin-bottom: 0.8em; /* 12px */
  color: var(--opm-h-color);
  font-size: 1.6em; /* 24px */
  line-height: 1.4; /* 33.6px */
}

/* Minor Title (H5) */
.blog-h5,
.blog .ql-editor h5 {
  margin-top: 1.2em; /* 18px */
  margin-bottom: 0.6em; /* 9px */
  color: var(--opm-h-color);
  font-size: 1.4em; /* 21px */
  line-height: 1.4; /* 29.4px */
}

/* Small Title (H6) */
.blog-h6,
.blog .ql-editor h6 {
  margin-top: 1em; /* 15px */
  margin-bottom: 0.5em; /* 7.5px */
  color: var(--opm-h-color);
  font-size: 1.2em; /* 18px */
  line-height: 1.5; /* 27px */
}

/* Paragraphs */
.blog-p,
.blog .ql-editor p {
  margin: 10px 0 20px !important;
  color: var(--opm-p-color);
  font-size: var(--opm-font-size)!important;
  line-height: 1.8 !important;
}

/* Unordered List */
.blog .ql-editor ul {
  padding-left: 1.5em !important;
  margin: 10px 0 20px !important;
  color: var(--opm-p-color);
  font-size: var(--opm-font-size)!important;
  list-style-type: disc !important;
}

/* Ordered List */
.blog .ql-editor ol {
  padding-left: 1.5em !important;
  margin: 10px 0 20px !important;
  color: var(--opm-p-color);
  font-size: var(--opm-font-size)!important;
  list-style-type: decimal !important;
}

/* List Items */
.blog .ql-editor ol li {
  padding-left: 5px !important;
  margin-bottom: 8px !important;
  color: var(--opm-p-color);
  font-size: var(--opm-font-size)!important;
  list-style-type: decimal !important;
}

.blog .ql-editor ul li {
  margin-bottom: 8px !important;
  list-style-type: disc !important;
  padding-left: 5px !important;
  color: var(--opm-p-color);
}

/* List Items */
.blog .ql-editor ol li::marker {
  display: none!important;
  opacity: 0!important;
}

.blog .ql-editor ol li {
  margin-bottom: 8px !important;
}

.blog .ql-editor ul li {
  margin-bottom: 8px !important;
  list-style-type: disc !important;
  padding-left: 5px !important;
}

.blog .ql-editor img,
.blog .ql-editor iframe,
.blog .ql-editor video {
  border-radius: var(--opm-border-radius);
}

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

.mt-3 {
  margin-top: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.image-card-text-carousel-swiper .swiper-slide {
  height: auto;
}

.opm-quotes-before-top::before {
  position: absolute;
  top: -100px;
  left: 50%;
  width: 200px;
  height: 200px;
  background: url("https://assets.sagui.site/website-builder/quotes.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  opacity: 0.1;
  transform: translateX(-50%);
}

details summary {
  list-style: none;
  outline: none;
}

details summary::-webkit-details-marker {
  display: none;
}
.tw-form-input.tw-border-opm-border-color, 
.tw-form-select.tw-border-opm-border-color, 
.tw-form-textarea.tw-border-opm-border-color {
  border-width: 1px;
  border-style: solid;
}

.tw-opm-section-radius {
  border-radius: var(--opm-section-border-radius);
}

.ql-editor {
  white-space: normal!important;
}

.wp-block-button a {
  padding: 10px 20px;
  display: inline-flex;
  border-radius: var(--border-radius);
  text-decoration: none!important;
}

.ql-editor a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ql-editor a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.tw-min-w-72 {
  min-width:18rem;
}

.tw-center-hv {
  inset: 50% auto auto 50%!important;
  transform: translate(-50%, -50%)!important;
}

.swiper-button-prev, .swiper-button-next {
  z-index: 11!important;
}

.tw-navigation-center-md {
  --swiper-navigation-top-offset: 96%;
}

@media (min-width: 768px) {
  .tw-navigation-center-md {
    --swiper-navigation-top-offset: 50%;
  }
}

.katex-html[aria-hidden="true"] {
  display: none!important;
}

[hide-on-empty="true"] {
  display: none;
}

.opm-p-style ul {
  list-style-position: inside;
  list-style-type: disc;
}

.opm-p-style ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.opm-p-style ol {
  counter-reset: list;
}

.opm-p-style ol > li.ql-indent-1,
.opm-p-style ol > li.ql-indent-2 {
  position: relative;
  counter-increment: list;
  list-style: none;
}

.opm-p-style ol > li.ql-indent-1::before,
.opm-p-style ol > li.ql-indent-2::before {
  margin-right: 0.5rem;
  content: counter(list, lower-latin) ". ";
}

.opm-p-style .ql-indent-1 {
  padding-left: 1.5rem;
}

.opm-p-style .ql-indent-2 {
  padding-left: 3rem;
}

@media only screen and (max-width: 768px) {
  #website-page-container h1 {
    --opm-font-size: clamp(16px, 10vw, 40px) !important;
  }

  #website-page-container h2 {
    --opm-font-size: clamp(16px, 10vw, 30px) !important;
  }

  #website-page-container h3 {
    --opm-font-size: clamp(16px, 10vw, 20px) !important;
  }

  #website-page-container h4 {
    --opm-font-size: clamp(16px, 10vw, 18px) !important;
  }
  #web-builder-section-1738609985861-s-8 {
    padding-top: 50px;
  }
}