:root{
  /* Site base */
  --site-bg:#ffffff; --site-text:#111827;

  /* Links */
  --link:#007CBE; --link-hover:#01AAE0;

  /* Nav */
  --nav-link:#007CBE;
  --nav-link-bg:transparent;
  --nav-link-hover-bg:#f5f5f5;
  --nav-link-hover:#01AAE0;
  --nav-link-active:#01AAE0;
  --nav-link-active-bg:#f5f5f5;

  /* Forms */
  --os-text:#111827; --os-input-bg:#ffffff;
  --os-border-color:#dfdfdf; --os-focus-outline:#007CBE;
  --os-disabled-bg:#f5f5f5; --os-disabled-text:#6b7280;
  --os-invalid-border:#d93025; --os-invalid-ring:rgba(217,48,37,.15);



   --os-alert-text: #FFF;
   --os-alert-bg: transparent;
   --os-alert-border: #FFF;

  /* Suggest list */
  --os-suggest-border:#FFFFFF; --os-suggest-shadow:0 8px 21px -11px rgba(0,0,0,.57);
  --os-suggest-hover:#e8f0fe;

  /* Cards / panels */
  --card-bg:#ffffff; --card-shadow:0 8px 21px -11px rgba(0,0,0,.57);
  --panel-border:#e1e5f1;

  /* Offers-search invert box */
  --os-bg-invert:#0B1227; --os-text-invert:#ffffff;
  --os-bg: #FFF;
  /* Buttons (base) */
  --btn-bg:#706F6F; --btn-hover-bg:#5e5d5d; --btn-text:#ffffff; --btn-border:transparent;
  /* Buttons variants */
  --btn-primary-bg:#0095D2; --btn-primary-bg-hover:#007CBE; --btn-primary-text:#ffffff; --btn-primary-border:transparent;
  --btn-outline-text:#ffffff; --btn-outline-border:#ffffff; --btn-outline-hover-bg:#ffffff; --btn-outline-hover-text:#01AAE0;

  --counters-bg:url(../images/o-timplus-zasiegi.webp) ;

  /* Headings */
  --heading-color:#0B1227;

  /* Hero */
  --hero-bg-image:url(../images/timplus-hero-background-2.webp);
  --hero-bg-color:transparent;
  --hero-label-border:#007CBE; --hero-label-text:#4d4d4d; --hero-dot-color:#01AAE0;

  /* Glass card (over images) */
  --glass-bg:rgba(255,255,255,.2); --glass-text:#ffffff;
  --glass-shadow:0 4px 30px rgba(0,0,0,.1);
  --glass-blur:blur(5px);
  --glass-border:rgba(255,255,255,.3);

  /* Offer boxes */
  --offer-box-bg:#0B1227; --offer-box-text:#ffffff;
  --offer-box-overlay:linear-gradient(180deg, rgba(11,18,39,0) 0%, rgba(11,18,39,1) 100%);

  --offer-box-2-overlay:linear-gradient(180deg, rgba(0,124,190,0) 0%, rgba(0,124,190,1) 100%);

  /* FAQ */
  --faq-question-bg:#f2f5ff; --faq-question-text:#0B1227;
  --faq-icon:url(../images/cross.svg);
  --faq-focus-outline:#FFC400;

  /* Accessibility bar */
  --acc-bg:#0B1226; --acc-icon:#C4CDE7; --acc-icon-hover:#0095D2;

  /* Footer */
  --footer-bg:#0B1227; --footer-text:#C4CDE7;
  --footer-link:#C4CDE7; --footer-link-hover:#01AAE0;

  /* CTA */
  --cta-bg:#01AAE0; --cta-text:#ffffff;

  /* Contact */
  --contact-label:#0B1227; --contact-icon-bg:#01AAE0;
  --otline-link: blue;
  --bg-darken: #f0f8ff;
  --footer-border: #152759;
  --bg-darken2: #fbfbfb;
  --article-bg: #f4f8ff;

  --tab-bg: #0B1227;
  --tab-active-bg: #0095D2;
  --tab-active-col: #FFFFFF;
  --card-item-label: #0095D2;
  --card-item-check: #007CBE;

  --offer-grid-border: #F4F8FF;
  --offer-grid-bg: #FFFFFF;

  --offer-card-bg: #F4F8FF;

  --boks-bg: #FFF;
  --boks-border: solid 1px #F4F8FF;

  --boks-hours-bg: #F4F8FF;
  --boks-hours-border: solid 1px #F4F8FF;
  --boks-hours-h: #007CBE;

  --toggle-bg: #007CBE;
  --nav-container: #FFFFFF;

  --phone-contant: #007CBE;
  --article-content: #FFFFFF;

  --download-bg: #00A9E1;
  --download-item: #007CBE;

  --marker-color: #007CBE;
  --areas-bg:  #F4F8FF;

  --alert-bg: #007cbe08;
  --alert-color: #007CBE;
}

.os-global-msg.os-search-addr {
    background-color: #0B1227;
}

.list li::before {
    color: #007CBE
}
.mod-hero{
  padding:64px 0; min-height:720px; display:flex; align-items:end;
  background: #00AAE1;
  color: #FFF;
    background: linear-gradient(0deg, rgba(0, 170, 225, 1) 0%, rgba(0, 124, 190, 1) 100%);
}
.page-header {
background: #00AAE1;
        background: linear-gradient(0deg, rgba(0, 170, 225, 1) 0%, rgba(0, 124, 190, 1) 100%);
        color: #FFF;
}
.page-header h1 {
    color: #FFF;
}
.boks-contact-list {
    margin-top: 8px;
}
.boks-misc p {
    margin-bottom: 0;
}
.os-suggest-wrap {
    color: var(--acc-bg)
}
.category-hero h1 {
    color: #FFF;
}
.boks-ph {
    background-color: var(--footer-bg);
    color: #FFF;
}
.boks-ph h3 {
    color: #FFF;
}

.boks-prev-company {
    color: #007CBE;
}