/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
:root   {
        --ColorBk01: #FFFFFF;
        --ColorBr01: #8AC926;
        --ColorBr02: #E5F5CC;
        --ColorAl01: #000000;
        --ColorAl02: #303030;
        --ColorLn01: #E0E0E0;
}
@font-face {
        font-family:'Roboto';
        src: url('/Roboto.ttf') format('truetype');
        font-weight: 100 900; font-style: normal; font-display: swap;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html    {
} @media all and (min-width:0.00px) and (max-width: 287px) { html { font-size: 12px; }
} @media all and (min-width: 288px) and (max-width: 383px) { html { font-size: 12px; }
} @media all and (min-width: 384px) and (max-width: 575px) { html { font-size: 16px; }
} @media all and (min-width: 576px) and (max-width: 767px) { html { font-size: 16px; }
} @media all and (min-width: 768px) and (max-width: 959px) { html { font-size: 16px; }
} @media all and (min-width: 960px) and (max-width:1151px) { html { font-size: 16px; }
} @media all and (min-width:1152px) and (max-width:1343px) { html { font-size: 16px; }
} @media all and (min-width:1344px) and (max-width:1535px) { html { font-size: 16px; }
} @media all and (min-width:1536px) and (max-width:1727px) { html { font-size: 16px; }
} @media all and (min-width:1728px) and (max-width:1919px) { html { font-size: 16px; }
} @media all and (min-width:1920px)                        { html { font-size: 16px; }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
*       {
        font-family: 'Roboto'; padding: 0px; margin: 0px; color: var(--ColorAl01);
        -webkit-text-size-adjust: 100%; scrollbar-width: none;
}    *::-webkit-scrollbar {
        display: none;
} body  {
        background-color: #FFFFFF;
} a     {
        text-decoration: none; cursor: pointer;
} h1  , h2  , h3  ,  h4   , h5  , h6   { font-size: 0.7500rem;
} h1 *, h2 *, h3 *,  h4 * , h5 *, h6 * { font-size: 0.7500rem;
} p   , span  , ul  , li   { font-size : 0.7500rem;
} p  *, span *, ul *, li * { font-size : 0.7500rem;
} input {
        border: 0rem solid var(--ColorLn01);  box-sizing: border-box; 
        outline: none; width: 100%; border-radius: 0.0625rem; font-size: 0.8125rem;
        background-color:  var(--ColorBr02);
} input::-webkit-box-placeholder { color: #98A2B3; opacity: 1;
} input::-moz-box-placeholder    { color: #98A2B3; opacity: 1;
} input::-ms-box-placeholder     { color: #98A2B3; opacity: 1;
} input::placeholder             { color: #98A2B3; opacity: 1;
} input[type="checkbox"] {
        padding-left: 0rem; padding-right: 0rem; margin-left: 0rem; margin-right: 0rem;
        width: auto; height: auto; accent-color: var(--BrandColorPr01);
} select{
        border: 0.0625rem solid var(--BrandColorElAl);
        box-sizing: border-box; height: 2.0000rem; outline: none; padding-left: 0.7500rem;
        padding-right: 0.7500rem; width: 100%; border-radius: 0.0625rem; appearance: none;
        font-size: 0.7500rem; background-color: var(--BrandColorAcnt); -webkit-appearance: none;
        background-image: url("/svg/Rvll.svg"); background-size: 1.0000rem;
        background-repeat: no-repeat; background-position: calc(100% - 1.0000rem) center;
} select > * {
        font-size: inherit; 
} textarea {
        border: 0.0625rem solid var(--BrandColorElAl); box-sizing: border-box; outline: none;
        padding: 0.7500rem; width: 100%; border-radius: 0.0625rem; font-size: 0.7500rem;
        field-sizing: content; height: 4.0000rem; background-color: var(--BrandColorAcnt);
}