/*
Theme Name: Webkodeks
Theme URI: https://webkodeks.com
Version: 1.0
Description: A customized version of Divi which adds a number of tiny features I need.
Author: Webkodeks.com
Author URI: https://webkodeks.com
Template: Divi

*/

/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */


/* HEADER */
#wk-7421-header, #wk-7421-header * { box-sizing:border-box; }
#wk-7421-header img { max-width:100%; height:auto; display:block; }
#wk-7421-header a { text-decoration:none; color:inherit; }
#wk-7421-header button, #wk-7421-header input, #wk-7421-header textarea, #wk-7421-header select { font:inherit; }

#wk-7421-header {
  width:100%;
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,0.06);
  position:sticky;
  top:0;
  z-index:50;
  font-family:'Open Sans' !important;
  box-shadow:0 10px 30px rgba(20,18,32,0.035);
}

#wk-7421-header .row {
  width:80%;
  max-width:80%;
  margin:0 auto;
}

#wk-7421-header .wk-header-row {
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(150px,220px) 1fr auto;
  align-items:center;
  gap:34px;
}

#wk-7421-header .wk-col {
  min-width:0;
}

#wk-7421-header .wk-7421-col-logo {
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

#wk-7421-header .wk-7421-module-image {
  display:flex;
  align-items:center;
}

#wk-7421-header .wk-7421-logo-link {
  display:inline-flex;
  align-items:center;
  padding:8px 0;
}

#wk-7421-header .wk-7421-logo-img {
  width:158px;
  max-height:52px;
  object-fit:contain;
}

#wk-7421-header .wk-7421-col-menu {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

#wk-7421-header .wk-7421-module-menu {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
}

#wk-7421-header .wk-7421-nav {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:34px;
}

#wk-7421-header .wk-7421-nav-link {
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:10px 0;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-0.01em;
  color:#000000;
  transition:color 180ms ease;
  text-transform: uppercase;
}

#wk-7421-header .wk-7421-nav-link::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  border-radius:999px;
  background:#897ab7;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform 180ms ease;
}

#wk-7421-header .wk-7421-nav-link:hover,
#wk-7421-header .wk-7421-nav-link:focus {
  color:#897ab7;
}

#wk-7421-header .wk-7421-nav-link:hover::after,
#wk-7421-header .wk-7421-nav-link:focus::after {
  transform:scaleX(1);
}

#wk-7421-header .wk-7421-col-cta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

#wk-7421-header .wk-7421-module-button {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

#wk-7421-header .wk-7421-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:14px 22px;
  border:1px solid #897ab7;
  border-radius:999px;
  background:#897ab7;
  color:#ffffff;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.045em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 14px 28px rgba(137,122,183,0.22);
  transition:transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

#wk-7421-header .wk-7421-btn:hover,
#wk-7421-header .wk-7421-btn:focus {
  background:#7565a8;
  border-color:#7565a8;
  color:#ffffff;
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(137,122,183,0.28);
}

#wk-7421-header .wk-7421-mobile-menu {
  display:none;
}

#wk-7421-header .wk-7421-mobile-cta-module {
  display:none;
}

#wk-7421-header .wk-7421-menu-toggle {
  width:44px;
  height:44px;
  border:1px solid rgba(137,122,183,0.22);
  border-radius:14px;
  background:rgba(137,122,183,0.07);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  list-style:none;
}

#wk-7421-header .wk-7421-menu-toggle::-webkit-details-marker {
  display:none;
}

#wk-7421-header .wk-7421-menu-line {
  width:18px;
  height:2px;
  border-radius:999px;
  background:#000000;
  display:block;
  transition:background 180ms ease, transform 180ms ease;
}

#wk-7421-header .wk-7421-menu-toggle:hover .wk-7421-menu-line,
#wk-7421-header .wk-7421-mobile-menu[open] .wk-7421-menu-line {
  background:#897ab7;
}

#wk-7421-header .wk-7421-mobile-nav {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:2px;
  width:min(82vw,320px);
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(137,122,183,0.16);
  border-radius:22px 22px 8px 22px;
  background:#ffffff;
  box-shadow:0 24px 50px rgba(20,18,32,0.12);
}

#wk-7421-header .wk-7421-mobile-nav-link {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:13px 14px;
  border-radius:14px;
  color:#000000;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  transition:color 180ms ease, background 180ms ease;
}

#wk-7421-header .wk-7421-mobile-nav-link:hover,
#wk-7421-header .wk-7421-mobile-nav-link:focus {
  color:#897ab7;
  background:rgba(137,122,183,0.08);
}

#wk-7421-header .wk-7421-mobile-btn {
  width:min(82vw,320px);
  margin-top:10px;
}

@media (max-width:1100px) {
  #wk-7421-header .row {
    width:88%;
    max-width:88%;
  }

  #wk-7421-header .wk-header-row {
    grid-template-columns:minmax(140px,190px) 1fr auto;
    gap:24px;
  }

  #wk-7421-header .wk-7421-nav {
    gap:24px;
  }

  #wk-7421-header .wk-7421-logo-img {
    width:148px;
  }
}

@media (max-width:860px) {
  #wk-7421-header .row {
    width:90%;
    max-width:90%;
  }

  #wk-7421-header .wk-header-row {
    min-height:74px;
    grid-template-columns:auto 1fr;
    gap:18px;
  }

  #wk-7421-header .wk-7421-col-logo {
    grid-column:1;
  }

  #wk-7421-header .wk-7421-col-menu {
    grid-column:2;
    position:relative;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
  }

  #wk-7421-header .wk-7421-col-cta {
    display:none;
  }

  #wk-7421-header .wk-7421-desktop-nav {
    display:none;
  }

  #wk-7421-header .wk-7421-mobile-menu {
    display:block;
  }

  #wk-7421-header .wk-7421-menu-toggle {
    display:inline-flex;
  }

  #wk-7421-header .wk-7421-col-menu:has(.wk-7421-mobile-menu[open]) .wk-7421-mobile-cta-module {
    display:flex;
    justify-content:flex-end;
    width:100%;
  }

  #wk-7421-header .wk-7421-logo-img {
    width:138px;
    max-height:46px;
  }
}

@media (max-width:480px) {
  #wk-7421-header .row {
    width:92%;
    max-width:92%;
  }

  #wk-7421-header .wk-header-row {
    min-height:70px;
  }

  #wk-7421-header .wk-7421-logo-img {
    width:126px;
  }

  #wk-7421-header .wk-7421-mobile-nav,
  #wk-7421-header .wk-7421-mobile-btn {
    width:86vw;
  }
}

/* BODY */
#wk-4821-hero, #wk-4821-hero * { box-sizing:border-box; }
#wk-4821-hero img { max-width:100%; height:auto; display:block; }
#wk-4821-hero a { text-decoration:none; color:inherit; }
#wk-4821-hero button, #wk-4821-hero input, #wk-4821-hero textarea, #wk-4821-hero select { font:inherit; }

#wk-4821-hero {
  position:relative;
  overflow:hidden;
  padding:112px 0 92px;
  background:
    radial-gradient(circle at 82% 16%, rgba(137,122,183,0.22) 0, rgba(137,122,183,0) 34%),
    linear-gradient(135deg, #ffffff 0%, #faf8ff 54%, #f3effc 100%);
  font-family:'Open Sans' !important;
  color:#000000;
}

#wk-4821-hero::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(137,122,183,0.09) 100%);
  pointer-events:none;
}

#wk-4821-hero .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
  gap:64px;
  align-items:center;
}

#wk-4821-hero .wk-cols-2 {
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

#wk-4821-hero .wk-col {
  min-width:0;
}

#wk-4821-hero .wk-4821-col-content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-4821-hero .wk-module {
  width:100%;
}

#wk-4821-hero .wk-4821-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  padding:9px 14px;
  border:1px solid rgba(137,122,183,0.22);
  border-radius:999px;
  background:rgba(255,255,255,0.78);
  color:#897ab7;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  box-shadow:0 16px 40px rgba(35,22,64,0.06);
}

#wk-4821-hero .wk-4821-title {
  max-width:780px;
  margin:24px 0 0;
  color:#000000;
  font-size:clamp(46px, 5.6vw, 86px);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-4821-hero .wk-4821-services {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
  padding:0;
}

#wk-4821-hero .wk-4821-service-pill {
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(137,122,183,0.10);
  color:#3c3157;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  border:1px solid rgba(137,122,183,0.16);
}

#wk-4821-hero .wk-4821-description {
  max-width:620px;
  margin:26px 0 0;
  color:#24202c;
  font-size:18px;
  line-height:1.75;
  font-weight:400;
}

#wk-4821-hero .wk-4821-module-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:34px;
}

#wk-4821-hero .wk-4821-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:16px 24px;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.03em;
  transition:transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}

#wk-4821-hero .wk-4821-btn-primary {
  background:#897ab7;
  color:#ffffff;
  border:1px solid #897ab7;
  box-shadow:0 18px 42px rgba(137,122,183,0.32);
  text-transform:uppercase;
}

#wk-4821-hero .wk-4821-btn-secondary {
  background:#ffffff;
  color:#000000;
  border:1px solid rgba(0,0,0,0.12);
  box-shadow:0 14px 34px rgba(20,12,38,0.07);
}

#wk-4821-hero .wk-4821-btn:hover {
  transform:translateY(-2px);
}

#wk-4821-hero .wk-4821-btn-primary:hover {
  background:#000000;
  color:#ffffff;
  border-color:#000000;
}

#wk-4821-hero .wk-4821-btn-secondary:hover {
  border-color:#897ab7;
  color:#897ab7;
}

#wk-4821-hero .wk-4821-col-visual {
  position:relative;
}

#wk-4821-hero .wk-4821-module-image {
  position:relative;
  min-height:560px;
}

#wk-4821-hero .wk-4821-visual-card {
  position:relative;
  overflow:hidden;
  min-height:560px;
  border-radius:42px 42px 120px 42px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.88) 0%, rgba(248,245,255,0.96) 42%, rgba(137,122,183,0.17) 100%);
  border:1px solid rgba(137,122,183,0.22);
  box-shadow:0 34px 90px rgba(48,34,82,0.16);
}

#wk-4821-hero .wk-4821-ai-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
}

#wk-4821-hero .wk-4821-visual-layer {
  position:absolute;
  border-radius:26px;
  background:rgba(255,255,255,0.82);
  border:1px solid rgba(137,122,183,0.20);
  box-shadow:0 24px 60px rgba(55,40,88,0.12);
  backdrop-filter:blur(10px);
}

#wk-4821-hero .wk-4821-layer-main {
  left:12%;
  top:15%;
  width:64%;
  height:34%;
}

#wk-4821-hero .wk-4821-layer-side {
  right:8%;
  top:38%;
  width:46%;
  height:28%;
  background:rgba(137,122,183,0.16);
}

#wk-4821-hero .wk-4821-layer-bottom {
  left:15%;
  bottom:12%;
  width:68%;
  height:20%;
}

#wk-4821-hero .wk-4821-accent-circle {
  position:absolute;
  right:13%;
  top:10%;
  width:96px;
  height:96px;
  border-radius:999px;
  background:#897ab7;
  opacity:0.88;
  box-shadow:0 20px 46px rgba(137,122,183,0.32);
}

#wk-4821-hero .wk-4821-accent-line {
  position:absolute;
  left:13%;
  bottom:9%;
  width:42%;
  height:6px;
  border-radius:999px;
  background:#897ab7;
}

#wk-4821-hero .wk-4821-mini-card {
  position:absolute;
  left:9%;
  top:52%;
  width:34%;
  height:76px;
  border-radius:22px;
  background:#000000;
  box-shadow:0 20px 46px rgba(0,0,0,0.18);
}

#wk-4821-hero .wk-4821-dot {
  position:absolute;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#897ab7;
  opacity:0.72;
}

#wk-4821-hero .wk-4821-dot-1 { left:18%; top:22%; }
#wk-4821-hero .wk-4821-dot-2 { right:21%; bottom:25%; }
#wk-4821-hero .wk-4821-dot-3 { left:48%; top:47%; }

@media (max-width:980px) {
  #wk-4821-hero {
    padding:86px 0 72px;
  }

  #wk-4821-hero .wk-row {
    gap:44px;
  }

  #wk-4821-hero .wk-cols-2 {
    grid-template-columns:1fr;
  }

  #wk-4821-hero .wk-4821-title {
    max-width:720px;
    font-size:clamp(42px, 9vw, 68px);
  }

  #wk-4821-hero .wk-4821-module-image,
  #wk-4821-hero .wk-4821-visual-card {
    min-height:420px;
  }

  #wk-4821-hero .wk-4821-visual-card {
    border-radius:34px 34px 88px 34px;
  }
}

@media (max-width:640px) {
  #wk-4821-hero {
    padding:66px 0 58px;
  }

  #wk-4821-hero .wk-row {
    width:80%;
    max-width:80%;
    gap:34px;
  }

  #wk-4821-hero .wk-4821-title {
    margin-top:20px;
    font-size:42px;
    line-height:1.04;
    letter-spacing:-0.045em;
  }

  #wk-4821-hero .wk-4821-services {
    gap:8px;
    margin-top:24px;
  }

  #wk-4821-hero .wk-4821-service-pill {
    padding:9px 12px;
    font-size:13px;
  }

  #wk-4821-hero .wk-4821-description {
    margin-top:22px;
    font-size:16px;
    line-height:1.65;
  }

  #wk-4821-hero .wk-4821-module-buttons {
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    margin-top:28px;
  }

  #wk-4821-hero .wk-4821-btn {
    width:100%;
    min-height:52px;
  }

  #wk-4821-hero .wk-4821-module-image,
  #wk-4821-hero .wk-4821-visual-card {
    min-height:310px;
  }

  #wk-4821-hero .wk-4821-visual-card {
    border-radius:28px;
  }

  #wk-4821-hero .wk-4821-accent-circle {
    width:70px;
    height:70px;
  }
}

#wk-7392-usluge, #wk-7392-usluge * { box-sizing:border-box; }
#wk-7392-usluge img { max-width:100%; height:auto; display:block; }
#wk-7392-usluge a { text-decoration:none; color:inherit; }
#wk-7392-usluge button, #wk-7392-usluge input, #wk-7392-usluge textarea, #wk-7392-usluge select { font:inherit; }

#wk-7392-usluge {
  position:relative;
  overflow:hidden;
  padding:108px 0 116px;
  background:
    radial-gradient(circle at 10% 14%, rgba(255,255,255,0.10) 0, rgba(255,255,255,0) 32%),
    radial-gradient(circle at 88% 18%, rgba(255,255,255,0.08) 0, rgba(255,255,255,0) 28%),
    linear-gradient(180deg, #383838 0%, #383838 100%);
  font-family:'Open Sans' !important;
  color:#ffffff;
}

#wk-7392-usluge::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.44) 50%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

#wk-7392-usluge::after {
  content:"";
  position:absolute;
  right:-150px;
  bottom:-150px;
  width:360px;
  height:360px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.035);
  pointer-events:none;
}

#wk-7392-usluge .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
}

#wk-7392-usluge .wk-col {
  min-width:0;
}

#wk-7392-usluge .wk-module {
  width:100%;
}

#wk-7392-usluge .wk-7392-row-head {
  grid-template-columns:minmax(0, 1.02fr) minmax(360px, 0.98fr);
  gap:72px;
  align-items:end;
}

#wk-7392-usluge .wk-7392-col-copy,
#wk-7392-usluge .wk-7392-col-action {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-7392-usluge .wk-7392-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,0.10);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.22);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.15em;
  text-transform:uppercase;
}

#wk-7392-usluge .wk-7392-title {
  max-width:760px;
  margin:0;
  color:#ffffff;
  font-size:clamp(40px, 4.8vw, 72px);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-7392-usluge .wk-7392-intro {
  max-width:590px;
  margin:0;
  color:#ffffff;
  font-size:17px;
  line-height:1.78;
  font-weight:400;
}

#wk-7392-usluge .wk-7392-list-note {
  max-width:590px;
  margin:22px 0 0;
  padding-left:18px;
  border-left:3px solid #ffffff;
  color:#ffffff;
  font-size:15px;
  line-height:1.72;
  font-weight:600;
}

#wk-7392-usluge .wk-7392-module-button {
  margin-top:30px;
}

#wk-7392-usluge .wk-7392-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 24px;
  border-radius:999px;
  background:#ffffff;
  color:#383838;
  border:1px solid #ffffff;
  box-shadow:0 18px 42px rgba(0,0,0,0.22);
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.03em;
  transition:transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#wk-7392-usluge .wk-7392-btn:hover {
  transform:translateY(-2px);
  background:transparent;
  color:#ffffff;
  border-color:#ffffff;
  box-shadow:0 18px 42px rgba(255,255,255,0.08);
}

#wk-7392-usluge .wk-7392-row-list {
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px 22px;
  align-items:stretch;
  margin-top:54px;
}

#wk-7392-usluge .wk-7392-service-col {
  display:flex;
  min-width:0;
}

#wk-7392-usluge .wk-7392-service-col-wide {
  grid-column:1 / -1;
}

#wk-7392-usluge .wk-7392-service {
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0, 1fr);
  gap:18px;
  align-items:center;
  width:100%;
  min-height:92px;
  padding:18px 20px;
  border-radius:28px;
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:0 20px 56px rgba(0,0,0,0.16);
  backdrop-filter:blur(10px);
  transition:transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

#wk-7392-usluge .wk-7392-service::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 46%);
  opacity:0;
  transition:opacity 180ms ease;
  pointer-events:none;
}

#wk-7392-usluge .wk-7392-service:hover {
  transform:translateY(-3px);
  border-color:rgba(255,255,255,0.42);
  background:rgba(255,255,255,0.10);
  box-shadow:0 24px 68px rgba(0,0,0,0.22);
}

#wk-7392-usluge .wk-7392-service:hover::before {
  opacity:1;
}

#wk-7392-usluge .wk-7392-divi-icon {
  position:relative;
  z-index:1;
  font-family:'ETmodules' !important;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:20px;
  background:rgba(255,255,255,0.12);
  color:#897ab7;
  border:1px solid rgba(255,255,255,0.28);
  box-shadow:0 14px 34px rgba(0,0,0,0.18);
  font-size:25px;
  flex:0 0 auto;
}

#wk-7392-usluge .wk-7392-service-content {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}

#wk-7392-usluge .wk-7392-service-number {
  flex:0 0 auto;
  min-width:34px;
  color:#ffffff;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.10em;
}

#wk-7392-usluge .wk-7392-service-name {
  color:#ffffff;
  font-size:18px;
  line-height:1.32;
  font-weight:800;
  letter-spacing:-0.018em;
}

@media (max-width:1100px) {
  #wk-7392-usluge .wk-7392-row-head {
    grid-template-columns:1fr;
    gap:34px;
    align-items:start;
  }

  #wk-7392-usluge .wk-7392-intro,
  #wk-7392-usluge .wk-7392-list-note {
    max-width:760px;
  }
}

@media (max-width:860px) {
  #wk-7392-usluge {
    padding:78px 0 82px;
  }

  #wk-7392-usluge .wk-row {
    width:80%;
    max-width:80%;
  }

  #wk-7392-usluge .wk-7392-row-list {
    grid-template-columns:1fr;
    gap:14px;
    margin-top:38px;
  }

  #wk-7392-usluge .wk-7392-service-col-wide {
    grid-column:auto;
  }
}

@media (max-width:640px) {
  #wk-7392-usluge .wk-7392-title {
    font-size:38px;
    line-height:1.06;
    letter-spacing:-0.045em;
  }

  #wk-7392-usluge .wk-7392-intro {
    font-size:16px;
    line-height:1.68;
  }

  #wk-7392-usluge .wk-7392-module-button {
    width:100%;
    margin-top:26px;
  }

  #wk-7392-usluge .wk-7392-btn {
    width:100%;
  }

  #wk-7392-usluge .wk-7392-service {
    grid-template-columns:50px minmax(0, 1fr);
    gap:14px;
    min-height:82px;
    padding:15px;
    border-radius:22px;
  }

  #wk-7392-usluge .wk-7392-service::before {
    border-radius:22px;
  }

  #wk-7392-usluge .wk-7392-divi-icon {
    width:50px;
    height:50px;
    border-radius:17px;
    font-size:22px;
  }

  #wk-7392-usluge .wk-7392-service-content {
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  #wk-7392-usluge .wk-7392-service-name {
    font-size:16px;
  }
}

#wk-6158-radovi, #wk-6158-radovi * { box-sizing:border-box; }
#wk-6158-radovi img { max-width:100%; height:auto; display:block; }
#wk-6158-radovi a { text-decoration:none; color:inherit; }
#wk-6158-radovi button, #wk-6158-radovi input, #wk-6158-radovi textarea, #wk-6158-radovi select { font:inherit; }

#wk-6158-radovi {
  position:relative;
  overflow:hidden;
  padding:112px 0 124px;
  background:
    radial-gradient(circle at 12% 8%, rgba(137,122,183,0.10) 0, rgba(137,122,183,0) 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);
  font-family:'Open Sans' !important;
  color:#000000;
}

#wk-6158-radovi::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(137,122,183,0) 0%, rgba(137,122,183,0.32) 50%, rgba(137,122,183,0) 100%);
  pointer-events:none;
}

#wk-6158-radovi .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
}

#wk-6158-radovi .wk-col {
  min-width:0;
}

#wk-6158-radovi .wk-module {
  width:100%;
}

#wk-6158-radovi .wk-6158-row-head {
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap:72px;
  align-items:start;
}

#wk-6158-radovi .wk-6158-title {
  max-width:720px;
  margin:0;
  color:#000000;
  font-size:clamp(42px, 5vw, 76px);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-6158-radovi .wk-6158-intro {
  max-width:660px;
  margin:8px 0 0;
  color:#24202c;
  font-size:17px;
  line-height:1.78;
  font-weight:400;
}

#wk-6158-radovi .wk-6158-highlight {
  display:inline-flex;
  margin:24px 0 0;
  padding:12px 16px;
  border-left:3px solid #897ab7;
  border-radius:0 18px 18px 0;
  background:rgba(137,122,183,0.08);
  color:#000000;
  font-size:15px;
  line-height:1.55;
  font-weight:800;
}

#wk-6158-radovi .wk-6158-row-mosaic {
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-auto-rows:220px;
  gap:22px;
  align-items:stretch;
  margin-top:62px;
}

#wk-6158-radovi .wk-6158-project-col {
  display:flex;
  min-width:0;
}

#wk-6158-radovi .wk-6158-project-col-featured {
  grid-column:span 2;
  grid-row:span 2;
}

#wk-6158-radovi .wk-6158-project-col-wide {
  grid-column:span 2;
}

#wk-6158-radovi .wk-6158-card {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  width:100%;
  min-height:100%;
  border-radius:34px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 24px 70px rgba(20,12,38,0.12);
  transform:translateY(0);
  transition:transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

#wk-6158-radovi .wk-6158-card-lm {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.72) 100%), url('https://inspiric.webkodeks.net/wp-content/uploads/2025/10/case-study-lm-home-2-thegem-portfolio-masonry.jpg');
}

#wk-6158-radovi .wk-6158-card-medven {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.70) 100%), url('https://inspiric.webkodeks.net/wp-content/uploads/2025/10/case-study-medven-thegem-portfolio-masonry.jpg');
}

#wk-6158-radovi .wk-6158-card-smartway {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.72) 100%), url('https://inspiric.webkodeks.net/wp-content/uploads/2025/10/case-study-smartway-2-thegem-portfolio-masonry.jpg');
}

#wk-6158-radovi .wk-6158-card-brazil {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.72) 100%), url('https://inspiric.webkodeks.net/wp-content/uploads/2025/10/case-study-brazilska-ambasada-thegem-portfolio-masonry.jpg');
}

#wk-6158-radovi .wk-6158-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.82) 100%);
  opacity:0.68;
  transition:opacity 220ms ease;
  pointer-events:none;
}

#wk-6158-radovi .wk-6158-card::after {
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  height:1px;
  background:rgba(255,255,255,0.22);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 220ms ease, background 220ms ease;
  pointer-events:none;
}

#wk-6158-radovi .wk-6158-card:hover {
  transform:translateY(-6px);
  border-color:rgba(137,122,183,0.44);
  box-shadow:0 34px 88px rgba(20,12,38,0.18);
}

#wk-6158-radovi .wk-6158-card:hover::before {
  opacity:0.86;
}

#wk-6158-radovi .wk-6158-card:hover::after {
  transform:scaleX(1);
  background:#897ab7;
}

#wk-6158-radovi .wk-6158-card-content {
  position:relative;
  z-index:1;
  width:100%;
  padding:28px;
}

#wk-6158-radovi .wk-6158-label {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 12px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(137,122,183,0.92);
  color:#ffffff;
  font-size:12px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

#wk-6158-radovi .wk-6158-project-name {
  display:block;
  margin:0;
  color:#ffffff;
  font-size:clamp(25px, 2.4vw, 38px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.035em;
  transition:color 220ms ease;
}

#wk-6158-radovi .wk-6158-card:hover .wk-6158-project-name {
  color:#897ab7;
}

#wk-6158-radovi .wk-6158-meta {
  display:block;
  margin:10px 0 0;
  color:rgba(255,255,255,0.84);
  font-size:14px;
  line-height:1.35;
  font-weight:700;
}

@media (max-width:1100px) {
  #wk-6158-radovi .wk-6158-row-head {
    grid-template-columns:1fr;
    gap:26px;
  }

  #wk-6158-radovi .wk-6158-intro {
    max-width:760px;
  }

  #wk-6158-radovi .wk-6158-row-mosaic {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-auto-rows:260px;
  }

  #wk-6158-radovi .wk-6158-project-col-featured,
  #wk-6158-radovi .wk-6158-project-col-wide {
    grid-column:span 2;
  }
}

@media (max-width:760px) {
  #wk-6158-radovi {
    padding:78px 0 84px;
  }

  #wk-6158-radovi .wk-row {
    width:80%;
    max-width:80%;
  }

  #wk-6158-radovi .wk-6158-title {
    font-size:40px;
    line-height:1.06;
    letter-spacing:-0.045em;
  }

  #wk-6158-radovi .wk-6158-intro {
    font-size:16px;
    line-height:1.68;
  }

  #wk-6158-radovi .wk-6158-row-mosaic {
    grid-template-columns:1fr;
    grid-auto-rows:auto;
    gap:18px;
    margin-top:40px;
  }

  #wk-6158-radovi .wk-6158-project-col-featured,
  #wk-6158-radovi .wk-6158-project-col-wide,
  #wk-6158-radovi .wk-6158-project-col {
    grid-column:auto;
    grid-row:auto;
  }

  #wk-6158-radovi .wk-6158-card {
    min-height:310px;
    border-radius:28px;
  }

  #wk-6158-radovi .wk-6158-card-content {
    padding:24px;
  }

  #wk-6158-radovi .wk-6158-project-name {
    font-size:28px;
  }
}

@media (max-width:480px) {
  #wk-6158-radovi .wk-6158-card {
    min-height:290px;
  }

  #wk-6158-radovi .wk-6158-title {
    font-size:36px;
  }
}

#wk-8464-cta, #wk-8464-cta * { box-sizing:border-box; }
#wk-8464-cta img { max-width:100%; height:auto; display:block; }
#wk-8464-cta a { text-decoration:none; color:inherit; }
#wk-8464-cta button, #wk-8464-cta input, #wk-8464-cta textarea, #wk-8464-cta select { font:inherit; }

#wk-8464-cta {
  position:relative;
  overflow:hidden;
  padding:96px 0;
  background:
    radial-gradient(circle at 84% 22%, rgba(255,255,255,0.22) 0, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 8% 78%, rgba(0,0,0,0.14) 0, rgba(0,0,0,0) 28%),
    linear-gradient(135deg, #897ab7 0%, #7c6fac 100%);
  font-family:'Open Sans' !important;
  color:#ffffff;
}

#wk-8464-cta::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.52) 50%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}

#wk-8464-cta::after {
  content:"";
  position:absolute;
  right:-120px;
  bottom:-150px;
  width:390px;
  height:390px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.05);
  pointer-events:none;
}

#wk-8464-cta .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
  gap:64px;
  align-items:center;
}

#wk-8464-cta .wk-cols-2 {
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, 0.8fr);
}

#wk-8464-cta .wk-col {
  min-width:0;
}

#wk-8464-cta .wk-module {
  width:100%;
}

#wk-8464-cta .wk-8464-col-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-8464-cta .wk-8464-title {
  max-width:820px;
  margin:0;
  color:#ffffff;
  font-size:clamp(42px, 5vw, 76px);
  line-height:1;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-8464-cta .wk-8464-title-accent {
  position:relative;
  display:inline-block;
  color:#ffffff;
  font-weight:800;
}

#wk-8464-cta .wk-8464-title-accent::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0.04em;
  height:0.13em;
  border-radius:999px;
  background:#000000;
  opacity:0.9;
  z-index:-1;
}

#wk-8464-cta .wk-8464-text {
  max-width:560px;
  margin:24px 0 0;
  color:rgba(255,255,255,0.88);
  font-size:20px;
  line-height:1.68;
  font-weight:600;
}

#wk-8464-cta .wk-8464-col-action {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:340px;
}

#wk-8464-cta .wk-8464-module-button {
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
}

#wk-8464-cta .wk-8464-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:19px 30px;
  border-radius:999px;
  background:#000000;
  color:#ffffff;
  border:1px solid #000000;
  box-shadow:0 24px 58px rgba(0,0,0,0.24);
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.02em;
  transition:transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#wk-8464-cta .wk-8464-btn:hover {
  transform:translateY(-3px);
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
  box-shadow:0 28px 68px rgba(0,0,0,0.26);
}

#wk-8464-cta .wk-8464-module-image {
  position:absolute;
  inset:50% auto auto 50%;
  z-index:1;
  width:min(380px, 100%);
  transform:translate(-50%, -50%);
  pointer-events:none;
}

#wk-8464-cta .wk-8464-visual-panel {
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:44px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.08) 52%, rgba(0,0,0,0.16) 100%);
  border:1px solid rgba(255,255,255,0.28);
  box-shadow:0 34px 86px rgba(0,0,0,0.18);
  opacity:0.9;
}

#wk-8464-cta .wk-8464-ai-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
}

#wk-8464-cta .wk-8464-shape {
  position:absolute;
  display:block;
  border-radius:24px;
  background:rgba(255,255,255,0.22);
  border:1px solid rgba(255,255,255,0.26);
  box-shadow:0 18px 46px rgba(0,0,0,0.12);
}

#wk-8464-cta .wk-8464-shape-1 {
  left:12%;
  top:14%;
  width:58%;
  height:24%;
}

#wk-8464-cta .wk-8464-shape-2 {
  right:10%;
  top:42%;
  width:46%;
  height:22%;
  background:rgba(0,0,0,0.18);
}

#wk-8464-cta .wk-8464-shape-3 {
  left:14%;
  bottom:13%;
  width:68%;
  height:18%;
}

#wk-8464-cta .wk-8464-line {
  position:absolute;
  display:block;
  height:6px;
  border-radius:999px;
  background:#000000;
  opacity:0.72;
}

#wk-8464-cta .wk-8464-line-1 {
  left:18%;
  top:31%;
  width:38%;
}

#wk-8464-cta .wk-8464-line-2 {
  right:18%;
  bottom:27%;
  width:30%;
  background:#ffffff;
  opacity:0.74;
}

#wk-8464-cta .wk-8464-orb {
  position:absolute;
  right:15%;
  top:15%;
  width:78px;
  height:78px;
  border-radius:999px;
  background:#000000;
  box-shadow:0 18px 46px rgba(0,0,0,0.20);
}

@media (max-width:980px) {
  #wk-8464-cta {
    padding:82px 0;
  }

  #wk-8464-cta .wk-cols-2 {
    grid-template-columns:1fr;
  }

  #wk-8464-cta .wk-row {
    gap:42px;
  }

  #wk-8464-cta .wk-8464-col-action {
    min-height:auto;
    gap:28px;
  }

  #wk-8464-cta .wk-8464-module-button {
    justify-content:flex-start;
  }

  #wk-8464-cta .wk-8464-module-image {
    position:relative;
    inset:auto;
    width:min(460px, 100%);
    transform:none;
  }
}

@media (max-width:640px) {
  #wk-8464-cta {
    padding:68px 0;
  }

  #wk-8464-cta .wk-row {
    width:80%;
    max-width:80%;
    gap:32px;
  }

  #wk-8464-cta .wk-8464-title {
    font-size:38px;
    line-height:1.08;
    letter-spacing:-0.045em;
  }

  #wk-8464-cta .wk-8464-text {
    margin-top:20px;
    font-size:16px;
    line-height:1.65;
  }

  #wk-8464-cta .wk-8464-module-button {
    width:100%;
  }

  #wk-8464-cta .wk-8464-btn {
    width:100%;
    min-height:56px;
    padding:17px 22px;
  }

  #wk-8464-cta .wk-8464-visual-panel {
    max-height:260px;
    aspect-ratio:16 / 10;
    border-radius:30px;
  }

  #wk-8464-cta .wk-8464-orb {
    width:58px;
    height:58px;
  }
}

#wk-9537-klijenti, #wk-9537-klijenti * { box-sizing:border-box; }
#wk-9537-klijenti img { max-width:100%; height:auto; display:block; }
#wk-9537-klijenti a { text-decoration:none; color:inherit; }
#wk-9537-klijenti button, #wk-9537-klijenti input, #wk-9537-klijenti textarea, #wk-9537-klijenti select { font:inherit; }

#wk-9537-klijenti {
  position:relative;
  overflow:hidden;
  padding:112px 0 118px;
  background:
    radial-gradient(circle at 82% 18%, rgba(137,122,183,0.14) 0, rgba(137,122,183,0) 34%),
    linear-gradient(180deg, #ffffff 0%, #faf8ff 100%);
  font-family:'Open Sans' !important;
  color:#000000;
}

#wk-9537-klijenti::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(137,122,183,0) 0%, rgba(137,122,183,0.28) 50%, rgba(137,122,183,0) 100%);
  pointer-events:none;
}

#wk-9537-klijenti::after {
  content:"";
  position:absolute;
  right:-170px;
  top:88px;
  width:420px;
  height:420px;
  border-radius:999px;
  border:1px solid rgba(137,122,183,0.16);
  background:rgba(137,122,183,0.045);
  pointer-events:none;
}

#wk-9537-klijenti .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
  gap:76px;
  align-items:center;
}

#wk-9537-klijenti .wk-cols-2 {
  grid-template-columns:minmax(0, 0.82fr) minmax(420px, 1.18fr);
}

#wk-9537-klijenti .wk-col {
  min-width:0;
}

#wk-9537-klijenti .wk-module {
  width:100%;
}

#wk-9537-klijenti .wk-9537-col-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-9537-klijenti .wk-9537-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(137,122,183,0.10);
  color:#897ab7;
  border:1px solid rgba(137,122,183,0.18);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.13em;
  text-transform:uppercase;
}

#wk-9537-klijenti .wk-9537-title {
  max-width:540px;
  margin:0;
  color:#000000;
  font-size:clamp(42px, 5vw, 72px);
  line-height:1;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-9537-klijenti .wk-9537-intro {
  max-width:590px;
  margin:26px 0 0;
  color:#24202c;
  font-size:18px;
  line-height:1.76;
  font-weight:400;
}

#wk-9537-klijenti .wk-9537-tags {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:30px 0 0;
}

#wk-9537-klijenti .wk-9537-tag {
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:#ffffff;
  color:#3c3157;
  border:1px solid rgba(137,122,183,0.18);
  box-shadow:0 12px 30px rgba(36,24,66,0.06);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}

#wk-9537-klijenti .wk-9537-col-cards {
  position:relative;
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#wk-9537-klijenti .wk-9537-module-image {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

#wk-9537-klijenti .wk-9537-visual {
  position:absolute;
  right:0;
  top:50%;
  width:min(520px, 92%);
  aspect-ratio:16 / 10;
  transform:translateY(-50%);
  overflow:hidden;
  border-radius:46px;
  background:
    linear-gradient(135deg, rgba(137,122,183,0.16) 0%, rgba(255,255,255,0.72) 58%, rgba(0,0,0,0.035) 100%);
  border:1px solid rgba(137,122,183,0.16);
  box-shadow:0 34px 86px rgba(37,25,66,0.10);
  opacity:0.58;
}

#wk-9537-klijenti .wk-9537-ai-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
}

#wk-9537-klijenti .wk-9537-network-line {
  position:absolute;
  height:1px;
  background:rgba(137,122,183,0.28);
  transform-origin:left center;
}

#wk-9537-klijenti .wk-9537-network-line-1 {
  left:18%;
  top:30%;
  width:54%;
  transform:rotate(14deg);
}

#wk-9537-klijenti .wk-9537-network-line-2 {
  left:25%;
  top:62%;
  width:46%;
  transform:rotate(-12deg);
}

#wk-9537-klijenti .wk-9537-network-dot {
  position:absolute;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#897ab7;
  box-shadow:0 0 0 10px rgba(137,122,183,0.10);
}

#wk-9537-klijenti .wk-9537-network-dot-1 { left:17%; top:26%; }
#wk-9537-klijenti .wk-9537-network-dot-2 { right:22%; top:43%; }
#wk-9537-klijenti .wk-9537-network-dot-3 { left:34%; bottom:23%; }

#wk-9537-klijenti .wk-9537-card {
  position:relative;
  z-index:2;
  width:min(420px, 88%);
  padding:26px 28px;
  border-radius:30px;
  background:rgba(255,255,255,0.88);
  border:1px solid rgba(137,122,183,0.16);
  box-shadow:0 24px 66px rgba(33,22,58,0.10);
  backdrop-filter:blur(10px);
  transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

#wk-9537-klijenti .wk-9537-card:hover {
  transform:translateY(-4px);
  border-color:rgba(137,122,183,0.36);
  box-shadow:0 30px 78px rgba(33,22,58,0.14);
}

#wk-9537-klijenti .wk-9537-card-industrije {
  margin-left:0;
}

#wk-9537-klijenti .wk-9537-card-suradnja {
  margin:-12px 0 -12px auto;
  background:rgba(247,244,255,0.92);
}

#wk-9537-klijenti .wk-9537-card-uspjeh {
  margin-left:12%;
}

#wk-9537-klijenti .wk-9537-card-title {
  display:block;
  margin:0;
  color:#000000;
  font-size:22px;
  line-height:1.24;
  font-weight:800;
  letter-spacing:-0.025em;
}

#wk-9537-klijenti .wk-9537-card-text {
  display:block;
  margin:12px 0 0;
  color:#3b3447;
  font-size:15px;
  line-height:1.62;
  font-weight:500;
}

#wk-9537-klijenti .wk-9537-card-accent {
  display:block;
  width:44px;
  height:3px;
  margin:0 0 16px;
  border-radius:999px;
  background:#897ab7;
}

@media (max-width:1080px) {
  #wk-9537-klijenti .wk-cols-2 {
    grid-template-columns:1fr;
  }

  #wk-9537-klijenti .wk-row {
    gap:48px;
  }

  #wk-9537-klijenti .wk-9537-col-cards {
    min-height:470px;
  }

  #wk-9537-klijenti .wk-9537-title,
  #wk-9537-klijenti .wk-9537-intro {
    max-width:760px;
  }
}

@media (max-width:760px) {
  #wk-9537-klijenti {
    padding:78px 0 84px;
  }

  #wk-9537-klijenti .wk-row {
    width:80%;
    max-width:80%;
    gap:38px;
  }

  #wk-9537-klijenti .wk-9537-title {
    font-size:40px;
    line-height:1.06;
    letter-spacing:-0.045em;
  }

  #wk-9537-klijenti .wk-9537-intro {
    margin-top:22px;
    font-size:16px;
    line-height:1.68;
  }

  #wk-9537-klijenti .wk-9537-col-cards {
    min-height:auto;
    gap:16px;
  }

  #wk-9537-klijenti .wk-9537-module-image {
    display:none;
  }

  #wk-9537-klijenti .wk-9537-card,
  #wk-9537-klijenti .wk-9537-card-industrije,
  #wk-9537-klijenti .wk-9537-card-suradnja,
  #wk-9537-klijenti .wk-9537-card-uspjeh {
    width:100%;
    margin:0;
    padding:24px;
    border-radius:26px;
  }

  #wk-9537-klijenti .wk-9537-card-title {
    font-size:20px;
  }
}

@media (max-width:480px) {
  #wk-9537-klijenti .wk-9537-title {
    font-size:36px;
  }

  #wk-9537-klijenti .wk-9537-tags {
    gap:8px;
  }

  #wk-9537-klijenti .wk-9537-tag {
    width:100%;
    justify-content:center;
  }
}

#wk-2674-zavrsni-cta, #wk-2674-zavrsni-cta * { box-sizing:border-box; }
#wk-2674-zavrsni-cta img { max-width:100%; height:auto; display:block; }
#wk-2674-zavrsni-cta a { text-decoration:none; color:inherit; }
#wk-2674-zavrsni-cta button, #wk-2674-zavrsni-cta input, #wk-2674-zavrsni-cta textarea, #wk-2674-zavrsni-cta select { font:inherit; }

#wk-2674-zavrsni-cta {
  position:relative;
  overflow:hidden;
  padding:118px 0 126px;
  background:
    radial-gradient(circle at 82% 44%, rgba(137,122,183,0.42) 0, rgba(137,122,183,0.16) 22%, rgba(137,122,183,0) 48%),
    radial-gradient(circle at 12% 18%, rgba(137,122,183,0.18) 0, rgba(137,122,183,0) 34%),
    linear-gradient(135deg, #050505 0%, #101014 52%, #000000 100%);
  font-family:'Open Sans' !important;
  color:#ffffff;
}

#wk-2674-zavrsni-cta::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(137,122,183,0) 0%, rgba(137,122,183,0.72) 50%, rgba(137,122,183,0) 100%);
  pointer-events:none;
}

#wk-2674-zavrsni-cta::after {
  content:"";
  position:absolute;
  right:-180px;
  bottom:-210px;
  width:520px;
  height:520px;
  border-radius:999px;
  border:1px solid rgba(137,122,183,0.28);
  background:rgba(137,122,183,0.08);
  filter:blur(1px);
  pointer-events:none;
}

#wk-2674-zavrsni-cta .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
  gap:72px;
  align-items:center;
}

#wk-2674-zavrsni-cta .wk-cols-2 {
  grid-template-columns:minmax(0, 1.18fr) minmax(340px, 0.82fr);
}

#wk-2674-zavrsni-cta .wk-col {
  min-width:0;
}

#wk-2674-zavrsni-cta .wk-module {
  width:100%;
}

#wk-2674-zavrsni-cta .wk-2674-col-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-2674-zavrsni-cta .wk-2674-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 20px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(137,122,183,0.16);
  color:#d9d1ff;
  border:1px solid rgba(137,122,183,0.38);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
}

#wk-2674-zavrsni-cta .wk-2674-title {
  max-width:860px;
  margin:0;
  color:#ffffff;
  font-size:clamp(44px, 5.4vw, 82px);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.058em;
}

#wk-2674-zavrsni-cta .wk-2674-title-accent {
  color:#897ab7;
  font-weight:800;
}

#wk-2674-zavrsni-cta .wk-2674-text {
  max-width:650px;
  margin:26px 0 0;
  color:rgba(255,255,255,0.78);
  font-size:19px;
  line-height:1.72;
  font-weight:500;
}

#wk-2674-zavrsni-cta .wk-2674-module-button {
  margin-top:36px;
}

#wk-2674-zavrsni-cta .wk-2674-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:18px 30px;
  border-radius:999px;
  background:#897ab7;
  color:#ffffff;
  border:1px solid #897ab7;
  box-shadow:0 24px 62px rgba(137,122,183,0.34);
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  transition:transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#wk-2674-zavrsni-cta .wk-2674-btn:hover {
  transform:translateY(-3px);
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
  box-shadow:0 28px 72px rgba(255,255,255,0.16);
}

#wk-2674-zavrsni-cta .wk-2674-col-visual {
  position:relative;
}

#wk-2674-zavrsni-cta .wk-2674-module-image {
  position:relative;
}

#wk-2674-zavrsni-cta .wk-2674-visual-panel {
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:440px;
  border-radius:46px;
  background:
    radial-gradient(circle at 72% 26%, rgba(137,122,183,0.62) 0, rgba(137,122,183,0) 35%),
    linear-gradient(145deg, rgba(255,255,255,0.12) 0%, rgba(137,122,183,0.18) 48%, rgba(0,0,0,0.34) 100%);
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 36px 92px rgba(0,0,0,0.34), 0 0 72px rgba(137,122,183,0.18);
}

#wk-2674-zavrsni-cta .wk-2674-ai-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
}

#wk-2674-zavrsni-cta .wk-2674-visual-shape {
  position:absolute;
  display:block;
  border-radius:28px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 22px 58px rgba(0,0,0,0.20);
  backdrop-filter:blur(10px);
}

#wk-2674-zavrsni-cta .wk-2674-shape-1 {
  left:11%;
  top:13%;
  width:64%;
  height:28%;
}

#wk-2674-zavrsni-cta .wk-2674-shape-2 {
  right:9%;
  top:43%;
  width:50%;
  height:24%;
  background:rgba(137,122,183,0.24);
}

#wk-2674-zavrsni-cta .wk-2674-shape-3 {
  left:14%;
  bottom:13%;
  width:70%;
  height:18%;
}

#wk-2674-zavrsni-cta .wk-2674-orb {
  position:absolute;
  display:block;
  width:92px;
  height:92px;
  right:13%;
  top:14%;
  border-radius:999px;
  background:#897ab7;
  box-shadow:0 0 56px rgba(137,122,183,0.54);
}

#wk-2674-zavrsni-cta .wk-2674-line {
  position:absolute;
  display:block;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,0.42);
}

#wk-2674-zavrsni-cta .wk-2674-line-1 {
  left:18%;
  top:54%;
  width:42%;
  transform:rotate(10deg);
}

#wk-2674-zavrsni-cta .wk-2674-line-2 {
  right:18%;
  bottom:29%;
  width:34%;
  background:rgba(137,122,183,0.72);
  transform:rotate(-8deg);
}

#wk-2674-zavrsni-cta .wk-2674-dot {
  position:absolute;
  display:block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#ffffff;
  box-shadow:0 0 0 9px rgba(255,255,255,0.08);
}

#wk-2674-zavrsni-cta .wk-2674-dot-1 { left:17%; top:28%; }
#wk-2674-zavrsni-cta .wk-2674-dot-2 { right:22%; top:62%; }
#wk-2674-zavrsni-cta .wk-2674-dot-3 { left:46%; bottom:20%; background:#897ab7; box-shadow:0 0 0 9px rgba(137,122,183,0.16); }

@media (max-width:980px) {
  #wk-2674-zavrsni-cta {
    padding:88px 0 96px;
  }

  #wk-2674-zavrsni-cta .wk-cols-2 {
    grid-template-columns:1fr;
  }

  #wk-2674-zavrsni-cta .wk-row {
    gap:44px;
  }

  #wk-2674-zavrsni-cta .wk-2674-title {
    max-width:760px;
  }

  #wk-2674-zavrsni-cta .wk-2674-visual-panel {
    min-height:340px;
  }
}

@media (max-width:640px) {
  #wk-2674-zavrsni-cta {
    padding:72px 0 78px;
  }

  #wk-2674-zavrsni-cta .wk-row {
    width:80%;
    max-width:80%;
    gap:34px;
  }

  #wk-2674-zavrsni-cta .wk-2674-title {
    font-size:38px;
    line-height:1.08;
    letter-spacing:-0.045em;
  }

  #wk-2674-zavrsni-cta .wk-2674-text {
    margin-top:22px;
    font-size:16px;
    line-height:1.66;
  }

  #wk-2674-zavrsni-cta .wk-2674-module-button {
    width:100%;
    margin-top:30px;
  }

  #wk-2674-zavrsni-cta .wk-2674-btn {
    width:100%;
    min-height:56px;
    padding:17px 22px;
  }

  #wk-2674-zavrsni-cta .wk-2674-visual-panel {
    min-height:240px;
    aspect-ratio:16 / 9;
    border-radius:30px;
  }

  #wk-2674-zavrsni-cta .wk-2674-orb {
    width:64px;
    height:64px;
  }
}

#wk-3186-kontakt, #wk-3186-kontakt * { box-sizing:border-box; }
#wk-3186-kontakt img { max-width:100%; height:auto; display:block; }
#wk-3186-kontakt a { text-decoration:none; color:inherit; }
#wk-3186-kontakt button, #wk-3186-kontakt input, #wk-3186-kontakt textarea, #wk-3186-kontakt select { font:inherit; }

#wk-3186-kontakt {
  position:relative;
  overflow:hidden;
  padding:112px 0 40px;
  background:
    radial-gradient(circle at 86% 18%, rgba(137,122,183,0.14) 0, rgba(137,122,183,0) 34%),
    radial-gradient(circle at 10% 76%, rgba(137,122,183,0.08) 0, rgba(137,122,183,0) 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);
  font-family:'Open Sans' !important;
  color:#000000;
}

#wk-3186-kontakt::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(137,122,183,0) 0%, rgba(137,122,183,0.34) 50%, rgba(137,122,183,0) 100%);
  pointer-events:none;
}

#wk-3186-kontakt .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
  display:grid;
}

#wk-3186-kontakt .wk-3186-row-main {
  grid-template-columns:minmax(0, 1.03fr) minmax(360px, 0.97fr);
  gap:64px;
  align-items:start;
}

#wk-3186-kontakt .wk-3186-row-copyright {
  margin-top:56px;
  padding-top:24px;
  border-top:1px solid rgba(137,122,183,0.16);
  grid-template-columns:1fr;
}

#wk-3186-kontakt .wk-col {
  min-width:0;
}

#wk-3186-kontakt .wk-module {
  width:100%;
}

#wk-3186-kontakt .wk-3186-col-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

#wk-3186-kontakt .wk-3186-col-social {
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:38px;
  background:rgba(255,255,255,0.86);
  border:1px solid rgba(137,122,183,0.18);
  box-shadow:0 28px 82px rgba(35,24,62,0.10);
}

#wk-3186-kontakt .wk-3186-anchor {
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}

#wk-3186-kontakt .wk-3186-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(137,122,183,0.10);
  color:#897ab7;
  border:1px solid rgba(137,122,183,0.18);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
}

#wk-3186-kontakt .wk-3186-title {
  max-width:760px;
  margin:0;
  color:#000000;
  font-size:clamp(42px, 5vw, 72px);
  line-height:1;
  font-weight:800;
  letter-spacing:-0.055em;
}

#wk-3186-kontakt .wk-3186-intro {
  max-width:650px;
  margin:24px 0 0;
  color:#24202c;
  font-size:18px;
  line-height:1.76;
  font-weight:400;
}

#wk-3186-kontakt .wk-3186-module-primary {
  margin-top:32px;
}

#wk-3186-kontakt .wk-3186-module-secondary {
  margin-top:18px;
}

#wk-3186-kontakt .wk-3186-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:17px 26px;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:0.035em;
  transition:transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#wk-3186-kontakt .wk-3186-btn-primary {
  background:#897ab7;
  color:#ffffff;
  border:1px solid #897ab7;
  box-shadow:0 20px 50px rgba(137,122,183,0.30);
  text-transform:uppercase;
}

#wk-3186-kontakt .wk-3186-btn-secondary {
  background:#ffffff;
  color:#000000;
  border:1px solid rgba(137,122,183,0.24);
  box-shadow:0 14px 36px rgba(35,24,62,0.07);
}

#wk-3186-kontakt .wk-3186-btn:hover {
  transform:translateY(-2px);
}

#wk-3186-kontakt .wk-3186-btn-primary:hover {
  background:#000000;
  color:#ffffff;
  border-color:#000000;
}

#wk-3186-kontakt .wk-3186-btn-secondary:hover {
  color:#897ab7;
  border-color:#897ab7;
}

#wk-3186-kontakt .wk-3186-contact-stack {
  display:grid;
  gap:14px;
  margin-top:34px;
}

#wk-3186-kontakt .wk-3186-contact-card {
  display:grid;
  grid-template-columns:46px minmax(0, 1fr);
  gap:16px;
  align-items:start;
  padding:22px;
  border-radius:26px;
  background:#ffffff;
  border:1px solid rgba(137,122,183,0.16);
  box-shadow:0 18px 48px rgba(35,24,62,0.07);
}

#wk-3186-kontakt .wk-3186-icon {
  font-family:'ETmodules' !important;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:rgba(137,122,183,0.12);
  border:1px solid rgba(137,122,183,0.18);
  color:#897ab7;
  flex:0 0 auto;
}

#wk-3186-kontakt .wk-3186-card-label {
  display:block;
  margin:0 0 8px;
  color:#897ab7;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.10em;
  text-transform:uppercase;
}

#wk-3186-kontakt .wk-3186-card-value {
  display:block;
  color:#000000;
  font-size:16px;
  line-height:1.58;
  font-weight:700;
}

#wk-3186-kontakt .wk-3186-card-value + .wk-3186-card-value {
  margin-top:5px;
}

#wk-3186-kontakt .wk-3186-email-link {
  display:inline-flex;
  color:#000000;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-0.025em;
  transition:color 180ms ease;
}

#wk-3186-kontakt .wk-3186-card-value a {
  transition:color 180ms ease;
}

#wk-3186-kontakt .wk-3186-card-value a:hover,
#wk-3186-kontakt .wk-3186-email-link:hover {
  color:#897ab7;
}

#wk-3186-kontakt .wk-3186-visual {
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:28px;
  background:
    radial-gradient(circle at 72% 24%, rgba(137,122,183,0.42) 0, rgba(137,122,183,0) 34%),
    linear-gradient(135deg, rgba(137,122,183,0.14) 0%, rgba(255,255,255,0.92) 58%, rgba(0,0,0,0.04) 100%);
  border:1px solid rgba(137,122,183,0.18);
  box-shadow:0 22px 60px rgba(35,24,62,0.08);
}

#wk-3186-kontakt .wk-3186-ai-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
}

#wk-3186-kontakt .wk-3186-shape {
  position:absolute;
  display:block;
  border-radius:22px;
  background:rgba(255,255,255,0.66);
  border:1px solid rgba(137,122,183,0.16);
  box-shadow:0 16px 40px rgba(35,24,62,0.08);
}

#wk-3186-kontakt .wk-3186-shape-1 {
  left:10%;
  top:18%;
  width:48%;
  height:28%;
}

#wk-3186-kontakt .wk-3186-shape-2 {
  right:10%;
  top:42%;
  width:40%;
  height:24%;
  background:rgba(137,122,183,0.14);
}

#wk-3186-kontakt .wk-3186-shape-3 {
  left:16%;
  bottom:14%;
  width:62%;
  height:16%;
}

#wk-3186-kontakt .wk-3186-orb {
  position:absolute;
  right:14%;
  top:14%;
  width:64px;
  height:64px;
  border-radius:999px;
  background:#897ab7;
  box-shadow:0 18px 48px rgba(137,122,183,0.28);
}

#wk-3186-kontakt .wk-3186-social-title {
  margin:28px 0 0;
  color:#000000;
  font-size:30px;
  line-height:1.18;
  font-weight:800;
  letter-spacing:-0.035em;
}

#wk-3186-kontakt .wk-3186-social-text {
  margin:10px 0 0;
  color:#3b3447;
  font-size:15px;
  line-height:1.64;
  font-weight:500;
}

#wk-3186-kontakt .wk-3186-social-nav {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:22px;
}

#wk-3186-kontakt .wk-3186-social-item {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(137,122,183,0.08);
  border:1px solid rgba(137,122,183,0.15);
  color:#000000;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  transition:background 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

#wk-3186-kontakt .wk-3186-social-item:hover {
  transform:translateY(-2px);
  background:#897ab7;
  color:#ffffff;
  border-color:#897ab7;
}

#wk-3186-kontakt .wk-3186-social-icon {
  font-family:'ETmodules' !important;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#897ab7;
  flex:0 0 auto;
}

#wk-3186-kontakt .wk-3186-social-item:hover .wk-3186-social-icon {
  background:#ffffff;
}

#wk-3186-kontakt .wk-3186-copyright {
  margin:0;
  color:#5e566b;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  text-align:center;
}

@media (max-width:1040px) {
  #wk-3186-kontakt .wk-3186-row-main {
    grid-template-columns:1fr;
    gap:44px;
  }

  #wk-3186-kontakt .wk-3186-title,
  #wk-3186-kontakt .wk-3186-intro {
    max-width:760px;
  }
}

@media (max-width:700px) {
  #wk-3186-kontakt {
    padding:78px 0 34px;
  }

  #wk-3186-kontakt .wk-row {
    width:80%;
    max-width:80%;
  }

  #wk-3186-kontakt .wk-3186-row-main {
    gap:34px;
  }

  #wk-3186-kontakt .wk-3186-title {
    font-size:38px;
    line-height:1.08;
    letter-spacing:-0.045em;
  }

  #wk-3186-kontakt .wk-3186-intro {
    margin-top:20px;
    font-size:16px;
    line-height:1.66;
  }

  #wk-3186-kontakt .wk-3186-module-primary,
  #wk-3186-kontakt .wk-3186-module-secondary {
    width:100%;
  }

  #wk-3186-kontakt .wk-3186-btn {
    width:100%;
    min-height:54px;
  }

  #wk-3186-kontakt .wk-3186-contact-card {
    grid-template-columns:42px minmax(0, 1fr);
    gap:14px;
    padding:18px;
    border-radius:22px;
  }

  #wk-3186-kontakt .wk-3186-icon {
    width:42px;
    height:42px;
    border-radius:14px;
  }

  #wk-3186-kontakt .wk-3186-card-value {
    font-size:15px;
  }

  #wk-3186-kontakt .wk-3186-email-link {
    font-size:19px;
    word-break:break-word;
  }

  #wk-3186-kontakt .wk-3186-col-social {
    padding:20px;
    border-radius:28px;
  }

  #wk-3186-kontakt .wk-3186-visual {
    aspect-ratio:16 / 8;
    border-radius:22px;
  }

  #wk-3186-kontakt .wk-3186-social-title {
    margin-top:22px;
    font-size:26px;
  }

  #wk-3186-kontakt .wk-3186-social-nav {
    grid-template-columns:1fr;
  }

  #wk-3186-kontakt .wk-3186-row-copyright {
    margin-top:38px;
  }
}

/* FOOTER */
#wk-1826-footer, #wk-1826-footer * { box-sizing:border-box; }
#wk-1826-footer img { max-width:100%; height:auto; display:block; }
#wk-1826-footer a { text-decoration:none; color:inherit; }
#wk-1826-footer button, #wk-1826-footer input, #wk-1826-footer textarea, #wk-1826-footer select { font:inherit; }

#wk-1826-footer {
  position:relative;
  overflow:hidden;
  padding:96px 0 34px;
  background:#000000;
  color:#ffffff;
  font-family:'Open Sans' !important;
}

#wk-1826-footer::before {
  content:"";
  position:absolute;
  top:-160px;
  right:-180px;
  width:620px;
  height:620px;
  background:
    radial-gradient(circle at 32% 34%, rgba(137,122,183,0.34), rgba(137,122,183,0) 54%),
    linear-gradient(135deg, rgba(137,122,183,0.18), rgba(255,255,255,0) 62%);
  opacity:0.78;
  pointer-events:none;
}

#wk-1826-footer::after {
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:54px;
  height:1px;
  background:linear-gradient(90deg, rgba(137,122,183,0.72), rgba(255,255,255,0.12), rgba(137,122,183,0));
  pointer-events:none;
}

#wk-1826-footer .wk-row {
  position:relative;
  z-index:1;
  width:80%;
  max-width:80%;
  margin:0 auto;
}

#wk-1826-footer .wk-footer-main-row {
  display:grid;
  grid-template-columns:minmax(0, 1.28fr) minmax(260px, 0.9fr) minmax(220px, 0.62fr);
  gap:clamp(34px, 5vw, 76px);
  align-items:start;
  padding-bottom:58px;
}

#wk-1826-footer .wk-footer-bottom-row {
  display:grid;
  grid-template-columns:1fr;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,0.12);
}

#wk-1826-footer .wk-col {
  min-width:0;
}

#wk-1826-footer .wk-module {
  width:100%;
}

#wk-1826-footer .wk-1826-eyebrow {
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0 0 18px;
  padding:7px 11px;
  border:1px solid rgba(137,122,183,0.46);
  border-radius:999px;
  color:#c9bff0;
  background:rgba(137,122,183,0.10);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

#wk-1826-footer .wk-1826-title {
  margin:0;
  max-width:760px;
  color:#ffffff;
  font-size:clamp(34px, 4.15vw, 64px);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-0.05em;
}

#wk-1826-footer .wk-1826-intro {
  margin:22px 0 0;
  max-width:620px;
  color:rgba(255,255,255,0.72);
  font-size:17px;
  font-weight:400;
  line-height:1.72;
}

#wk-1826-footer .wk-1826-button-wrap {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:32px;
}

#wk-1826-footer .wk-1826-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 24px;
  border:1px solid #897ab7;
  border-radius:999px;
  background:#897ab7;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-0.01em;
  transition:background 180ms ease, border-color 180ms ease, transform 180ms ease, color 180ms ease;
}

#wk-1826-footer .wk-1826-btn:hover {
  transform:translateY(-2px);
  background:#ffffff;
  border-color:#ffffff;
  color:#000000;
}

#wk-1826-footer .wk-1826-col-heading {
  margin:0 0 18px;
  color:#ffffff;
  font-size:14px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

#wk-1826-footer .wk-1826-contact-text {
  margin:0;
  color:rgba(255,255,255,0.70);
  font-size:15px;
  font-weight:400;
  line-height:1.74;
}

#wk-1826-footer .wk-1826-contact-text strong {
  color:#ffffff;
  font-size:16px;
  font-weight:800;
}

#wk-1826-footer .wk-1826-contact-text a {
  color:#ffffff;
  font-weight:700;
  transition:color 180ms ease;
}

#wk-1826-footer .wk-1826-contact-text a:hover {
  color:#897ab7;
}

#wk-1826-footer .wk-1826-menu {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
}

#wk-1826-footer .wk-1826-social-menu {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
}

#wk-1826-footer .wk-1826-menu a,
#wk-1826-footer .wk-1826-social-menu a {
  color:rgba(255,255,255,0.78);
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  transition:color 180ms ease, transform 180ms ease;
}

#wk-1826-footer .wk-1826-menu a:hover,
#wk-1826-footer .wk-1826-social-menu a:hover {
  color:#897ab7;
  transform:translateX(2px);
}

#wk-1826-footer .wk-1826-social-heading-module {
  margin-top:32px;
}

#wk-1826-footer .wk-1826-copyright {
  margin:0;
  color:rgba(255,255,255,0.54);
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  text-align:left;
}

@media (max-width:980px) {
  #wk-1826-footer {
    padding:76px 0 30px;
  }

  #wk-1826-footer .wk-row {
    width:86%;
    max-width:86%;
  }

  #wk-1826-footer .wk-footer-main-row {
    grid-template-columns:1fr;
    gap:42px;
    padding-bottom:46px;
  }

  #wk-1826-footer .wk-1826-title {
    max-width:720px;
  }
}

@media (max-width:640px) {
  #wk-1826-footer {
    padding:62px 0 28px;
  }

  #wk-1826-footer .wk-row {
    width:90%;
    max-width:90%;
  }

  #wk-1826-footer::after {
    left:5%;
    right:5%;
    top:34px;
  }

  #wk-1826-footer .wk-footer-main-row {
    gap:36px;
    padding-bottom:38px;
  }

  #wk-1826-footer .wk-1826-title {
    font-size:34px;
    line-height:1.08;
  }

  #wk-1826-footer .wk-1826-intro {
    font-size:16px;
    line-height:1.68;
  }

  #wk-1826-footer .wk-1826-button-wrap {
    margin-top:26px;
  }

  #wk-1826-footer .wk-1826-btn {
    width:100%;
    min-height:54px;
  }

  #wk-1826-footer .wk-1826-social-menu {
    gap:10px 16px;
  }
}

/********************************************************************************************************
 Styles For resolutions betwen 240 AND 980 => Between this resolutions mobile menu and mobile view starts
 
 *******************************************************************************************************/



@media only screen and (min-width:240px) and (max-width: 980px){



}



/* Styles For resolutions betwen 981 AND 1024 */

@media only screen and (min-width: 981px) and (max-width: 1024px){

	

}


/* Styles For resolutions betwen 1024 AND 1280 */


@media only screen and (min-width:1025px) and (max-width: 1280px) {
	
	
	
	}
	
/* Styles For resolutions betwen 1281 AND 1366 */


@media only screen and (min-width:1281px) and (max-width: 1366px) {
	
	

	
	}