.selectoption_content {
    padding: 20px;
}

.selecttooltip {
    position: relative;
    display: inline-block;
}

.selecttooltip .tooltipscontainer {
    position: absolute;
    left: 100%;
    top: 0;
    background: white;
    transform: translateY(-50%) translateX(30px);
    opacity:0;
    pointer-events: none;
    transition:0.5s ease all;
}
.selecttooltip .tooltipscontainer.shown{
  opacity:1;
  pointer-events: inherit;
}
.tooltipscontainer::after {
    height: 40px;
    width: 40px;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    left: -32px;
    content: "";
    background: white;
    z-index: -1;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.tooltip_opener {
    border-radius: 9999px;
    background: #22b916;
    color: white;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transform: translateY(-7px);
}

.tooltip_opener i {
    font-size: 14px;
    transform: translateY(-3px);
}

.selecttooltip {
    display: inline-block;
}

.tooltipscontainer {
    position:relative;
    width: 300px;
    max-width: 90vw;
    z-index: 10;
}
.tooltipscontainer > div
{
  padding: 20px;
  position: relative;
  z-index: 1;
  background:white;
}
.pseudocheckbox
{
  padding:20px;
  color:white;
  cursor:pointer;
}
.pseudocheckbox.active
{
  background:#22b916 !important;
}
.uppercase
{
  text-transform: uppercase;
}

.h1 {
    font-family: 'Kuro W05 Heavy';
    font-size:24px;
    line-height: 1.2;
    font-weight:normal;
    text-transform: uppercase;
    margin-bottom:30px;
}