/*
Theme Name: Panda
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 4
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --text-color-primary: #ffffff;
  --text-color-secondary: #1E293B;
  --text-color-tertiary: #4B4B4B;
  --color-primary: #79AC4F;
  --color-secondary: #4B4B4B;
  --color-range-bg: #F8FAFC;

  --primary-color: #79AC4F;
  --secondary-color: #FFBF0B;
}

body,html { margin: 0!important; padding: 0; background: #F8F8F9; font-family: Poppins, sans-serif; }

#wpadminbar { opacity: 0.01; transition: all 0.3s ease-in-out; }
#wpadminbar:hover { opacity: 1; }

a { color: #260028; }

h1, h2, h3 ,h4 ,h5 ,h6 { line-height: 1.2; }
p { line-height: 1.2;}

.list-style-none { list-style: none; }

.p-custom-1 { padding: 1.5rem 4rem; }
.p-custom-2 { padding-top: 6.25rem; padding-bottom: 6.25rem; }
.p-custom-3 { padding: 1.25rem 2rem; }
.p-custom-4 { padding: 1rem 0.75rem; }
.p-custom-5 { padding-top: 5.5rem; padding-bottom: 5.5rem; } 
.p-custom-6 { padding: 2rem 1.25rem; }
.p-custom-7 { padding-top: 4.5rem; padding-bottom: 4.5rem; }  
.p-custom-8 { padding: 2.6rem; }
.p-custom-9 { padding: 0.6rem;}
.p-custom-10 { padding-top: 4.5rem; padding-bottom: 7.688rem; }
.p-custom-11 { padding-top: 6.25rem; }
.p-custom-12 { padding: 4.5rem 4rem; }
.p-custom-13 { padding-top: 6.25rem; padding-bottom: 6.25rem; }
.p-custom-14 { padding: 7.8rem 5.75rem; }

.gap-custom-1 { gap: 5.5rem; }

.text-primary { color: var(--text-color-primary)!important; }
.text-secondary { color: var(--text-color-secondary)!important; }
.text-tertiary { color: var(--text-color-tertiary)!important; }
.text-green, .text-green-dark { color: var(--color-primary) } 
.text-gray { color: #CCCCCC!important; }
.text-gray-2 { color: #6F6F6F!important; }
.text-gray-3 { color: #94A3B8!important; }

.bg-gray { background-color: #F8FBF6!important;}
.bg-gray-2 { background-color: #2D2D2D99!important; } 
.bg-black-2 { background-color: #181818!important; } 
.bg-none { background-color: transparent!important; }

.bg-green-gradient { background: linear-gradient(90deg, var(--color-primary) 0%, #739E4F 100%); } 
.bg-image-1 { background-image: url('img/bg-steps.webp'); background-size: cover; background-position: center; }

.bg-custom-1 { position: relative; background-color: #deebd53b; z-index: 0; border: 1px solid #fff; } 
.bg-custom-1::after { content: ""; position: absolute; inset: 9px; border-radius: inherit; background: #DEEBD5; z-index: -1; pointer-events: none; }

.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-800 { font-weight: 800; }

.fs-header { font-size: 1.6rem; }
.fs-14 { font-size: 0.875rem; }
.fs-48 { font-size: 3rem; }
.fs-60 { font-size: 3.75rem; }

.overflow-hidden { overflow: hidden!important; }

.rounded { border-radius: 1.25rem!important;}
.rounded-top { border-top-left-radius: 1.25rem!important; border-top-right-radius: 1.25rem!important; }
.rounded-pill { border-radius: 100px!important; padding: 0.625rem 1rem; }

.icon-social { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--color-primary); border-radius: 50%; }

.border-custom-1 { border: 1px solid #2D2D2D; border-radius: 1.25rem; }
.border-custom-2 { border: 1px solid #414241; }
.border-custom-3 { border: 1px solid #CBD5E1; }

.form-card .form-control { padding: 0.9rem 1.5rem; border-radius: 100px; }

.form-control, .form-select { border: 1px solid #CBD5E1; border-radius: 8px;  padding: 0.5rem 0.75rem;  }
.form-control::placeholder { color: #CBD5E1; }
.form-control.char { padding: 1.25rem 1.5rem; text-align: center; font-size: 1.75rem; font-weight: 600; margin-top: -0.5rem; }
.form-control.char:focus { border-color: var(--color-primary); box-shadow: none; }

.show-password, .hide-password { position: absolute; right: 16px; top: 35px; z-index: 100; width: 18px; }

.invalid-feedback { position: relative; background-color: #FF7A7A1A; padding: 0.25rem 0.5rem 0.25rem 2rem; border-radius: 4px; font-size: 0.875rem; }
.invalid-feedback::before { content: ""; position: absolute; left: 0.5rem; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); background-image: url('img/icon-error-info.svg'); background-repeat: no-repeat; background-size: contain; } 

.card__new { margin-top: 4.5rem; margin-bottom: 4.5rem; border-radius: 1.25rem; }

.form-card { max-width: 472px; width: 100%;}

.input-suffix-zl { position: relative; }
.input-suffix-zl .form-control { padding-right: 3.5rem; }
.input-suffix-zl::after { content: "zł"; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-weight: 600; pointer-events: none;}

input[type="range"] { --range-progress: 50%; appearance: none; -webkit-appearance: none; width: 100%; height: 8px; background: transparent; border-radius: 999px; }
input[type="range"]::-webkit-slider-runnable-track { height: 8px; border-radius: 999px; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--range-progress), var(--color-range-bg) var(--range-progress), var(--color-range-bg) 100%); }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--color-primary); border: none; margin-top: -7px; box-shadow: 0 0 0 4px rgba(121, 172, 79, 0.15), 0 0 0 10px rgba(121, 172, 79, 0.07), 0 4px 10px rgba(0, 0, 0, 0.12); transition: transform 0.15s ease, box-shadow 0.15s ease; }
input[type="range"]::-webkit-slider-thumb:active { transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
input[type="range"]::-moz-range-track { height: 8px; border-radius: 999px; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--range-progress), var(--color-range-bg) var(--range-progress), var(--color-range-bg) 100%); }
input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--color-primary); border: none; box-shadow: 0 0 0 4px rgba(121, 172, 79, 0.15), 0 0 0 10px rgba(121, 172, 79, 0.07), 0 4px 10px rgba(0, 0, 0, 0.12); transition: transform 0.15s ease, box-shadow 0.15s ease; }
input[type="range"]::-moz-range-thumb:active { transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
input[type="range"]::-ms-track { height: 8px; background: transparent; border-color: transparent; color: transparent; }
input[type="range"]::-ms-fill-lower { height: 8px; border-radius: 999px; background: var(--color-primary); }
input[type="range"]::-ms-fill-upper { height: 8px; border-radius: 999px; background: var(--color-range-bg); }
input[type="range"]::-ms-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--color-primary); border: none; box-shadow: 0 0 0 4px rgba(121, 172, 79, 0.15), 0 0 0 10px rgba(121, 172, 79, 0.07), 0 4px 10px rgba(0, 0, 0, 0.12); transition: transform 0.15s ease, box-shadow 0.15s ease; margin-top: 0; }
input[type="range"]::-ms-thumb:active { transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
input[type="range"]:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(121, 172, 79, 0.25); border-radius: 999px; }

.accordion-button:not(.collapsed) { background-color: var(--color-primary); color: #fff; }
.accordion-button:focus { outline: none; box-shadow: none; } 
.accordion-button:hover { background-color: var(--color-primary); color: #fff; }

.btn { padding: 0.450rem 0.875rem; transition: all 0.3s ease; }
.btn:hover { transform: scale(1.03); }
.btn-primary { background-color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 360px; font-weight: 500; }
.btn-primary:hover { background-color: var(--color-primary); border: 1px solid var(--color-primary); }
.btn-outline { background-color: transparent; border: 1px solid #fff; border-radius: 360px; font-weight: 500; color: var(--color-primary); min-width: 140px; color: var(--text-color-primary); }
.btn-outline:hover { background-color: transparent; color: var(--text-color-primary);  border: 1px solid #fff;}
.btn-primary.disabled, .btn-primary:disabled { background-color: var(--color-primary)!important; box-shadow: none; border: 1px solid var(--color-primary)!important; }
.btn-check:focus+.btn-primary, .btn-primary:focus { box-shadow: none; background-color: var(--color-primary); border: 1px solid var(--color-primary); }

.fade-in,.fade-in-right { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform;}
.fade-in-right { transform: translateX(40px); }
.fade-in.is-visible, .fade-in-right.is-visible { opacity: 1; transform: translate(0, 0); }

.navbar-toggler { cursor: pointer; background: var(--color-primary); border: 0 !important; outline: none; box-shadow: none !important; border-radius: 50%; padding: 0.75rem; width: 2.5rem; height: 2.5rem; margin-left: 0.6rem; }
.navbar-toggler span { display: block; height: 1px; margin: 0 auto 4px; border-radius: 1px; background: var(--text-color-primary); width: 12px; transition: all 0.3s ease; transform-origin: center; }
.navbar-toggler span:nth-child(3) { margin-bottom: 0; }
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translateY(5px) rotate(42deg); }
.navbar-toggler:not(.collapsed) span:nth-child(2) { transform: translateY(0px) rotate(-44deg); }
.navbar-toggler:not(.collapsed) span:nth-child(3) { opacity: 0; }
.nav-link { color: var(--text-color-primary); font-weight: 500; }
.nav-link:hover { color: var(--color-primary); }
.navbar { position: relative; }

.menu-footer, .menu-footer .sub-menu { list-style: none; padding: 0; margin: 0; }
.menu-footer > li { min-width: 240px;}
.menu-footer a, .menu-footer span { color: #FFFFFF; text-decoration: none; }
.menu-footer > li > a { font-weight: 600; margin-bottom: 2rem; text-transform: uppercase; display: block;}
.menu-footer .sub-menu { display: flex; flex-direction: column; gap: 1.5rem; }

.hero-panda { left: 50%; transform: translateX(-50%); }

.step-number { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: var(--color-primary); border-radius: 50%; border: 9px solid #182210; box-sizing: border-box; flex: 0 0 50px; }

.article-card-link { display: block; text-decoration: none; color: inherit; }
.article-card { position: relative; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow 0.35s ease, background-color 0.35s ease; cursor: pointer; }
.article-card:hover { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); background-color: #262828; }
.article-card-image { width: 100%; height: 100%; max-height: 160px; object-fit: cover; }
.article-card-title { line-height: 1.3; min-height: calc(1.3em * 2); max-height: calc(1.3em * 2); display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.article-card-text { line-height: 1.5; min-height: calc(1.5em * 3); max-height: calc(1.5em * 3); display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.article-card-button { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease; pointer-events: none; }
.article-card:hover .article-card-button { max-height: 120px; opacity: 1; margin-top: 0.25rem; pointer-events: auto; }
.paginator { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem; }
.paginator .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #334155; background-color: #fff; color: #334155; font-weight: 600; text-decoration: none; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
.paginator .page-numbers.current,
.paginator .page-numbers:hover { background-color: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.breadcrumb-item.active { text-decoration: none; color: #000000; font-weight: 600; }
.breadcrumb-item:not(.active) a { color: var(--color-primary); text-decoration: none; font-weight: 600;}

.post-content { font-size: 1rem; font-weight: 500; line-height: 1.2; }
.post-content h1, .post-content h2 { font-size: 1rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }

.card { padding: 1.5rem 2rem; box-shadow: 1px 1px 12px 0px #D6DBE3; border: none; border-radius: 1.25rem;}

.modal-bg{ width: 100%; height: 100vh; position: fixed; z-index: 1000; top: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; }
.modal-bg > div { width: 300px; height: 150px; position: absolute; z-index: 3; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: white; text-align: center; padding: .5rem; border-radius: 12px; } 
.modal-bg > div.ep{ max-height: 550px; height: fit-content; max-width: 500px; width: calc(100% - 40px); padding: 2rem 1.5rem; } 
.modal-bg .close-modal{ border: 1px solid #EEE; border-radius: 5px; padding: .5rem 1rem; font-size: 18px; color: #666; width: 40px; height: 40px; }

#waiting .spinner-border { width: 3.5rem; height: 3.5rem; }

.overlay { position: fixed;  width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 2; }
.overlay > div { width: 100%; max-width: 768px; position: absolute; top: 50%; left: 50%; font-size: 1.65rem; color: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); border-radius: 12px; display:flex; flex-direction:column; align-items: center; }

@media (prefers-reduced-motion: reduce) {
  .fade-in, .fade-in-right { opacity: 1; transform: none; transition: none; }
}

@media (min-width: 1700px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      max-width:1520px!important;
  }
}

@media (max-width: 1399.98px) {
  .hero-panda { bottom: 100px; }
  .p-custom-14 { padding: 5rem; }
  .form-control.char { padding: 1.25rem 1rem; }
}

@media (max-width: 1199.98px) {
  .article-card-image { max-height: unset; height: 280px; width: 225px; }
  .hero-panda { bottom: 50px; }
  .menu-footer > li { min-width: unset; }
  .gap-custom-1 { gap: 1.5rem; }
}

@media (max-width: 991.98px) {
  .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; background: #000; padding: 0.5rem 1.5rem; padding-bottom: 2rem; z-index: 1000; }
  .p-custom-1 { padding: 1.5rem; }
  .p-custom-11 { padding-bottom: 6.5rem; }
  .form-card { max-width: 100%; }
  .form-control.char { padding: 1.25rem .5rem; }
  .card-mobile { background: none; box-shadow: none; border: none; padding: 0; }
}

@media (max-width: 767.98px) {
  .article-card-image { height: 160px; width: 100%; }
  .p-custom-2, .p-custom-11, .p-custom-13 { padding-top: 2.6rem; padding-bottom: 2.6rem; }
  .gap-custom-1 { gap: 3.25rem; }
  .fade-in, .fade-in-right { opacity: 1; transform: none; transition: none; }
  .overlay > div { width: 94%; font-size: 1.35rem; }
  .p-custom-14 { padding: 2.5rem 1.5rem; }

  .card { padding-left: 1rem; padding-right: 1rem; }
  .card-mobile { background-color: transparent; padding-left: 0; padding-right: 0;}
}

@media (max-width: 575.98px) {
  .fs-48 { font-size: 1.75rem; }
  .p-custom-3 { padding: 1.25rem 1rem; } 
  .p-custom-5 { padding-top: 3.25rem; padding-bottom: 3.25rem;} 
  .p-custom-6 { padding: 1rem 1.25rem; }
  .p-custom-7, .p-custom-10 { padding-top: 2.6rem; padding-bottom: 2.6rem; }
  .p-custom-12 { padding: 4rem 1.5rem; }

  .accordion-body { padding: 0.5rem; }

  .form-control.char { font-size: 1rem; }
}

@media (max-width: 360px) {
  .d-360-none { display: none!important; }
}


/* copy z EP */

@media (min-width: 480px) {
  #main-menu-logged {
    display: none !important;
  }
}

.modal-bg > div {
  width: 300px;
  height: 150px;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: white;
  text-align: center;
  padding: .5rem;
  border-radius: 12px;
}

.modal-bg > div.ep{
  max-height: 550px;
  height: fit-content;
  max-width: 500px;
  width: calc(100% - 40px);
  padding: 2rem 1.5rem;
}

.modal-bg > div.bundle{
  max-height: 650px;
  height: fit-content;
  max-width: 500px;
  width: calc(100% - 20px);
  padding: 1rem;
}

.modal-bg > div.bundle_solo{
  max-height: 800px;
  overflow-y: auto;
  height: fit-content;
  max-width: 500px;
  width: calc(100% - 10px);
  padding: 1rem;
}

.modal-bg .close-modal{
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: .5rem .8rem;
  font-size: 18px;
  color: #666;
  width: 40px;
  height: 40px;
}

.modal-bg#modalSoloAgreements .close-modal{
  position: absolute;
  right: 5px;
  top: 5px;
}


/* Radiobtns bundle */
.option-group {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.radio-option {
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  color: #555;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.radio-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-option::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #cce6cc;
  background: #f6fef6;
}

.radio-option input:checked ~ .checkmark {
  opacity: 1;
}

.checkmark {
  position: absolute;
  left: 0px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  font-size: 14px;
  color: #37c837;
  opacity: 0;
}

.radio-option input:checked ~ span {
  color: #000;
  font-weight: 500;
}

.express .radio-option.recommended span::after {
  content: " (rekomendowany)";
  font-style: italic;
  font-weight: normal;
  color: #999;
}

.checkmark .green-check { width:20px; height: 20px; }
.bundle-description { cursor: pointer; }

/* end copy z EP */


/* Pod Accesibility */

#accessibility_toolbar { position: fixed; z-index: 3; left: 0; top: 300px; width: 84px; height: 50px; }

@media screen and (max-width: 992px) {
  /* #accessibility_toolbar { top: calc(100% - 175px); } */
  #accessibility_toolbar { top: 340px; right: -42px; left:initial; }
}

body.zoom{ zoom: 135%; }

.contrast h1, .contrast h1 a, .contrast h1 a b, .contrast h1 abbr, .contrast h1 center, .contrast h1 span, .contrast h2, .contrast h2 a, .contrast h2 a b, .contrast h2 abbr, .contrast h2 center, .contrast h2 span, .contrast h3, .contrast h3 a, .contrast h3 a b, .contrast h3 abbr, .contrast h3 center, .contrast h3 span, .contrast h4, .contrast h4 a, .contrast h4 a b, .contrast h4 abbr, .contrast h4 center, .contrast h4 span, .contrast h5, .contrast h5 a, .contrast h5 a b, .contrast h5 abbr, .contrast h5 center, .contrast h5 span, .contrast h6, .contrast h6 a, .contrast h6 a b, .contrast h6 abbr, .contrast h6 center, .contrast h6 span {color: var(--secondary-color) !important;  background-color: transparent !important;}

.contrast a, .contrast span { background-color: transparent !important; }

.contrast .navbar button { background-color: transparent !important; }
.contrast .navbar a, .contrast .navbar span {	background-color: var(--secondary-color) !important; }

.contrast a:visited, .contrast a:visited abbr, .contrast a:visited acronym, .contrast a:visited b, .contrast a:visited basefont, .contrast a:visited big, .contrast a:visited br, .contrast a:visited code, .contrast a:visited div, .contrast a:visited em, .contrast a:visited font, .contrast a:visited h1, .contrast a:visited h2, .contrast a:visited h3, .contrast a:visited h4, .contrast a:visited h5, .contrast a:visited h6, .contrast a:visited i, .contrast a:visited kbd, .contrast a:visited small, .contrast a:visited span, .contrast a:visited strong, .contrast a:visited tt, .contrast a:visited u, .contrast a:visited { color: var(--secondary-color) !important; background-color: transparent !important; }

.contrast a:link, .contrast a:link abbr, .contrast a:link acronym, .contrast a:link b, .contrast a:link basefont, .contrast a:link big, .contrast a:link br, .contrast a:link code, .contrast a:link div, .contrast a:link em, .contrast a:link font, .contrast a:link h1, .contrast a:link h2, .contrast a:link h3, .contrast a:link h4, .contrast a:link h5, .contrast a:link h6, .contrast a:link i, .contrast a:link kbd, .contrast a:link small, .contrast a:link span, .contrast a:link strong, .contrast a:link tt, .contrast a:link u, .contrast a:link { color: var(--secondary-color) !important; background-color: transparent !important; }

.contrast acronym, .contrast b, .contrast strong { color: var(--secondary-color) !important; }

.contrast > div { outline: 0px; background: transparent !important;}
.contrast .card { border-color: #666 !important; }

.contrast .invalid-feedback, .contrast .error, .contrast .errors { color: red !important; }

.contrast img { background: transparent !important;	background-color: transparent !important; }

.contrast .bg-transparent, .contrast .intro-form, .container-intro-carousel, .contrast ul, .contrast label, .contrast div.field-col, .contrast .field-col div, .toast div { background-color: transparent !important; }

.contrast input[type="checkbox"] { background-color: #fff !important; }.contrast input[type="checkbox"]:checked { background-color: var(--primary-color) !important; }

.contrast .text-primary { color: var(--primary-color) !important; }

.contrast img[alt="ZPF Logo"], .contrast .section-partners img {background: #fff !important; background-color: #fff !important;}

.contrast input[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important; }

.contrast .accordion-button { background-color: transparent !important; background: transparent !important; }

/* .contrast .decision-block p, .contrast .decision-block span { background-color: transparent !important; background: transparent !important; } */

.contrast .decision-block > div, .contrast .bg-white, .contrast .bg-light { background-color: #000 !important; background: #000 !important; }

.contrast .decision-block span { color: var(--secondary-color) !important; }
/* .contrast .decision-block p { color: var(--secondary-color) !important; } */

.contrast table td { border-color: #fff !important; }
.contrast .bg-green { background-color: var(--secondary-color) !important; }
.contrast .instant-box { border-color: var(--secondary-color) !important; }
.contrast .btn-bg-green { border-color: var(--color-primary); }

.contrast .text-black { color:#fff !important; }
.contrast button {background: var(--color-primary) !important;}