.no-list-style {
    list-style: none;
    padding: 0;
}

.txt--c-main {
    color: var(--main-color)
}


.hidden {
    display: none !important;
}

.u-bottom-line{
    border-bottom: 1px solid var(--grey-300);
}

.u-bottom-line ul li:last-child{
    padding-bottom: 1rem;
}


/* https://studioncreations.com/blog/material-design-3-box-shadow-css-values/ box-shadow material Elevation */
:root {
    --box-shadow-z1: 0 1px 4px 0 hsla(0, 0%, 0%, 0.37);
    --box-shadow-z2: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2), 0 6px 10px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z3: 0 11px 7px 0 hsla(0, 0%, 0%, 0.19), 0 13px 25px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z4: 0 14px 12px 0 hsla(0, 0%, 0%, 0.17), 0 20px 40px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z5: 0 17px 17px 0 hsla(0, 0%, 0%, 0.15), 0 27px 55px 0 hsla(0, 0%, 0%, 0.3);  
}



@media (max-width: 799.8px) {
    .hide-below-800 {
        display: none !important;
    }
}

@media (min-width: 800px) {
    .hide-above-800 {
      display: none !important; 
    }
}

@media (max-width: 899.8px) {
    .hide-below-900 {
        display: none !important;
    }
}

@media (min-width: 900px) {
    .hide-above-900 {
      display: none !important; 
    }
}