/* TurboMoly — visual correction v2
   Loaded after the main theme CSS to avoid browser cache and stale overrides. */
:root {
  --cbl-blue: #075985;
  --cbl-aqua: #22D3EE;
  --cbl-stone: #F8FAFC;
  --cbl-coral: #FF6B6B;
  --cbl-ink: #0B3D52;
}

/* HEADER: template-like compact logo + clean navigation */
#header,
.wpo-site-header,
.wpo-header-style-3 {
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  width: 100% !important;
  z-index: 50 !important;
}
.wpo-site-header .navigation,
.wpo-header-style-3 .navigation {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.wpo-site-header .container-fluid {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.wpo-site-header .row {
  align-items: center !important;
  min-height: 74px !important;
}
.wpo-site-header .navbar-header,
.wpo-site-header .navbar-brand {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.wpo-site-header .navbar-brand h3,
.navbar-brand h3 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.25px !important;
  color: var(--cbl-blue) !important;
  text-shadow: none !important;
}
@media screen and (min-width: 992px) {
  .wpo-site-header #navbar {
    justify-content: center !important;
    margin-right: 0 !important;
  }
  .wpo-site-header #navbar > ul > li > a,
  .navigation-holder .nav > li > a {
    padding: 27px 22px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: var(--cbl-blue) !important;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
  }
}

/* HERO: move text below header and remove washed-out oversized overlap */
.static-hero-s3 {
  height: 900px !important;
  min-height: 820px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  background-image: url(../images/slider/slide-11.webp) !important;
  background-position: center right !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.static-hero-s3::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.95) 0%,
      rgba(248,250,252,.86) 34%,
      rgba(248,250,252,.48) 58%,
      rgba(248,250,252,.10) 100%),
    radial-gradient(circle at 76% 26%, rgba(34,211,238,.18), transparent 35%) !important;
}
.static-hero-s3 .hero-container,
.static-hero-s3 .hero-inner {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
}
.static-hero-s3 .hero-inner {
  display: block !important;
  text-align: left !important;
}
.static-hero-s3 .hero-inner > .container {
  max-width: 1320px !important;
  padding-top: 205px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.static-hero-s3 .hero-inner .row,
.static-hero-s3 .hero-inner .row.align-items-center {
  align-items: flex-start !important;
}
.static-hero-s3 .hero-inner .wpo-static-hero-inner,
.static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner {
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  max-width: 720px !important;
  transform: none !important;
}
.static-hero-s3 .hero-inner .wpo-static-hero-inner .title,
.static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner .title {
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  max-width: 720px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 66px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: -1.1px !important;
  color: var(--cbl-blue) !important;
  text-shadow: none !important;
}
.static-hero-s3 .hero-inner .wpo-static-hero-inner p,
.static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner p {
  margin: 0 !important;
  max-width: 620px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  color: #123F52 !important;
  text-shadow: none !important;
}

/* Keep service readable if this section is visible immediately after the hero */
.Arkitek-service-section-s3 {
  background: linear-gradient(135deg, #075985 0%, #0E7490 52%, #22D3EE 100%) !important;
}
.Arkitek-service-section-s3 .wpo-section-title h2,
.Arkitek-service-section-s3 .wpo-section-title p {
  color: #fff !important;
}
.Arkitek-service-section-s3 .service-single-item {
  background: rgba(248,250,252,.96) !important;
  border: 1px solid rgba(248,250,252,.72) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(3,37,59,.16) !important;
}
.Arkitek-service-section-s3 .service-single-item .text h2,
.Arkitek-service-section-s3 .service-single-item h2 {
  color: #075985 !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
.Arkitek-service-section-s3 .service-single-item .text p {
  color: #28485A !important;
  line-height: 1.7 !important;
}
.Arkitek-service-section-s3 .service-single-item:hover {
  background: linear-gradient(135deg, rgba(7,89,133,.98), rgba(34,211,238,.94)) !important;
}
.Arkitek-service-section-s3 .service-single-item:hover .text h2,
.Arkitek-service-section-s3 .service-single-item:hover .text p {
  color: #FFFFFF !important;
}

@media (max-width: 1399px) {
  .static-hero-s3 .hero-inner > .container { padding-top: 190px !important; }
  .static-hero-s3 .hero-inner .wpo-static-hero-inner .title,
  .static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner .title {
    font-size: 60px !important;
    max-width: 680px !important;
  }
}
@media (max-width: 1199px) {
  .static-hero-s3 { height: 760px !important; min-height: 760px !important; }
  .static-hero-s3 .hero-inner > .container { padding-top: 165px !important; }
  .static-hero-s3 .hero-inner .wpo-static-hero-inner .title,
  .static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner .title {
    font-size: 52px !important;
  }
}
@media (max-width: 991px) {
  #header, .wpo-site-header, .wpo-header-style-3 { position: relative !important; top: 0 !important; background: #F8FAFC !important; }
  .wpo-site-header .row { min-height: 64px !important; }
  .wpo-site-header .navbar-brand h3, .navbar-brand h3 { font-size: 20px !important; }
  .static-hero-s3 { height: 620px !important; min-height: 620px !important; }
  .static-hero-s3::before { background: linear-gradient(90deg, rgba(248,250,252,.96), rgba(248,250,252,.72)) !important; }
  .static-hero-s3 .hero-inner > .container { padding-top: 110px !important; }
  .static-hero-s3 .hero-inner .wpo-static-hero-inner .title,
  .static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner .title { font-size: 42px !important; }
}
@media (max-width: 575px) {
  .static-hero-s3 { height: 560px !important; min-height: 560px !important; }
  .static-hero-s3 .hero-inner > .container { padding-top: 80px !important; }
  .static-hero-s3 .hero-inner .wpo-static-hero-inner .title,
  .static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner .title {
    font-size: 34px !important;
    line-height: 1.2 !important;
  }
  .static-hero-s3 .hero-inner .wpo-static-hero-inner p,
  .static-hero-s3 .hero-container .hero-inner .wpo-static-hero-inner p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}