/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ============================================================
   Oztech UI pass — 2026-10-28
   Readable text face, one display face, accent discipline,
   hero + document rhythm, focus visibility.
   ============================================================ */
:root{
  --oz-ink:#0b1220;
  --oz-body:#334155;
  --oz-muted:#64748b;
  --oz-line:#e2e8f0;
  --oz-accent:#0b5cff;
}

/* 1 — faces: Unbounded stays display-only, UI text gets a text face */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--oz-body);
}
body h1,body h2,body h3,body h4,.oz-hero-strip h1{font-family:Unbounded,sans-serif}
body .oz-doc p,body .oz-doc li,body .oz-hero-lead,body .oz-hero-kicker,
body a.button,body button.button,body input[type=submit]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* 2 — hero: single hero, real hierarchy */
body .oz-hero-strip{padding:84px 24px 92px;border-top:0}
body .oz-hero-strip h1{
  font-size:clamp(2.1rem,3.7vw,3.4rem);
  line-height:1.05;letter-spacing:-.03em;
  max-width:22ch;margin:0 auto 20px;
}
body .oz-hero-lead{
  font-size:1.0625rem;line-height:1.6;color:rgba(255,255,255,.74);
  max-width:54ch;margin:0 auto 28px;
}
body .oz-hero-kicker{
  text-transform:none;letter-spacing:.02em;font-size:.875rem;
  color:#8fa7c9;margin:0 0 14px;
}
body .oz-hero-actions{gap:12px}
body .oz-hero-actions .oz-btn{
  border-radius:10px;padding:14px 22px;font-size:.95rem;font-weight:600;
  text-transform:none;letter-spacing:0;min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;
}
body .oz-hero-strip .oz-btn-ghost{border:1px solid rgba(255,255,255,.32)}

/* 3 — long-form block: measure, rhythm, one card */
body .oz-doc{
  max-width:1160px;margin:64px auto;padding:56px 56px 64px;
  border:1px solid var(--oz-line);border-radius:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -24px rgba(15,23,42,.18);
}
body .oz-doc h2{
  font-size:clamp(1.35rem,1.9vw,1.75rem);line-height:1.25;
  letter-spacing:-.02em;margin:3rem 0 1rem;
}
body .oz-doc h2:first-child{margin-top:0}
body .oz-doc h3{font-size:1.0625rem;letter-spacing:-.01em;margin:2rem 0 .5rem}
body .oz-doc p,body .oz-doc li{font-size:1.0625rem;line-height:1.7;max-width:72ch}
body .oz-doc li{margin-bottom:.5rem}
body .oz-doc a{color:var(--oz-accent);text-decoration-thickness:1px;text-underline-offset:2px}
body .oz-doc .button{border-radius:10px;text-transform:none}

/* 4 — controls: sentence case, one radius, Woo blue folded into ink */
body a.button,body button.button,body input[type=submit],body .oz-btn{
  text-transform:none;letter-spacing:0;border-radius:10px;font-weight:600;
}
body #header .nav-uppercase > li > a{text-transform:none;letter-spacing:0;font-size:14px}
body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button{background-color:var(--oz-ink)}
body .woocommerce a.button:hover,body .woocommerce button.button:hover{background-color:#1e293b}

/* 5 — keyboard focus always visible */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--oz-accent);outline-offset:2px;
}

/* 6 — mobile rhythm */
@media (max-width:48em){
  body .oz-hero-strip{padding:56px 20px 64px}
  body .oz-hero-strip h1{font-size:clamp(1.75rem,7vw,2.2rem);max-width:100%}
  body .oz-hero-lead{font-size:1rem}
  body .oz-doc{margin:32px 14px;padding:32px 20px 40px;border-radius:14px}
  body .oz-doc h2{margin-top:2.25rem}
  body .oz-doc p,body .oz-doc li{font-size:1rem;line-height:1.65}
}

/* 7 — beat Flatsome's inline custom-css (higher specificity, no !important) */
html body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--oz-body);
}
html body .oz-doc{background:#fff}
html body .oz-doc p,html body .oz-doc li{color:#334155}

/* 8 — uppercase labels: sentence case, one voice */
body .uppercase,body [style*="text-transform: uppercase"]{text-transform:none;letter-spacing:0}
/* repeated identical category line under every portfolio thumb */
body .box-text .show-on-hover{display:none}

/* 9 — focus ring beats Flatsome's :focus rules */
body a:focus-visible,body button:focus-visible,body input:focus-visible,
body textarea:focus-visible,body select:focus-visible{
  outline:2px solid var(--oz-accent)!important;outline-offset:2px!important;
}
body .oz-hero-strip a:focus-visible{outline-color:#fff!important}

/* 10 — hover inside light surfaces: accent, never white-on-white */
body .oz-doc a:hover,body .oz-doc a:focus,body .oz-doc a:active{
  color:#0847d6!important;text-decoration-thickness:2px;
}
body .oz-doc a:focus-visible{outline:2px solid var(--oz-accent)!important;outline-offset:2px!important}

/* 11 — mobile contact bar (call / WhatsApp) */
.oz-mobile-cta{display:none}
@media (max-width:48em){
  .oz-mobile-cta{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:9999;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(11,18,32,.97);border-top:1px solid rgba(255,255,255,.14)}
  .oz-mobile-cta__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;
    min-height:48px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none}
  .oz-mobile-cta__btn--call{background:#fff;color:#0b1220}
  .oz-mobile-cta__btn--wa{background:#25d366;color:#062b16}
  .oz-mobile-cta__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
  body{padding-bottom:80px}
  body .back-to-top{bottom:96px!important}
}

/* 12 — the three quick-link tiles keep their uppercase label treatment */
body #main .banner .text-box h2,
body #main .banner .text-box h2 *,
body #main .banner .text-box h2[style*="text-transform"]{
  text-transform:uppercase!important;
}

/* ============================================================
   13 — dark theme pass (whole site, Flatsome child)
   ============================================================ */
:root{
  --oz-bg:#070b14;
  --oz-surface:#0f172a;
  --oz-line:rgba(255,255,255,.08);
  --oz-text:#e6edf7;
  --oz-muted:#a6b4c9;
  --oz-accent:#6ea0ff;
}

html body,html body #wrapper,html body #main,html body #main.dark{background-color:var(--oz-bg)}
html body{color:var(--oz-text)}

/* content card (all inner pages use .oz-doc) */
html body .oz-doc{
  background:linear-gradient(180deg,#0f172a 0%,#0b1322 100%);
  border:1px solid var(--oz-line);
  box-shadow:0 40px 80px -48px rgba(0,0,0,.9);
}
html body .oz-doc h2,html body .oz-doc h3,html body .oz-doc h4,html body .oz-doc strong{color:#f1f5f9}
html body .oz-doc p,html body .oz-doc li{color:#c3cfdf}
html body .oz-doc a{color:#8fb4ff}
html body .oz-doc a:hover{color:#c0d6ff}
html body .oz-doc .button{background:#1d4ed8!important;color:#fff!important}
html body .oz-doc .button:hover{background:#2563eb!important}
html body .oz-doc hr{border-color:var(--oz-line)}

/* service cards */
html body .featured-box{background:var(--oz-surface)!important;border:1px solid var(--oz-line);border-radius:14px;padding:22px 18px}
html body .featured-box .icon-inner{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06);border-radius:12px}
html body .featured-box h3,html body .featured-box h4,html body .featured-box .box-text h3{color:#f1f5f9}
html body .featured-box p,html body .featured-box .box-text p{color:var(--oz-muted)}

/* header dropdowns */
html body #header .nav-dropdown{background:var(--oz-surface);border:1px solid var(--oz-line);box-shadow:0 24px 48px rgba(0,0,0,.55)}
html body #header .nav-dropdown a{color:#cbd5e1!important}
html body #header .nav-dropdown li > a:hover,html body #header .nav-dropdown a:hover{background:rgba(255,255,255,.06);color:#fff!important}

/* forms */
html body #main input[type=text],html body #main input[type=email],html body #main input[type=tel],
html body #main input[type=search],html body #main input[type=password],html body #main textarea,html body #main select{
  background:#0b1424;border-color:rgba(255,255,255,.14);color:var(--oz-text);
}
html body #main input::placeholder,html body #main textarea::placeholder{color:#7f8ea6}
html body #main input:focus,html body #main textarea:focus,html body #main select:focus{
  border-color:var(--oz-accent);box-shadow:0 0 0 3px rgba(110,160,255,.18);
}

/* white banner washes: darken so white headings read */
html body #main .banner .banner-bg .overlay{background:rgba(7,11,20,.68)}

/* misc light bits */
html body .joinchat__tooltip{background:#0f172a;color:var(--oz-text)}
html body #header .nav > li > a{color:#dbe6f5}

/* 14 — dark theme corrections */
html body .oz-doc{border-color:rgba(255,255,255,.08)!important}
html body .featured-box .box-text,
html body .featured-box .box-text p,
html body .featured-box .box-text li{color:#a6b4c9!important}
html body .featured-box .box-text h3,
html body .featured-box .box-text h4,
html body .featured-box .box-text strong{color:#f1f5f9!important}
html body .featured-box .icon-inner img{filter:none}

/* 15 — featured box inner text (GTranslate wraps it in <font>) */
html body .featured-box .icon-box-text,
html body .featured-box .icon-box-text p,
html body .featured-box .icon-box-text font{color:#a6b4c9!important}
html body .featured-box .icon-box-text h3,
html body .featured-box .icon-box-text h4,
html body .featured-box .icon-box-text strong{color:#f1f5f9!important}

/* 16 — mobile drawer in dark theme */
html body #main-menu a,
html body .mobile-sidebar a,
html body .off-canvas .sidebar-menu a{color:#dbe6f5!important}
html body #main-menu .nav > li > a:hover,
html body #main-menu a:hover,
html body .mobile-sidebar a:hover{color:#ffffff!important;background:rgba(255,255,255,.06)}
html body #main-menu .nav-vertical > li.active > a,
html body #main-menu .nav-sidebar > li.active > a{color:#8fb4ff!important}
html body #main-menu input[type=search],
html body .mobile-sidebar input[type=search],
html body .off-canvas input[type=search]{
  background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;color:#e6edf7!important;
}
html body #main-menu input[type=search]::placeholder{color:#8b9bb4}

/* 17 — dark theme polish */
html body .featured-box{transition:border-color .18s ease, transform .18s ease}
html body .featured-box:hover{border-color:rgba(110,160,255,.42);transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){
  html body .featured-box{transition:none}
  html body .featured-box:hover{transform:none}
}
html body .oz-doc{border-radius:18px}

/* ============================================================
   V1 — visual layer (hero light-grid, reveals, card depth)
   ============================================================ */
html body .oz-hero-strip{position:relative;isolation:isolate;overflow:hidden}
html body .oz-hero-strip::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    radial-gradient(520px 260px at var(--mx,50%) var(--my,0%),rgba(110,160,255,.16),transparent 65%),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px;
  -webkit-mask-image:radial-gradient(900px 520px at 50% 0%,#000 30%,transparent 80%);
  mask-image:radial-gradient(900px 520px at 50% 0%,#000 30%,transparent 80%);
}
html body .oz-hero-strip h1{font-size:clamp(2.4rem,4.3vw,4rem);letter-spacing:-.03em;line-height:1.05}
@media (prefers-reduced-motion:no-preference){
  html body .oz-hero-strip .oz-hero-inner > *{animation:ozRise .8s cubic-bezier(.22,.61,.36,1) both}
  html body .oz-hero-strip .oz-hero-inner > *:nth-child(2){animation-delay:.08s}
  html body .oz-hero-strip .oz-hero-inner > *:nth-child(3){animation-delay:.16s}
  html body .oz-hero-strip .oz-hero-inner > *:nth-child(4){animation-delay:.24s}
}
@keyframes ozRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* header glass */
html body #header.header{background:rgba(7,11,20,.72);backdrop-filter:saturate(140%) blur(10px)}
@supports not (backdrop-filter:blur(1px)){html body #header.header{background:#070b14}}

/* tiles + cards */
html body #main .banner{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:border-color .25s ease,box-shadow .25s ease}
html body #main .banner:hover{border-color:rgba(110,160,255,.42);box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
html body .oz-btn-primary:hover{box-shadow:0 14px 40px -16px rgba(110,160,255,.5)}

/* content card accent */
html body .oz-doc{position:relative}
html body .oz-doc::before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(110,160,255,.45),transparent)}

/* portfolio thumbs */
html body #main .box img,html body #main .portfolio-item img{border-radius:12px}

/* scroll reveal */
html body .oz-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
html body .oz-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html body .oz-reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   V2 — premium components (software-agency grade)
   ============================================================ */
html body .featured-box{
  position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:18px!important;
  padding:30px 26px 26px!important;
  transition:transform .22s cubic-bezier(.22,.61,.36,1),border-color .22s ease,box-shadow .22s ease;
}
html body .featured-box::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(110,160,255,.55),transparent);
}
html body .featured-box:hover{transform:translateY(-3px);border-color:rgba(110,160,255,.4)!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.95)!important}
html body .featured-box .icon-inner{
  background:rgba(110,160,255,.14);border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(110,160,255,.28);
}

/* hero CTAs */
html body .oz-hero-strip .oz-btn-primary{box-shadow:0 18px 44px -18px rgba(110,160,255,.55)}
html body .oz-hero-strip .oz-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

/* tiles: caption legibility + depth */
html body #main .banner .banner-bg::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,11,20,0) 40%,rgba(7,11,20,.78) 100%);
}

/* scrollbar */
html,html body{scrollbar-width:thin;scrollbar-color:#26354d #070b14}
html body::-webkit-scrollbar{width:10px}
html body::-webkit-scrollbar-track{background:#070b14}
html body::-webkit-scrollbar-thumb{background:#26354d;border-radius:8px;border:2px solid #070b14}
html body::-webkit-scrollbar-thumb:hover{background:#31466b}

/* ============================================================
   V3 — interaction effects
   ============================================================ */
html body .oz-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:10000;
  background:linear-gradient(90deg,#0b5cff,#6ea0ff);
  transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
}
html body #header .header-main{transition:height .25s cubic-bezier(.22,.61,.36,1)}
html body #header.is-scrolled .header-main{height:72px}

/* ghost button shine sweep */
html body .oz-btn-ghost{position:relative;overflow:hidden}
html body .oz-btn-ghost::after{
  content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-20deg);transition:left .6s ease;
}
html body .oz-btn-ghost:hover::after{left:130%}

/* animated link underline */
html body .oz-doc a{
  background-image:linear-gradient(90deg,#8fb4ff,#c0d6ff);
  background-repeat:no-repeat;background-size:0% 1px;background-position:0 calc(100% - 2px);
  transition:background-size .3s ease;text-decoration:none;
}
html body .oz-doc a:hover{background-size:100% 1px}

/* film grain */
html body::after{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ============================================================
   V4 — page-wide effects
   ============================================================ */
/* card cursor spotlight */
html body .featured-box::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity .3s ease;
  background:radial-gradient(300px 180px at var(--gx,50%) var(--gy,50%),rgba(110,160,255,.12),transparent 70%);
}
html body .featured-box:hover::after{opacity:1}

/* section heading underline */
html body .oz-doc h2{position:relative;padding-bottom:.55rem}
html body .oz-doc h2::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6ea0ff,transparent)}

/* hero parallax */
html body .oz-hero-strip .oz-hero-inner{transform:translateY(var(--sy,0px));will-change:transform}
@media (prefers-reduced-motion:reduce){html body .oz-hero-strip .oz-hero-inner{transform:none}}

/* page transitions (Chromium) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ozOut .18s ease both}
::view-transition-new(root){animation:ozIn .32s cubic-bezier(.22,.61,.36,1) both}
@keyframes ozOut{to{opacity:0;transform:translateY(-4px)}}
@keyframes ozIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ============================================================
   V5 — checkout & thank-you page (clean dark forms)
   ============================================================ */
html body.woocommerce-checkout #main .input-text,
html body.woocommerce-checkout #main input[type=text],
html body.woocommerce-checkout #main input[type=email],
html body.woocommerce-checkout #main input[type=tel],
html body.woocommerce-checkout #main input[type=password],
html body.woocommerce-checkout #main select,
html body.woocommerce-checkout #main textarea{
  background:#0f1c31;border:1px solid rgba(255,255,255,.16);color:#eaf1fb;
  border-radius:8px;padding:12px 14px;
}
html body.woocommerce-checkout #main input::placeholder,
html body.woocommerce-checkout #main textarea::placeholder{color:#9db0c9;opacity:1}
html body.woocommerce-checkout #main .input-text:focus,
html body.woocommerce-checkout #main input:focus,
html body.woocommerce-checkout #main textarea:focus,
html body.woocommerce-checkout #main select:focus{
  border-color:#6ea0ff;box-shadow:0 0 0 3px rgba(110,160,255,.18);outline:none;
}
html body.woocommerce-checkout #main .woocommerce-checkout-review-order,
html body.woocommerce-checkout #main #payment{
  background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:12px;
}
html body.woocommerce-checkout #main .payment_box{background:#0b1424;color:#cbd5e1;border-radius:0 0 12px 12px}

/* thank-you page */
html body .woocommerce-order{
  background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px;
}
html body .woocommerce-order .woocommerce-thankyou-order-received{color:#7ddb9a}
html body .woocommerce-order ul.order_details{
  background:#0b1424;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e6edf7;
}
html body .woocommerce-order table.woocommerce-table th,
html body .woocommerce-order table.woocommerce-table td,
html body .woocommerce-order table tfoot th,
html body .woocommerce-order table tfoot td{border-color:rgba(255,255,255,.08);color:#e6edf7}
html body .woocommerce-notices-wrapper .woocommerce-message{
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.32);color:#86efac;
}

/* ============================================================
   V6 — restore Tiko payment form to its white-card design
   (our dark input rules were overriding its same-origin fields)
   ============================================================ */
html body .tiko-payment-form{color:#1f2937!important;background:#ffffff!important}
html body .tiko-payment-form input,
html body .tiko-payment-form select{
  background:#ffffff!important;
  color:#1f2937!important;
  border:1px solid #d1d5db!important;
}
html body .tiko-payment-form input::placeholder{
  color:#9ca3af!important;opacity:1;
}
html body .tiko-payment-form input:focus,
html body .tiko-payment-form select:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.18)!important;
  outline:none;
}

/* ============================================================
   V7 — mini cart legibility (empty message + items)
   ============================================================ */
html body .widget_shopping_cart_content,
html body .cart-popup-inner{color:#dbe6f5}
html body .woocommerce-mini-cart__empty-message{color:#a7b6ca!important;font-size:.95rem;line-height:1.5;text-align:center}
html body .cart-popup-inner .woocommerce-mini-cart-item a,
html body .widget_shopping_cart_content .woocommerce-mini-cart-item a{color:#e6edf7}
html body .cart-popup-inner .quantity,
html body .widget_shopping_cart_content .quantity{color:#a7b6ca}
html body .cart-popup-inner .woocommerce-mini-cart__total,
html body .widget_shopping_cart_content .total,
html body .cart-popup-inner .woocommerce-mini-cart__total .woocommerce-Price-amount,
html body .widget_shopping_cart_content .total .woocommerce-Price-amount{color:#e6edf7}
html body .cart-popup-inner .total{border-top-color:rgba(255,255,255,.1)!important}
html body .cart-popup-inner .woocommerce-mini-cart__buttons .button,
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button{border-radius:10px}

/* ============================================================
   V8 — Tiko installment table: force dark text on its light rows
   ============================================================ */
html body .tiko-payment-form .tiko-row-installment{color:#0f172a!important}
html body .tiko-payment-form .tiko-row-installment table,
html body .tiko-payment-form .tiko-row-installment table td,
html body .tiko-payment-form .tiko-row-installment table td span,
html body .tiko-payment-form .tiko-row-installment table td label,
html body .tiko-payment-form .installment-table-row td,
html body .tiko-payment-form .installment-table-row td *{color:#0f172a!important}
html body .tiko-payment-form .tiko-row-installment table{background:#ffffff!important}