/* Extracted from sk/cloud-management.html; keep this link after site-wide styles. */
      /* Pozadie sekcií */
      #section-about,
      #section-schedule,
      #section-tickets,
      #section-venue,
      #section-faq,
      #section-coop,
      #section-quick-cta,
      footer.bg-dark,
      footer.dark-scheme {
        background-color: var(--color-surface-soft) !important;
      }

      /* Sticky header — svetlejšia tmavá farba pri scrollovaní */
      header.smaller {
        background: var(--color-text) !important;
      }

      /* Fialový gradient — scroll attachment na #wrapper, jemné prekrývajúce sa glow-spoty. */
      #wrapper {
        background:
          /* Glow 1 — vľavo, ~14% */
          radial-gradient(ellipse 55% 25% at 22% 14%, rgba(140,90,255,0.22) 0%, rgba(180,140,255,0.08) 50%, transparent 85%),
          /* Glow 2 — vpravo, ~30% */
          radial-gradient(ellipse 50% 22% at 78% 30%, rgba(190,150,255,0.18) 0%, rgba(210,180,255,0.06) 55%, transparent 88%),
          /* Glow 3 — vľavo, ~48% */
          radial-gradient(ellipse 55% 25% at 22% 48%, rgba(140,90,255,0.20) 0%, rgba(180,140,255,0.07) 55%, transparent 88%),
          /* Glow 4 — vpravo, ~66% */
          radial-gradient(ellipse 50% 22% at 78% 66%, rgba(190,150,255,0.18) 0%, rgba(210,180,255,0.06) 55%, transparent 88%),
          /* Glow 5 — vľavo, ~84% */
          radial-gradient(ellipse 55% 25% at 22% 84%, rgba(140,90,255,0.16) 0%, transparent 85%),
          var(--color-surface-accent);
      }
      html, body {
        background: transparent !important;
      }

      /* Zjednotenie veľkosti textov pod nadpismi vo všetkých sekciách */
      p.lead,
      .motion-base-text p,
      .motion-row-text p,
      #section-motion-2 .motion-base-text p,
      #section-motion-2 .motion-row-text p {
        font-size: 1.05rem !important;
        line-height: 1.7 !important;
        font-weight: 400 !important;
        letter-spacing: -0.1px !important;
      }
      /* Svetlé sekcie sú transparentné — ukazujú gradient z body */
      #section-about,
      #section-motion-2,
      #section-schedule,
      #section-venue,
      #section-faq,
      #section-coop,
      #section-quick-cta {
        background: transparent !important;
        position: relative;
      }

      /* Pozadie sekcie s fialovými pasmi */
      /* Bežiace pásy v section-about — text musí ostať biely na fialovom pozadí */
      #section-about .de-marquee-list-1 span,
      #section-about .de-marquee-list-2 span {
        color: #ffffff !important;
      }

      /* Sekcia Naše služby — TMAVÁ s jarallax bg (presne ako sekcia Naše technológie na index.html) */
      /* Spoliehame sa na natívne .bg-dark + .jarallax + .sw-overlay.op-8 + .gradient-edge-*
         zo style.css. Tu len texty v hlavičke sekcie. */
      #section-why-attend .subtitle {
        color: #b48dff !important;
      }
      #section-why-attend h1, #section-why-attend h2 {
        color: #ffffff !important;
        background: none !important;
        -webkit-text-fill-color: #ffffff !important;
      }
      #section-why-attend .lead {
        color: rgba(255,255,255,0.78) !important;
      }

      /* Farba textu v svetlých sekciách */
      #section-about,
      #section-about h1, #section-about h2, #section-about h3,
      #section-about h4, #section-about h5, #section-about h6,
      #section-about p, #section-about li, #section-about span,
      #section-about a, #section-about .subtitle,
      #section-schedule,
      #section-schedule h1, #section-schedule h2, #section-schedule h3,
      #section-schedule h4, #section-schedule p, #section-schedule span,
      #section-schedule .subtitle,
      #section-tickets,
      #section-tickets h1, #section-tickets h2, #section-tickets h3,
      #section-tickets h4, #section-tickets p, #section-tickets span,
      #section-tickets .subtitle,
      #section-venue,
      #section-venue h1, #section-venue h2, #section-venue h3,
      #section-venue h4, #section-venue p, #section-venue span,
      #section-venue .subtitle,
      #section-faq,
      #section-faq h1, #section-faq h2, #section-faq h3,
      #section-faq h4, #section-faq p, #section-faq span,
      #section-faq .subtitle,
      #section-coop,
      #section-coop h1, #section-coop h2, #section-coop h3,
      #section-coop h4, #section-coop p, #section-coop span,
      #section-coop .subtitle {
        color: var(--color-text-strong) !important;
      }

      /* Nadpisy v svetlých sekciách — tmavý fialový gradient viditeľný na svetlom pozadí */
      #section-about h1, #section-about h2,
      #section-schedule h1, #section-schedule h2,
      #section-tickets h1, #section-tickets h2,
      #section-venue h1, #section-venue h2,
      #section-faq h1, #section-faq h2,
      #section-coop h1, #section-coop h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
      }

      /* btn-main tlačidlá majú vždy biely text (zhodné s hlavičkou), aj v sekciách so stmaveným textom */
      #section-about .btn-main, #section-about .btn-main span,
      #section-why-attend .btn-main, #section-why-attend .btn-main span,
      #section-schedule .btn-main, #section-schedule .btn-main span,
      #section-tickets .btn-main, #section-tickets .btn-main span,
      #section-venue .btn-main, #section-venue .btn-main span,
      #section-faq .btn-main, #section-faq .btn-main span,
      #section-coop .btn-main, #section-coop .btn-main span {
        color: #ffffff !important;
      }

      /* Karty a vnorené tmavé prvky */
      #section-why-attend .bg-dark-2 {
        background-color: var(--color-surface-soft) !important;
      }
      #section-why-attend .bg-dark-2 h4,
      #section-why-attend .bg-dark-2 p {
        color: var(--color-text-strong) !important;
      }

      /* Počítadlo v sekcii
      IT výzvy*/
      #section-about .subtitle {
        display: inline-block;
      }
      #section-about .col-lg-5 img {
        width: 145%;
        max-width: 145%;
        margin-left: 0%;
      }
      @media (max-width: 1199px) {
        #section-about .col-lg-5 img {
          width: 100%;
          max-width: 100%;
          margin-left: 0;
        }
      }
      #section-about .about-stats {
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 8px;
        padding: 24px 12px;
      }
      #section-about .about-stat-item {
        text-align: left;
        padding: 0 20px;
        position: relative;
      }
      #section-about .about-stat-item + .about-stat-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: rgba(26, 16, 64, 0.15);
      }
      #section-about .about-stat-number {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.1;
        color: var(--color-text-strong);
      }
      #section-about .about-stat-number .about-stat-plus {
        color: #813eed !important;
        font-weight: 700;
      }
      #section-about .about-stat-label {
        font-size: 0.95rem;
        color: var(--color-text-strong);
        margin-top: 4px;
      }
      @media (max-width: 767px) {
        #section-about .about-stat-item {
          margin-bottom: 16px;
        }
        #section-about .about-stat-item + .about-stat-item::before {
          display: none;
        }
      }

      /* Zväčšenie log v slideri o 30% */
      .owl-6 img {
        transform: scale(1.3);
      }
      @media (max-width: 767px) {
        .owl-6 img { transform: scale(1.2); padding-left: 4px !important; padding-right: 4px !important; }
      }

      /* === Karty služieb — Naše služby === */
      .service-card {
        position: relative;
        height: 540px;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(160deg, #0c1530 0%, #1a2848 60%, #2a3a5e 100%);
        border: 1px solid rgba(255,255,255,0.06);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 44px;
        transition: box-shadow .45s ease, transform .35s ease;
      }
      .service-card.hover-bg-color {
        transition: background .45s ease, box-shadow .45s ease, transform .35s ease;
      }
      .service-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 60px rgba(0,0,0,0.4);
      }
      .service-card-bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 65%;
        height: 100%;
        object-fit: cover;
        object-position: right center;
        z-index: 0;
        opacity: 0.85;
        -webkit-mask-image: linear-gradient(to left, black 50%, transparent 100%);
                mask-image: linear-gradient(to left, black 50%, transparent 100%);
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .service-card-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .service-card-body {
        margin-top: auto;
        margin-bottom: 24px;
      }
      #section-why-attend .service-card h3,
      #section-why-attend .service-card p {
        color: #ffffff !important;
      }
      #section-why-attend .service-card p {
        color: rgba(255,255,255,0.72) !important;
      }
      .service-card-icon {
        width: 56px;
        height: 56px;
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
      }
      .service-card-icon svg {
        width: 26px;
        height: 26px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.6;
      }
      .service-card-body h3 {
        color: #ffffff !important;
        font-size: 1.9rem;
        line-height: 1.2;
        margin: 0 0 14px;
        font-weight: 600;
      }
      .service-card-body p {
        color: rgba(255,255,255,0.72) !important;
        font-size: 1rem;
        line-height: 1.55;
        margin: 0;
        max-width: 90%;
      }
      .service-card .motion-cta {
        margin-top: 0;
      }
      @media (max-width: 1199px) {
        .service-card {
          height: 440px;
          padding: 32px;
        }
        .service-card-body h3 {
          font-size: 1.55rem;
        }
      }

      /* === Service Tech-Cards — biela karta s fialovým gradient headerom (štýl Naše technológie) === */
      .tech-service-card {
        position: relative;
        background: #ffffff;
        border-radius: 16px;
        padding: 0 22px 28px;
        box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28);
        height: 100%;
        min-height: 360px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: transform .35s ease, box-shadow .35s ease;
      }
      .tech-service-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 50px rgba(124, 92, 191, 0.45);
      }
      .tech-service-card-header {
        position: relative;
        margin: 0 -22px 22px;
        padding: 28px 14px 36px;
        background: linear-gradient(135deg, #9b5cff 0%, #6024c8 60%, #3d1382 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px));
        text-align: center;
        overflow: hidden;
      }
      .tech-service-card-header::before {
        content: '';
        position: absolute;
        top: -40%;
        right: -30%;
        width: 140%;
        height: 160%;
        background: radial-gradient(circle, rgba(200, 160, 255, 0.35) 0%, transparent 55%);
        pointer-events: none;
      }
      .tech-service-card-icon {
        position: relative;
        z-index: 2;
        width: 48px;
        height: 48px;
        margin: 0 auto 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.16);
        border: 1px solid rgba(255, 255, 255, 0.28);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(4px);
      }
      .tech-service-card-icon svg {
        width: 24px;
        height: 24px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .tech-service-card-title {
        position: relative;
        z-index: 2;
        font-size: 1.05rem;
        color: #ffffff !important;
        line-height: 1.25;
        margin: 0;
        font-weight: 600;
        /* Miesto na 2 riadky + vycentrovanie, aby mali fialové hlavičky rovnakú výšku */
        min-height: 2.6em;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
      .tech-service-card-body {
        flex: 1;
        padding: 4px 4px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
      }
      .tech-service-card-body p {
        color: rgba(26, 16, 64, 0.78) !important;
        font-size: 0.92rem;
        line-height: 1.6;
        margin: 0;
        text-align: center;
      }
      .tech-service-card-body p strong {
        color: #813eed !important;
        font-weight: 600;
      }

      /* 5 stĺpcov vedľa seba až od 1200px (20 % na kartu) */
      @media (min-width: 1200px) {
        .services-5col > .col-lg-3 {
          flex: 0 0 auto;
          width: 20%;
          max-width: 20%;
        }
      }
      /* Na menších monitoroch / landscape tablete (992–1199px) 3 karty vedľa seba, inak sú príliš úzke */
      @media (min-width: 992px) and (max-width: 1199px) {
        .services-5col > .col-lg-3 {
          flex: 0 0 auto;
          width: 33.333%;
          max-width: 33.333%;
        }
      }
      @media (max-width: 1199px) {
        .tech-service-card { min-height: 320px; }
        .tech-service-card-title { font-size: 1rem; }
        .tech-service-card-body p { font-size: 0.88rem; }
      }

      /* === Obrázok v úvodnej sekcii (rovnaké zaoblenie a zoom efekt ako karty) === */
      .about-img-wrap {
        position: relative;
        display: block;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,0.06);
        background: #0c1530;
      }
      .about-img-wrap .about-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .about-img-wrap:hover .about-img {
        transform: scale(1.1);
      }

      /* === Sekcia Modely spolupráce === */
      .coop-wrap {
        position: relative;
        background: rgba(255, 255, 255, 0.45);
        border: 1px solid rgba(180, 141, 255, 0.18);
        border-radius: 32px;
        padding: 70px 50px;
        overflow: hidden;
        backdrop-filter: blur(8px);
      }
      .coop-wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image:
          radial-gradient(circle at 1px 1px, rgba(118, 77, 240, 0.18) 1px, transparent 1.5px),
          radial-gradient(circle at 1px 1px, rgba(180, 141, 255, 0.10) 1px, transparent 1.5px);
        background-size: 28px 28px, 56px 56px;
        background-position: 0 0, 14px 14px;
        opacity: 0.55;
        mask-image: radial-gradient(ellipse at center, black 35%, transparent 85%);
        -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 85%);
      }
      .coop-wrap > .row {
        position: relative;
        z-index: 1;
      }
      .coop-card {
        background: rgba(255, 255, 255, 0.55);
        border: 1px solid rgba(180, 141, 255, 0.22);
        border-radius: 22px;
        padding: 44px 38px;
        height: 100%;
        text-align: center;
        backdrop-filter: blur(6px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
      }
      .coop-card:hover {
        transform: translateY(-6px);
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 20px 50px rgba(118, 77, 240, 0.18);
      }
      .coop-card-title {
        font-size: 1.85rem;
        line-height: 1.2;
        margin: 0 0 28px;
        font-weight: 600;
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .coop-card-text {
        margin: 0;
        color: rgba(26, 16, 64, 0.78) !important;
        font-size: 1rem;
        line-height: 1.65;
      }
      @media (max-width: 1199px) {
        .coop-wrap { padding: 50px 30px; border-radius: 24px; }
        .coop-card { padding: 36px 28px; border-radius: 18px; }
        .coop-card-title { font-size: 1.5rem; margin-bottom: 22px; }
      }
      @media (max-width: 575px) {
        .coop-wrap { padding: 36px 20px; }
        .coop-card { padding: 28px 22px; }
        .coop-card-title { font-size: 1.3rem; }
      }

      /* === Floating variant — blend-mode na svetlé pozadie + glow + zaoblené rohy === */
      .about-img-wrap.about-img-floating {
        background: transparent;
        border: none;
        border-radius: 0;
        overflow: visible;
      }
      .about-img-wrap.about-img-floating .about-img-float-inner {
        display: block;
        animation: cm-float 6s ease-in-out infinite;
        will-change: transform, filter;
        transform-origin: center center;
      }
      .about-img-wrap.about-img-floating .about-img {
        border-radius: 16px;
        mix-blend-mode: lighten;
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30));
      }
      @keyframes cm-float {
        0%   { transform: translateY(0)     rotate(0deg);    filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30)); }
        50%  { transform: translateY(-14px) rotate(-0.6deg); filter: drop-shadow(0 30px 55px rgba(124, 92, 191, 0.45)); }
        100% { transform: translateY(0)     rotate(0deg);    filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30)); }
      }
      @media (prefers-reduced-motion: reduce) {
        .about-img-wrap.about-img-floating .about-img-float-inner { animation: none; }
      }

      /* === Náš prístup — process timeline === */
      #section-approach-cm {
        background: transparent !important;
        position: relative;
      }
      #section-approach-cm,
      #section-approach-cm h1, #section-approach-cm h2, #section-approach-cm h3,
      #section-approach-cm h4, #section-approach-cm p, #section-approach-cm span,
      #section-approach-cm .subtitle {
        color: var(--color-text-strong) !important;
      }
      #section-approach-cm h1, #section-approach-cm h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
      }
      .process-timeline {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 18px;
      }
      .process-timeline.process-timeline-4 {
        grid-template-columns: repeat(4, 1fr);
      }
      .process-timeline::before {
        content: "";
        position: absolute;
        top: 28px;
        left: 10%;
        right: 10%;
        height: 2px;
        background: linear-gradient(90deg,
          rgba(124, 92, 191, 0.25) 0%,
          rgba(124, 92, 191, 0.55) 50%,
          rgba(124, 92, 191, 0.25) 100%);
        z-index: 0;
      }
      .process-step {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 0 10px;
      }
      .process-num {
        width: 56px;
        height: 56px;
        margin: 0 auto 22px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: 0.5px;
        box-shadow: 0 10px 24px rgba(118, 77, 240, 0.4),
                    0 0 0 6px rgba(255,255,255,0.85);
      }
      .process-step h4 {
        font-size: 1.1rem !important;
        margin: 0 0 10px;
        color: var(--color-text-strong) !important;
        font-weight: 600;
      }
      .process-step p {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
        color: rgba(26, 16, 64, 0.7) !important;
        margin: 0;
      }
      @media (max-width: 1199px) {
        /* Zvislá os krokov: číslo vľavo, nadpis + text vpravo na celú šírku */
        .process-timeline,
        .process-timeline.process-timeline-4 {
          grid-template-columns: 1fr;
          gap: 30px;
        }
        .process-timeline::before { display: none; }
        .process-step {
          display: grid;
          grid-template-columns: 56px 1fr;
          column-gap: 18px;
          row-gap: 4px;
          text-align: left;
          align-items: start;
        }
        .process-num { margin: 0; grid-column: 1; grid-row: 1 / span 2; }
        .process-step h4 { grid-column: 2; grid-row: 1; margin: 0 0 4px; }
        .process-step p  { grid-column: 2; grid-row: 2; margin: 0; }
        .process-step:not(:last-child)::after {
          content: "";
          position: absolute;
          left: 28px;
          transform: translateX(-1px);
          top: 58px;
          bottom: -30px;
          width: 2px;
          background: rgba(124, 92, 191, 0.4);
          z-index: 0;
        }
      }

      /* === Výhody pre organizáciu (cloud-management) === */
      .benefit-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(124, 92, 191, 0.18);
        border-radius: 16px;
        padding: 28px 26px;
        display: flex;
        align-items: flex-start;
        gap: 18px;
        transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
      }
      .benefit-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 22px 50px rgba(124, 92, 191, 0.18);
        border-color: rgba(124, 92, 191, 0.45);
      }
      .benefit-card-icon {
        flex-shrink: 0;
        width: 46px;
        height: 46px;
        border-radius: 12px;
        background: linear-gradient(135deg, #813eed 0%, #b48dff 100%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 20px rgba(129, 62, 237, 0.28);
      }
      .benefit-card-icon svg {
        width: 22px;
        height: 22px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .benefit-card-text {
        flex: 1;
        font-size: 0.98rem !important;
        line-height: 1.55 !important;
        color: rgba(26, 16, 64, 0.82) !important;
        margin: 0;
      }
      .benefit-card-text strong {
        color: #813eed !important;
        font-weight: 600;
      }

      /* === Zvýraznenie v popisoch — fialové (svetlé pozadie = sýta fialová, tmavé pozadie = svetlejšia fialová) === */
      #section-about .lead strong,
      #section-coop .lead strong,
      #section-coop .coop-card-text strong,
      #section-approach-cm .lead strong,
      #section-benefits-cm .lead strong {
        color: #813eed !important;
        font-weight: 600;
      }
      #section-why-attend .lead strong {
        color: #b48dff !important;
        font-weight: 600;
      }
      #section-benefits-cm {
        background: transparent !important;
        position: relative;
      }
      #section-benefits-cm,
      #section-benefits-cm h1, #section-benefits-cm h2, #section-benefits-cm h3,
      #section-benefits-cm h4, #section-benefits-cm p, #section-benefits-cm span,
      #section-benefits-cm .subtitle {
        color: var(--color-text-strong) !important;
      }
      #section-benefits-cm h1, #section-benefits-cm h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
      }

      /* === Štvorcové karty prípadových štúdií === */
      .case-card-sq {
        position: relative;
        display: block;
        aspect-ratio: 1 / 1;
        border-radius: 16px;
        overflow: hidden;
        background: #0c1530;
        border: 1px solid rgba(255,255,255,0.06);
        transition: transform .35s ease, box-shadow .45s ease;
        text-decoration: none;
      }
      .case-card-sq:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 50px rgba(0,0,0,0.4);
      }
      .case-card-sq .case-card-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .case-card-sq:hover .case-card-bg {
        transform: scale(1.1);
      }
      .case-card-sq .case-card-shade {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.85) 100%);
      }
      .case-card-sq .case-card-overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        opacity: 0;
        transition: opacity .45s ease;
        background: radial-gradient(circle at center, var(--primary-color) 0%, transparent 70%);
        mix-blend-mode: screen;
      }
      .case-card-sq:hover .case-card-overlay {
        opacity: 0.55;
      }
      .case-card-sq .case-card-title {
        position: absolute;
        left: 0; right: 0; bottom: 0;
        padding: 20px 22px;
        margin: 0;
        z-index: 3;
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.3;
      }

      /* Aktívne tlačidlo prepínača prípadových štúdií */
      .case-tab-btn.active,
      .case-tab-btn.active:hover,
      .case-tab-btn.active:focus {
        background: var(--btn-hover-bg) !important;
        color: #ffffff !important;
      }
      .case-tab-btn.active span {
        transform: none !important;
        opacity: 1 !important;
      }

      /* Zoznam preklikateľných odvetví */
      .case-industry-list {
        text-align: center;
        line-height: 2.2;
        margin-bottom: 8px;
      }
      .case-industry-list a {
        color: #ffffff;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;
        padding: 0 10px;
        white-space: nowrap;
        display: inline-block;
        transition: color .25s ease;
      }
      .case-industry-list a:hover {
        color: var(--primary-color);
      }
      .case-industry-list .case-industry-sep {
        color: rgba(255,255,255,0.35);
      }

      /* Slider prípadových štúdií */
      .case-slider-wrap {
        position: relative;
        padding: 0 160px;
      }
      .case-slider .owl-nav button.owl-prev,
      .case-slider .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(255,255,255,0.08) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background .25s ease, color .25s ease, border-color .25s ease;
      }
      .case-slider .owl-nav button.owl-prev {
        left: -110px;
      }
      .case-slider .owl-nav button.owl-next {
        right: -110px;
      }
      .case-slider .owl-nav button.owl-prev:hover,
      .case-slider .owl-nav button.owl-next:hover {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
      }
      .case-slider .owl-nav button.disabled {
        opacity: 0.35;
        cursor: default;
      }
      .case-slider .owl-nav button span {
        font-size: 20px;
        line-height: 1;
      }
      @media (max-width: 1199px) {
        .case-slider-wrap { padding: 0 100px; }
        .case-slider .owl-nav button.owl-prev { left: -70px; }
        .case-slider .owl-nav button.owl-next { right: -70px; }
      }
      @media (max-width: 767px) {
        .case-slider-wrap { padding: 0 60px; }
        .case-slider .owl-nav button.owl-prev { left: -44px; }
        .case-slider .owl-nav button.owl-next { right: -44px; }
      }
      @media (max-width: 575px) {
        .case-slider-wrap { padding: 0 44px; }
        .case-slider .owl-nav button.owl-prev { left: -38px; }
        .case-slider .owl-nav button.owl-next { right: -38px; }
      }

      /* === Karty technológií === */
      .tech-card {
        position: relative;
        background: #ffffff;
        border-radius: 16px;
        padding: 0 24px 32px;
        box-shadow: 0 6px 24px rgba(0,0,0,0.08);
        height: 100%;
        min-height: 520px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: transform .35s ease, box-shadow .35s ease;
      }
      .tech-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0,0,0,0.18);
      }
      .tech-card-header {
        position: relative;
        margin: 0 -24px 32px;
        padding: 36px 18px 42px;
        background: linear-gradient(135deg, #9b5cff 0%, #6024c8 60%, #3d1382 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px));
        text-align: center;
        overflow: hidden;
      }
      .tech-card-header::before {
        content: '';
        position: absolute;
        top: -40%;
        right: -30%;
        width: 140%;
        height: 160%;
        background: radial-gradient(circle, rgba(200, 160, 255, 0.35) 0%, transparent 55%);
        pointer-events: none;
      }
      .tech-card-title {
        position: relative;
        z-index: 2;
        font-size: 1.4rem;
        color: #ffffff !important;
        line-height: 1.2;
        margin: 0;
        font-weight: 600;
      }
      .tech-card-logos {
        flex: 1;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
        gap: 28px;
        padding: 8px 0;
      }
      .tech-card-logos.cols-2 {
        grid-template-columns: 1fr 1fr;
        gap: 28px 16px;
      }
      .tech-card-logos img {
        /* Karta je v pásme 992–1300 px iba 91 až 124 px široká (col-lg-2), ale
           logo si drží 140 px, takže pretekalo doprava mimo kartu. Nahlásené
           klientom 26. 8. 2026. Grid navyše nedovolí položke zmenšiť sa pod
           obsah, kým nie je `min-width: 0`. */
        min-width: 0;
        max-width: min(140px, 100%);
        max-height: 52px;
        width: auto;
        height: auto;
        object-fit: contain;
        filter: grayscale(1);
        opacity: 0.88;
        transition: filter .25s ease, opacity .25s ease;
      }
      .tech-card:hover .tech-card-logos img {
        filter: grayscale(0);
        opacity: 1;
      }
      @media (max-width: 1199px) {
        .tech-card {
          min-height: 460px;
          padding: 0 20px 28px;
        }
        .tech-card-header {
          margin: 0 -20px 28px;
          padding: 28px 14px 34px;
        }
        .tech-card-title {
          font-size: 1.15rem;
        }
      }

      /* === Hero banner — stlmenie tmavých a farebných vrstiev nad obrázkom, aby pôvodné farby viac presvitali === */
      #section-hero .sw-overlay {
        opacity: 0.35 !important;
      }
      #section-hero .gradient-edge-top.color {
        opacity: 0.25 !important;
      }
      #section-hero .gradient-edge-bottom {
        opacity: 0.5 !important;
      }
      /* Posunutie obsahu hero bannera nižšie */
      #section-hero .abs-centered {
        top: 60% !important;
      }
      @media (max-width: 1199px) {
        #section-hero .abs-centered {
          top: 55% !important;
        }
      }
      /* Väčší podnadpis v hero banneri */
      #section-hero .hero-subheadline {
        font-size: 3.6rem;
        line-height: 1.15;
        font-weight: 700;
      }
      @media (max-width: 1199px) {
        #section-hero .hero-subheadline {
          font-size: 2.4rem;
        }
      }
      @media (max-width: 575px) {
        #section-hero .hero-subheadline {
          font-size: 1.6rem;
        }
      }

      /* === Motion split section pod hero bannerom === */
      .motion-scroll-wrap {
        position: relative;
        height: 380vh;
        overflow: hidden;
      }
      .motion-sticky {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        will-change: transform;
      }
      .motion-content {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 32px;
      }
      .motion-text-wrap {
        text-align: center;
        max-width: 1100px;
        margin: 0 auto 4px;
        will-change: transform, opacity;
      }
      .motion-text-wrap .subtitle {
        color: #c4a8ff;
        margin-bottom: 14px;
      }
      .motion-cta {
        display: inline-flex;
        align-items: stretch;
        gap: 10px;
        margin-top: 44px;
      }
      .motion-headline {
        font-size: 64px;
        line-height: 1.2em;
        padding-bottom: 0.12em;
        letter-spacing: -0.015em;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin: 0;
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 44px; }
      }
      @media (max-width: 575px) {
        .motion-headline { font-size: 34px; }
      }
      .motion-stage {
        position: relative;
        width: 100%;
        height: 64vh;
        max-height: 600px;
      }
      .motion-img-base {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -50%);
        width: 70%;
        min-width: 560px;
        max-width: 1120px;
        height: auto;
        z-index: 1;
        will-change: opacity;
        -webkit-mask-image: radial-gradient(ellipse at center, black 30%, rgba(0,0,0,0.85) 55%, transparent 100%);
                mask-image: radial-gradient(ellipse at center, black 30%, rgba(0,0,0,0.85) 55%, transparent 100%);
      }
      .motion-base-text {
        position: absolute;
        top: 50%;
        left: calc(50% + 25px);
        right: 0;
        transform: translateY(-50%);
        max-width: 540px;
        text-align: left;
        z-index: 1;
        will-change: opacity, transform;
      }
      .motion-base-text h3 {
        font-size: 2.6rem;
        line-height: 1.15;
        margin: 0 0 16px;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .motion-base-text p {
        margin: 0;
        color: rgba(255,255,255,0.78);
        line-height: 1.6;
        font-size: 1.15rem;
      }
      .motion-row {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
        opacity: 0;
        transform: translateY(-50%);
        will-change: transform, opacity;
        z-index: 2;
      }
      .motion-row-mid { z-index: 10; }
      .motion-row-top { z-index: 3; }
      .motion-row-bot { z-index: 2; }
      .motion-row-img-wrap {
        display: flex;
        justify-content: center;
      }
      .motion-row-img {
        width: 100%;
        max-width: 880px;
        height: auto;
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.55));
      }
      .motion-row-text {
        text-align: left;
        max-width: 540px;
      }
      .motion-row-text h3 {
        font-size: 2.6rem;
        line-height: 1.15;
        margin: 0 0 16px;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .motion-row-text p {
        margin: 0;
        color: rgba(255,255,255,0.78);
        line-height: 1.6;
        font-size: 1.15rem;
      }
      .motion-row-text ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .motion-row-text ul li {
        position: relative;
        padding-left: 38px;
        margin-bottom: 10px;
        color: rgba(255,255,255,0.78);
        line-height: 1.5;
        font-size: 1.15rem;
      }
      .motion-row-text ul li::before {
        content: "→";
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        font-size: 1em;
        line-height: 1.5;
        font-weight: bold;
        color: var(--primary-color);
        -webkit-text-stroke: 0.8px var(--primary-color);
        text-shadow: 0 0 0.6px var(--primary-color);
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 52px; }
        .motion-text-wrap { max-width: 900px; }
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 42px; }
        .motion-content { padding: 0 24px; }
        .motion-row { gap: 28px; }
        .motion-row-img { max-width: 80%; }
        .motion-row-text { max-width: 100%; }
        .motion-row-text h3 { font-size: 2rem; }
        .motion-row-text p,
        .motion-row-text ul li { font-size: 1.05rem; }
        .motion-img-base { width: 82%; max-width: 760px; min-width: 0; }
        .motion-base-text { max-width: 45%; }
        .motion-base-text h3 { font-size: 2rem; }
        .motion-base-text p { font-size: 1.05rem; }
        .motion-stage { height: 70vh; max-height: none; }
      }

      /* === Mobile: vypnúť sticky-scroll animáciu, statický layout === */
      @media (max-width: 767px) {
        .motion-scroll-wrap {
          height: auto !important;
          overflow: visible;
        }
        .motion-sticky {
          position: relative !important;
          height: auto !important;
          transform: none !important;
          padding: 50px 0;
        }
        .motion-content {
          padding: 0 16px;
        }
        .motion-text-wrap {
          transform: none !important;
          opacity: 1 !important;
          margin: 0 auto 24px;
        }
        .motion-headline { font-size: 32px; }
        .motion-stage {
          height: auto !important;
          max-height: none !important;
          display: flex;
          flex-direction: column;
          gap: 36px;
          align-items: center;
        }
        .motion-img-base {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          transform: none !important;
          opacity: 1 !important;
          width: 80% !important;
          max-width: 360px !important;
          min-width: 0 !important;
          margin: 0 auto;
        }
        .motion-base-text {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          bottom: auto !important;
          transform: none !important;
          opacity: 1 !important;
          width: 100%;
          max-width: 100%;
          text-align: center;
          padding: 0;
          margin-top: -18px;
        }
        .motion-row {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          transform: none !important;
          opacity: 1 !important;
          display: flex;
          flex-direction: column;
          gap: 12px;
          width: 100%;
          align-items: center;
        }
        .motion-row-img-wrap { width: 100%; }
        .motion-row-img { max-width: 70%; }
        .motion-row-text {
          text-align: center;
          max-width: 100%;
        }
        .motion-row-text h3 { font-size: 1.7rem; }
        .motion-row-text p,
        .motion-row-text ul li { font-size: 1rem; }
        .motion-row-text ul li {
          text-align: left;
          display: inline-block;
        }
      }
      @media (max-width: 480px) {
        .motion-headline { font-size: 26px; }
        .motion-row-text h3,
        .motion-base-text h3 { font-size: 1.55rem; }
        .motion-row-img { max-width: 80%; }
        .motion-img-base { max-width: 280px !important; }
      }
      @media (max-width: 360px) {
        .motion-headline { font-size: 22px; }
      }

      /* === Motion section 2 — light theme === */
      #section-motion-2 {
        background: transparent;
        position: relative;
      }
      #section-motion-2 .motion-text-wrap .subtitle,
      #section-motion-2 .motion-stage-subtitle .subtitle {
        color: #813eed;
      }
      .motion-stage-subtitle {
        position: absolute;
        top: 13vh;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 3;
        opacity: 0;
        will-change: opacity;
      }
      #section-motion-2 .motion-headline {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #section-motion-2 .motion-base-text h3,
      #section-motion-2 .motion-row-text h3 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #section-motion-2 .motion-base-text p,
      #section-motion-2 .motion-row-text p {
        color: rgba(26, 16, 64, 0.78);
      }
      #section-motion-2 .motion-row-text ul li {
        color: rgba(26, 16, 64, 0.78);
      }
      #section-motion-2 .motion-row-text ul li::before {
        background: transparent;
        color: var(--primary-color);
      }
      #section-motion-2 .motion-row-img {
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30));
      }

/* Kontaktný formulár v sekcii Spojme sa — minimalistický */
      #section-venue .contact-form-simple {
        max-width: 720px;
        margin: 0 auto;
        padding: 60px 0;
      }
      @media (max-width: 767px) {
        #section-venue .contact-form-simple {
          padding: 40px 0;
        }
      }
      #section-venue .contact-form-simple input[type="text"],
      #section-venue .contact-form-simple input[type="email"],
      #section-venue .contact-form-simple textarea {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid rgba(26, 16, 64, 0.25);
        border-radius: 0;
        color: var(--color-text-strong) !important;
        padding: 14px 4px;
        font-size: 1rem;
        font-family: inherit;
        transition: border-color .25s ease;
      }
      #section-venue .contact-form-simple textarea {
        min-height: 110px;
        resize: vertical;
      }
      #section-venue .contact-form-simple input::placeholder,
      #section-venue .contact-form-simple textarea::placeholder {
        color: rgba(26, 16, 64, 0.65);
      }
      #section-venue .contact-form-simple input:focus,
      #section-venue .contact-form-simple textarea:focus {
        outline: none;
        border-bottom-color: var(--primary-color);
      }
      #section-venue .contact-form-simple .form-submit-row {
        margin-top: 28px;
        text-align: center;
      }
      /* CTA tlačidlo — fialové s bielym písmom (zhodné s ostatnými btn-main na stránke) */
      #section-venue .contact-form-simple button.btn-main,
      #section-venue .contact-form-simple button.btn-main:hover,
      #section-venue .contact-form-simple button.btn-main:focus {
        background: var(--primary-color);
        color: #ffffff !important;
        border: none;
        cursor: pointer;
        font-family: var(--btn-font-family);
        font-size: var(--btn-font-size);
        font-weight: var(--btn-font-weight);
        letter-spacing: var(--btn-letter-spacing);
        padding: var(--btn-padding);
        text-transform: var(--btn-text-transform);
        border-radius: var(--btn-rounded);
      }
      #section-venue .contact-form-simple button.btn-main span {
        color: #ffffff !important;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide {
        position: relative;
        overflow: hidden;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide span {
        display: block;
        position: relative;
        transition: all .3s ease-in-out;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover {
        background: var(--btn-hover-bg);
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover span {
        transform: translate(0, 40px);
        opacity: 0;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:before {
        content: attr(data-hover-text);
        color: #ffffff !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 40px));
        opacity: 0;
        transition: all .3s ease-in-out;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%);
      }

      /* === Malý kontaktný formulár === */
      #section-quick-cta .quick-cta-block {
        margin-top: 0;
      }
      #section-quick-cta .quick-cta-heading {
        font-size: 3.4rem;
        font-weight: 700;
        line-height: 1.15;
        margin: 0 0 12px;
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      @media (max-width: 1199px) {
        #section-quick-cta .quick-cta-heading { font-size: 2.8rem; }
      }
      @media (max-width: 1199px) {
        #section-quick-cta .quick-cta-heading {
          font-size: 2rem;
          text-align: center;
        }
        #section-quick-cta .quick-cta-subheading {
          text-align: center;
        }
      }
      #section-quick-cta .quick-cta-subheading {
        font-size: 1.2rem;
        color: var(--color-text-strong);
        opacity: 0.75;
        margin: 0 0 32px;
        line-height: 1.4;
      }
      #section-quick-cta .quick-cta-image {
        width: 100%;
        max-width: 520px;
        height: auto;
        display: block;
        margin: 0 auto;
        border-radius: 18px;
        box-shadow: 0 20px 50px rgba(118, 77, 240, 0.18);
      }
      @keyframes expertsZoomIn {
        from { opacity: 0; transform: scale(0.5); }
        to { opacity: 1; transform: scale(1); }
      }
      #section-quick-cta .quick-cta-image.wow.experts-zoom-in {
        animation-name: expertsZoomIn;
        transform: scale(0.5);
        opacity: 0;
      }
      #section-quick-cta .quick-cta-image.wow.experts-zoom-in.animated {
        transform: scale(1);
        opacity: 1;
      }
      #section-quick-cta .quick-contact-form {
        margin: 0;
      }
      #section-quick-cta .quick-contact-form input[type="email"],
      #section-quick-cta .quick-contact-form input[type="tel"] {
        width: 100%;
        height: 52px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.55);
        border: 1px solid rgba(26, 16, 64, 0.18);
        border-radius: 10px;
        color: var(--color-text-strong);
        padding: 0 18px;
        font-size: 1rem;
        font-family: inherit;
        transition: border-color .25s ease, background .25s ease;
      }
      #section-quick-cta .quick-contact-form input::placeholder {
        color: rgba(26, 16, 64, 0.65);
      }
      #section-quick-cta .quick-contact-form input:focus {
        outline: none;
        border-color: var(--primary-color);
        background: rgba(255, 255, 255, 0.8);
      }
      #section-quick-cta .quick-contact-form button.btn-main,
      #section-quick-cta .quick-contact-form button.btn-main:hover,
      #section-quick-cta .quick-contact-form button.btn-main:focus {
        width: 100%;
        height: 52px;
        background: var(--primary-color);
        color: #ffffff !important;
        border: none;
        cursor: pointer;
        font-family: var(--btn-font-family);
        font-size: var(--btn-font-size);
        font-weight: var(--btn-font-weight);
        letter-spacing: var(--btn-letter-spacing);
        padding: 0 20px;
        text-transform: var(--btn-text-transform);
        border-radius: var(--btn-rounded);
      }
      #section-quick-cta .quick-contact-form button.btn-main span {
        color: #ffffff !important;
        white-space: nowrap;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide {
        position: relative;
        overflow: hidden;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide span {
        display: block;
        position: relative;
        transition: all .3s ease-in-out;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover {
        background: var(--btn-hover-bg);
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover span {
        transform: translate(0, 40px);
        opacity: 0;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:before {
        content: attr(data-hover-text);
        color: #ffffff !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 40px));
        opacity: 0;
        white-space: nowrap;
        transition: all .3s ease-in-out;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%);
      }
      @media (max-width: 767px) {
        #section-quick-cta .quick-contact-form {
          margin-top: 70px;
        }
      }
      #section-quick-cta .quick-msg {
        margin-top: 22px;
        text-align: center;
        padding: 14px 18px;
        border-radius: 10px;
        font-size: 1rem;
      }
      #section-quick-cta .quick-msg-ok {
        background: rgba(118, 77, 240, 0.12);
        color: var(--color-text-strong);
        border: 1px solid rgba(118, 77, 240, 0.35);
      }
      #section-quick-cta .quick-msg-err {
        background: rgba(220, 53, 69, 0.10);
        color: #7a1320;
        border: 1px solid rgba(220, 53, 69, 0.35);
      }
      #section-quick-cta .quick-contact-form input.error_input {
        border-color: #dc3545 !important;
        background: rgba(220, 53, 69, 0.06);
      }
      #section-quick-cta .quick-contact-form button[disabled] {
        opacity: 0.6;
        cursor: wait;
      }