:root {
--ik-red: #E90135;
--ik-blue: #364660;
--ik-green: #50CFC8;
}

#page-wrapper .ik-red {
--r-tx: var(--solo-white);
--r-bg: var(--ik-red);
color: var(--r-tx) !important;
background-color: var(--r-bg) !important;
}

#page-wrapper .ik-blue {
--r-tx: var(--solo-white);
--r-bg: var(--ik-blue);
color: var(--r-tx) !important;
background-color: var(--r-bg) !important;
}

#page-wrapper .ik-red-block-btn {
color: var(--solo-white) !important;
background-color: var(--ik-red) !important;
padding-block: var(--solo-px8) !important;
padding-inline: var(--solo-px24) !important;
margin-block: var(--solo-px6);
margin-inline: auto;
float: none;
text-align: center;
display:block;
}

#page-wrapper .ik-red-btn {
color: var(--solo-white) !important;
background-color: var(--ik-red) !important;
border-radius: 4px !important;
padding-block: var(--solo-px8) !important;
padding-inline: var(--solo-px24) !important;
margin-block: var(--solo-px6);
margin-inline: auto;
float: none;
text-align: center;
}

#page-wrapper .ik-red-btn:hover,
#page-wrapper .ik-red-block-btn:hover  {
color: var(--solo-white) !important;
background-color: var(--ik-blue) !important;
}

#page-wrapper .ik-blue-btn {
color: var(--solo-white) !important;
background-color: var(--ik-blue) !important;
border-radius: 4px !important;
padding-block: var(--solo-px8) !important;
padding-inline: var(--solo-px24) !important;
margin-block: var(--solo-px6);
margin-inline: auto;
float: none;
text-align: center;
}

#page-wrapper .ik-blue-btn:hover {
color: var(--solo-white) !important;
background-color: var(--solo-black) !important;
}

#page-wrapper .ik-red-text {
--r-tx: var(--ik-red);
color: var(--r-tx) !important;
}

#page-wrapper .ik-blue-text {
--r-tx: var(--ik-blue);
color: var(--r-tx) !important;
}

#page-wrapper .ik-green-text {
--r-tx: var(--ik-green);
color: var(--r-tx) !important;
}

#page-wrapper .ik__paddingleftright_16 {
   padding-inline: var(--solo-px16);
}

#page-wrapper .text-24 {
  font-size: var(--solo-px24);
  font-weight: 700;
}

#page-wrapper .text-20 {
  font-size: var(--solo-px20);
  font-weight: 700;
}

#page-wrapper .text-14 {
  font-size: var(--solo-px14);
}
@media (max-width: 47.9988rem) {
  #page-wrapper .hamburger-icon {
    --r-tx-lk: var(--ik-green);
    --r-tx-lk-h: var(--ik-green);
  }

  #primary-menu li.nav__menu-item>a,
  #primary-menu li.nav__menu-item>button {
    background-color: var(--ik-green);
    color: var(--solo-white);
    border-block-end: 1px solid var(--solo-white);
  }
} 
#primary-menu nav ul li > a::after,
#primary-menu nav ul li > button::after {
  background-color: var(--ik-green);
}