/* =====================================================================
   KOALA WEB STUDIO — REQUESTED SITE-WIDE REFINEMENTS
   Loaded last so this file is the single source of truth for the current
   header, inner-page hero, pricing, contrast and floating quote behaviour.
   ===================================================================== */

:root {
  --kws-refresh-ink: #101711;
  --kws-refresh-ink-soft: #283129;
  --kws-refresh-paper: #f2f5ee;
  --kws-refresh-white: #ffffff;
  --kws-refresh-green: #9eea16;
  --kws-refresh-line: #d6ddd1;
  --kws-refresh-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Keep the supplied transparent PNG intact and free of inherited filters. */
body.koala-studio .desktop-header-logo,
body.koala-studio .mobile-header-logo {
  background: transparent !important;
  overflow: visible !important;
}

body.koala-studio .desktop-header-logo img,
body.koala-studio .mobile-header-logo img {
  display: block !important;
  width: auto !important;
  height: 58px !important;
  max-width: 86px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Phone treatment is white on both the home and interior hero. */
body.koala-studio .desktop-header-contact[href^="tel:"],
body.koala-studio .desktop-header-contact[href^="tel:"] i,
body.koala-studio .desktop-header-contact[href^="tel:"] span {
  color: #fff !important;
}

body.koala-studio .desktop-header-contact[href^="tel:"] {
  border-color: rgba(255,255,255,.72) !important;
}

/* ============================ INNER HERO ============================ */
body.oz-inner-page .header-main.desktop-single-header {
  position: absolute !important;
  top: 0 !important;
  padding-top: 14px !important;
  background: transparent !important;
}

body.oz-inner-page .desktop-header-menu > ul {
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(8,17,10,.18) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

body.oz-inner-page .desktop-header-menu > ul > li > a,
body.oz-inner-page .desktop-header-contact,
body.oz-inner-page .desktop-header-contact i,
body.oz-inner-page .desktop-header-contact span {
  color: #fff !important;
}

body.oz-inner-page .desktop-header-menu > ul > li > a:hover,
body.oz-inner-page .desktop-header-menu > ul > li > a.is-active {
  color: var(--kws-refresh-green) !important;
}

body.oz-inner-page .desktop-header-contact[href^="mailto:"] {
  display: none !important;
}

body.oz-inner-page .desktop-header-contact[href^="tel:"] {
  border: 1px solid rgba(255,255,255,.7) !important;
  background: rgba(8,17,10,.16) !important;
}

body.oz-inner-page .app-container > section.home-bnerwrp {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: clamp(560px, 68vw, 724px) !important;
  margin: 0 !important;
  padding: 148px 0 90px !important;
  border-radius: 0 !important;
  background-color: #102015 !important;
  background-image: url("../images/otherpageshero.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  overflow: hidden !important;
  isolation: isolate;
}

body.oz-inner-page .app-container > section.home-bnerwrp::before {
  z-index: -1 !important;
  background:
    linear-gradient(90deg, rgba(4,13,7,.9) 0%, rgba(4,13,7,.72) 37%, rgba(4,13,7,.23) 68%, rgba(4,13,7,.06) 100%) !important;
}

body.oz-inner-page .home-bnerwrp .overlywrp {
  display: none !important;
}

body.oz-inner-page .home-bnerwrp > .container {
  width: min(100% - 64px, 1210px) !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.oz-inner-page .home-bnerwrp .row {
  justify-content: flex-start !important;
  margin: 0 !important;
}

body.oz-inner-page .home-bnerwrp .row > [class*="col-"]:first-child {
  flex: 0 0 min(620px, 56%) !important;
  width: min(620px, 56%) !important;
  max-width: 620px !important;
  padding: 0 !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp,
body.oz-inner-page .home-bnerwrp .txtwrp * {
  text-align: left !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp h4 {
  margin: 0 0 15px !important;
  color: var(--kws-refresh-green) !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: currentColor !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp h1 {
  max-width: 620px !important;
  margin: 0 0 22px !important;
  color: #fff !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(48px, 5.1vw, 76px) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp p,
body.oz-inner-page .home-bnerwrp .txtwrp li {
  color: rgba(255,255,255,.9) !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp p {
  max-width: 570px !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.65 !important;
}

body.oz-inner-page .home-bnerwrp .txtwrp ul {
  max-width: 570px;
}

/* ======================= INNER PAGE SECTIONS ======================= */
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--kws-refresh-paper) !important;
  color: var(--kws-refresh-ink) !important;
}

body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp):nth-of-type(odd) {
  background: #fff !important;
}

body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h1,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h2,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h3,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h4,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h5,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) h6 {
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) p,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) li,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) span:not(.fa) {
  color: #3f4940 !important;
}

body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) .main-pera,
body.oz-inner-page .app-container > section:not(.home-bnerwrp):not(.pkagwerp) .txtwrp p {
  color: #354036 !important;
  opacity: 1 !important;
}

body.oz-inner-page .serv-box,
body.oz-inner-page .process-box,
body.oz-inner-page .contact-info,
body.oz-inner-page .companywrp,
body.oz-inner-page .form-box-main {
  border: 1px solid var(--kws-refresh-line) !important;
  background: #fff !important;
  color: var(--kws-refresh-ink) !important;
  box-shadow: 0 14px 44px rgba(22,35,24,.06) !important;
}

/* ============================== PRICING ============================= */
body.koala-studio .app-container .pkagwerp {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 108px 0 118px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 88% 6%, rgba(158,234,22,.16), transparent 26%),
    var(--kws-refresh-paper) !important;
  color: var(--kws-refresh-ink) !important;
  overflow: hidden !important;
}

body.koala-studio.oz-inner-page .app-container > section.pkagwerp,
body.koala-studio .kws-home-v2 > section.pkagwerp {
  background:
    radial-gradient(circle at 88% 6%, rgba(158,234,22,.16), transparent 26%),
    var(--kws-refresh-paper) !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .app-container .pkagwerp::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(16,23,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(16,23,17,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 70%);
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

body.koala-studio .app-container .pkagwerp > .container {
  position: relative !important;
  z-index: 1;
  width: min(100% - 64px, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp > .container > .row:first-child .txtwrp,
body.koala-studio .app-container .pkagwerp > .container > .row:first-child > [class*="col-"] > .txtwrp {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr) !important;
  align-items: end !important;
  gap: 54px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 38px !important;
  padding: 0 0 31px !important;
  border-bottom: 1px solid #cbd4c7 !important;
  text-align: left !important;
}

body.koala-studio .app-container .pkagwerp .main-heading {
  margin: 0 !important;
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: var(--kws-refresh-ink) !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(42px, 4.5vw, 66px) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-align: left !important;
}

body.koala-studio .app-container .pkagwerp .main-pera {
  max-width: 520px !important;
  margin: 0 !important;
  color: #455046 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-align: left !important;
  opacity: 1 !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 34px !important;
  padding: 6px !important;
  border: 1px solid #cbd4c7 !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.7) !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #435044 !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 42px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: nowrap;
  cursor: pointer;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li:hover,
body.koala-studio .app-container .pkagwerp .tabbing-links li:focus-visible {
  background: #e2e9dc !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li.current {
  background: var(--kws-refresh-ink) !important;
  color: #fff !important;
  box-shadow: 0 9px 24px rgba(16,23,17,.14) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs:not(.current) {
  display: none !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current {
  display: block !important;
  width: 100% !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
body.koala-studio .app-container .pkagwerp.combo .pkg-center {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.koala-studio .app-container .pkagwerp .col-md-4 {
  display: block !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 570px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 30px 28px 25px !important;
  border: 1px solid #ccd5c8 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--kws-refresh-ink) !important;
  box-shadow: 0 18px 52px rgba(20,36,22,.07) !important;
  overflow: hidden !important;
  transition: transform .32s var(--kws-refresh-ease), border-color .25s ease, box-shadow .25s ease !important;
}

/* Beat the older alternating-section card rule, which intentionally carries
   very high specificity. */
body.koala-studio .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section.pkagwerp .pakge-box,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section#pricing.pkagwerp .pakge-box {
  border-color: #ccd5c8 !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--kws-refresh-ink) !important;
  box-shadow: 0 18px 52px rgba(20,36,22,.07) !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box::after {
  content: "" !important;
  position: absolute;
  inset: 0 0 auto !important;
  width: auto !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--kws-refresh-green), #4d8b10) !important;
  opacity: 1 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box:hover {
  border-color: #7cab45 !important;
  box-shadow: 0 26px 68px rgba(20,36,22,.14) !important;
  transform: translateY(-6px) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .pakge-box {
  border-color: var(--kws-refresh-ink) !important;
  background: linear-gradient(155deg, #18271b 0%, #0f1710 100%) !important;
  color: #fff !important;
  box-shadow: 0 26px 68px rgba(20,36,22,.2) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .pakge-box::before,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .pakge-box::before,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .pakge-box::before {
  content: "Most popular" !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  z-index: 2;
  padding: 7px 10px !important;
  border: 1px solid rgba(158,234,22,.45) !important;
  border-radius: 999px !important;
  background: rgba(158,234,22,.1) !important;
  color: var(--kws-refresh-green) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name {
  min-height: 122px !important;
  padding: 0 0 22px !important;
  border-bottom: 1px solid #dce2d8 !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h4 {
  max-width: calc(100% - 86px) !important;
  min-height: 35px !important;
  margin: 0 0 15px !important;
  color: #364238 !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: .06em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h2 {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 0 !important;
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(38px, 3vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
  text-align: left !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h2 span {
  margin: 0 !important;
  color: #7d887f !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-decoration: line-through !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name p,
body.koala-studio .app-container .pkagwerp .pkge-name small {
  color: #566159 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp {
  flex: 1 1 auto !important;
  margin: 21px 0 0 !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll {
  max-height: 275px !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  color: #3e4940 !important;
  scrollbar-color: #7eaf42 #e6ebe2 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll li {
  position: relative !important;
  margin: 0 !important;
  padding: 7px 0 7px 20px !important;
  color: #3e4940 !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll li::before {
  content: "✓" !important;
  position: absolute !important;
  top: 7px !important;
  left: 0 !important;
  color: #578d1a !important;
  font-weight: 900 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a,
body.koala-studio .app-container .pkagwerp .pakgedetail a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #aeb8aa !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--kws-refresh-ink) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a:first-child,
body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a:hover,
body.koala-studio .app-container .pkagwerp .pakgedetail a:hover {
  border-color: var(--kws-refresh-green) !important;
  background: var(--kws-refresh-green) !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .app-container .pkagwerp .pakgedetail {
  margin: 16px 0 0 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .actions {
  display: none !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .pakge-box *,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .pakge-box *,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .pakge-box * {
  border-color: rgba(255,255,255,.17);
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .detailwrp li,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .detailwrp li,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .pkge-name h4,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .pkge-name h2,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .detailwrp li {
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(2) .detailwrp li::before,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(2) .detailwrp li::before,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(2) .detailwrp li::before {
  color: var(--kws-refresh-green) !important;
}

/* =========================== TESTIMONIALS =========================== */
body.koala-studio .kws-home-v2 .kws-testimonials {
  background: #edf1e9 !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 > section.kws-about,
body.koala-studio .kws-home-v2 > section.kws-faq {
  background: #f7f8f3 !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 > section.kws-about .kws-section-heading,
body.koala-studio .kws-home-v2 > section.kws-about .kws-section-heading h2,
body.koala-studio .kws-home-v2 > section.kws-about .kws-about__lead,
body.koala-studio .kws-home-v2 > section.kws-faq .kws-section-heading,
body.koala-studio .kws-home-v2 > section.kws-faq .kws-section-heading h2,
body.koala-studio .kws-home-v2 > section.kws-faq .kws-faq-item > button {
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 > section.kws-about .kws-about__lead,
body.koala-studio .kws-home-v2 > section.kws-about .kws-about__stats span,
body.koala-studio .kws-home-v2 > section.kws-about .kws-about__stats em,
body.koala-studio .kws-home-v2 > section.kws-faq .kws-section-heading > p:not(.kws-eyebrow),
body.koala-studio .kws-home-v2 > section.kws-faq .kws-faq-answer > p {
  color: #354036 !important;
  opacity: 1 !important;
}

body.koala-studio .kws-home-v2 > section.kws-hero .kws-hero__text {
  color: rgba(255,255,255,.94) !important;
}

body.koala-studio .kws-home-v2 > section.pkagwerp .txtwrp .main-heading {
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 > section.pkagwerp .txtwrp .main-pera {
  color: #455046 !important;
  opacity: 1 !important;
}

body.koala-studio .kws-home-v2 .kws-testimonials .kws-section-heading,
body.koala-studio .kws-home-v2 .kws-testimonials .kws-section-heading h2,
body.koala-studio .kws-home-v2 .kws-testimonial blockquote,
body.koala-studio .kws-home-v2 .kws-testimonial footer strong {
  color: var(--kws-refresh-ink) !important;
  -webkit-text-fill-color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 .kws-testimonials .kws-eyebrow {
  color: #568c18 !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial {
  border-color: #cbd4c7 !important;
  background: rgba(255,255,255,.54) !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial blockquote {
  font-weight: 600 !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial footer {
  background: transparent !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial footer span {
  color: #4f5a51 !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial-controls button {
  border-color: #6d796f !important;
  color: var(--kws-refresh-ink) !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial-dots button {
  border-color: transparent !important;
  background: #aeb8aa !important;
}

body.koala-studio .kws-home-v2 .kws-testimonial-dots button.is-active,
body.koala-studio .kws-home-v2 .kws-testimonial-controls button:hover {
  border-color: var(--kws-refresh-ink) !important;
  background: var(--kws-refresh-ink) !important;
  color: #fff !important;
}

/* Strengthen deliberately muted copy elsewhere without flattening hierarchy. */
body.koala-studio .kws-home-v2 .kws-services .kws-section-heading > p:not(.kws-eyebrow),
body.koala-studio .kws-home-v2 .kws-service-card p,
body.koala-studio .kws-home-v2 .kws-cta__panel p:not(.kws-eyebrow) {
  color: rgba(255,255,255,.86) !important;
}

body.koala-studio .kws-home-v2 .kws-about__lead,
body.koala-studio .kws-home-v2 .kws-faq-answer > p,
body.koala-studio .kws-home-v2 .kws-section-heading--dark > p:not(.kws-eyebrow) {
  color: #354036 !important;
}

/* ======================== FLOATING QUOTE REVEAL ===================== */
body.koala-studio .koala-floating-quote {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(24px) !important;
  transition: opacity .3s ease, transform .38s var(--kws-refresh-ease), visibility 0s linear .38s !important;
}

body.koala-studio.kws-quote-ready:not(.form-open) .koala-floating-quote {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
}

@media (max-width: 1199.98px) {
  body.oz-inner-page .mobile-header-bar {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1100 !important;
    background: transparent !important;
  }

  body.oz-inner-page .mobile-header-bar .mobile-nav-btn .lines,
  body.oz-inner-page .mobile-header-bar .mobile-nav-btn .lines::before,
  body.oz-inner-page .mobile-header-bar .mobile-nav-btn .lines::after {
    background: #fff !important;
  }

  body.oz-inner-page .home-bnerwrp .row > [class*="col-"]:first-child {
    flex-basis: min(600px, 68%) !important;
    width: min(600px, 68%) !important;
  }

  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
  body.koala-studio .app-container .pkagwerp.combo .pkg-center {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.koala-studio .desktop-header-logo img,
  body.koala-studio .mobile-header-logo img {
    height: 50px !important;
    max-width: 74px !important;
    max-height: 50px !important;
  }

  body.oz-inner-page .app-container > section.home-bnerwrp {
    min-height: 620px !important;
    padding: 118px 0 72px !important;
    background-position: 64% center !important;
  }

  body.oz-inner-page .app-container > section.home-bnerwrp::before {
    background: linear-gradient(90deg, rgba(4,13,7,.91) 0%, rgba(4,13,7,.76) 58%, rgba(4,13,7,.25) 100%) !important;
  }

  body.oz-inner-page .home-bnerwrp > .container,
  body.koala-studio .app-container .pkagwerp > .container {
    width: calc(100% - 32px) !important;
  }

  body.oz-inner-page .home-bnerwrp .row > [class*="col-"]:first-child {
    flex: 0 0 88% !important;
    width: 88% !important;
    max-width: 88% !important;
  }

  body.oz-inner-page .home-bnerwrp .txtwrp h1 {
    font-size: clamp(42px, 12vw, 64px) !important;
  }

  body.koala-studio .app-container .pkagwerp {
    padding: 78px 0 84px !important;
  }

  body.koala-studio .app-container .pkagwerp > .container > .row:first-child .txtwrp,
  body.koala-studio .app-container .pkagwerp > .container > .row:first-child > [class*="col-"] > .txtwrp {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
  body.koala-studio .app-container .pkagwerp.combo .pkg-center {
    grid-template-columns: 1fr !important;
  }

  body.koala-studio .app-container .pkagwerp .pakge-box {
    min-height: 0 !important;
  }
}

/* =====================================================================
   FINAL ALIGNMENT PASS — PRICING, DRAWER AND NAVIGATION
   These rules intentionally sit last to cancel positioning and decorative
   declarations inherited from the original theme.
   ===================================================================== */

/* The transparent PNG should never inherit a tile, filter or glass fill. */
body.koala-studio .desktop-header-logo,
body.koala-studio.oz-scrolled .desktop-header-logo,
body.koala-studio .mobile-header-logo,
body.koala-studio.oz-scrolled .mobile-header-logo,
body.koala-studio .mobile-header-bar .mobile-header-logo {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

body.koala-studio .desktop-header-logo img,
body.koala-studio.oz-scrolled .desktop-header-logo img,
body.koala-studio .mobile-header-logo img,
body.koala-studio.oz-scrolled .mobile-header-logo img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Desktop navigation: brand-green interaction and calmer dropdown panels. */
body.koala-studio .desktop-header-menu > ul > li > a {
  position: relative !important;
  color: #fff !important;
  transition: color .22s ease, background-color .22s ease !important;
}

body.koala-studio .desktop-header-menu > ul > li > a:hover,
body.koala-studio .desktop-header-menu > ul > li > a:focus-visible,
body.koala-studio .desktop-header-menu > ul > li > a.is-active,
body.koala-studio .desktop-header-menu > ul > li:focus-within > a,
body.koala-studio .desktop-header-menu > ul > li.oz-dropdown-open > a {
  background: rgba(158,234,22,.12) !important;
  color: var(--kws-refresh-green) !important;
}

body.koala-studio .desktop-header-menu > ul > li > a.is-active::before {
  content: "" !important;
  position: absolute !important;
  right: 16px !important;
  bottom: 2px !important;
  left: 16px !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--kws-refresh-green) !important;
}

body.koala-studio .desktop-header-menu .drp-down {
  min-width: 250px !important;
  padding: 8px !important;
  border: 1px solid rgba(158,234,22,.24) !important;
  border-radius: 14px !important;
  background: rgba(7,18,11,.98) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.4) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

body.koala-studio .desktop-header-menu .drp-down ul {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.koala-studio .desktop-header-menu .drp-down li + li {
  margin-top: 3px !important;
}

body.koala-studio .desktop-header-menu .drp-down li a {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #f5fff0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  transition: color .2s ease, background-color .2s ease, padding-left .2s ease !important;
}

body.koala-studio .desktop-header-menu .drp-down li > a:hover,
body.koala-studio .desktop-header-menu .drp-down li > a:focus-visible,
body.koala-studio .desktop-header-menu .drp-down li > a.is-active,
body.koala-studio .desktop-header-menu .drp-down li.oz-dropdown-open > a,
body.koala-studio .desktop-header-menu .drp-down li:focus-within > a {
  padding-left: 16px !important;
  background: rgba(158,234,22,.12) !important;
  color: var(--kws-refresh-green) !important;
}

/* Quote drawer: solid green surface, compact header and a visible submit. */
body.koala-studio .custom-modal .modal-content,
body.koala-studio .custom-modal .modal-body {
  max-height: 100dvh !important;
}

body.koala-studio .custom-modal .modal-body,
body.koala-studio .get-started .modal-body {
  min-height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

body.koala-studio .custom-modal .get-started-modal {
  min-height: 100% !important;
  padding: 24px 34px 20px !important;
}

body.koala-studio .custom-modal .get-started-modal > img {
  width: 68px !important;
  max-width: 68px !important;
  height: auto !important;
  max-height: 68px !important;
  margin: 0 0 11px !important;
}

body.koala-studio .custom-modal .get-started-modal h3 {
  margin: 0 0 16px !important;
  font-size: clamp(28px, 4.4vh, 34px) !important;
  line-height: 1.02 !important;
}

body.koala-studio .custom-modal .get-started-modal h3 span {
  margin-top: 7px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal select {
  height: 43px !important;
  min-height: 43px !important;
}

body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal textarea,
body.koala-studio .custom-modal .get-started-modal select {
  margin-bottom: 12px !important;
  padding: 10px 13px !important;
}

body.koala-studio .custom-modal .get-started-modal textarea {
  min-height: 72px !important;
  height: 72px !important;
}

body.koala-studio .custom-modal .get-started-modal input[type="submit"] {
  display: flex !important;
  min-height: 45px !important;
  height: 45px !important;
  margin: 2px 0 0 !important;
}

/* Pricing intro, tabs and every visible card now share one centered axis. */
body.koala-studio .app-container .pkagwerp > .container {
  width: min(calc(100% - 56px), 1240px) !important;
  max-width: 1240px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.koala-studio .app-container .pkagwerp > .container > .row:first-child {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
}

body.koala-studio .app-container .pkagwerp > .container > .row:first-child > [class*="col-"] {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

body.koala-studio .app-container .pkagwerp > .container > .row:first-child .txtwrp,
body.koala-studio .app-container .pkagwerp > .container > .row:first-child > [class*="col-"] > .txtwrp {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 38px !important;
  padding: 0 0 30px !important;
  text-align: center !important;
}

body.koala-studio .app-container .pkagwerp .main-heading {
  position: static !important;
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  transform: none !important;
  text-align: center !important;
}

body.koala-studio .app-container .pkagwerp .main-pera {
  position: static !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 18px auto 0 !important;
  transform: none !important;
  text-align: center !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links {
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 38px !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels,
body.koala-studio .app-container .pkagwerp .pricing-panels > li {
  list-style: none !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
body.koala-studio .app-container .pkagwerp.combo .pkg-center {
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  justify-content: center !important;
  gap: 24px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box,
body.koala-studio .app-container .pkagwerp .pkge-name,
body.koala-studio .app-container .pkagwerp .detailwrp,
body.koala-studio .app-container .pkagwerp .btnwrp {
  float: none !important;
  transform-origin: center !important;
  text-align: left !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name,
body.koala-studio .app-container .pkagwerp .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .detailwrp,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll {
  right: auto !important;
  left: auto !important;
  transform: none !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pkge-name h2 {
  position: static !important;
  width: 100% !important;
  overflow: visible !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h4 {
  max-width: calc(100% - 92px) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h2 {
  max-width: 100% !important;
  font-size: clamp(43px, 3.5vw, 55px) !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll li {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

@media (max-width: 991.98px) {
  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
  body.koala-studio .app-container .pkagwerp.combo .pkg-center {
    grid-template-columns: repeat(2, minmax(270px, 1fr)) !important;
  }
}

@media (max-width: 1199.98px) {
  body.koala-studio .mobile-nav {
    background:
      radial-gradient(circle at 92% 8%, rgba(158,234,22,.15), transparent 28%),
      linear-gradient(145deg, #0b170f 0%, #050907 100%) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav > li > a:hover,
  body.koala-studio .mobile-nav nav > ul.mainnav > li > a:focus-visible,
  body.koala-studio .mobile-nav nav > ul.mainnav > li > a.is-active,
  body.koala-studio .mobile-nav nav > ul.mainnav > li.current-branch > a,
  body.koala-studio .mobile-nav nav > ul.mainnav > li.submenu-open > a {
    background: rgba(158,234,22,.11) !important;
    color: var(--kws-refresh-green) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav li.has-submenu > a::after {
    border-color: rgba(158,234,22,.36) !important;
    background: rgba(158,234,22,.08) !important;
    color: var(--kws-refresh-green) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav li.has-submenu.submenu-open > a::after {
    border-color: var(--kws-refresh-green) !important;
    background: var(--kws-refresh-green) !important;
    color: #0b170f !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav > li > ul {
    border-color: rgba(158,234,22,.2) !important;
    background: rgba(9,25,14,.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav > li > ul > li + li {
    border-top-color: rgba(158,234,22,.1) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav ul li > a {
    color: #e9f2e6 !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav ul li > a:hover,
  body.koala-studio .mobile-nav nav > ul.mainnav ul li > a:focus-visible,
  body.koala-studio .mobile-nav nav > ul.mainnav ul li > a.is-active,
  body.koala-studio .mobile-nav nav > ul.mainnav ul li.submenu-open > a,
  body.koala-studio .mobile-nav nav > ul.mainnav ul li.current-branch > a {
    background: rgba(158,234,22,.11) !important;
    color: var(--kws-refresh-green) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav > li > ul > li > a.is-active::before {
    background: var(--kws-refresh-green) !important;
  }

  body.koala-studio .mobile-nav nav > ul.mainnav > li > ul > li.has-submenu > ul {
    border-left-color: rgba(158,234,22,.42) !important;
    background: rgba(0,0,0,.2) !important;
  }
}

@media (max-width: 767.98px) {
  body.koala-studio .app-container .pkagwerp > .container {
    width: min(calc(100% - 32px), 1240px) !important;
  }

  body.koala-studio .app-container .pkagwerp .tabbing-links {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
  body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
  body.koala-studio .app-container .pkagwerp.combo .pkg-center {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.koala-studio .custom-modal .get-started-modal {
    padding: 20px 22px 18px !important;
  }

  body.koala-studio .custom-modal .get-started-modal > img {
    width: 60px !important;
    max-width: 60px !important;
    margin-bottom: 9px !important;
  }

  body.koala-studio .custom-modal .get-started-modal h3 {
    margin-bottom: 13px !important;
    font-size: 28px !important;
  }
}

@media (max-height: 650px) {
  body.koala-studio .custom-modal .get-started-modal {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
  }

  body.koala-studio .custom-modal .get-started-modal > img {
    width: 52px !important;
    max-width: 52px !important;
    margin-bottom: 7px !important;
  }

  body.koala-studio .custom-modal .get-started-modal h3 {
    margin-bottom: 10px !important;
    font-size: 25px !important;
  }

  body.koala-studio .custom-modal .get-started-modal textarea {
    min-height: 58px !important;
    height: 58px !important;
  }
}

/* =====================================================================
   SCREENSHOT FOLLOW-UP — COMPACT CARDS, FORM RHYTHM AND GREEN SCROLLBARS
   ===================================================================== */

/* The phone remains white, but the extra circle around its icon is removed
   from interior-page headers. */
body.koala-studio.oz-inner-page .desktop-header-contact[href^="tel:"] i {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

body.koala-studio.oz-inner-page .desktop-header-contact[href^="tel:"]:hover i {
  border: 0 !important;
  background: transparent !important;
  color: var(--kws-refresh-green) !important;
}

/* Give every enquiry field a clear, even vertical gap. */
body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal textarea,
body.koala-studio .custom-modal .get-started-modal select {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

body.koala-studio .custom-modal .get-started-modal input[type="submit"] {
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

/* Cards size to their real content instead of stretching the feature area. */
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
body.koala-studio .app-container .pkagwerp.combo .pkg-center {
  align-items: start !important;
}

body.koala-studio .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section.pkagwerp .pakge-box,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section#pricing.pkagwerp .pakge-box {
  min-height: 0 !important;
  height: auto !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp {
  flex: 0 0 auto !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp {
  margin-top: 16px !important;
}

/* The previous fourth-card variation paired dark text with a dark fallback.
   Keep that card in the dark family so every index-page price stays legible. */
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pakge-box {
  border: 1px solid rgba(255,255,255,.24) !important;
  background: linear-gradient(155deg, #0c1413 0%, #050809 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h4 {
  color: var(--kws-refresh-green) !important;
  -webkit-text-fill-color: var(--kws-refresh-green) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .detailwrp li {
  color: #f7faf6 !important;
  -webkit-text-fill-color: #f7faf6 !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2 span {
  color: #dce3da !important;
  -webkit-text-fill-color: #dce3da !important;
}

/* Green scrollbars for the page, pricing features and the quote drawer. */
html,
body.koala-studio,
body.koala-studio .custom-modal .modal-content,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll {
  scrollbar-color: var(--kws-refresh-green) #132019 !important;
  scrollbar-width: thin;
}

html::-webkit-scrollbar,
body.koala-studio .custom-modal .modal-content::-webkit-scrollbar,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

html::-webkit-scrollbar-track,
body.koala-studio .custom-modal .modal-content::-webkit-scrollbar-track,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll::-webkit-scrollbar-track {
  background: #132019 !important;
  border-radius: 999px !important;
}

html::-webkit-scrollbar-thumb,
body.koala-studio .custom-modal .modal-content::-webkit-scrollbar-thumb,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #132019 !important;
  border-radius: 999px !important;
  background: var(--kws-refresh-green) !important;
}

html::-webkit-scrollbar-thumb:hover,
body.koala-studio .custom-modal .modal-content::-webkit-scrollbar-thumb:hover,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll::-webkit-scrollbar-thumb:hover {
  background: #b6ff31 !important;
}

@media (max-width: 420px) {
  body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.koala-studio .koala-floating-quote,
  body.koala-studio .app-container .pkagwerp .pakge-box {
    transition: none !important;
  }
}

/* =====================================================================
   SEPTEMBER REFINEMENT — GREEN DRAWER + REFERENCE-LED PRICING
   ===================================================================== */

/* ----------------------- Right-side quote drawer --------------------- */
body.koala-studio .custom-modal {
  background: rgba(1,8,4,.68) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

body.koala-studio .custom-modal .modal-dialog {
  width: min(460px, 100%) !important;
  max-width: 460px !important;
}

body.koala-studio .custom-modal .modal-content {
  border: 0 !important;
  background:
    radial-gradient(circle at 105% -5%, rgba(158,234,22,.38), transparent 34%),
    linear-gradient(155deg, #1b6c34 0%, #104b26 48%, #092f18 100%) !important;
  color: #fff !important;
  box-shadow: -34px 0 90px rgba(0,0,0,.34) !important;
}

body.koala-studio .custom-modal .get-started-modal {
  padding: 68px 38px 38px !important;
}

body.koala-studio .custom-modal .get-started-modal > img {
  content: url("../images/koala-logo-white.png") !important;
  width: 90px !important;
  max-width: 90px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 36px !important;
  object-fit: contain !important;
  filter: none !important;
}

body.koala-studio .custom-modal .get-started-modal h3 {
  margin: 0 0 30px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.koala-studio .custom-modal .get-started-modal h3 span {
  display: block !important;
  margin: 12px 0 0 !important;
  color: #f1ffe1 !important;
  -webkit-text-fill-color: #f1ffe1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .06em !important;
}

body.koala-studio .custom-modal .close-started-form {
  border-color: rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
}

body.koala-studio .custom-modal .close-started-form:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: #123e21 !important;
}

body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal textarea,
body.koala-studio .custom-modal .get-started-modal select {
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.96) !important;
  color: #102417 !important;
  box-shadow: none !important;
}

body.koala-studio .custom-modal .get-started-modal input::placeholder,
body.koala-studio .custom-modal .get-started-modal textarea::placeholder {
  color: #526157 !important;
  opacity: 1 !important;
}

body.koala-studio .custom-modal .get-started-modal input:focus,
body.koala-studio .custom-modal .get-started-modal textarea:focus,
body.koala-studio .custom-modal .get-started-modal select:focus {
  border-color: var(--kws-refresh-green) !important;
  box-shadow: 0 0 0 4px rgba(158,234,22,.23) !important;
}

body.koala-studio .custom-modal .get-started-modal input[type="submit"] {
  min-height: 52px !important;
  border-color: var(--kws-refresh-green) !important;
  background: var(--kws-refresh-green) !important;
  color: #102417 !important;
  font-weight: 900 !important;
}

/* ---------------------- Dark pricing presentation ------------------- */
body.koala-studio .app-container .pkagwerp,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp,
body.koala-studio .kws-home-v2 > section.pkagwerp {
  background:
    radial-gradient(circle at 12% 12%, rgba(24,126,82,.38), transparent 30%),
    radial-gradient(circle at 88% 30%, rgba(158,234,22,.09), transparent 27%),
    linear-gradient(125deg, #061310 0%, #030709 50%, #020305 100%) !important;
  color: #fff !important;
}

body.koala-studio .app-container .pkagwerp::before {
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
}

body.koala-studio .app-container .pkagwerp > .container > .row:first-child .txtwrp,
body.koala-studio .app-container .pkagwerp > .container > .row:first-child > [class*="col-"] > .txtwrp {
  border-color: rgba(255,255,255,.18) !important;
}

body.koala-studio .app-container .pkagwerp .main-heading,
body.koala-studio .kws-home-v2 > section.pkagwerp .txtwrp .main-heading,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .txtwrp .main-heading {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -.06em !important;
}

body.koala-studio .app-container .pkagwerp .main-pera,
body.koala-studio .kws-home-v2 > section.pkagwerp .txtwrp .main-pera,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .txtwrp .main-pera {
  color: #f3f7f2 !important;
  -webkit-text-fill-color: #f3f7f2 !important;
  opacity: 1 !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links {
  border-color: rgba(255,255,255,.2) !important;
  background: rgba(18,24,24,.82) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.22) !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li {
  color: #fff !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li:hover,
body.koala-studio .app-container .pkagwerp .tabbing-links li:focus-visible {
  background: rgba(158,234,22,.13) !important;
  color: var(--kws-refresh-green) !important;
}

body.koala-studio .app-container .pkagwerp .tabbing-links li.current {
  background: var(--kws-refresh-green) !important;
  color: #081108 !important;
  box-shadow: none !important;
}

body.koala-studio .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section.pkagwerp .pakge-box,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section#pricing.pkagwerp .pakge-box {
  min-height: 590px !important;
  padding: 28px 26px 24px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 15px !important;
  background: linear-gradient(155deg, #0c1413 0%, #050809 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box::after {
  content: none !important;
  display: none !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n+2) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n+2) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n+2) .pakge-box {
  border-color: rgba(255,255,255,.28) !important;
  background: linear-gradient(160deg, #1c2024 0%, #111519 100%) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n+3) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n+3) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n+3) .pakge-box {
  border: 2px solid #78ee73 !important;
  background: linear-gradient(155deg, #15541c 0%, #0c3512 100%) !important;
  box-shadow: 0 25px 75px rgba(27,133,49,.18) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pakge-box {
  border-color: #dfff62 !important;
  background: #dfff62 !important;
  color: #0a160d !important;
  box-shadow: 0 25px 75px rgba(106,150,27,.14) !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box:hover {
  border-color: var(--kws-refresh-green) !important;
  box-shadow: 0 30px 82px rgba(0,0,0,.38) !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name {
  min-height: 126px !important;
  border-color: rgba(255,255,255,.18) !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h4 {
  color: var(--kws-refresh-green) !important;
  -webkit-text-fill-color: var(--kws-refresh-green) !important;
  font-size: 13px !important;
  text-transform: none !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(42px, 3.4vw, 54px) !important;
}

body.koala-studio .app-container .pkagwerp .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .pkge-name p,
body.koala-studio .app-container .pkagwerp .pkge-name small,
body.koala-studio .app-container .pkagwerp .main-tagline {
  color: #f3f7f2 !important;
  -webkit-text-fill-color: #f3f7f2 !important;
  opacity: 1 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll li,
body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll b {
  color: #f7faf6 !important;
  -webkit-text-fill-color: #f7faf6 !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp .list-scroll li::before {
  color: #66f0b7 !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a,
body.koala-studio .app-container .pkagwerp .pakgedetail a {
  min-height: 46px !important;
  border-color: #fff !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0a110c !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a:first-child,
body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp a:hover,
body.koala-studio .app-container .pkagwerp .pakgedetail a:hover {
  border-color: var(--kws-refresh-green) !important;
  background: var(--kws-refresh-green) !important;
  color: #091108 !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pakge-box *,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pakge-box *,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pakge-box * {
  border-color: rgba(10,22,13,.25) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .detailwrp li {
  color: #0a160d !important;
  -webkit-text-fill-color: #0a160d !important;
}

/* Remove grey copy from the remaining dark surfaces. */
body.koala-studio .kws-home-v2 .kws-services .kws-section-heading > p:not(.kws-eyebrow),
body.koala-studio .kws-home-v2 .kws-service-card p,
body.koala-studio .kws-home-v2 .kws-cta__panel p:not(.kws-eyebrow),
body.koala-studio footer.kws-footer .kws-footer__brand > p,
body.koala-studio footer.kws-footer .kws-footer__column > a,
body.koala-studio footer.kws-footer .kws-footer__column > p,
body.koala-studio footer.kws-footer .kws-footer__contact > a,
body.koala-studio footer.kws-footer .kws-footer__contact > p,
body.koala-studio footer.kws-footer .kws-footer__contact > p span {
  color: #f2f5f0 !important;
  opacity: 1 !important;
}

body.koala-studio footer.kws-footer .kws-footer__bottom p,
body.koala-studio footer.kws-footer .kws-footer__bottom a,
body.koala-studio footer.kws-footer .kws-footer__bottom span,
body.koala-studio footer.kws-footer .kws-footer__contact .kws-footer__abn {
  color: #dce3da !important;
}

@media (max-width: 767.98px) {
  body.koala-studio .custom-modal .get-started-modal {
    padding: 62px 24px 30px !important;
  }

  body.koala-studio .custom-modal .get-started-modal h3 {
    font-size: 32px !important;
  }

  body.koala-studio .app-container > section.pkagwerp .pakge-box,
  body.koala-studio .kws-home-v2 > section.pkagwerp .pakge-box,
  body.koala-studio.oz-inner-page .app-container > section.pkagwerp .pakge-box {
    min-height: 0 !important;
  }
}

/* Final pricing corrections must follow the legacy visual variants above. */
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row,
body.koala-studio .app-container .pkagwerp.combo .pkg-center {
  align-items: start !important;
}

body.koala-studio .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section.pkagwerp .pakge-box,
body.koala-studio.oz-inner-page .app-container > section.pkagwerp .pakge-box,
body.koala-studio .kws-home-v2 > section#pricing.pkagwerp .pakge-box {
  min-height: 0 !important;
  height: auto !important;
}

body.koala-studio .app-container .pkagwerp .detailwrp {
  flex: 0 0 auto !important;
}

body.koala-studio .app-container .pkagwerp .pakge-box .btnwrp {
  margin-top: 16px !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pakge-box,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pakge-box {
  border: 1px solid rgba(255,255,255,.24) !important;
  background: linear-gradient(155deg, #0c1413 0%, #050809 100%) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h4,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h4 {
  color: var(--kws-refresh-green) !important;
  -webkit-text-fill-color: var(--kws-refresh-green) !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .detailwrp li,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .detailwrp li {
  color: #f7faf6 !important;
  -webkit-text-fill-color: #f7faf6 !important;
}

body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > div > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp .pricing-panels > .tabs.current > .row > .col-md-4:nth-child(4n) .pkge-name h2 span,
body.koala-studio .app-container .pkagwerp.combo .pkg-center > .col-md-4:nth-child(4n) .pkge-name h2 span {
  color: #dce3da !important;
  -webkit-text-fill-color: #dce3da !important;
}

/* Drawer height safeguard (kept last so the complete form fits short screens). */
body.koala-studio .custom-modal .modal-content,
body.koala-studio .custom-modal .modal-body {
  max-height: 100dvh !important;
}

body.koala-studio .custom-modal .modal-body,
body.koala-studio .get-started .modal-body {
  min-height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.koala-studio .custom-modal .get-started-modal {
  min-height: 100% !important;
  padding: 24px 34px 20px !important;
}

body.koala-studio .custom-modal .get-started-modal > img {
  width: 68px !important;
  max-width: 68px !important;
  height: auto !important;
  max-height: 68px !important;
  margin: 0 0 11px !important;
}

body.koala-studio .custom-modal .get-started-modal h3 {
  margin: 0 0 16px !important;
  font-size: clamp(28px, 4.4vh, 34px) !important;
  line-height: 1.02 !important;
}

body.koala-studio .custom-modal .get-started-modal h3 span {
  margin-top: 7px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal select {
  height: 43px !important;
  min-height: 43px !important;
}

body.koala-studio .custom-modal .get-started-modal input,
body.koala-studio .custom-modal .get-started-modal textarea,
body.koala-studio .custom-modal .get-started-modal select {
  margin-bottom: 12px !important;
  padding: 10px 13px !important;
}

body.koala-studio .custom-modal .get-started-modal textarea {
  min-height: 72px !important;
  height: 72px !important;
}

body.koala-studio .custom-modal .get-started-modal input[type="submit"] {
  min-height: 45px !important;
  height: 45px !important;
  margin: 2px 0 0 !important;
}

@media (max-width: 767.98px) {
  body.koala-studio .custom-modal .get-started-modal {
    padding: 20px 22px 18px !important;
  }

  body.koala-studio .custom-modal .get-started-modal > img {
    width: 60px !important;
    max-width: 60px !important;
    margin-bottom: 9px !important;
  }

  body.koala-studio .custom-modal .get-started-modal h3 {
    margin-bottom: 13px !important;
    font-size: 28px !important;
  }
}

@media (max-height: 650px) {
  body.koala-studio .custom-modal .get-started-modal {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
  }

  body.koala-studio .custom-modal .get-started-modal > img {
    width: 52px !important;
    max-width: 52px !important;
    margin-bottom: 7px !important;
  }

  body.koala-studio .custom-modal .get-started-modal h3 {
    margin-bottom: 10px !important;
    font-size: 25px !important;
  }

  body.koala-studio .custom-modal .get-started-modal textarea {
    min-height: 58px !important;
    height: 58px !important;
  }
}