:root, html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-size: 16px;
}

*, *:before, *:after {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;

    font-size: inherit;
    font-family: inherit;
}

.borderbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contentbox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* max height blog */
.max50 { max-height: 50vh; }
.max40 { max-height: 40vh; }
.max30 { max-height: 30vh; }
.max20 { max-height: 20vh; }
.max10 { max-height: 10vh; }

/* borders */


/* padding and margins */
/* todo: borders (es. border bottom 1px aqua) */
.p0    { padding: 0rem; }
.pt0   { padding-top: 0rem; }
.pb0   { padding-bottom: 0rem; }
.pl0   { padding-left: 0rem; }
.pr0   { padding-right: 0rem; }
.px0   { padding-right: 0rem; padding-left: 0rem; }
.py0   { padding-top: 0rem; padding-bottom: 0rem; }
.m0    { margin: 0rem; }
.mt0   { margin-top: 0rem; }
.mb0   { margin-bottom: 0rem; }
.ml0   { margin-left: 0rem; }
.mr0   { margin-right: 0rem; }
.mx0   { margin-right: 0rem; margin-left: 0rem; }
.my0   { margin-top: 0rem; margin-bottom: 0rem; }
.g0    { gap: 0rem; }

.p1    { padding: 0.25rem; }
.pt1   { padding-top: 0.25rem; }
.pb1   { padding-bottom: 0.25rem; }
.pl1   { padding-left: 0.25rem; }
.pr1   { padding-right: 0.25rem; }
.px1   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1    { margin: 0.25rem; }
.mt1   { margin-top: 0.25rem; }
.mb1   { margin-bottom: 0.25rem; }
.ml1   { margin-left: 0.25rem; }
.mr1   { margin-right: 0.25rem; }
.mx1   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1    { gap: 0.25rem; }

.p2    { padding: 0.5rem; }
.pt2   { padding-top: 0.5rem; }
.pb2   { padding-bottom: 0.5rem; }
.pl2   { padding-left: 0.5rem; }
.pr2   { padding-right: 0.5rem; }
.px2   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2    { margin: 0.5rem; }
.mt2   { margin-top: 0.5rem; }
.mb2   { margin-bottom: 0.5rem; }
.ml2   { margin-left: 0.5rem; }
.mr2   { margin-right: 0.5rem; }
.mx2   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2    { gap: 0.5rem; }

.p3    { padding: 0.75rem; }
.pt3   { padding-top: 0.75rem; }
.pb3   { padding-bottom: 0.75rem; }
.pl3   { padding-left: 0.75rem; }
.pr3   { padding-right: 0.75rem; }
.px3   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3    { margin: 0.75rem; }
.mt3   { margin-top: 0.75rem; }
.mb3   { margin-bottom: 0.75rem; }
.ml3   { margin-left: 0.75rem; }
.mr3   { margin-right: 0.75rem; }
.mx3   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3    { gap: 0.75rem; }

.p4    { padding: 1rem; }
.pt4   { padding-top: 1rem; }
.pb4   { padding-bottom: 1rem; }
.pl4   { padding-left: 1rem; }
.pr4   { padding-right: 1rem; }
.px4   { padding-right: 1rem; padding-left: 1rem; }
.py4   { padding-top: 1rem; padding-bottom: 1rem; }
.m4    { margin: 1rem; }
.mt4   { margin-top: 1rem; }
.mb4   { margin-bottom: 1rem; }
.ml4   { margin-left: 1rem; }
.mr4   { margin-right: 1rem; }
.mx4   { margin-right: 1rem; margin-left: 1rem; }
.my4   { margin-top: 1rem; margin-bottom: 1rem; }
.g4    { gap: 1rem; }

.p5    { padding: 1.25rem; }
.pt5   { padding-top: 1.25rem; }
.pb5   { padding-bottom: 1.25rem; }
.pl5   { padding-left: 1.25rem; }
.pr5   { padding-right: 1.25rem; }
.px5   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5    { margin: 1.25rem; }
.mt5   { margin-top: 1.25rem; }
.mb5   { margin-bottom: 1.25rem; }
.ml5   { margin-left: 1.25rem; }
.mr5   { margin-right: 1.25rem; }
.mx5   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5    { gap: 1.25rem; }

.p6    { padding: 1.5rem; }
.pt6   { padding-top: 1.5rem; }
.pb6   { padding-bottom: 1.5rem; }
.pl6   { padding-left: 1.5rem; }
.pr6   { padding-right: 1.5rem; }
.px6   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6    { margin: 1.5rem; }
.mt6   { margin-top: 1.5rem; }
.mb6   { margin-bottom: 1.5rem; }
.ml6   { margin-left: 1.5rem; }
.mr6   { margin-right: 1.5rem; }
.mx6   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6    { gap: 1.5rem; }

.p7    { padding: 1.75rem; }
.pt7   { padding-top: 1.75rem; }
.pb7   { padding-bottom: 1.75rem; }
.pl7   { padding-left: 1.75rem; }
.pr7   { padding-right: 1.75rem; }
.px7   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7    { margin: 1.75rem; }
.mt7   { margin-top: 1.75rem; }
.mb7   { margin-bottom: 1.75rem; }
.ml7   { margin-left: 1.75rem; }
.mr7   { margin-right: 1.75rem; }
.mx7   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7    { gap: 1.75rem; }

.p8    { padding: 2rem; }
.pt8   { padding-top: 2rem; }
.pb8   { padding-bottom: 2rem; }
.pl8   { padding-left: 2rem; }
.pr8   { padding-right: 2rem; }
.px8   { padding-right: 2rem; padding-left: 2rem; }
.py8   { padding-top: 2rem; padding-bottom: 2rem; }
.m8    { margin: 2rem; }
.mt8   { margin-top: 2rem; }
.mb8   { margin-bottom: 2rem; }
.ml8   { margin-left: 2rem; }
.mr8   { margin-right: 2rem; }
.mx8   { margin-right: 2rem; margin-left: 2rem; }
.my8   { margin-top: 2rem; margin-bottom: 2rem; }
.g8    { gap: 2rem; }

.p9    { padding: 2.25rem; }
.pt9   { padding-top: 2.25rem; }
.pb9   { padding-bottom: 2.25rem; }
.pl9   { padding-left: 2.25rem; }
.pr9   { padding-right: 2.25rem; }
.px9   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9    { margin: 2.25rem; }
.mt9   { margin-top: 2.25rem; }
.mb9   { margin-bottom: 2.25rem; }
.ml9   { margin-left: 2.25rem; }
.mr9   { margin-right: 2.25rem; }
.mx9   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9    { gap: 2.25rem; }

.p10    { padding: 2.5rem; }
.pt10   { padding-top: 2.5rem; }
.pb10   { padding-bottom: 2.5rem; }
.pl10   { padding-left: 2.5rem; }
.pr10   { padding-right: 2.5rem; }
.px10   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10    { margin: 2.5rem; }
.mt10   { margin-top: 2.5rem; }
.mb10   { margin-bottom: 2.5rem; }
.ml10   { margin-left: 2.5rem; }
.mr10   { margin-right: 2.5rem; }
.mx10   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10    { gap: 2.5rem; }

.p11    { padding: 2.75rem; }
.pt11   { padding-top: 2.75rem; }
.pb11   { padding-bottom: 2.75rem; }
.pl11   { padding-left: 2.75rem; }
.pr11   { padding-right: 2.75rem; }
.px11   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11    { margin: 2.75rem; }
.mt11   { margin-top: 2.75rem; }
.mb11   { margin-bottom: 2.75rem; }
.ml11   { margin-left: 2.75rem; }
.mr11   { margin-right: 2.75rem; }
.mx11   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11    { gap: 2.75rem; }

.p12    { padding: 3rem; }
.pt12   { padding-top: 3rem; }
.pb12   { padding-bottom: 3rem; }
.pl12   { padding-left: 3rem; }
.pr12   { padding-right: 3rem; }
.px12   { padding-right: 3rem; padding-left: 3rem; }
.py12   { padding-top: 3rem; padding-bottom: 3rem; }
.m12    { margin: 3rem; }
.mt12   { margin-top: 3rem; }
.mb12   { margin-bottom: 3rem; }
.ml12   { margin-left: 3rem; }
.mr12   { margin-right: 3rem; }
.mx12   { margin-right: 3rem; margin-left: 3rem; }
.my12   { margin-top: 3rem; margin-bottom: 3rem; }
.g12    { gap: 3rem; }

.p13    { padding: 3.25rem; }
.pt13   { padding-top: 3.25rem; }
.pb13   { padding-bottom: 3.25rem; }
.pl13   { padding-left: 3.25rem; }
.pr13   { padding-right: 3.25rem; }
.px13   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13    { margin: 3.25rem; }
.mt13   { margin-top: 3.25rem; }
.mb13   { margin-bottom: 3.25rem; }
.ml13   { margin-left: 3.25rem; }
.mr13   { margin-right: 3.25rem; }
.mx13   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13    { gap: 3.25rem; }

.p14    { padding: 3.5rem; }
.pt14   { padding-top: 3.5rem; }
.pb14   { padding-bottom: 3.5rem; }
.pl14   { padding-left: 3.5rem; }
.pr14   { padding-right: 3.5rem; }
.px14   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14    { margin: 3.5rem; }
.mt14   { margin-top: 3.5rem; }
.mb14   { margin-bottom: 3.5rem; }
.ml14   { margin-left: 3.5rem; }
.mr14   { margin-right: 3.5rem; }
.mx14   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14    { gap: 3.5rem; }

.p15    { padding: 3.75rem; }
.pt15   { padding-top: 3.75rem; }
.pb15   { padding-bottom: 3.75rem; }
.pl15   { padding-left: 3.75rem; }
.pr15   { padding-right: 3.75rem; }
.px15   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15    { margin: 3.75rem; }
.mt15   { margin-top: 3.75rem; }
.mb15   { margin-bottom: 3.75rem; }
.ml15   { margin-left: 3.75rem; }
.mr15   { margin-right: 3.75rem; }
.mx15   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15    { gap: 3.75rem; }

.p16    { padding: 4rem; }
.pt16   { padding-top: 4rem; }
.pb16   { padding-bottom: 4rem; }
.pl16   { padding-left: 4rem; }
.pr16   { padding-right: 4rem; }
.px16   { padding-right: 4rem; padding-left: 4rem; }
.py16   { padding-top: 4rem; padding-bottom: 4rem; }
.m16    { margin: 4rem; }
.mt16   { margin-top: 4rem; }
.mb16   { margin-bottom: 4rem; }
.ml16   { margin-left: 4rem; }
.mr16   { margin-right: 4rem; }
.mx16   { margin-right: 4rem; margin-left: 4rem; }
.my16   { margin-top: 4rem; margin-bottom: 4rem; }
.g16    { gap: 4rem; }

.p17    { padding: 4.25rem; }
.pt17   { padding-top: 4.25rem; }
.pb17   { padding-bottom: 4.25rem; }
.pl17   { padding-left: 4.25rem; }
.pr17   { padding-right: 4.25rem; }
.px17   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17    { margin: 4.25rem; }
.mt17   { margin-top: 4.25rem; }
.mb17   { margin-bottom: 4.25rem; }
.ml17   { margin-left: 4.25rem; }
.mr17   { margin-right: 4.25rem; }
.mx17   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17    { gap: 4.25rem; }

.p18    { padding: 4.5rem; }
.pt18   { padding-top: 4.5rem; }
.pb18   { padding-bottom: 4.5rem; }
.pl18   { padding-left: 4.5rem; }
.pr18   { padding-right: 4.5rem; }
.px18   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18    { margin: 4.5rem; }
.mt18   { margin-top: 4.5rem; }
.mb18   { margin-bottom: 4.5rem; }
.ml18   { margin-left: 4.5rem; }
.mr18   { margin-right: 4.5rem; }
.mx18   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18    { gap: 4.5rem; }

.p19    { padding: 4.75rem; }
.pt19   { padding-top: 4.75rem; }
.pb19   { padding-bottom: 4.75rem; }
.pl19   { padding-left: 4.75rem; }
.pr19   { padding-right: 4.75rem; }
.px19   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19    { margin: 4.75rem; }
.mt19   { margin-top: 4.75rem; }
.mb19   { margin-bottom: 4.75rem; }
.ml19   { margin-left: 4.75rem; }
.mr19   { margin-right: 4.75rem; }
.mx19   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19    { gap: 4.75rem; }

.p20    { padding: 5rem; }
.pt20   { padding-top: 5rem; }
.pb20   { padding-bottom: 5rem; }
.pl20   { padding-left: 5rem; }
.pr20   { padding-right: 5rem; }
.px20   { padding-right: 5rem; padding-left: 5rem; }
.py20   { padding-top: 5rem; padding-bottom: 5rem; }
.m20    { margin: 5rem; }
.mt20   { margin-top: 5rem; }
.mb20   { margin-bottom: 5rem; }
.ml20   { margin-left: 5rem; }
.mr20   { margin-right: 5rem; }
.mx20   { margin-right: 5rem; margin-left: 5rem; }
.my20   { margin-top: 5rem; margin-bottom: 5rem; }
.g20    { gap: 5rem; }

.p21    { padding: 5.25rem; }
.pt21   { padding-top: 5.25rem; }
.pb21   { padding-bottom: 5.25rem; }
.pl21   { padding-left: 5.25rem; }
.pr21   { padding-right: 5.25rem; }
.px21   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21    { margin: 5.25rem; }
.mt21   { margin-top: 5.25rem; }
.mb21   { margin-bottom: 5.25rem; }
.ml21   { margin-left: 5.25rem; }
.mr21   { margin-right: 5.25rem; }
.mx21   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21    { gap: 5.25rem; }

.p22    { padding: 5.5rem; }
.pt22   { padding-top: 5.5rem; }
.pb22   { padding-bottom: 5.5rem; }
.pl22   { padding-left: 5.5rem; }
.pr22   { padding-right: 5.5rem; }
.px22   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22    { margin: 5.5rem; }
.mt22   { margin-top: 5.5rem; }
.mb22   { margin-bottom: 5.5rem; }
.ml22   { margin-left: 5.5rem; }
.mr22   { margin-right: 5.5rem; }
.mx22   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22    { gap: 5.5rem; }

.p23    { padding: 5.75rem; }
.pt23   { padding-top: 5.75rem; }
.pb23   { padding-bottom: 5.75rem; }
.pl23   { padding-left: 5.75rem; }
.pr23   { padding-right: 5.75rem; }
.px23   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23    { margin: 5.75rem; }
.mt23   { margin-top: 5.75rem; }
.mb23   { margin-bottom: 5.75rem; }
.ml23   { margin-left: 5.75rem; }
.mr23   { margin-right: 5.75rem; }
.mx23   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23    { gap: 5.75rem; }

.p24    { padding: 6rem; }
.pt24   { padding-top: 6rem; }
.pb24   { padding-bottom: 6rem; }
.pl24   { padding-left: 6rem; }
.pr24   { padding-right: 6rem; }
.px24   { padding-right: 6rem; padding-left: 6rem; }
.py24   { padding-top: 6rem; padding-bottom: 6rem; }
.m24    { margin: 6rem; }
.mt24   { margin-top: 6rem; }
.mb24   { margin-bottom: 6rem; }
.ml24   { margin-left: 6rem; }
.mr24   { margin-right: 6rem; }
.mx24   { margin-right: 6rem; margin-left: 6rem; }
.my24   { margin-top: 6rem; margin-bottom: 6rem; }
.g24    { gap: 6rem; }


@media (min-width: 576px) {
.p0-sm    { padding: 0rem; }
.pt0-sm   { padding-top: 0rem; }
.pb0-sm   { padding-bottom: 0rem; }
.pl0-sm   { padding-left: 0rem; }
.pr0-sm   { padding-right: 0rem; }
.px0-sm   { padding-right: 0rem; padding-left: 0rem; }
.py0-sm   { padding-top: 0rem; padding-bottom: 0rem; }
.m0-sm    { margin: 0rem; }
.mt0-sm   { margin-top: 0rem; }
.mb0-sm   { margin-bottom: 0rem; }
.ml0-sm   { margin-left: 0rem; }
.mr0-sm   { margin-right: 0rem; }
.mx0-sm   { margin-right: 0rem; margin-left: 0rem; }
.my0-sm   { margin-top: 0rem; margin-bottom: 0rem; }
.g0-sm    { gap: 0rem; }

.p1-sm    { padding: 0.25rem; }
.pt1-sm   { padding-top: 0.25rem; }
.pb1-sm   { padding-bottom: 0.25rem; }
.pl1-sm   { padding-left: 0.25rem; }
.pr1-sm   { padding-right: 0.25rem; }
.px1-sm   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1-sm   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1-sm    { margin: 0.25rem; }
.mt1-sm   { margin-top: 0.25rem; }
.mb1-sm   { margin-bottom: 0.25rem; }
.ml1-sm   { margin-left: 0.25rem; }
.mr1-sm   { margin-right: 0.25rem; }
.mx1-sm   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1-sm   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1-sm    { gap: 0.25rem; }

.p2-sm    { padding: 0.5rem; }
.pt2-sm   { padding-top: 0.5rem; }
.pb2-sm   { padding-bottom: 0.5rem; }
.pl2-sm   { padding-left: 0.5rem; }
.pr2-sm   { padding-right: 0.5rem; }
.px2-sm   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2-sm   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2-sm    { margin: 0.5rem; }
.mt2-sm   { margin-top: 0.5rem; }
.mb2-sm   { margin-bottom: 0.5rem; }
.ml2-sm   { margin-left: 0.5rem; }
.mr2-sm   { margin-right: 0.5rem; }
.mx2-sm   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2-sm   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2-sm    { gap: 0.5rem; }

.p3-sm    { padding: 0.75rem; }
.pt3-sm   { padding-top: 0.75rem; }
.pb3-sm   { padding-bottom: 0.75rem; }
.pl3-sm   { padding-left: 0.75rem; }
.pr3-sm   { padding-right: 0.75rem; }
.px3-sm   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3-sm   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3-sm    { margin: 0.75rem; }
.mt3-sm   { margin-top: 0.75rem; }
.mb3-sm   { margin-bottom: 0.75rem; }
.ml3-sm   { margin-left: 0.75rem; }
.mr3-sm   { margin-right: 0.75rem; }
.mx3-sm   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3-sm   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3-sm    { gap: 0.75rem; }

.p4-sm    { padding: 1rem; }
.pt4-sm   { padding-top: 1rem; }
.pb4-sm   { padding-bottom: 1rem; }
.pl4-sm   { padding-left: 1rem; }
.pr4-sm   { padding-right: 1rem; }
.px4-sm   { padding-right: 1rem; padding-left: 1rem; }
.py4-sm   { padding-top: 1rem; padding-bottom: 1rem; }
.m4-sm    { margin: 1rem; }
.mt4-sm   { margin-top: 1rem; }
.mb4-sm   { margin-bottom: 1rem; }
.ml4-sm   { margin-left: 1rem; }
.mr4-sm   { margin-right: 1rem; }
.mx4-sm   { margin-right: 1rem; margin-left: 1rem; }
.my4-sm   { margin-top: 1rem; margin-bottom: 1rem; }
.g4-sm    { gap: 1rem; }

.p5-sm    { padding: 1.25rem; }
.pt5-sm   { padding-top: 1.25rem; }
.pb5-sm   { padding-bottom: 1.25rem; }
.pl5-sm   { padding-left: 1.25rem; }
.pr5-sm   { padding-right: 1.25rem; }
.px5-sm   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5-sm   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5-sm    { margin: 1.25rem; }
.mt5-sm   { margin-top: 1.25rem; }
.mb5-sm   { margin-bottom: 1.25rem; }
.ml5-sm   { margin-left: 1.25rem; }
.mr5-sm   { margin-right: 1.25rem; }
.mx5-sm   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5-sm   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5-sm    { gap: 1.25rem; }

.p6-sm    { padding: 1.5rem; }
.pt6-sm   { padding-top: 1.5rem; }
.pb6-sm   { padding-bottom: 1.5rem; }
.pl6-sm   { padding-left: 1.5rem; }
.pr6-sm   { padding-right: 1.5rem; }
.px6-sm   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6-sm   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6-sm    { margin: 1.5rem; }
.mt6-sm   { margin-top: 1.5rem; }
.mb6-sm   { margin-bottom: 1.5rem; }
.ml6-sm   { margin-left: 1.5rem; }
.mr6-sm   { margin-right: 1.5rem; }
.mx6-sm   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6-sm   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6-sm    { gap: 1.5rem; }

.p7-sm    { padding: 1.75rem; }
.pt7-sm   { padding-top: 1.75rem; }
.pb7-sm   { padding-bottom: 1.75rem; }
.pl7-sm   { padding-left: 1.75rem; }
.pr7-sm   { padding-right: 1.75rem; }
.px7-sm   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7-sm   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7-sm    { margin: 1.75rem; }
.mt7-sm   { margin-top: 1.75rem; }
.mb7-sm   { margin-bottom: 1.75rem; }
.ml7-sm   { margin-left: 1.75rem; }
.mr7-sm   { margin-right: 1.75rem; }
.mx7-sm   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7-sm   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7-sm    { gap: 1.75rem; }

.p8-sm    { padding: 2rem; }
.pt8-sm   { padding-top: 2rem; }
.pb8-sm   { padding-bottom: 2rem; }
.pl8-sm   { padding-left: 2rem; }
.pr8-sm   { padding-right: 2rem; }
.px8-sm   { padding-right: 2rem; padding-left: 2rem; }
.py8-sm   { padding-top: 2rem; padding-bottom: 2rem; }
.m8-sm    { margin: 2rem; }
.mt8-sm   { margin-top: 2rem; }
.mb8-sm   { margin-bottom: 2rem; }
.ml8-sm   { margin-left: 2rem; }
.mr8-sm   { margin-right: 2rem; }
.mx8-sm   { margin-right: 2rem; margin-left: 2rem; }
.my8-sm   { margin-top: 2rem; margin-bottom: 2rem; }
.g8-sm    { gap: 2rem; }

.p9-sm    { padding: 2.25rem; }
.pt9-sm   { padding-top: 2.25rem; }
.pb9-sm   { padding-bottom: 2.25rem; }
.pl9-sm   { padding-left: 2.25rem; }
.pr9-sm   { padding-right: 2.25rem; }
.px9-sm   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9-sm   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9-sm    { margin: 2.25rem; }
.mt9-sm   { margin-top: 2.25rem; }
.mb9-sm   { margin-bottom: 2.25rem; }
.ml9-sm   { margin-left: 2.25rem; }
.mr9-sm   { margin-right: 2.25rem; }
.mx9-sm   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9-sm   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9-sm    { gap: 2.25rem; }

.p10-sm    { padding: 2.5rem; }
.pt10-sm   { padding-top: 2.5rem; }
.pb10-sm   { padding-bottom: 2.5rem; }
.pl10-sm   { padding-left: 2.5rem; }
.pr10-sm   { padding-right: 2.5rem; }
.px10-sm   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10-sm   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10-sm    { margin: 2.5rem; }
.mt10-sm   { margin-top: 2.5rem; }
.mb10-sm   { margin-bottom: 2.5rem; }
.ml10-sm   { margin-left: 2.5rem; }
.mr10-sm   { margin-right: 2.5rem; }
.mx10-sm   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10-sm   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10-sm    { gap: 2.5rem; }

.p11-sm    { padding: 2.75rem; }
.pt11-sm   { padding-top: 2.75rem; }
.pb11-sm   { padding-bottom: 2.75rem; }
.pl11-sm   { padding-left: 2.75rem; }
.pr11-sm   { padding-right: 2.75rem; }
.px11-sm   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11-sm   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11-sm    { margin: 2.75rem; }
.mt11-sm   { margin-top: 2.75rem; }
.mb11-sm   { margin-bottom: 2.75rem; }
.ml11-sm   { margin-left: 2.75rem; }
.mr11-sm   { margin-right: 2.75rem; }
.mx11-sm   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11-sm   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11-sm    { gap: 2.75rem; }

.p12-sm    { padding: 3rem; }
.pt12-sm   { padding-top: 3rem; }
.pb12-sm   { padding-bottom: 3rem; }
.pl12-sm   { padding-left: 3rem; }
.pr12-sm   { padding-right: 3rem; }
.px12-sm   { padding-right: 3rem; padding-left: 3rem; }
.py12-sm   { padding-top: 3rem; padding-bottom: 3rem; }
.m12-sm    { margin: 3rem; }
.mt12-sm   { margin-top: 3rem; }
.mb12-sm   { margin-bottom: 3rem; }
.ml12-sm   { margin-left: 3rem; }
.mr12-sm   { margin-right: 3rem; }
.mx12-sm   { margin-right: 3rem; margin-left: 3rem; }
.my12-sm   { margin-top: 3rem; margin-bottom: 3rem; }
.g12-sm    { gap: 3rem; }

.p13-sm    { padding: 3.25rem; }
.pt13-sm   { padding-top: 3.25rem; }
.pb13-sm   { padding-bottom: 3.25rem; }
.pl13-sm   { padding-left: 3.25rem; }
.pr13-sm   { padding-right: 3.25rem; }
.px13-sm   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13-sm   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13-sm    { margin: 3.25rem; }
.mt13-sm   { margin-top: 3.25rem; }
.mb13-sm   { margin-bottom: 3.25rem; }
.ml13-sm   { margin-left: 3.25rem; }
.mr13-sm   { margin-right: 3.25rem; }
.mx13-sm   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13-sm   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13-sm    { gap: 3.25rem; }

.p14-sm    { padding: 3.5rem; }
.pt14-sm   { padding-top: 3.5rem; }
.pb14-sm   { padding-bottom: 3.5rem; }
.pl14-sm   { padding-left: 3.5rem; }
.pr14-sm   { padding-right: 3.5rem; }
.px14-sm   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14-sm   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14-sm    { margin: 3.5rem; }
.mt14-sm   { margin-top: 3.5rem; }
.mb14-sm   { margin-bottom: 3.5rem; }
.ml14-sm   { margin-left: 3.5rem; }
.mr14-sm   { margin-right: 3.5rem; }
.mx14-sm   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14-sm   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14-sm    { gap: 3.5rem; }

.p15-sm    { padding: 3.75rem; }
.pt15-sm   { padding-top: 3.75rem; }
.pb15-sm   { padding-bottom: 3.75rem; }
.pl15-sm   { padding-left: 3.75rem; }
.pr15-sm   { padding-right: 3.75rem; }
.px15-sm   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15-sm   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15-sm    { margin: 3.75rem; }
.mt15-sm   { margin-top: 3.75rem; }
.mb15-sm   { margin-bottom: 3.75rem; }
.ml15-sm   { margin-left: 3.75rem; }
.mr15-sm   { margin-right: 3.75rem; }
.mx15-sm   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15-sm   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15-sm    { gap: 3.75rem; }

.p16-sm    { padding: 4rem; }
.pt16-sm   { padding-top: 4rem; }
.pb16-sm   { padding-bottom: 4rem; }
.pl16-sm   { padding-left: 4rem; }
.pr16-sm   { padding-right: 4rem; }
.px16-sm   { padding-right: 4rem; padding-left: 4rem; }
.py16-sm   { padding-top: 4rem; padding-bottom: 4rem; }
.m16-sm    { margin: 4rem; }
.mt16-sm   { margin-top: 4rem; }
.mb16-sm   { margin-bottom: 4rem; }
.ml16-sm   { margin-left: 4rem; }
.mr16-sm   { margin-right: 4rem; }
.mx16-sm   { margin-right: 4rem; margin-left: 4rem; }
.my16-sm   { margin-top: 4rem; margin-bottom: 4rem; }
.g16-sm    { gap: 4rem; }

.p17-sm    { padding: 4.25rem; }
.pt17-sm   { padding-top: 4.25rem; }
.pb17-sm   { padding-bottom: 4.25rem; }
.pl17-sm   { padding-left: 4.25rem; }
.pr17-sm   { padding-right: 4.25rem; }
.px17-sm   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17-sm   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17-sm    { margin: 4.25rem; }
.mt17-sm   { margin-top: 4.25rem; }
.mb17-sm   { margin-bottom: 4.25rem; }
.ml17-sm   { margin-left: 4.25rem; }
.mr17-sm   { margin-right: 4.25rem; }
.mx17-sm   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17-sm   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17-sm    { gap: 4.25rem; }

.p18-sm    { padding: 4.5rem; }
.pt18-sm   { padding-top: 4.5rem; }
.pb18-sm   { padding-bottom: 4.5rem; }
.pl18-sm   { padding-left: 4.5rem; }
.pr18-sm   { padding-right: 4.5rem; }
.px18-sm   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18-sm   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18-sm    { margin: 4.5rem; }
.mt18-sm   { margin-top: 4.5rem; }
.mb18-sm   { margin-bottom: 4.5rem; }
.ml18-sm   { margin-left: 4.5rem; }
.mr18-sm   { margin-right: 4.5rem; }
.mx18-sm   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18-sm   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18-sm    { gap: 4.5rem; }

.p19-sm    { padding: 4.75rem; }
.pt19-sm   { padding-top: 4.75rem; }
.pb19-sm   { padding-bottom: 4.75rem; }
.pl19-sm   { padding-left: 4.75rem; }
.pr19-sm   { padding-right: 4.75rem; }
.px19-sm   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19-sm   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19-sm    { margin: 4.75rem; }
.mt19-sm   { margin-top: 4.75rem; }
.mb19-sm   { margin-bottom: 4.75rem; }
.ml19-sm   { margin-left: 4.75rem; }
.mr19-sm   { margin-right: 4.75rem; }
.mx19-sm   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19-sm   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19-sm    { gap: 4.75rem; }

.p20-sm    { padding: 5rem; }
.pt20-sm   { padding-top: 5rem; }
.pb20-sm   { padding-bottom: 5rem; }
.pl20-sm   { padding-left: 5rem; }
.pr20-sm   { padding-right: 5rem; }
.px20-sm   { padding-right: 5rem; padding-left: 5rem; }
.py20-sm   { padding-top: 5rem; padding-bottom: 5rem; }
.m20-sm    { margin: 5rem; }
.mt20-sm   { margin-top: 5rem; }
.mb20-sm   { margin-bottom: 5rem; }
.ml20-sm   { margin-left: 5rem; }
.mr20-sm   { margin-right: 5rem; }
.mx20-sm   { margin-right: 5rem; margin-left: 5rem; }
.my20-sm   { margin-top: 5rem; margin-bottom: 5rem; }
.g20-sm    { gap: 5rem; }

.p21-sm    { padding: 5.25rem; }
.pt21-sm   { padding-top: 5.25rem; }
.pb21-sm   { padding-bottom: 5.25rem; }
.pl21-sm   { padding-left: 5.25rem; }
.pr21-sm   { padding-right: 5.25rem; }
.px21-sm   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21-sm   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21-sm    { margin: 5.25rem; }
.mt21-sm   { margin-top: 5.25rem; }
.mb21-sm   { margin-bottom: 5.25rem; }
.ml21-sm   { margin-left: 5.25rem; }
.mr21-sm   { margin-right: 5.25rem; }
.mx21-sm   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21-sm   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21-sm    { gap: 5.25rem; }

.p22-sm    { padding: 5.5rem; }
.pt22-sm   { padding-top: 5.5rem; }
.pb22-sm   { padding-bottom: 5.5rem; }
.pl22-sm   { padding-left: 5.5rem; }
.pr22-sm   { padding-right: 5.5rem; }
.px22-sm   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22-sm   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22-sm    { margin: 5.5rem; }
.mt22-sm   { margin-top: 5.5rem; }
.mb22-sm   { margin-bottom: 5.5rem; }
.ml22-sm   { margin-left: 5.5rem; }
.mr22-sm   { margin-right: 5.5rem; }
.mx22-sm   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22-sm   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22-sm    { gap: 5.5rem; }

.p23-sm    { padding: 5.75rem; }
.pt23-sm   { padding-top: 5.75rem; }
.pb23-sm   { padding-bottom: 5.75rem; }
.pl23-sm   { padding-left: 5.75rem; }
.pr23-sm   { padding-right: 5.75rem; }
.px23-sm   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23-sm   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23-sm    { margin: 5.75rem; }
.mt23-sm   { margin-top: 5.75rem; }
.mb23-sm   { margin-bottom: 5.75rem; }
.ml23-sm   { margin-left: 5.75rem; }
.mr23-sm   { margin-right: 5.75rem; }
.mx23-sm   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23-sm   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23-sm    { gap: 5.75rem; }

.p24-sm    { padding: 6rem; }
.pt24-sm   { padding-top: 6rem; }
.pb24-sm   { padding-bottom: 6rem; }
.pl24-sm   { padding-left: 6rem; }
.pr24-sm   { padding-right: 6rem; }
.px24-sm   { padding-right: 6rem; padding-left: 6rem; }
.py24-sm   { padding-top: 6rem; padding-bottom: 6rem; }
.m24-sm    { margin: 6rem; }
.mt24-sm   { margin-top: 6rem; }
.mb24-sm   { margin-bottom: 6rem; }
.ml24-sm   { margin-left: 6rem; }
.mr24-sm   { margin-right: 6rem; }
.mx24-sm   { margin-right: 6rem; margin-left: 6rem; }
.my24-sm   { margin-top: 6rem; margin-bottom: 6rem; }
.g24-sm    { gap: 6rem; }

}

@media (min-width: 768px) {
.p0-md    { padding: 0rem; }
.pt0-md   { padding-top: 0rem; }
.pb0-md   { padding-bottom: 0rem; }
.pl0-md   { padding-left: 0rem; }
.pr0-md   { padding-right: 0rem; }
.px0-md   { padding-right: 0rem; padding-left: 0rem; }
.py0-md   { padding-top: 0rem; padding-bottom: 0rem; }
.m0-md    { margin: 0rem; }
.mt0-md   { margin-top: 0rem; }
.mb0-md   { margin-bottom: 0rem; }
.ml0-md   { margin-left: 0rem; }
.mr0-md   { margin-right: 0rem; }
.mx0-md   { margin-right: 0rem; margin-left: 0rem; }
.my0-md   { margin-top: 0rem; margin-bottom: 0rem; }
.g0-md    { gap: 0rem; }

.p1-md    { padding: 0.25rem; }
.pt1-md   { padding-top: 0.25rem; }
.pb1-md   { padding-bottom: 0.25rem; }
.pl1-md   { padding-left: 0.25rem; }
.pr1-md   { padding-right: 0.25rem; }
.px1-md   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1-md   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1-md    { margin: 0.25rem; }
.mt1-md   { margin-top: 0.25rem; }
.mb1-md   { margin-bottom: 0.25rem; }
.ml1-md   { margin-left: 0.25rem; }
.mr1-md   { margin-right: 0.25rem; }
.mx1-md   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1-md   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1-md    { gap: 0.25rem; }

.p2-md    { padding: 0.5rem; }
.pt2-md   { padding-top: 0.5rem; }
.pb2-md   { padding-bottom: 0.5rem; }
.pl2-md   { padding-left: 0.5rem; }
.pr2-md   { padding-right: 0.5rem; }
.px2-md   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2-md   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2-md    { margin: 0.5rem; }
.mt2-md   { margin-top: 0.5rem; }
.mb2-md   { margin-bottom: 0.5rem; }
.ml2-md   { margin-left: 0.5rem; }
.mr2-md   { margin-right: 0.5rem; }
.mx2-md   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2-md   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2-md    { gap: 0.5rem; }

.p3-md    { padding: 0.75rem; }
.pt3-md   { padding-top: 0.75rem; }
.pb3-md   { padding-bottom: 0.75rem; }
.pl3-md   { padding-left: 0.75rem; }
.pr3-md   { padding-right: 0.75rem; }
.px3-md   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3-md   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3-md    { margin: 0.75rem; }
.mt3-md   { margin-top: 0.75rem; }
.mb3-md   { margin-bottom: 0.75rem; }
.ml3-md   { margin-left: 0.75rem; }
.mr3-md   { margin-right: 0.75rem; }
.mx3-md   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3-md   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3-md    { gap: 0.75rem; }

.p4-md    { padding: 1rem; }
.pt4-md   { padding-top: 1rem; }
.pb4-md   { padding-bottom: 1rem; }
.pl4-md   { padding-left: 1rem; }
.pr4-md   { padding-right: 1rem; }
.px4-md   { padding-right: 1rem; padding-left: 1rem; }
.py4-md   { padding-top: 1rem; padding-bottom: 1rem; }
.m4-md    { margin: 1rem; }
.mt4-md   { margin-top: 1rem; }
.mb4-md   { margin-bottom: 1rem; }
.ml4-md   { margin-left: 1rem; }
.mr4-md   { margin-right: 1rem; }
.mx4-md   { margin-right: 1rem; margin-left: 1rem; }
.my4-md   { margin-top: 1rem; margin-bottom: 1rem; }
.g4-md    { gap: 1rem; }

.p5-md    { padding: 1.25rem; }
.pt5-md   { padding-top: 1.25rem; }
.pb5-md   { padding-bottom: 1.25rem; }
.pl5-md   { padding-left: 1.25rem; }
.pr5-md   { padding-right: 1.25rem; }
.px5-md   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5-md   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5-md    { margin: 1.25rem; }
.mt5-md   { margin-top: 1.25rem; }
.mb5-md   { margin-bottom: 1.25rem; }
.ml5-md   { margin-left: 1.25rem; }
.mr5-md   { margin-right: 1.25rem; }
.mx5-md   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5-md   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5-md    { gap: 1.25rem; }

.p6-md    { padding: 1.5rem; }
.pt6-md   { padding-top: 1.5rem; }
.pb6-md   { padding-bottom: 1.5rem; }
.pl6-md   { padding-left: 1.5rem; }
.pr6-md   { padding-right: 1.5rem; }
.px6-md   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6-md   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6-md    { margin: 1.5rem; }
.mt6-md   { margin-top: 1.5rem; }
.mb6-md   { margin-bottom: 1.5rem; }
.ml6-md   { margin-left: 1.5rem; }
.mr6-md   { margin-right: 1.5rem; }
.mx6-md   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6-md   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6-md    { gap: 1.5rem; }

.p7-md    { padding: 1.75rem; }
.pt7-md   { padding-top: 1.75rem; }
.pb7-md   { padding-bottom: 1.75rem; }
.pl7-md   { padding-left: 1.75rem; }
.pr7-md   { padding-right: 1.75rem; }
.px7-md   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7-md   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7-md    { margin: 1.75rem; }
.mt7-md   { margin-top: 1.75rem; }
.mb7-md   { margin-bottom: 1.75rem; }
.ml7-md   { margin-left: 1.75rem; }
.mr7-md   { margin-right: 1.75rem; }
.mx7-md   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7-md   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7-md    { gap: 1.75rem; }

.p8-md    { padding: 2rem; }
.pt8-md   { padding-top: 2rem; }
.pb8-md   { padding-bottom: 2rem; }
.pl8-md   { padding-left: 2rem; }
.pr8-md   { padding-right: 2rem; }
.px8-md   { padding-right: 2rem; padding-left: 2rem; }
.py8-md   { padding-top: 2rem; padding-bottom: 2rem; }
.m8-md    { margin: 2rem; }
.mt8-md   { margin-top: 2rem; }
.mb8-md   { margin-bottom: 2rem; }
.ml8-md   { margin-left: 2rem; }
.mr8-md   { margin-right: 2rem; }
.mx8-md   { margin-right: 2rem; margin-left: 2rem; }
.my8-md   { margin-top: 2rem; margin-bottom: 2rem; }
.g8-md    { gap: 2rem; }

.p9-md    { padding: 2.25rem; }
.pt9-md   { padding-top: 2.25rem; }
.pb9-md   { padding-bottom: 2.25rem; }
.pl9-md   { padding-left: 2.25rem; }
.pr9-md   { padding-right: 2.25rem; }
.px9-md   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9-md   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9-md    { margin: 2.25rem; }
.mt9-md   { margin-top: 2.25rem; }
.mb9-md   { margin-bottom: 2.25rem; }
.ml9-md   { margin-left: 2.25rem; }
.mr9-md   { margin-right: 2.25rem; }
.mx9-md   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9-md   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9-md    { gap: 2.25rem; }

.p10-md    { padding: 2.5rem; }
.pt10-md   { padding-top: 2.5rem; }
.pb10-md   { padding-bottom: 2.5rem; }
.pl10-md   { padding-left: 2.5rem; }
.pr10-md   { padding-right: 2.5rem; }
.px10-md   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10-md   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10-md    { margin: 2.5rem; }
.mt10-md   { margin-top: 2.5rem; }
.mb10-md   { margin-bottom: 2.5rem; }
.ml10-md   { margin-left: 2.5rem; }
.mr10-md   { margin-right: 2.5rem; }
.mx10-md   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10-md   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10-md    { gap: 2.5rem; }

.p11-md    { padding: 2.75rem; }
.pt11-md   { padding-top: 2.75rem; }
.pb11-md   { padding-bottom: 2.75rem; }
.pl11-md   { padding-left: 2.75rem; }
.pr11-md   { padding-right: 2.75rem; }
.px11-md   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11-md   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11-md    { margin: 2.75rem; }
.mt11-md   { margin-top: 2.75rem; }
.mb11-md   { margin-bottom: 2.75rem; }
.ml11-md   { margin-left: 2.75rem; }
.mr11-md   { margin-right: 2.75rem; }
.mx11-md   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11-md   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11-md    { gap: 2.75rem; }

.p12-md    { padding: 3rem; }
.pt12-md   { padding-top: 3rem; }
.pb12-md   { padding-bottom: 3rem; }
.pl12-md   { padding-left: 3rem; }
.pr12-md   { padding-right: 3rem; }
.px12-md   { padding-right: 3rem; padding-left: 3rem; }
.py12-md   { padding-top: 3rem; padding-bottom: 3rem; }
.m12-md    { margin: 3rem; }
.mt12-md   { margin-top: 3rem; }
.mb12-md   { margin-bottom: 3rem; }
.ml12-md   { margin-left: 3rem; }
.mr12-md   { margin-right: 3rem; }
.mx12-md   { margin-right: 3rem; margin-left: 3rem; }
.my12-md   { margin-top: 3rem; margin-bottom: 3rem; }
.g12-md    { gap: 3rem; }

.p13-md    { padding: 3.25rem; }
.pt13-md   { padding-top: 3.25rem; }
.pb13-md   { padding-bottom: 3.25rem; }
.pl13-md   { padding-left: 3.25rem; }
.pr13-md   { padding-right: 3.25rem; }
.px13-md   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13-md   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13-md    { margin: 3.25rem; }
.mt13-md   { margin-top: 3.25rem; }
.mb13-md   { margin-bottom: 3.25rem; }
.ml13-md   { margin-left: 3.25rem; }
.mr13-md   { margin-right: 3.25rem; }
.mx13-md   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13-md   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13-md    { gap: 3.25rem; }

.p14-md    { padding: 3.5rem; }
.pt14-md   { padding-top: 3.5rem; }
.pb14-md   { padding-bottom: 3.5rem; }
.pl14-md   { padding-left: 3.5rem; }
.pr14-md   { padding-right: 3.5rem; }
.px14-md   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14-md   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14-md    { margin: 3.5rem; }
.mt14-md   { margin-top: 3.5rem; }
.mb14-md   { margin-bottom: 3.5rem; }
.ml14-md   { margin-left: 3.5rem; }
.mr14-md   { margin-right: 3.5rem; }
.mx14-md   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14-md   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14-md    { gap: 3.5rem; }

.p15-md    { padding: 3.75rem; }
.pt15-md   { padding-top: 3.75rem; }
.pb15-md   { padding-bottom: 3.75rem; }
.pl15-md   { padding-left: 3.75rem; }
.pr15-md   { padding-right: 3.75rem; }
.px15-md   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15-md   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15-md    { margin: 3.75rem; }
.mt15-md   { margin-top: 3.75rem; }
.mb15-md   { margin-bottom: 3.75rem; }
.ml15-md   { margin-left: 3.75rem; }
.mr15-md   { margin-right: 3.75rem; }
.mx15-md   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15-md   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15-md    { gap: 3.75rem; }

.p16-md    { padding: 4rem; }
.pt16-md   { padding-top: 4rem; }
.pb16-md   { padding-bottom: 4rem; }
.pl16-md   { padding-left: 4rem; }
.pr16-md   { padding-right: 4rem; }
.px16-md   { padding-right: 4rem; padding-left: 4rem; }
.py16-md   { padding-top: 4rem; padding-bottom: 4rem; }
.m16-md    { margin: 4rem; }
.mt16-md   { margin-top: 4rem; }
.mb16-md   { margin-bottom: 4rem; }
.ml16-md   { margin-left: 4rem; }
.mr16-md   { margin-right: 4rem; }
.mx16-md   { margin-right: 4rem; margin-left: 4rem; }
.my16-md   { margin-top: 4rem; margin-bottom: 4rem; }
.g16-md    { gap: 4rem; }

.p17-md    { padding: 4.25rem; }
.pt17-md   { padding-top: 4.25rem; }
.pb17-md   { padding-bottom: 4.25rem; }
.pl17-md   { padding-left: 4.25rem; }
.pr17-md   { padding-right: 4.25rem; }
.px17-md   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17-md   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17-md    { margin: 4.25rem; }
.mt17-md   { margin-top: 4.25rem; }
.mb17-md   { margin-bottom: 4.25rem; }
.ml17-md   { margin-left: 4.25rem; }
.mr17-md   { margin-right: 4.25rem; }
.mx17-md   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17-md   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17-md    { gap: 4.25rem; }

.p18-md    { padding: 4.5rem; }
.pt18-md   { padding-top: 4.5rem; }
.pb18-md   { padding-bottom: 4.5rem; }
.pl18-md   { padding-left: 4.5rem; }
.pr18-md   { padding-right: 4.5rem; }
.px18-md   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18-md   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18-md    { margin: 4.5rem; }
.mt18-md   { margin-top: 4.5rem; }
.mb18-md   { margin-bottom: 4.5rem; }
.ml18-md   { margin-left: 4.5rem; }
.mr18-md   { margin-right: 4.5rem; }
.mx18-md   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18-md   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18-md    { gap: 4.5rem; }

.p19-md    { padding: 4.75rem; }
.pt19-md   { padding-top: 4.75rem; }
.pb19-md   { padding-bottom: 4.75rem; }
.pl19-md   { padding-left: 4.75rem; }
.pr19-md   { padding-right: 4.75rem; }
.px19-md   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19-md   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19-md    { margin: 4.75rem; }
.mt19-md   { margin-top: 4.75rem; }
.mb19-md   { margin-bottom: 4.75rem; }
.ml19-md   { margin-left: 4.75rem; }
.mr19-md   { margin-right: 4.75rem; }
.mx19-md   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19-md   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19-md    { gap: 4.75rem; }

.p20-md    { padding: 5rem; }
.pt20-md   { padding-top: 5rem; }
.pb20-md   { padding-bottom: 5rem; }
.pl20-md   { padding-left: 5rem; }
.pr20-md   { padding-right: 5rem; }
.px20-md   { padding-right: 5rem; padding-left: 5rem; }
.py20-md   { padding-top: 5rem; padding-bottom: 5rem; }
.m20-md    { margin: 5rem; }
.mt20-md   { margin-top: 5rem; }
.mb20-md   { margin-bottom: 5rem; }
.ml20-md   { margin-left: 5rem; }
.mr20-md   { margin-right: 5rem; }
.mx20-md   { margin-right: 5rem; margin-left: 5rem; }
.my20-md   { margin-top: 5rem; margin-bottom: 5rem; }
.g20-md    { gap: 5rem; }

.p21-md    { padding: 5.25rem; }
.pt21-md   { padding-top: 5.25rem; }
.pb21-md   { padding-bottom: 5.25rem; }
.pl21-md   { padding-left: 5.25rem; }
.pr21-md   { padding-right: 5.25rem; }
.px21-md   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21-md   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21-md    { margin: 5.25rem; }
.mt21-md   { margin-top: 5.25rem; }
.mb21-md   { margin-bottom: 5.25rem; }
.ml21-md   { margin-left: 5.25rem; }
.mr21-md   { margin-right: 5.25rem; }
.mx21-md   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21-md   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21-md    { gap: 5.25rem; }

.p22-md    { padding: 5.5rem; }
.pt22-md   { padding-top: 5.5rem; }
.pb22-md   { padding-bottom: 5.5rem; }
.pl22-md   { padding-left: 5.5rem; }
.pr22-md   { padding-right: 5.5rem; }
.px22-md   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22-md   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22-md    { margin: 5.5rem; }
.mt22-md   { margin-top: 5.5rem; }
.mb22-md   { margin-bottom: 5.5rem; }
.ml22-md   { margin-left: 5.5rem; }
.mr22-md   { margin-right: 5.5rem; }
.mx22-md   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22-md   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22-md    { gap: 5.5rem; }

.p23-md    { padding: 5.75rem; }
.pt23-md   { padding-top: 5.75rem; }
.pb23-md   { padding-bottom: 5.75rem; }
.pl23-md   { padding-left: 5.75rem; }
.pr23-md   { padding-right: 5.75rem; }
.px23-md   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23-md   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23-md    { margin: 5.75rem; }
.mt23-md   { margin-top: 5.75rem; }
.mb23-md   { margin-bottom: 5.75rem; }
.ml23-md   { margin-left: 5.75rem; }
.mr23-md   { margin-right: 5.75rem; }
.mx23-md   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23-md   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23-md    { gap: 5.75rem; }

.p24-md    { padding: 6rem; }
.pt24-md   { padding-top: 6rem; }
.pb24-md   { padding-bottom: 6rem; }
.pl24-md   { padding-left: 6rem; }
.pr24-md   { padding-right: 6rem; }
.px24-md   { padding-right: 6rem; padding-left: 6rem; }
.py24-md   { padding-top: 6rem; padding-bottom: 6rem; }
.m24-md    { margin: 6rem; }
.mt24-md   { margin-top: 6rem; }
.mb24-md   { margin-bottom: 6rem; }
.ml24-md   { margin-left: 6rem; }
.mr24-md   { margin-right: 6rem; }
.mx24-md   { margin-right: 6rem; margin-left: 6rem; }
.my24-md   { margin-top: 6rem; margin-bottom: 6rem; }
.g24-md    { gap: 6rem; }

}

@media (min-width: 992px) {
.p0-lg    { padding: 0rem; }
.pt0-lg   { padding-top: 0rem; }
.pb0-lg   { padding-bottom: 0rem; }
.pl0-lg   { padding-left: 0rem; }
.pr0-lg   { padding-right: 0rem; }
.px0-lg   { padding-right: 0rem; padding-left: 0rem; }
.py0-lg   { padding-top: 0rem; padding-bottom: 0rem; }
.m0-lg    { margin: 0rem; }
.mt0-lg   { margin-top: 0rem; }
.mb0-lg   { margin-bottom: 0rem; }
.ml0-lg   { margin-left: 0rem; }
.mr0-lg   { margin-right: 0rem; }
.mx0-lg   { margin-right: 0rem; margin-left: 0rem; }
.my0-lg   { margin-top: 0rem; margin-bottom: 0rem; }
.g0-lg    { gap: 0rem; }

.p1-lg    { padding: 0.25rem; }
.pt1-lg   { padding-top: 0.25rem; }
.pb1-lg   { padding-bottom: 0.25rem; }
.pl1-lg   { padding-left: 0.25rem; }
.pr1-lg   { padding-right: 0.25rem; }
.px1-lg   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1-lg   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1-lg    { margin: 0.25rem; }
.mt1-lg   { margin-top: 0.25rem; }
.mb1-lg   { margin-bottom: 0.25rem; }
.ml1-lg   { margin-left: 0.25rem; }
.mr1-lg   { margin-right: 0.25rem; }
.mx1-lg   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1-lg   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1-lg    { gap: 0.25rem; }

.p2-lg    { padding: 0.5rem; }
.pt2-lg   { padding-top: 0.5rem; }
.pb2-lg   { padding-bottom: 0.5rem; }
.pl2-lg   { padding-left: 0.5rem; }
.pr2-lg   { padding-right: 0.5rem; }
.px2-lg   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2-lg   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2-lg    { margin: 0.5rem; }
.mt2-lg   { margin-top: 0.5rem; }
.mb2-lg   { margin-bottom: 0.5rem; }
.ml2-lg   { margin-left: 0.5rem; }
.mr2-lg   { margin-right: 0.5rem; }
.mx2-lg   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2-lg   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2-lg    { gap: 0.5rem; }

.p3-lg    { padding: 0.75rem; }
.pt3-lg   { padding-top: 0.75rem; }
.pb3-lg   { padding-bottom: 0.75rem; }
.pl3-lg   { padding-left: 0.75rem; }
.pr3-lg   { padding-right: 0.75rem; }
.px3-lg   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3-lg   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3-lg    { margin: 0.75rem; }
.mt3-lg   { margin-top: 0.75rem; }
.mb3-lg   { margin-bottom: 0.75rem; }
.ml3-lg   { margin-left: 0.75rem; }
.mr3-lg   { margin-right: 0.75rem; }
.mx3-lg   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3-lg   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3-lg    { gap: 0.75rem; }

.p4-lg    { padding: 1rem; }
.pt4-lg   { padding-top: 1rem; }
.pb4-lg   { padding-bottom: 1rem; }
.pl4-lg   { padding-left: 1rem; }
.pr4-lg   { padding-right: 1rem; }
.px4-lg   { padding-right: 1rem; padding-left: 1rem; }
.py4-lg   { padding-top: 1rem; padding-bottom: 1rem; }
.m4-lg    { margin: 1rem; }
.mt4-lg   { margin-top: 1rem; }
.mb4-lg   { margin-bottom: 1rem; }
.ml4-lg   { margin-left: 1rem; }
.mr4-lg   { margin-right: 1rem; }
.mx4-lg   { margin-right: 1rem; margin-left: 1rem; }
.my4-lg   { margin-top: 1rem; margin-bottom: 1rem; }
.g4-lg    { gap: 1rem; }

.p5-lg    { padding: 1.25rem; }
.pt5-lg   { padding-top: 1.25rem; }
.pb5-lg   { padding-bottom: 1.25rem; }
.pl5-lg   { padding-left: 1.25rem; }
.pr5-lg   { padding-right: 1.25rem; }
.px5-lg   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5-lg   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5-lg    { margin: 1.25rem; }
.mt5-lg   { margin-top: 1.25rem; }
.mb5-lg   { margin-bottom: 1.25rem; }
.ml5-lg   { margin-left: 1.25rem; }
.mr5-lg   { margin-right: 1.25rem; }
.mx5-lg   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5-lg   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5-lg    { gap: 1.25rem; }

.p6-lg    { padding: 1.5rem; }
.pt6-lg   { padding-top: 1.5rem; }
.pb6-lg   { padding-bottom: 1.5rem; }
.pl6-lg   { padding-left: 1.5rem; }
.pr6-lg   { padding-right: 1.5rem; }
.px6-lg   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6-lg   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6-lg    { margin: 1.5rem; }
.mt6-lg   { margin-top: 1.5rem; }
.mb6-lg   { margin-bottom: 1.5rem; }
.ml6-lg   { margin-left: 1.5rem; }
.mr6-lg   { margin-right: 1.5rem; }
.mx6-lg   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6-lg   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6-lg    { gap: 1.5rem; }

.p7-lg    { padding: 1.75rem; }
.pt7-lg   { padding-top: 1.75rem; }
.pb7-lg   { padding-bottom: 1.75rem; }
.pl7-lg   { padding-left: 1.75rem; }
.pr7-lg   { padding-right: 1.75rem; }
.px7-lg   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7-lg   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7-lg    { margin: 1.75rem; }
.mt7-lg   { margin-top: 1.75rem; }
.mb7-lg   { margin-bottom: 1.75rem; }
.ml7-lg   { margin-left: 1.75rem; }
.mr7-lg   { margin-right: 1.75rem; }
.mx7-lg   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7-lg   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7-lg    { gap: 1.75rem; }

.p8-lg    { padding: 2rem; }
.pt8-lg   { padding-top: 2rem; }
.pb8-lg   { padding-bottom: 2rem; }
.pl8-lg   { padding-left: 2rem; }
.pr8-lg   { padding-right: 2rem; }
.px8-lg   { padding-right: 2rem; padding-left: 2rem; }
.py8-lg   { padding-top: 2rem; padding-bottom: 2rem; }
.m8-lg    { margin: 2rem; }
.mt8-lg   { margin-top: 2rem; }
.mb8-lg   { margin-bottom: 2rem; }
.ml8-lg   { margin-left: 2rem; }
.mr8-lg   { margin-right: 2rem; }
.mx8-lg   { margin-right: 2rem; margin-left: 2rem; }
.my8-lg   { margin-top: 2rem; margin-bottom: 2rem; }
.g8-lg    { gap: 2rem; }

.p9-lg    { padding: 2.25rem; }
.pt9-lg   { padding-top: 2.25rem; }
.pb9-lg   { padding-bottom: 2.25rem; }
.pl9-lg   { padding-left: 2.25rem; }
.pr9-lg   { padding-right: 2.25rem; }
.px9-lg   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9-lg   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9-lg    { margin: 2.25rem; }
.mt9-lg   { margin-top: 2.25rem; }
.mb9-lg   { margin-bottom: 2.25rem; }
.ml9-lg   { margin-left: 2.25rem; }
.mr9-lg   { margin-right: 2.25rem; }
.mx9-lg   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9-lg   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9-lg    { gap: 2.25rem; }

.p10-lg    { padding: 2.5rem; }
.pt10-lg   { padding-top: 2.5rem; }
.pb10-lg   { padding-bottom: 2.5rem; }
.pl10-lg   { padding-left: 2.5rem; }
.pr10-lg   { padding-right: 2.5rem; }
.px10-lg   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10-lg   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10-lg    { margin: 2.5rem; }
.mt10-lg   { margin-top: 2.5rem; }
.mb10-lg   { margin-bottom: 2.5rem; }
.ml10-lg   { margin-left: 2.5rem; }
.mr10-lg   { margin-right: 2.5rem; }
.mx10-lg   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10-lg   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10-lg    { gap: 2.5rem; }

.p11-lg    { padding: 2.75rem; }
.pt11-lg   { padding-top: 2.75rem; }
.pb11-lg   { padding-bottom: 2.75rem; }
.pl11-lg   { padding-left: 2.75rem; }
.pr11-lg   { padding-right: 2.75rem; }
.px11-lg   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11-lg   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11-lg    { margin: 2.75rem; }
.mt11-lg   { margin-top: 2.75rem; }
.mb11-lg   { margin-bottom: 2.75rem; }
.ml11-lg   { margin-left: 2.75rem; }
.mr11-lg   { margin-right: 2.75rem; }
.mx11-lg   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11-lg   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11-lg    { gap: 2.75rem; }

.p12-lg    { padding: 3rem; }
.pt12-lg   { padding-top: 3rem; }
.pb12-lg   { padding-bottom: 3rem; }
.pl12-lg   { padding-left: 3rem; }
.pr12-lg   { padding-right: 3rem; }
.px12-lg   { padding-right: 3rem; padding-left: 3rem; }
.py12-lg   { padding-top: 3rem; padding-bottom: 3rem; }
.m12-lg    { margin: 3rem; }
.mt12-lg   { margin-top: 3rem; }
.mb12-lg   { margin-bottom: 3rem; }
.ml12-lg   { margin-left: 3rem; }
.mr12-lg   { margin-right: 3rem; }
.mx12-lg   { margin-right: 3rem; margin-left: 3rem; }
.my12-lg   { margin-top: 3rem; margin-bottom: 3rem; }
.g12-lg    { gap: 3rem; }

.p13-lg    { padding: 3.25rem; }
.pt13-lg   { padding-top: 3.25rem; }
.pb13-lg   { padding-bottom: 3.25rem; }
.pl13-lg   { padding-left: 3.25rem; }
.pr13-lg   { padding-right: 3.25rem; }
.px13-lg   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13-lg   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13-lg    { margin: 3.25rem; }
.mt13-lg   { margin-top: 3.25rem; }
.mb13-lg   { margin-bottom: 3.25rem; }
.ml13-lg   { margin-left: 3.25rem; }
.mr13-lg   { margin-right: 3.25rem; }
.mx13-lg   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13-lg   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13-lg    { gap: 3.25rem; }

.p14-lg    { padding: 3.5rem; }
.pt14-lg   { padding-top: 3.5rem; }
.pb14-lg   { padding-bottom: 3.5rem; }
.pl14-lg   { padding-left: 3.5rem; }
.pr14-lg   { padding-right: 3.5rem; }
.px14-lg   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14-lg   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14-lg    { margin: 3.5rem; }
.mt14-lg   { margin-top: 3.5rem; }
.mb14-lg   { margin-bottom: 3.5rem; }
.ml14-lg   { margin-left: 3.5rem; }
.mr14-lg   { margin-right: 3.5rem; }
.mx14-lg   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14-lg   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14-lg    { gap: 3.5rem; }

.p15-lg    { padding: 3.75rem; }
.pt15-lg   { padding-top: 3.75rem; }
.pb15-lg   { padding-bottom: 3.75rem; }
.pl15-lg   { padding-left: 3.75rem; }
.pr15-lg   { padding-right: 3.75rem; }
.px15-lg   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15-lg   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15-lg    { margin: 3.75rem; }
.mt15-lg   { margin-top: 3.75rem; }
.mb15-lg   { margin-bottom: 3.75rem; }
.ml15-lg   { margin-left: 3.75rem; }
.mr15-lg   { margin-right: 3.75rem; }
.mx15-lg   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15-lg   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15-lg    { gap: 3.75rem; }

.p16-lg    { padding: 4rem; }
.pt16-lg   { padding-top: 4rem; }
.pb16-lg   { padding-bottom: 4rem; }
.pl16-lg   { padding-left: 4rem; }
.pr16-lg   { padding-right: 4rem; }
.px16-lg   { padding-right: 4rem; padding-left: 4rem; }
.py16-lg   { padding-top: 4rem; padding-bottom: 4rem; }
.m16-lg    { margin: 4rem; }
.mt16-lg   { margin-top: 4rem; }
.mb16-lg   { margin-bottom: 4rem; }
.ml16-lg   { margin-left: 4rem; }
.mr16-lg   { margin-right: 4rem; }
.mx16-lg   { margin-right: 4rem; margin-left: 4rem; }
.my16-lg   { margin-top: 4rem; margin-bottom: 4rem; }
.g16-lg    { gap: 4rem; }

.p17-lg    { padding: 4.25rem; }
.pt17-lg   { padding-top: 4.25rem; }
.pb17-lg   { padding-bottom: 4.25rem; }
.pl17-lg   { padding-left: 4.25rem; }
.pr17-lg   { padding-right: 4.25rem; }
.px17-lg   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17-lg   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17-lg    { margin: 4.25rem; }
.mt17-lg   { margin-top: 4.25rem; }
.mb17-lg   { margin-bottom: 4.25rem; }
.ml17-lg   { margin-left: 4.25rem; }
.mr17-lg   { margin-right: 4.25rem; }
.mx17-lg   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17-lg   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17-lg    { gap: 4.25rem; }

.p18-lg    { padding: 4.5rem; }
.pt18-lg   { padding-top: 4.5rem; }
.pb18-lg   { padding-bottom: 4.5rem; }
.pl18-lg   { padding-left: 4.5rem; }
.pr18-lg   { padding-right: 4.5rem; }
.px18-lg   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18-lg   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18-lg    { margin: 4.5rem; }
.mt18-lg   { margin-top: 4.5rem; }
.mb18-lg   { margin-bottom: 4.5rem; }
.ml18-lg   { margin-left: 4.5rem; }
.mr18-lg   { margin-right: 4.5rem; }
.mx18-lg   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18-lg   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18-lg    { gap: 4.5rem; }

.p19-lg    { padding: 4.75rem; }
.pt19-lg   { padding-top: 4.75rem; }
.pb19-lg   { padding-bottom: 4.75rem; }
.pl19-lg   { padding-left: 4.75rem; }
.pr19-lg   { padding-right: 4.75rem; }
.px19-lg   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19-lg   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19-lg    { margin: 4.75rem; }
.mt19-lg   { margin-top: 4.75rem; }
.mb19-lg   { margin-bottom: 4.75rem; }
.ml19-lg   { margin-left: 4.75rem; }
.mr19-lg   { margin-right: 4.75rem; }
.mx19-lg   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19-lg   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19-lg    { gap: 4.75rem; }

.p20-lg    { padding: 5rem; }
.pt20-lg   { padding-top: 5rem; }
.pb20-lg   { padding-bottom: 5rem; }
.pl20-lg   { padding-left: 5rem; }
.pr20-lg   { padding-right: 5rem; }
.px20-lg   { padding-right: 5rem; padding-left: 5rem; }
.py20-lg   { padding-top: 5rem; padding-bottom: 5rem; }
.m20-lg    { margin: 5rem; }
.mt20-lg   { margin-top: 5rem; }
.mb20-lg   { margin-bottom: 5rem; }
.ml20-lg   { margin-left: 5rem; }
.mr20-lg   { margin-right: 5rem; }
.mx20-lg   { margin-right: 5rem; margin-left: 5rem; }
.my20-lg   { margin-top: 5rem; margin-bottom: 5rem; }
.g20-lg    { gap: 5rem; }

.p21-lg    { padding: 5.25rem; }
.pt21-lg   { padding-top: 5.25rem; }
.pb21-lg   { padding-bottom: 5.25rem; }
.pl21-lg   { padding-left: 5.25rem; }
.pr21-lg   { padding-right: 5.25rem; }
.px21-lg   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21-lg   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21-lg    { margin: 5.25rem; }
.mt21-lg   { margin-top: 5.25rem; }
.mb21-lg   { margin-bottom: 5.25rem; }
.ml21-lg   { margin-left: 5.25rem; }
.mr21-lg   { margin-right: 5.25rem; }
.mx21-lg   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21-lg   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21-lg    { gap: 5.25rem; }

.p22-lg    { padding: 5.5rem; }
.pt22-lg   { padding-top: 5.5rem; }
.pb22-lg   { padding-bottom: 5.5rem; }
.pl22-lg   { padding-left: 5.5rem; }
.pr22-lg   { padding-right: 5.5rem; }
.px22-lg   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22-lg   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22-lg    { margin: 5.5rem; }
.mt22-lg   { margin-top: 5.5rem; }
.mb22-lg   { margin-bottom: 5.5rem; }
.ml22-lg   { margin-left: 5.5rem; }
.mr22-lg   { margin-right: 5.5rem; }
.mx22-lg   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22-lg   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22-lg    { gap: 5.5rem; }

.p23-lg    { padding: 5.75rem; }
.pt23-lg   { padding-top: 5.75rem; }
.pb23-lg   { padding-bottom: 5.75rem; }
.pl23-lg   { padding-left: 5.75rem; }
.pr23-lg   { padding-right: 5.75rem; }
.px23-lg   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23-lg   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23-lg    { margin: 5.75rem; }
.mt23-lg   { margin-top: 5.75rem; }
.mb23-lg   { margin-bottom: 5.75rem; }
.ml23-lg   { margin-left: 5.75rem; }
.mr23-lg   { margin-right: 5.75rem; }
.mx23-lg   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23-lg   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23-lg    { gap: 5.75rem; }

.p24-lg    { padding: 6rem; }
.pt24-lg   { padding-top: 6rem; }
.pb24-lg   { padding-bottom: 6rem; }
.pl24-lg   { padding-left: 6rem; }
.pr24-lg   { padding-right: 6rem; }
.px24-lg   { padding-right: 6rem; padding-left: 6rem; }
.py24-lg   { padding-top: 6rem; padding-bottom: 6rem; }
.m24-lg    { margin: 6rem; }
.mt24-lg   { margin-top: 6rem; }
.mb24-lg   { margin-bottom: 6rem; }
.ml24-lg   { margin-left: 6rem; }
.mr24-lg   { margin-right: 6rem; }
.mx24-lg   { margin-right: 6rem; margin-left: 6rem; }
.my24-lg   { margin-top: 6rem; margin-bottom: 6rem; }
.g24-lg    { gap: 6rem; }

}

@media (min-width: 1200px) {
.p0-xl    { padding: 0rem; }
.pt0-xl   { padding-top: 0rem; }
.pb0-xl   { padding-bottom: 0rem; }
.pl0-xl   { padding-left: 0rem; }
.pr0-xl   { padding-right: 0rem; }
.px0-xl   { padding-right: 0rem; padding-left: 0rem; }
.py0-xl   { padding-top: 0rem; padding-bottom: 0rem; }
.m0-xl    { margin: 0rem; }
.mt0-xl   { margin-top: 0rem; }
.mb0-xl   { margin-bottom: 0rem; }
.ml0-xl   { margin-left: 0rem; }
.mr0-xl   { margin-right: 0rem; }
.mx0-xl   { margin-right: 0rem; margin-left: 0rem; }
.my0-xl   { margin-top: 0rem; margin-bottom: 0rem; }
.g0-xl    { gap: 0rem; }

.p1-xl    { padding: 0.25rem; }
.pt1-xl   { padding-top: 0.25rem; }
.pb1-xl   { padding-bottom: 0.25rem; }
.pl1-xl   { padding-left: 0.25rem; }
.pr1-xl   { padding-right: 0.25rem; }
.px1-xl   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1-xl   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1-xl    { margin: 0.25rem; }
.mt1-xl   { margin-top: 0.25rem; }
.mb1-xl   { margin-bottom: 0.25rem; }
.ml1-xl   { margin-left: 0.25rem; }
.mr1-xl   { margin-right: 0.25rem; }
.mx1-xl   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1-xl   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1-xl    { gap: 0.25rem; }

.p2-xl    { padding: 0.5rem; }
.pt2-xl   { padding-top: 0.5rem; }
.pb2-xl   { padding-bottom: 0.5rem; }
.pl2-xl   { padding-left: 0.5rem; }
.pr2-xl   { padding-right: 0.5rem; }
.px2-xl   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2-xl   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2-xl    { margin: 0.5rem; }
.mt2-xl   { margin-top: 0.5rem; }
.mb2-xl   { margin-bottom: 0.5rem; }
.ml2-xl   { margin-left: 0.5rem; }
.mr2-xl   { margin-right: 0.5rem; }
.mx2-xl   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2-xl   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2-xl    { gap: 0.5rem; }

.p3-xl    { padding: 0.75rem; }
.pt3-xl   { padding-top: 0.75rem; }
.pb3-xl   { padding-bottom: 0.75rem; }
.pl3-xl   { padding-left: 0.75rem; }
.pr3-xl   { padding-right: 0.75rem; }
.px3-xl   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3-xl   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3-xl    { margin: 0.75rem; }
.mt3-xl   { margin-top: 0.75rem; }
.mb3-xl   { margin-bottom: 0.75rem; }
.ml3-xl   { margin-left: 0.75rem; }
.mr3-xl   { margin-right: 0.75rem; }
.mx3-xl   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3-xl   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3-xl    { gap: 0.75rem; }

.p4-xl    { padding: 1rem; }
.pt4-xl   { padding-top: 1rem; }
.pb4-xl   { padding-bottom: 1rem; }
.pl4-xl   { padding-left: 1rem; }
.pr4-xl   { padding-right: 1rem; }
.px4-xl   { padding-right: 1rem; padding-left: 1rem; }
.py4-xl   { padding-top: 1rem; padding-bottom: 1rem; }
.m4-xl    { margin: 1rem; }
.mt4-xl   { margin-top: 1rem; }
.mb4-xl   { margin-bottom: 1rem; }
.ml4-xl   { margin-left: 1rem; }
.mr4-xl   { margin-right: 1rem; }
.mx4-xl   { margin-right: 1rem; margin-left: 1rem; }
.my4-xl   { margin-top: 1rem; margin-bottom: 1rem; }
.g4-xl    { gap: 1rem; }

.p5-xl    { padding: 1.25rem; }
.pt5-xl   { padding-top: 1.25rem; }
.pb5-xl   { padding-bottom: 1.25rem; }
.pl5-xl   { padding-left: 1.25rem; }
.pr5-xl   { padding-right: 1.25rem; }
.px5-xl   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5-xl   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5-xl    { margin: 1.25rem; }
.mt5-xl   { margin-top: 1.25rem; }
.mb5-xl   { margin-bottom: 1.25rem; }
.ml5-xl   { margin-left: 1.25rem; }
.mr5-xl   { margin-right: 1.25rem; }
.mx5-xl   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5-xl   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5-xl    { gap: 1.25rem; }

.p6-xl    { padding: 1.5rem; }
.pt6-xl   { padding-top: 1.5rem; }
.pb6-xl   { padding-bottom: 1.5rem; }
.pl6-xl   { padding-left: 1.5rem; }
.pr6-xl   { padding-right: 1.5rem; }
.px6-xl   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6-xl   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6-xl    { margin: 1.5rem; }
.mt6-xl   { margin-top: 1.5rem; }
.mb6-xl   { margin-bottom: 1.5rem; }
.ml6-xl   { margin-left: 1.5rem; }
.mr6-xl   { margin-right: 1.5rem; }
.mx6-xl   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6-xl   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6-xl    { gap: 1.5rem; }

.p7-xl    { padding: 1.75rem; }
.pt7-xl   { padding-top: 1.75rem; }
.pb7-xl   { padding-bottom: 1.75rem; }
.pl7-xl   { padding-left: 1.75rem; }
.pr7-xl   { padding-right: 1.75rem; }
.px7-xl   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7-xl   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7-xl    { margin: 1.75rem; }
.mt7-xl   { margin-top: 1.75rem; }
.mb7-xl   { margin-bottom: 1.75rem; }
.ml7-xl   { margin-left: 1.75rem; }
.mr7-xl   { margin-right: 1.75rem; }
.mx7-xl   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7-xl   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7-xl    { gap: 1.75rem; }

.p8-xl    { padding: 2rem; }
.pt8-xl   { padding-top: 2rem; }
.pb8-xl   { padding-bottom: 2rem; }
.pl8-xl   { padding-left: 2rem; }
.pr8-xl   { padding-right: 2rem; }
.px8-xl   { padding-right: 2rem; padding-left: 2rem; }
.py8-xl   { padding-top: 2rem; padding-bottom: 2rem; }
.m8-xl    { margin: 2rem; }
.mt8-xl   { margin-top: 2rem; }
.mb8-xl   { margin-bottom: 2rem; }
.ml8-xl   { margin-left: 2rem; }
.mr8-xl   { margin-right: 2rem; }
.mx8-xl   { margin-right: 2rem; margin-left: 2rem; }
.my8-xl   { margin-top: 2rem; margin-bottom: 2rem; }
.g8-xl    { gap: 2rem; }

.p9-xl    { padding: 2.25rem; }
.pt9-xl   { padding-top: 2.25rem; }
.pb9-xl   { padding-bottom: 2.25rem; }
.pl9-xl   { padding-left: 2.25rem; }
.pr9-xl   { padding-right: 2.25rem; }
.px9-xl   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9-xl   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9-xl    { margin: 2.25rem; }
.mt9-xl   { margin-top: 2.25rem; }
.mb9-xl   { margin-bottom: 2.25rem; }
.ml9-xl   { margin-left: 2.25rem; }
.mr9-xl   { margin-right: 2.25rem; }
.mx9-xl   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9-xl   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9-xl    { gap: 2.25rem; }

.p10-xl    { padding: 2.5rem; }
.pt10-xl   { padding-top: 2.5rem; }
.pb10-xl   { padding-bottom: 2.5rem; }
.pl10-xl   { padding-left: 2.5rem; }
.pr10-xl   { padding-right: 2.5rem; }
.px10-xl   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10-xl   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10-xl    { margin: 2.5rem; }
.mt10-xl   { margin-top: 2.5rem; }
.mb10-xl   { margin-bottom: 2.5rem; }
.ml10-xl   { margin-left: 2.5rem; }
.mr10-xl   { margin-right: 2.5rem; }
.mx10-xl   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10-xl   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10-xl    { gap: 2.5rem; }

.p11-xl    { padding: 2.75rem; }
.pt11-xl   { padding-top: 2.75rem; }
.pb11-xl   { padding-bottom: 2.75rem; }
.pl11-xl   { padding-left: 2.75rem; }
.pr11-xl   { padding-right: 2.75rem; }
.px11-xl   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11-xl   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11-xl    { margin: 2.75rem; }
.mt11-xl   { margin-top: 2.75rem; }
.mb11-xl   { margin-bottom: 2.75rem; }
.ml11-xl   { margin-left: 2.75rem; }
.mr11-xl   { margin-right: 2.75rem; }
.mx11-xl   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11-xl   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11-xl    { gap: 2.75rem; }

.p12-xl    { padding: 3rem; }
.pt12-xl   { padding-top: 3rem; }
.pb12-xl   { padding-bottom: 3rem; }
.pl12-xl   { padding-left: 3rem; }
.pr12-xl   { padding-right: 3rem; }
.px12-xl   { padding-right: 3rem; padding-left: 3rem; }
.py12-xl   { padding-top: 3rem; padding-bottom: 3rem; }
.m12-xl    { margin: 3rem; }
.mt12-xl   { margin-top: 3rem; }
.mb12-xl   { margin-bottom: 3rem; }
.ml12-xl   { margin-left: 3rem; }
.mr12-xl   { margin-right: 3rem; }
.mx12-xl   { margin-right: 3rem; margin-left: 3rem; }
.my12-xl   { margin-top: 3rem; margin-bottom: 3rem; }
.g12-xl    { gap: 3rem; }

.p13-xl    { padding: 3.25rem; }
.pt13-xl   { padding-top: 3.25rem; }
.pb13-xl   { padding-bottom: 3.25rem; }
.pl13-xl   { padding-left: 3.25rem; }
.pr13-xl   { padding-right: 3.25rem; }
.px13-xl   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13-xl   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13-xl    { margin: 3.25rem; }
.mt13-xl   { margin-top: 3.25rem; }
.mb13-xl   { margin-bottom: 3.25rem; }
.ml13-xl   { margin-left: 3.25rem; }
.mr13-xl   { margin-right: 3.25rem; }
.mx13-xl   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13-xl   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13-xl    { gap: 3.25rem; }

.p14-xl    { padding: 3.5rem; }
.pt14-xl   { padding-top: 3.5rem; }
.pb14-xl   { padding-bottom: 3.5rem; }
.pl14-xl   { padding-left: 3.5rem; }
.pr14-xl   { padding-right: 3.5rem; }
.px14-xl   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14-xl   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14-xl    { margin: 3.5rem; }
.mt14-xl   { margin-top: 3.5rem; }
.mb14-xl   { margin-bottom: 3.5rem; }
.ml14-xl   { margin-left: 3.5rem; }
.mr14-xl   { margin-right: 3.5rem; }
.mx14-xl   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14-xl   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14-xl    { gap: 3.5rem; }

.p15-xl    { padding: 3.75rem; }
.pt15-xl   { padding-top: 3.75rem; }
.pb15-xl   { padding-bottom: 3.75rem; }
.pl15-xl   { padding-left: 3.75rem; }
.pr15-xl   { padding-right: 3.75rem; }
.px15-xl   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15-xl   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15-xl    { margin: 3.75rem; }
.mt15-xl   { margin-top: 3.75rem; }
.mb15-xl   { margin-bottom: 3.75rem; }
.ml15-xl   { margin-left: 3.75rem; }
.mr15-xl   { margin-right: 3.75rem; }
.mx15-xl   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15-xl   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15-xl    { gap: 3.75rem; }

.p16-xl    { padding: 4rem; }
.pt16-xl   { padding-top: 4rem; }
.pb16-xl   { padding-bottom: 4rem; }
.pl16-xl   { padding-left: 4rem; }
.pr16-xl   { padding-right: 4rem; }
.px16-xl   { padding-right: 4rem; padding-left: 4rem; }
.py16-xl   { padding-top: 4rem; padding-bottom: 4rem; }
.m16-xl    { margin: 4rem; }
.mt16-xl   { margin-top: 4rem; }
.mb16-xl   { margin-bottom: 4rem; }
.ml16-xl   { margin-left: 4rem; }
.mr16-xl   { margin-right: 4rem; }
.mx16-xl   { margin-right: 4rem; margin-left: 4rem; }
.my16-xl   { margin-top: 4rem; margin-bottom: 4rem; }
.g16-xl    { gap: 4rem; }

.p17-xl    { padding: 4.25rem; }
.pt17-xl   { padding-top: 4.25rem; }
.pb17-xl   { padding-bottom: 4.25rem; }
.pl17-xl   { padding-left: 4.25rem; }
.pr17-xl   { padding-right: 4.25rem; }
.px17-xl   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17-xl   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17-xl    { margin: 4.25rem; }
.mt17-xl   { margin-top: 4.25rem; }
.mb17-xl   { margin-bottom: 4.25rem; }
.ml17-xl   { margin-left: 4.25rem; }
.mr17-xl   { margin-right: 4.25rem; }
.mx17-xl   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17-xl   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17-xl    { gap: 4.25rem; }

.p18-xl    { padding: 4.5rem; }
.pt18-xl   { padding-top: 4.5rem; }
.pb18-xl   { padding-bottom: 4.5rem; }
.pl18-xl   { padding-left: 4.5rem; }
.pr18-xl   { padding-right: 4.5rem; }
.px18-xl   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18-xl   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18-xl    { margin: 4.5rem; }
.mt18-xl   { margin-top: 4.5rem; }
.mb18-xl   { margin-bottom: 4.5rem; }
.ml18-xl   { margin-left: 4.5rem; }
.mr18-xl   { margin-right: 4.5rem; }
.mx18-xl   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18-xl   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18-xl    { gap: 4.5rem; }

.p19-xl    { padding: 4.75rem; }
.pt19-xl   { padding-top: 4.75rem; }
.pb19-xl   { padding-bottom: 4.75rem; }
.pl19-xl   { padding-left: 4.75rem; }
.pr19-xl   { padding-right: 4.75rem; }
.px19-xl   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19-xl   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19-xl    { margin: 4.75rem; }
.mt19-xl   { margin-top: 4.75rem; }
.mb19-xl   { margin-bottom: 4.75rem; }
.ml19-xl   { margin-left: 4.75rem; }
.mr19-xl   { margin-right: 4.75rem; }
.mx19-xl   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19-xl   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19-xl    { gap: 4.75rem; }

.p20-xl    { padding: 5rem; }
.pt20-xl   { padding-top: 5rem; }
.pb20-xl   { padding-bottom: 5rem; }
.pl20-xl   { padding-left: 5rem; }
.pr20-xl   { padding-right: 5rem; }
.px20-xl   { padding-right: 5rem; padding-left: 5rem; }
.py20-xl   { padding-top: 5rem; padding-bottom: 5rem; }
.m20-xl    { margin: 5rem; }
.mt20-xl   { margin-top: 5rem; }
.mb20-xl   { margin-bottom: 5rem; }
.ml20-xl   { margin-left: 5rem; }
.mr20-xl   { margin-right: 5rem; }
.mx20-xl   { margin-right: 5rem; margin-left: 5rem; }
.my20-xl   { margin-top: 5rem; margin-bottom: 5rem; }
.g20-xl    { gap: 5rem; }

.p21-xl    { padding: 5.25rem; }
.pt21-xl   { padding-top: 5.25rem; }
.pb21-xl   { padding-bottom: 5.25rem; }
.pl21-xl   { padding-left: 5.25rem; }
.pr21-xl   { padding-right: 5.25rem; }
.px21-xl   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21-xl   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21-xl    { margin: 5.25rem; }
.mt21-xl   { margin-top: 5.25rem; }
.mb21-xl   { margin-bottom: 5.25rem; }
.ml21-xl   { margin-left: 5.25rem; }
.mr21-xl   { margin-right: 5.25rem; }
.mx21-xl   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21-xl   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21-xl    { gap: 5.25rem; }

.p22-xl    { padding: 5.5rem; }
.pt22-xl   { padding-top: 5.5rem; }
.pb22-xl   { padding-bottom: 5.5rem; }
.pl22-xl   { padding-left: 5.5rem; }
.pr22-xl   { padding-right: 5.5rem; }
.px22-xl   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22-xl   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22-xl    { margin: 5.5rem; }
.mt22-xl   { margin-top: 5.5rem; }
.mb22-xl   { margin-bottom: 5.5rem; }
.ml22-xl   { margin-left: 5.5rem; }
.mr22-xl   { margin-right: 5.5rem; }
.mx22-xl   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22-xl   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22-xl    { gap: 5.5rem; }

.p23-xl    { padding: 5.75rem; }
.pt23-xl   { padding-top: 5.75rem; }
.pb23-xl   { padding-bottom: 5.75rem; }
.pl23-xl   { padding-left: 5.75rem; }
.pr23-xl   { padding-right: 5.75rem; }
.px23-xl   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23-xl   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23-xl    { margin: 5.75rem; }
.mt23-xl   { margin-top: 5.75rem; }
.mb23-xl   { margin-bottom: 5.75rem; }
.ml23-xl   { margin-left: 5.75rem; }
.mr23-xl   { margin-right: 5.75rem; }
.mx23-xl   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23-xl   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23-xl    { gap: 5.75rem; }

.p24-xl    { padding: 6rem; }
.pt24-xl   { padding-top: 6rem; }
.pb24-xl   { padding-bottom: 6rem; }
.pl24-xl   { padding-left: 6rem; }
.pr24-xl   { padding-right: 6rem; }
.px24-xl   { padding-right: 6rem; padding-left: 6rem; }
.py24-xl   { padding-top: 6rem; padding-bottom: 6rem; }
.m24-xl    { margin: 6rem; }
.mt24-xl   { margin-top: 6rem; }
.mb24-xl   { margin-bottom: 6rem; }
.ml24-xl   { margin-left: 6rem; }
.mr24-xl   { margin-right: 6rem; }
.mx24-xl   { margin-right: 6rem; margin-left: 6rem; }
.my24-xl   { margin-top: 6rem; margin-bottom: 6rem; }
.g24-xl    { gap: 6rem; }

}

@media (min-width: 1400px) {
.p0-xx    { padding: 0rem; }
.pt0-xx   { padding-top: 0rem; }
.pb0-xx   { padding-bottom: 0rem; }
.pl0-xx   { padding-left: 0rem; }
.pr0-xx   { padding-right: 0rem; }
.px0-xx   { padding-right: 0rem; padding-left: 0rem; }
.py0-xx   { padding-top: 0rem; padding-bottom: 0rem; }
.m0-xx    { margin: 0rem; }
.mt0-xx   { margin-top: 0rem; }
.mb0-xx   { margin-bottom: 0rem; }
.ml0-xx   { margin-left: 0rem; }
.mr0-xx   { margin-right: 0rem; }
.mx0-xx   { margin-right: 0rem; margin-left: 0rem; }
.my0-xx   { margin-top: 0rem; margin-bottom: 0rem; }
.g0-xx    { gap: 0rem; }

.p1-xx    { padding: 0.25rem; }
.pt1-xx   { padding-top: 0.25rem; }
.pb1-xx   { padding-bottom: 0.25rem; }
.pl1-xx   { padding-left: 0.25rem; }
.pr1-xx   { padding-right: 0.25rem; }
.px1-xx   { padding-right: 0.25rem; padding-left: 0.25rem; }
.py1-xx   { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.m1-xx    { margin: 0.25rem; }
.mt1-xx   { margin-top: 0.25rem; }
.mb1-xx   { margin-bottom: 0.25rem; }
.ml1-xx   { margin-left: 0.25rem; }
.mr1-xx   { margin-right: 0.25rem; }
.mx1-xx   { margin-right: 0.25rem; margin-left: 0.25rem; }
.my1-xx   { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.g1-xx    { gap: 0.25rem; }

.p2-xx    { padding: 0.5rem; }
.pt2-xx   { padding-top: 0.5rem; }
.pb2-xx   { padding-bottom: 0.5rem; }
.pl2-xx   { padding-left: 0.5rem; }
.pr2-xx   { padding-right: 0.5rem; }
.px2-xx   { padding-right: 0.5rem; padding-left: 0.5rem; }
.py2-xx   { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.m2-xx    { margin: 0.5rem; }
.mt2-xx   { margin-top: 0.5rem; }
.mb2-xx   { margin-bottom: 0.5rem; }
.ml2-xx   { margin-left: 0.5rem; }
.mr2-xx   { margin-right: 0.5rem; }
.mx2-xx   { margin-right: 0.5rem; margin-left: 0.5rem; }
.my2-xx   { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.g2-xx    { gap: 0.5rem; }

.p3-xx    { padding: 0.75rem; }
.pt3-xx   { padding-top: 0.75rem; }
.pb3-xx   { padding-bottom: 0.75rem; }
.pl3-xx   { padding-left: 0.75rem; }
.pr3-xx   { padding-right: 0.75rem; }
.px3-xx   { padding-right: 0.75rem; padding-left: 0.75rem; }
.py3-xx   { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.m3-xx    { margin: 0.75rem; }
.mt3-xx   { margin-top: 0.75rem; }
.mb3-xx   { margin-bottom: 0.75rem; }
.ml3-xx   { margin-left: 0.75rem; }
.mr3-xx   { margin-right: 0.75rem; }
.mx3-xx   { margin-right: 0.75rem; margin-left: 0.75rem; }
.my3-xx   { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.g3-xx    { gap: 0.75rem; }

.p4-xx    { padding: 1rem; }
.pt4-xx   { padding-top: 1rem; }
.pb4-xx   { padding-bottom: 1rem; }
.pl4-xx   { padding-left: 1rem; }
.pr4-xx   { padding-right: 1rem; }
.px4-xx   { padding-right: 1rem; padding-left: 1rem; }
.py4-xx   { padding-top: 1rem; padding-bottom: 1rem; }
.m4-xx    { margin: 1rem; }
.mt4-xx   { margin-top: 1rem; }
.mb4-xx   { margin-bottom: 1rem; }
.ml4-xx   { margin-left: 1rem; }
.mr4-xx   { margin-right: 1rem; }
.mx4-xx   { margin-right: 1rem; margin-left: 1rem; }
.my4-xx   { margin-top: 1rem; margin-bottom: 1rem; }
.g4-xx    { gap: 1rem; }

.p5-xx    { padding: 1.25rem; }
.pt5-xx   { padding-top: 1.25rem; }
.pb5-xx   { padding-bottom: 1.25rem; }
.pl5-xx   { padding-left: 1.25rem; }
.pr5-xx   { padding-right: 1.25rem; }
.px5-xx   { padding-right: 1.25rem; padding-left: 1.25rem; }
.py5-xx   { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.m5-xx    { margin: 1.25rem; }
.mt5-xx   { margin-top: 1.25rem; }
.mb5-xx   { margin-bottom: 1.25rem; }
.ml5-xx   { margin-left: 1.25rem; }
.mr5-xx   { margin-right: 1.25rem; }
.mx5-xx   { margin-right: 1.25rem; margin-left: 1.25rem; }
.my5-xx   { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.g5-xx    { gap: 1.25rem; }

.p6-xx    { padding: 1.5rem; }
.pt6-xx   { padding-top: 1.5rem; }
.pb6-xx   { padding-bottom: 1.5rem; }
.pl6-xx   { padding-left: 1.5rem; }
.pr6-xx   { padding-right: 1.5rem; }
.px6-xx   { padding-right: 1.5rem; padding-left: 1.5rem; }
.py6-xx   { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.m6-xx    { margin: 1.5rem; }
.mt6-xx   { margin-top: 1.5rem; }
.mb6-xx   { margin-bottom: 1.5rem; }
.ml6-xx   { margin-left: 1.5rem; }
.mr6-xx   { margin-right: 1.5rem; }
.mx6-xx   { margin-right: 1.5rem; margin-left: 1.5rem; }
.my6-xx   { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.g6-xx    { gap: 1.5rem; }

.p7-xx    { padding: 1.75rem; }
.pt7-xx   { padding-top: 1.75rem; }
.pb7-xx   { padding-bottom: 1.75rem; }
.pl7-xx   { padding-left: 1.75rem; }
.pr7-xx   { padding-right: 1.75rem; }
.px7-xx   { padding-right: 1.75rem; padding-left: 1.75rem; }
.py7-xx   { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.m7-xx    { margin: 1.75rem; }
.mt7-xx   { margin-top: 1.75rem; }
.mb7-xx   { margin-bottom: 1.75rem; }
.ml7-xx   { margin-left: 1.75rem; }
.mr7-xx   { margin-right: 1.75rem; }
.mx7-xx   { margin-right: 1.75rem; margin-left: 1.75rem; }
.my7-xx   { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.g7-xx    { gap: 1.75rem; }

.p8-xx    { padding: 2rem; }
.pt8-xx   { padding-top: 2rem; }
.pb8-xx   { padding-bottom: 2rem; }
.pl8-xx   { padding-left: 2rem; }
.pr8-xx   { padding-right: 2rem; }
.px8-xx   { padding-right: 2rem; padding-left: 2rem; }
.py8-xx   { padding-top: 2rem; padding-bottom: 2rem; }
.m8-xx    { margin: 2rem; }
.mt8-xx   { margin-top: 2rem; }
.mb8-xx   { margin-bottom: 2rem; }
.ml8-xx   { margin-left: 2rem; }
.mr8-xx   { margin-right: 2rem; }
.mx8-xx   { margin-right: 2rem; margin-left: 2rem; }
.my8-xx   { margin-top: 2rem; margin-bottom: 2rem; }
.g8-xx    { gap: 2rem; }

.p9-xx    { padding: 2.25rem; }
.pt9-xx   { padding-top: 2.25rem; }
.pb9-xx   { padding-bottom: 2.25rem; }
.pl9-xx   { padding-left: 2.25rem; }
.pr9-xx   { padding-right: 2.25rem; }
.px9-xx   { padding-right: 2.25rem; padding-left: 2.25rem; }
.py9-xx   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.m9-xx    { margin: 2.25rem; }
.mt9-xx   { margin-top: 2.25rem; }
.mb9-xx   { margin-bottom: 2.25rem; }
.ml9-xx   { margin-left: 2.25rem; }
.mr9-xx   { margin-right: 2.25rem; }
.mx9-xx   { margin-right: 2.25rem; margin-left: 2.25rem; }
.my9-xx   { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.g9-xx    { gap: 2.25rem; }

.p10-xx    { padding: 2.5rem; }
.pt10-xx   { padding-top: 2.5rem; }
.pb10-xx   { padding-bottom: 2.5rem; }
.pl10-xx   { padding-left: 2.5rem; }
.pr10-xx   { padding-right: 2.5rem; }
.px10-xx   { padding-right: 2.5rem; padding-left: 2.5rem; }
.py10-xx   { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m10-xx    { margin: 2.5rem; }
.mt10-xx   { margin-top: 2.5rem; }
.mb10-xx   { margin-bottom: 2.5rem; }
.ml10-xx   { margin-left: 2.5rem; }
.mr10-xx   { margin-right: 2.5rem; }
.mx10-xx   { margin-right: 2.5rem; margin-left: 2.5rem; }
.my10-xx   { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.g10-xx    { gap: 2.5rem; }

.p11-xx    { padding: 2.75rem; }
.pt11-xx   { padding-top: 2.75rem; }
.pb11-xx   { padding-bottom: 2.75rem; }
.pl11-xx   { padding-left: 2.75rem; }
.pr11-xx   { padding-right: 2.75rem; }
.px11-xx   { padding-right: 2.75rem; padding-left: 2.75rem; }
.py11-xx   { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.m11-xx    { margin: 2.75rem; }
.mt11-xx   { margin-top: 2.75rem; }
.mb11-xx   { margin-bottom: 2.75rem; }
.ml11-xx   { margin-left: 2.75rem; }
.mr11-xx   { margin-right: 2.75rem; }
.mx11-xx   { margin-right: 2.75rem; margin-left: 2.75rem; }
.my11-xx   { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.g11-xx    { gap: 2.75rem; }

.p12-xx    { padding: 3rem; }
.pt12-xx   { padding-top: 3rem; }
.pb12-xx   { padding-bottom: 3rem; }
.pl12-xx   { padding-left: 3rem; }
.pr12-xx   { padding-right: 3rem; }
.px12-xx   { padding-right: 3rem; padding-left: 3rem; }
.py12-xx   { padding-top: 3rem; padding-bottom: 3rem; }
.m12-xx    { margin: 3rem; }
.mt12-xx   { margin-top: 3rem; }
.mb12-xx   { margin-bottom: 3rem; }
.ml12-xx   { margin-left: 3rem; }
.mr12-xx   { margin-right: 3rem; }
.mx12-xx   { margin-right: 3rem; margin-left: 3rem; }
.my12-xx   { margin-top: 3rem; margin-bottom: 3rem; }
.g12-xx    { gap: 3rem; }

.p13-xx    { padding: 3.25rem; }
.pt13-xx   { padding-top: 3.25rem; }
.pb13-xx   { padding-bottom: 3.25rem; }
.pl13-xx   { padding-left: 3.25rem; }
.pr13-xx   { padding-right: 3.25rem; }
.px13-xx   { padding-right: 3.25rem; padding-left: 3.25rem; }
.py13-xx   { padding-top: 3.25rem; padding-bottom: 3.25rem; }
.m13-xx    { margin: 3.25rem; }
.mt13-xx   { margin-top: 3.25rem; }
.mb13-xx   { margin-bottom: 3.25rem; }
.ml13-xx   { margin-left: 3.25rem; }
.mr13-xx   { margin-right: 3.25rem; }
.mx13-xx   { margin-right: 3.25rem; margin-left: 3.25rem; }
.my13-xx   { margin-top: 3.25rem; margin-bottom: 3.25rem; }
.g13-xx    { gap: 3.25rem; }

.p14-xx    { padding: 3.5rem; }
.pt14-xx   { padding-top: 3.5rem; }
.pb14-xx   { padding-bottom: 3.5rem; }
.pl14-xx   { padding-left: 3.5rem; }
.pr14-xx   { padding-right: 3.5rem; }
.px14-xx   { padding-right: 3.5rem; padding-left: 3.5rem; }
.py14-xx   { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.m14-xx    { margin: 3.5rem; }
.mt14-xx   { margin-top: 3.5rem; }
.mb14-xx   { margin-bottom: 3.5rem; }
.ml14-xx   { margin-left: 3.5rem; }
.mr14-xx   { margin-right: 3.5rem; }
.mx14-xx   { margin-right: 3.5rem; margin-left: 3.5rem; }
.my14-xx   { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.g14-xx    { gap: 3.5rem; }

.p15-xx    { padding: 3.75rem; }
.pt15-xx   { padding-top: 3.75rem; }
.pb15-xx   { padding-bottom: 3.75rem; }
.pl15-xx   { padding-left: 3.75rem; }
.pr15-xx   { padding-right: 3.75rem; }
.px15-xx   { padding-right: 3.75rem; padding-left: 3.75rem; }
.py15-xx   { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.m15-xx    { margin: 3.75rem; }
.mt15-xx   { margin-top: 3.75rem; }
.mb15-xx   { margin-bottom: 3.75rem; }
.ml15-xx   { margin-left: 3.75rem; }
.mr15-xx   { margin-right: 3.75rem; }
.mx15-xx   { margin-right: 3.75rem; margin-left: 3.75rem; }
.my15-xx   { margin-top: 3.75rem; margin-bottom: 3.75rem; }
.g15-xx    { gap: 3.75rem; }

.p16-xx    { padding: 4rem; }
.pt16-xx   { padding-top: 4rem; }
.pb16-xx   { padding-bottom: 4rem; }
.pl16-xx   { padding-left: 4rem; }
.pr16-xx   { padding-right: 4rem; }
.px16-xx   { padding-right: 4rem; padding-left: 4rem; }
.py16-xx   { padding-top: 4rem; padding-bottom: 4rem; }
.m16-xx    { margin: 4rem; }
.mt16-xx   { margin-top: 4rem; }
.mb16-xx   { margin-bottom: 4rem; }
.ml16-xx   { margin-left: 4rem; }
.mr16-xx   { margin-right: 4rem; }
.mx16-xx   { margin-right: 4rem; margin-left: 4rem; }
.my16-xx   { margin-top: 4rem; margin-bottom: 4rem; }
.g16-xx    { gap: 4rem; }

.p17-xx    { padding: 4.25rem; }
.pt17-xx   { padding-top: 4.25rem; }
.pb17-xx   { padding-bottom: 4.25rem; }
.pl17-xx   { padding-left: 4.25rem; }
.pr17-xx   { padding-right: 4.25rem; }
.px17-xx   { padding-right: 4.25rem; padding-left: 4.25rem; }
.py17-xx   { padding-top: 4.25rem; padding-bottom: 4.25rem; }
.m17-xx    { margin: 4.25rem; }
.mt17-xx   { margin-top: 4.25rem; }
.mb17-xx   { margin-bottom: 4.25rem; }
.ml17-xx   { margin-left: 4.25rem; }
.mr17-xx   { margin-right: 4.25rem; }
.mx17-xx   { margin-right: 4.25rem; margin-left: 4.25rem; }
.my17-xx   { margin-top: 4.25rem; margin-bottom: 4.25rem; }
.g17-xx    { gap: 4.25rem; }

.p18-xx    { padding: 4.5rem; }
.pt18-xx   { padding-top: 4.5rem; }
.pb18-xx   { padding-bottom: 4.5rem; }
.pl18-xx   { padding-left: 4.5rem; }
.pr18-xx   { padding-right: 4.5rem; }
.px18-xx   { padding-right: 4.5rem; padding-left: 4.5rem; }
.py18-xx   { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.m18-xx    { margin: 4.5rem; }
.mt18-xx   { margin-top: 4.5rem; }
.mb18-xx   { margin-bottom: 4.5rem; }
.ml18-xx   { margin-left: 4.5rem; }
.mr18-xx   { margin-right: 4.5rem; }
.mx18-xx   { margin-right: 4.5rem; margin-left: 4.5rem; }
.my18-xx   { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.g18-xx    { gap: 4.5rem; }

.p19-xx    { padding: 4.75rem; }
.pt19-xx   { padding-top: 4.75rem; }
.pb19-xx   { padding-bottom: 4.75rem; }
.pl19-xx   { padding-left: 4.75rem; }
.pr19-xx   { padding-right: 4.75rem; }
.px19-xx   { padding-right: 4.75rem; padding-left: 4.75rem; }
.py19-xx   { padding-top: 4.75rem; padding-bottom: 4.75rem; }
.m19-xx    { margin: 4.75rem; }
.mt19-xx   { margin-top: 4.75rem; }
.mb19-xx   { margin-bottom: 4.75rem; }
.ml19-xx   { margin-left: 4.75rem; }
.mr19-xx   { margin-right: 4.75rem; }
.mx19-xx   { margin-right: 4.75rem; margin-left: 4.75rem; }
.my19-xx   { margin-top: 4.75rem; margin-bottom: 4.75rem; }
.g19-xx    { gap: 4.75rem; }

.p20-xx    { padding: 5rem; }
.pt20-xx   { padding-top: 5rem; }
.pb20-xx   { padding-bottom: 5rem; }
.pl20-xx   { padding-left: 5rem; }
.pr20-xx   { padding-right: 5rem; }
.px20-xx   { padding-right: 5rem; padding-left: 5rem; }
.py20-xx   { padding-top: 5rem; padding-bottom: 5rem; }
.m20-xx    { margin: 5rem; }
.mt20-xx   { margin-top: 5rem; }
.mb20-xx   { margin-bottom: 5rem; }
.ml20-xx   { margin-left: 5rem; }
.mr20-xx   { margin-right: 5rem; }
.mx20-xx   { margin-right: 5rem; margin-left: 5rem; }
.my20-xx   { margin-top: 5rem; margin-bottom: 5rem; }
.g20-xx    { gap: 5rem; }

.p21-xx    { padding: 5.25rem; }
.pt21-xx   { padding-top: 5.25rem; }
.pb21-xx   { padding-bottom: 5.25rem; }
.pl21-xx   { padding-left: 5.25rem; }
.pr21-xx   { padding-right: 5.25rem; }
.px21-xx   { padding-right: 5.25rem; padding-left: 5.25rem; }
.py21-xx   { padding-top: 5.25rem; padding-bottom: 5.25rem; }
.m21-xx    { margin: 5.25rem; }
.mt21-xx   { margin-top: 5.25rem; }
.mb21-xx   { margin-bottom: 5.25rem; }
.ml21-xx   { margin-left: 5.25rem; }
.mr21-xx   { margin-right: 5.25rem; }
.mx21-xx   { margin-right: 5.25rem; margin-left: 5.25rem; }
.my21-xx   { margin-top: 5.25rem; margin-bottom: 5.25rem; }
.g21-xx    { gap: 5.25rem; }

.p22-xx    { padding: 5.5rem; }
.pt22-xx   { padding-top: 5.5rem; }
.pb22-xx   { padding-bottom: 5.5rem; }
.pl22-xx   { padding-left: 5.5rem; }
.pr22-xx   { padding-right: 5.5rem; }
.px22-xx   { padding-right: 5.5rem; padding-left: 5.5rem; }
.py22-xx   { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.m22-xx    { margin: 5.5rem; }
.mt22-xx   { margin-top: 5.5rem; }
.mb22-xx   { margin-bottom: 5.5rem; }
.ml22-xx   { margin-left: 5.5rem; }
.mr22-xx   { margin-right: 5.5rem; }
.mx22-xx   { margin-right: 5.5rem; margin-left: 5.5rem; }
.my22-xx   { margin-top: 5.5rem; margin-bottom: 5.5rem; }
.g22-xx    { gap: 5.5rem; }

.p23-xx    { padding: 5.75rem; }
.pt23-xx   { padding-top: 5.75rem; }
.pb23-xx   { padding-bottom: 5.75rem; }
.pl23-xx   { padding-left: 5.75rem; }
.pr23-xx   { padding-right: 5.75rem; }
.px23-xx   { padding-right: 5.75rem; padding-left: 5.75rem; }
.py23-xx   { padding-top: 5.75rem; padding-bottom: 5.75rem; }
.m23-xx    { margin: 5.75rem; }
.mt23-xx   { margin-top: 5.75rem; }
.mb23-xx   { margin-bottom: 5.75rem; }
.ml23-xx   { margin-left: 5.75rem; }
.mr23-xx   { margin-right: 5.75rem; }
.mx23-xx   { margin-right: 5.75rem; margin-left: 5.75rem; }
.my23-xx   { margin-top: 5.75rem; margin-bottom: 5.75rem; }
.g23-xx    { gap: 5.75rem; }

.p24-xx    { padding: 6rem; }
.pt24-xx   { padding-top: 6rem; }
.pb24-xx   { padding-bottom: 6rem; }
.pl24-xx   { padding-left: 6rem; }
.pr24-xx   { padding-right: 6rem; }
.px24-xx   { padding-right: 6rem; padding-left: 6rem; }
.py24-xx   { padding-top: 6rem; padding-bottom: 6rem; }
.m24-xx    { margin: 6rem; }
.mt24-xx   { margin-top: 6rem; }
.mb24-xx   { margin-bottom: 6rem; }
.ml24-xx   { margin-left: 6rem; }
.mr24-xx   { margin-right: 6rem; }
.mx24-xx   { margin-right: 6rem; margin-left: 6rem; }
.my24-xx   { margin-top: 6rem; margin-bottom: 6rem; }
.g24-xx    { gap: 6rem; }

}


/* width and height */
.w5  { width: 5%; }
.h5  { height: 5%; }
.w10  { width: 10%; }
.h10  { height: 10%; }
.w15  { width: 15%; }
.h15  { height: 15%; }
.w20  { width: 20%; }
.h20  { height: 20%; }
.w25  { width: 25%; }
.h25  { height: 25%; }
.w30  { width: 30%; }
.h30  { height: 30%; }
.w35  { width: 35%; }
.h35  { height: 35%; }
.w40  { width: 40%; }
.h40  { height: 40%; }
.w45  { width: 45%; }
.h45  { height: 45%; }
.w50  { width: 50%; }
.h50  { height: 50%; }
.w55  { width: 55%; }
.h55  { height: 55%; }
.w60  { width: 60%; }
.h60  { height: 60%; }
.w65  { width: 65%; }
.h65  { height: 65%; }
.w70  { width: 70%; }
.h70  { height: 70%; }
.w75  { width: 75%; }
.h75  { height: 75%; }
.w80  { width: 80%; }
.h80  { height: 80%; }
.w85  { width: 85%; }
.h85  { height: 85%; }
.w90  { width: 90%; }
.h90  { height: 90%; }
.w95  { width: 95%; }
.h95  { height: 95%; }
.w100  { width: 100%; }
.h100  { height: 100%; }
.h100s      { height: 100vh; }
.w100s      { width: 100vw; }

.left           { float: left; }
.right          { float: right; }

.relative       { position: relative; }
.absolute       { position: absolute; }
.fixed          { position: fixed; }
.sticky         { position: sticky; }

/* Display properties, repeated in breakpoints loop */
.inline         { display: inline; }
.inline-block         { display: inline-block; }
.block          { display: block; }
.inline-block   { display: inline-block; }
.flex           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid           { display: grid; }
.none           { display: none; }
/* mancano table, tablecell, tablerow, inlineflex */

.overflow-hidden    { overflow: hidden; }
.overflow-x-hidden  { overflow-x: hidden; }
.overflow-y-hidden  { overflow-y: hidden; }
.overflow-auto    { overflow: auto; }
.overflow-x-auto  { overflow-x: auto; }
.overflow-y-auto  { overflow-y: auto; }
.object-cover       { object-fit: cover; }
.object-contain     { object-fit: contain; }
.object-top         { object-position: top; }
.object-center         { object-position: center; }
.object-left         { object-position: left; }
.object-right         { object-position: right; }
.object-bottom         { object-position: bottom; }

/* typography size */
/* ToDo: create in a loop. Not classes but h*. Numbers from array in cfg, like colors and default paddings. */
/* ToDo: add inline possibilities */
.f1    { font-size: 0.25rem; }
.f2    { font-size: 0.5rem; }
.f3    { font-size: 0.75rem; }
.f4    { font-size: 1rem; }
.f5    { font-size: 1.25rem; }
.f6    { font-size: 1.5rem; }
.f7    { font-size: 1.75rem; }
.f8    { font-size: 2rem; }
.f9    { font-size: 2.25rem; }
.f10    { font-size: 2.5rem; }
.f11    { font-size: 2.75rem; }
.f12    { font-size: 3rem; }
.f13    { font-size: 3.25rem; }
.f14    { font-size: 3.5rem; }
.f15    { font-size: 3.75rem; }
.f16    { font-size: 4rem; }

@media (min-width: 576px) {
.f1-sm    { font-size: 0.25rem; }
.f2-sm    { font-size: 0.5rem; }
.f3-sm    { font-size: 0.75rem; }
.f4-sm    { font-size: 1rem; }
.f5-sm    { font-size: 1.25rem; }
.f6-sm    { font-size: 1.5rem; }
.f7-sm    { font-size: 1.75rem; }
.f8-sm    { font-size: 2rem; }
.f9-sm    { font-size: 2.25rem; }
.f10-sm    { font-size: 2.5rem; }
.f11-sm    { font-size: 2.75rem; }
.f12-sm    { font-size: 3rem; }
.f13-sm    { font-size: 3.25rem; }
.f14-sm    { font-size: 3.5rem; }
.f15-sm    { font-size: 3.75rem; }
.f16-sm    { font-size: 4rem; }
}
@media (min-width: 768px) {
.f1-md    { font-size: 0.25rem; }
.f2-md    { font-size: 0.5rem; }
.f3-md    { font-size: 0.75rem; }
.f4-md    { font-size: 1rem; }
.f5-md    { font-size: 1.25rem; }
.f6-md    { font-size: 1.5rem; }
.f7-md    { font-size: 1.75rem; }
.f8-md    { font-size: 2rem; }
.f9-md    { font-size: 2.25rem; }
.f10-md    { font-size: 2.5rem; }
.f11-md    { font-size: 2.75rem; }
.f12-md    { font-size: 3rem; }
.f13-md    { font-size: 3.25rem; }
.f14-md    { font-size: 3.5rem; }
.f15-md    { font-size: 3.75rem; }
.f16-md    { font-size: 4rem; }
}
@media (min-width: 992px) {
.f1-lg    { font-size: 0.25rem; }
.f2-lg    { font-size: 0.5rem; }
.f3-lg    { font-size: 0.75rem; }
.f4-lg    { font-size: 1rem; }
.f5-lg    { font-size: 1.25rem; }
.f6-lg    { font-size: 1.5rem; }
.f7-lg    { font-size: 1.75rem; }
.f8-lg    { font-size: 2rem; }
.f9-lg    { font-size: 2.25rem; }
.f10-lg    { font-size: 2.5rem; }
.f11-lg    { font-size: 2.75rem; }
.f12-lg    { font-size: 3rem; }
.f13-lg    { font-size: 3.25rem; }
.f14-lg    { font-size: 3.5rem; }
.f15-lg    { font-size: 3.75rem; }
.f16-lg    { font-size: 4rem; }
}
@media (min-width: 1200px) {
.f1-xl    { font-size: 0.25rem; }
.f2-xl    { font-size: 0.5rem; }
.f3-xl    { font-size: 0.75rem; }
.f4-xl    { font-size: 1rem; }
.f5-xl    { font-size: 1.25rem; }
.f6-xl    { font-size: 1.5rem; }
.f7-xl    { font-size: 1.75rem; }
.f8-xl    { font-size: 2rem; }
.f9-xl    { font-size: 2.25rem; }
.f10-xl    { font-size: 2.5rem; }
.f11-xl    { font-size: 2.75rem; }
.f12-xl    { font-size: 3rem; }
.f13-xl    { font-size: 3.25rem; }
.f14-xl    { font-size: 3.5rem; }
.f15-xl    { font-size: 3.75rem; }
.f16-xl    { font-size: 4rem; }
}
@media (min-width: 1400px) {
.f1-xx    { font-size: 0.25rem; }
.f2-xx    { font-size: 0.5rem; }
.f3-xx    { font-size: 0.75rem; }
.f4-xx    { font-size: 1rem; }
.f5-xx    { font-size: 1.25rem; }
.f6-xx    { font-size: 1.5rem; }
.f7-xx    { font-size: 1.75rem; }
.f8-xx    { font-size: 2rem; }
.f9-xx    { font-size: 2.25rem; }
.f10-xx    { font-size: 2.5rem; }
.f11-xx    { font-size: 2.75rem; }
.f12-xx    { font-size: 3rem; }
.f13-xx    { font-size: 3.25rem; }
.f14-xx    { font-size: 3.5rem; }
.f15-xx    { font-size: 3.75rem; }
.f16-xx    { font-size: 4rem; }
}

.oneliner { white-space: nowrap; }

.fw100   { font-weight: 100; }
.fw200   { font-weight: 200; }
.fw300   { font-weight: 300; }
.fw400   { font-weight: 400; }
.fw500   { font-weight: 500; }
.fw600   { font-weight: 600; }
.fw700   { font-weight: 700; }
.fw800   { font-weight: 800; }
.fw900   { font-weight: 900; }

/* typography style */
.i          { font-style: italic; }
.b          { font-weight: bold; }
.underline  { text-decoration: underline; }
.strike     { text-decoration: line-through; }
.nodeco     { text-decoration: none; }
.ttc        { text-transform: capitalize; }
.ttu        { text-transform: uppercase; }

/* todo scegliere prefisso F o T */
.f-left { text-align: left; }
.f-center { text-align: center; }
.f-right { text-align: right; }
.f-justify { text-align: justify; text-justify: inter-word; }
/* ToDo impostare line-height per ogni helper di tipografia */
.f-line100 { line-height: 1em; }
.f-line125 { line-height: 1.25em; }
.f-line150 { line-height: 1.50em; }
.f-line175 { line-height: 1.75em; }
.f-line200 { line-height: 2em; }
.f-line225 { line-height: 2.25em; }
.f-line250 { line-height: 2.50em; }
.f-line275 { line-height: 2.75em; }
.f-line300 { line-height: 3em; }
/* ToDo impostare su css helper */
.f-uppercase { text-transform: uppercase; }
.f-capitalize { text-transform: capitalize; }
.f-lowercase { text-transform: lowercase; }

/* cursor style */
.cursor-auto { cursor: auto; }
.cursor-default { cursor: default; }
.cursor-none { cursor: none; }
.cursor-pointer { cursor: pointer; }
.cursor-crosshair { cursor: crosshair; }
.cursor-text { cursor: text; }
.cursor-move { cursor: move; }
.cursor-grabbing { cursor: grabbing; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }

/* background colors */
.bg-none { background-color: transparent; }
.fg-none { color: transparent; }
.bg-aliceblue { background-color: #f0f8ff; }
.fg-aliceblue { color: #f0f8ff; }
.bg-antiquewhite { background-color: #faebd7; }
.fg-antiquewhite { color: #faebd7; }
.bg-aqua { background-color: #00ffff; }
.fg-aqua { color: #00ffff; }
.bg-aquamarine { background-color: #7fffd4; }
.fg-aquamarine { color: #7fffd4; }
.bg-azure { background-color: #f0ffff; }
.fg-azure { color: #f0ffff; }
.bg-beige { background-color: #f5f5dc; }
.fg-beige { color: #f5f5dc; }
.bg-bisque { background-color: #ffe4c4; }
.fg-bisque { color: #ffe4c4; }
.bg-black { background-color: #000000; }
.fg-black { color: #000000; }
.bg-blanchedalmond { background-color: #ffebcd; }
.fg-blanchedalmond { color: #ffebcd; }
.bg-blue { background-color: #0000ff; }
.fg-blue { color: #0000ff; }
.bg-blueviolet { background-color: #8a2be2; }
.fg-blueviolet { color: #8a2be2; }
.bg-brown { background-color: #a52a2a; }
.fg-brown { color: #a52a2a; }
.bg-burlywood { background-color: #deb887; }
.fg-burlywood { color: #deb887; }
.bg-cadetblue { background-color: #5f9ea0; }
.fg-cadetblue { color: #5f9ea0; }
.bg-chartreuse { background-color: #7fff00; }
.fg-chartreuse { color: #7fff00; }
.bg-chocolate { background-color: #d2691e; }
.fg-chocolate { color: #d2691e; }
.bg-coral { background-color: #ff7f50; }
.fg-coral { color: #ff7f50; }
.bg-cornflowerblue { background-color: #6495ed; }
.fg-cornflowerblue { color: #6495ed; }
.bg-cornsilk { background-color: #fff8dc; }
.fg-cornsilk { color: #fff8dc; }
.bg-crimson { background-color: #dc143c; }
.fg-crimson { color: #dc143c; }
.bg-cyan { background-color: #00ffff; }
.fg-cyan { color: #00ffff; }
.bg-darkblue { background-color: #00008b; }
.fg-darkblue { color: #00008b; }
.bg-darkcyan { background-color: #008b8b; }
.fg-darkcyan { color: #008b8b; }
.bg-darkgoldenrod { background-color: #b8860b; }
.fg-darkgoldenrod { color: #b8860b; }
.bg-darkgray { background-color: #a9a9a9; }
.fg-darkgray { color: #a9a9a9; }
.bg-darkgreen { background-color: #006400; }
.fg-darkgreen { color: #006400; }
.bg-darkgrey { background-color: #a9a9a9; }
.fg-darkgrey { color: #a9a9a9; }
.bg-darkkhaki { background-color: #bdb76b; }
.fg-darkkhaki { color: #bdb76b; }
.bg-darkmagenta { background-color: #8b008b; }
.fg-darkmagenta { color: #8b008b; }
.bg-darkolivegreen { background-color: #556b2f; }
.fg-darkolivegreen { color: #556b2f; }
.bg-darkorange { background-color: #ff8c00; }
.fg-darkorange { color: #ff8c00; }
.bg-darkorchid { background-color: #9932cc; }
.fg-darkorchid { color: #9932cc; }
.bg-darkred { background-color: #8b0000; }
.fg-darkred { color: #8b0000; }
.bg-darksalmon { background-color: #e9967a; }
.fg-darksalmon { color: #e9967a; }
.bg-darkseagreen { background-color: #8fbc8f; }
.fg-darkseagreen { color: #8fbc8f; }
.bg-darkslateblue { background-color: #483d8b; }
.fg-darkslateblue { color: #483d8b; }
.bg-darkslategray { background-color: #2f4f4f; }
.fg-darkslategray { color: #2f4f4f; }
.bg-darkslategrey { background-color: #2f4f4f; }
.fg-darkslategrey { color: #2f4f4f; }
.bg-darkturquoise { background-color: #00ced1; }
.fg-darkturquoise { color: #00ced1; }
.bg-darkviolet { background-color: #9400d3; }
.fg-darkviolet { color: #9400d3; }
.bg-deeppink { background-color: #ff1493; }
.fg-deeppink { color: #ff1493; }
.bg-deepskyblue { background-color: #00bfff; }
.fg-deepskyblue { color: #00bfff; }
.bg-dimgray { background-color: #696969; }
.fg-dimgray { color: #696969; }
.bg-dimgrey { background-color: #696969; }
.fg-dimgrey { color: #696969; }
.bg-dodgerblue { background-color: #1e90ff; }
.fg-dodgerblue { color: #1e90ff; }
.bg-firebrick { background-color: #b22222; }
.fg-firebrick { color: #b22222; }
.bg-floralwhite { background-color: #fffaf0; }
.fg-floralwhite { color: #fffaf0; }
.bg-forestgreen { background-color: #228b22; }
.fg-forestgreen { color: #228b22; }
.bg-fuchsia { background-color: #ff00ff; }
.fg-fuchsia { color: #ff00ff; }
.bg-gainsboro { background-color: #dcdcdc; }
.fg-gainsboro { color: #dcdcdc; }
.bg-ghostwhite { background-color: #f8f8ff; }
.fg-ghostwhite { color: #f8f8ff; }
.bg-gold { background-color: #ffd700; }
.fg-gold { color: #ffd700; }
.bg-goldenrod { background-color: #daa520; }
.fg-goldenrod { color: #daa520; }
.bg-gray { background-color: #808080; }
.fg-gray { color: #808080; }
.bg-green { background-color: #008000; }
.fg-green { color: #008000; }
.bg-greenyellow { background-color: #adff2f; }
.fg-greenyellow { color: #adff2f; }
.bg-grey { background-color: #808080; }
.fg-grey { color: #808080; }
.bg-honeydew { background-color: #f0fff0; }
.fg-honeydew { color: #f0fff0; }
.bg-hotpink { background-color: #ff69b4; }
.fg-hotpink { color: #ff69b4; }
.bg-indianred { background-color: #cd5c5c; }
.fg-indianred { color: #cd5c5c; }
.bg-indigo { background-color: #4b0082; }
.fg-indigo { color: #4b0082; }
.bg-ivory { background-color: #fffff0; }
.fg-ivory { color: #fffff0; }
.bg-khaki { background-color: #f0e68c; }
.fg-khaki { color: #f0e68c; }
.bg-lavender { background-color: #e6e6fa; }
.fg-lavender { color: #e6e6fa; }
.bg-lavenderblush { background-color: #fff0f5; }
.fg-lavenderblush { color: #fff0f5; }
.bg-lawngreen { background-color: #7cfc00; }
.fg-lawngreen { color: #7cfc00; }
.bg-lemonchiffon { background-color: #fffacd; }
.fg-lemonchiffon { color: #fffacd; }
.bg-lightblue { background-color: #add8e6; }
.fg-lightblue { color: #add8e6; }
.bg-lightcoral { background-color: #f08080; }
.fg-lightcoral { color: #f08080; }
.bg-lightcyan { background-color: #e0ffff; }
.fg-lightcyan { color: #e0ffff; }
.bg-lightgoldenrodyellow { background-color: #fafad2; }
.fg-lightgoldenrodyellow { color: #fafad2; }
.bg-lightgray { background-color: #d3d3d3; }
.fg-lightgray { color: #d3d3d3; }
.bg-lightgreen { background-color: #90ee90; }
.fg-lightgreen { color: #90ee90; }
.bg-lightgrey { background-color: #d3d3d3; }
.fg-lightgrey { color: #d3d3d3; }
.bg-lightpink { background-color: #ffb6c1; }
.fg-lightpink { color: #ffb6c1; }
.bg-lightsalmon { background-color: #ffa07a; }
.fg-lightsalmon { color: #ffa07a; }
.bg-lightseagreen { background-color: #20b2aa; }
.fg-lightseagreen { color: #20b2aa; }
.bg-lightskyblue { background-color: #87cefa; }
.fg-lightskyblue { color: #87cefa; }
.bg-lightslategray { background-color: #778899; }
.fg-lightslategray { color: #778899; }
.bg-lightslategrey { background-color: #778899; }
.fg-lightslategrey { color: #778899; }
.bg-lightsteelblue { background-color: #b0c4de; }
.fg-lightsteelblue { color: #b0c4de; }
.bg-lightyellow { background-color: #ffffe0; }
.fg-lightyellow { color: #ffffe0; }
.bg-lime { background-color: #00ff00; }
.fg-lime { color: #00ff00; }
.bg-limegreen { background-color: #32cd32; }
.fg-limegreen { color: #32cd32; }
.bg-linen { background-color: #faf0e6; }
.fg-linen { color: #faf0e6; }
.bg-magenta { background-color: #ff00ff; }
.fg-magenta { color: #ff00ff; }
.bg-maroon { background-color: #800000; }
.fg-maroon { color: #800000; }
.bg-mediumaquamarine { background-color: #66cdaa; }
.fg-mediumaquamarine { color: #66cdaa; }
.bg-mediumblue { background-color: #0000cd; }
.fg-mediumblue { color: #0000cd; }
.bg-mediumorchid { background-color: #ba55d3; }
.fg-mediumorchid { color: #ba55d3; }
.bg-mediumpurple { background-color: #9370db; }
.fg-mediumpurple { color: #9370db; }
.bg-mediumseagreen { background-color: #3cb371; }
.fg-mediumseagreen { color: #3cb371; }
.bg-mediumslateblue { background-color: #7b68ee; }
.fg-mediumslateblue { color: #7b68ee; }
.bg-mediumspringgreen { background-color: #00fa9a; }
.fg-mediumspringgreen { color: #00fa9a; }
.bg-mediumturquoise { background-color: #48d1cc; }
.fg-mediumturquoise { color: #48d1cc; }
.bg-mediumvioletred { background-color: #c71585; }
.fg-mediumvioletred { color: #c71585; }
.bg-midnightblue { background-color: #191970; }
.fg-midnightblue { color: #191970; }
.bg-mintcream { background-color: #f5fffa; }
.fg-mintcream { color: #f5fffa; }
.bg-mistyrose { background-color: #ffe4e1; }
.fg-mistyrose { color: #ffe4e1; }
.bg-moccasin { background-color: #ffe4b5; }
.fg-moccasin { color: #ffe4b5; }
.bg-navajowhite { background-color: #ffdead; }
.fg-navajowhite { color: #ffdead; }
.bg-navy { background-color: #000080; }
.fg-navy { color: #000080; }
.bg-oldlace { background-color: #fdf5e6; }
.fg-oldlace { color: #fdf5e6; }
.bg-olive { background-color: #808000; }
.fg-olive { color: #808000; }
.bg-olivedrab { background-color: #6b8e23; }
.fg-olivedrab { color: #6b8e23; }
.bg-orange { background-color: #ffa500; }
.fg-orange { color: #ffa500; }
.bg-orangered { background-color: #ff4500; }
.fg-orangered { color: #ff4500; }
.bg-orchid { background-color: #da70d6; }
.fg-orchid { color: #da70d6; }
.bg-palegoldenrod { background-color: #eee8aa; }
.fg-palegoldenrod { color: #eee8aa; }
.bg-palegreen { background-color: #98fb98; }
.fg-palegreen { color: #98fb98; }
.bg-paleturquoise { background-color: #afeeee; }
.fg-paleturquoise { color: #afeeee; }
.bg-palevioletred { background-color: #db7093; }
.fg-palevioletred { color: #db7093; }
.bg-papayawhip { background-color: #ffefd5; }
.fg-papayawhip { color: #ffefd5; }
.bg-peachpuff { background-color: #ffdab9; }
.fg-peachpuff { color: #ffdab9; }
.bg-peru { background-color: #cd853f; }
.fg-peru { color: #cd853f; }
.bg-pink { background-color: #ffc0cb; }
.fg-pink { color: #ffc0cb; }
.bg-plum { background-color: #dda0dd; }
.fg-plum { color: #dda0dd; }
.bg-powderblue { background-color: #b0e0e6; }
.fg-powderblue { color: #b0e0e6; }
.bg-purple { background-color: #800080; }
.fg-purple { color: #800080; }
.bg-red { background-color: #ff0000; }
.fg-red { color: #ff0000; }
.bg-rosybrown { background-color: #bc8f8f; }
.fg-rosybrown { color: #bc8f8f; }
.bg-royalblue { background-color: #4169e1; }
.fg-royalblue { color: #4169e1; }
.bg-saddlebrown { background-color: #8b4513; }
.fg-saddlebrown { color: #8b4513; }
.bg-salmon { background-color: #fa8072; }
.fg-salmon { color: #fa8072; }
.bg-sandybrown { background-color: #f4a460; }
.fg-sandybrown { color: #f4a460; }
.bg-seagreen { background-color: #2e8b57; }
.fg-seagreen { color: #2e8b57; }
.bg-seashell { background-color: #fff5ee; }
.fg-seashell { color: #fff5ee; }
.bg-sienna { background-color: #a0522d; }
.fg-sienna { color: #a0522d; }
.bg-silver { background-color: #c0c0c0; }
.fg-silver { color: #c0c0c0; }
.bg-skyblue { background-color: #87ceeb; }
.fg-skyblue { color: #87ceeb; }
.bg-slateblue { background-color: #6a5acd; }
.fg-slateblue { color: #6a5acd; }
.bg-slategray { background-color: #708090; }
.fg-slategray { color: #708090; }
.bg-slategrey { background-color: #708090; }
.fg-slategrey { color: #708090; }
.bg-snow { background-color: #fffafa; }
.fg-snow { color: #fffafa; }
.bg-springgreen { background-color: #00ff7f; }
.fg-springgreen { color: #00ff7f; }
.bg-steelblue { background-color: #4682b4; }
.fg-steelblue { color: #4682b4; }
.bg-tan { background-color: #d2b48c; }
.fg-tan { color: #d2b48c; }
.bg-teal { background-color: #008080; }
.fg-teal { color: #008080; }
.bg-thistle { background-color: #d8bfd8; }
.fg-thistle { color: #d8bfd8; }
.bg-tomato { background-color: #ff6347; }
.fg-tomato { color: #ff6347; }
.bg-turquoise { background-color: #40e0d0; }
.fg-turquoise { color: #40e0d0; }
.bg-violet { background-color: #ee82ee; }
.fg-violet { color: #ee82ee; }
.bg-wheat { background-color: #f5deb3; }
.fg-wheat { color: #f5deb3; }
.bg-white { background-color: #ffffff; }
.fg-white { color: #ffffff; }
.bg-whitesmoke { background-color: #f5f5f5; }
.fg-whitesmoke { color: #f5f5f5; }
.bg-yellow { background-color: #ffff00; }
.fg-yellow { color: #ffff00; }
.bg-yellowgreen { background-color: #9acd32; }
.fg-yellowgreen { color: #9acd32; }
.bg-1 { background-color: #111111; }
.fg-1 { color: #111111; }
.bg-2 { background-color: #222222; }
.fg-2 { color: #222222; }
.bg-3 { background-color: #333333; }
.fg-3 { color: #333333; }
.bg-4 { background-color: #444444; }
.fg-4 { color: #444444; }
.bg-5 { background-color: #555555; }
.fg-5 { color: #555555; }
.bg-6 { background-color: #666666; }
.fg-6 { color: #666666; }
.bg-7 { background-color: #777777; }
.fg-7 { color: #777777; }
.bg-8 { background-color: #888888; }
.fg-8 { color: #888888; }
.bg-9 { background-color: #999999; }
.fg-9 { color: #999999; }
.bg-a { background-color: #AAAAAA; }
.fg-a { color: #AAAAAA; }
.bg-b { background-color: #BBBBBB; }
.fg-b { color: #BBBBBB; }
.bg-c { background-color: #CCCCCC; }
.fg-c { color: #CCCCCC; }
.bg-d { background-color: #DDDDDD; }
.fg-d { color: #DDDDDD; }
.bg-e { background-color: #EEEEEE; }
.fg-e { color: #EEEEEE; }

/* grid columns layouting system */
.g-columns { display: grid; grid-template-columns: repeat(12, 1fr); }
.f-columns {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;
}
.g-columns-14 { display: grid; grid-template-columns: repeat(14, 1fr); } /* ToDo: custom-columing */

.g-col-1 { grid-column: span 1; }
.f-col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-2 { grid-column: span 2; }
.f-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-3 { grid-column: span 3; }
.f-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-4 { grid-column: span 4; }
.f-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-5 { grid-column: span 5; }
.f-col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-6 { grid-column: span 6; }
.f-col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-7 { grid-column: span 7; }
.f-col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-8 { grid-column: span 8; }
.f-col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-9 { grid-column: span 9; }
.f-col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-10 { grid-column: span 10; }
.f-col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-11 { grid-column: span 11; }
.f-col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-12 { grid-column: span 12; }
.f-col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-order-negative-1 { order: -1; }
.col-order-0 { order: 0; }
.col-order-1 { order: 1; }
.col-order-2 { order: 2; }
.col-order-3 { order: 3; }

.f-col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
@media (min-width: 576px) {
.f-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.f-col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-sm-1 { grid-column: span 1; }
.f-col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-sm-2 { grid-column: span 2; }
.f-col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-sm-3 { grid-column: span 3; }
.f-col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-sm-4 { grid-column: span 4; }
.f-col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-sm-5 { grid-column: span 5; }
.f-col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-sm-6 { grid-column: span 6; }
.f-col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-sm-7 { grid-column: span 7; }
.f-col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-sm-8 { grid-column: span 8; }
.f-col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-sm-9 { grid-column: span 9; }
.f-col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-sm-10 { grid-column: span 10; }
.f-col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-sm-11 { grid-column: span 11; }
.f-col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-sm-12 { grid-column: span 12; }
.f-col-sm-auto { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: unset; }
.g-col-sm-auto { grid-column: unset; }
.g-col-sm-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-sm-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-sm-order-negative-1 { order: -1; }
.col-sm-order-0 { order: 0; }
.col-sm-order-1 { order: 1; }
.col-sm-order-2 { order: 2; }
.col-sm-order-3 { order: 3; }
.inline-sm         { display: inline; }
.inline-block-sm   { display: inline-block; }
.block-sm          { display: block; }
.inline-block-sm   { display: inline-block; }
.flex-sm           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid-sm           { display: grid; }
.none-sm           { display: none; }
.left-sm           { float: left; }
.right-sm          { float: right; }

.f-left-sm { text-align: left; }
.f-center-sm { text-align: center; }
.f-right-sm { text-align: right; }


.w5-sm  { width: 5%; }
.h5-sm  { height: 5%; }
.w10-sm  { width: 10%; }
.h10-sm  { height: 10%; }
.w15-sm  { width: 15%; }
.h15-sm  { height: 15%; }
.w20-sm  { width: 20%; }
.h20-sm  { height: 20%; }
.w25-sm  { width: 25%; }
.h25-sm  { height: 25%; }
.w30-sm  { width: 30%; }
.h30-sm  { height: 30%; }
.w35-sm  { width: 35%; }
.h35-sm  { height: 35%; }
.w40-sm  { width: 40%; }
.h40-sm  { height: 40%; }
.w45-sm  { width: 45%; }
.h45-sm  { height: 45%; }
.w50-sm  { width: 50%; }
.h50-sm  { height: 50%; }
.w55-sm  { width: 55%; }
.h55-sm  { height: 55%; }
.w60-sm  { width: 60%; }
.h60-sm  { height: 60%; }
.w65-sm  { width: 65%; }
.h65-sm  { height: 65%; }
.w70-sm  { width: 70%; }
.h70-sm  { height: 70%; }
.w75-sm  { width: 75%; }
.h75-sm  { height: 75%; }
.w80-sm  { width: 80%; }
.h80-sm  { height: 80%; }
.w85-sm  { width: 85%; }
.h85-sm  { height: 85%; }
.w90-sm  { width: 90%; }
.h90-sm  { height: 90%; }
.w95-sm  { width: 95%; }
.h95-sm  { height: 95%; }
.w100-sm  { width: 100%; }
.h100-sm  { height: 100%; }
.h100s-sm      { height: 100vh; }
.w100s-sm      { width: 100vw; }

}

@media (min-width: 768px) {
.f-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.f-col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-md-1 { grid-column: span 1; }
.f-col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-md-2 { grid-column: span 2; }
.f-col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-md-3 { grid-column: span 3; }
.f-col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-md-4 { grid-column: span 4; }
.f-col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-md-5 { grid-column: span 5; }
.f-col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-md-6 { grid-column: span 6; }
.f-col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-md-7 { grid-column: span 7; }
.f-col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-md-8 { grid-column: span 8; }
.f-col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-md-9 { grid-column: span 9; }
.f-col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-md-10 { grid-column: span 10; }
.f-col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-md-11 { grid-column: span 11; }
.f-col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-md-12 { grid-column: span 12; }
.f-col-md-auto { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: unset; }
.g-col-md-auto { grid-column: unset; }
.g-col-md-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-md-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-md-order-negative-1 { order: -1; }
.col-md-order-0 { order: 0; }
.col-md-order-1 { order: 1; }
.col-md-order-2 { order: 2; }
.col-md-order-3 { order: 3; }
.inline-md         { display: inline; }
.inline-block-md   { display: inline-block; }
.block-md          { display: block; }
.inline-block-md   { display: inline-block; }
.flex-md           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid-md           { display: grid; }
.none-md           { display: none; }
.left-md           { float: left; }
.right-md          { float: right; }

.f-left-md { text-align: left; }
.f-center-md { text-align: center; }
.f-right-md { text-align: right; }

.w5-md  { width: 5%; }
.h5-md  { height: 5%; }
.w10-md  { width: 10%; }
.h10-md  { height: 10%; }
.w15-md  { width: 15%; }
.h15-md  { height: 15%; }
.w20-md  { width: 20%; }
.h20-md  { height: 20%; }
.w25-md  { width: 25%; }
.h25-md  { height: 25%; }
.w30-md  { width: 30%; }
.h30-md  { height: 30%; }
.w35-md  { width: 35%; }
.h35-md  { height: 35%; }
.w40-md  { width: 40%; }
.h40-md  { height: 40%; }
.w45-md  { width: 45%; }
.h45-md  { height: 45%; }
.w50-md  { width: 50%; }
.h50-md  { height: 50%; }
.w55-md  { width: 55%; }
.h55-md  { height: 55%; }
.w60-md  { width: 60%; }
.h60-md  { height: 60%; }
.w65-md  { width: 65%; }
.h65-md  { height: 65%; }
.w70-md  { width: 70%; }
.h70-md  { height: 70%; }
.w75-md  { width: 75%; }
.h75-md  { height: 75%; }
.w80-md  { width: 80%; }
.h80-md  { height: 80%; }
.w85-md  { width: 85%; }
.h85-md  { height: 85%; }
.w90-md  { width: 90%; }
.h90-md  { height: 90%; }
.w95-md  { width: 95%; }
.h95-md  { height: 95%; }
.w100-md  { width: 100%; }
.h100-md  { height: 100%; }
.h100s-md      { height: 100vh; }
.w100s-md      { width: 100vw; }

}

@media (min-width: 992px) {
.f-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.f-col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-lg-1 { grid-column: span 1; }
.f-col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-lg-2 { grid-column: span 2; }
.f-col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-lg-3 { grid-column: span 3; }
.f-col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-lg-4 { grid-column: span 4; }
.f-col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-lg-5 { grid-column: span 5; }
.f-col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-lg-6 { grid-column: span 6; }
.f-col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-lg-7 { grid-column: span 7; }
.f-col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-lg-8 { grid-column: span 8; }
.f-col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-lg-9 { grid-column: span 9; }
.f-col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-lg-10 { grid-column: span 10; }
.f-col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-lg-11 { grid-column: span 11; }
.f-col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-lg-12 { grid-column: span 12; }
.f-col-lg-auto { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: unset; }
.g-col-lg-auto { grid-column: unset; }
.g-col-lg-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-lg-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-lg-order-negative-1 { order: -1; }
.col-lg-order-0 { order: 0; }
.col-lg-order-1 { order: 1; }
.col-lg-order-2 { order: 2; }
.col-lg-order-3 { order: 3; }
.inline-lg         { display: inline; }
.inline-block-lg   { display: inline-block; }
.block-lg          { display: block; }
.inline-block-lg   { display: inline-block; }
.flex-lg           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid-lg           { display: grid; }
.none-lg           { display: none; }
.left-lg           { float: left; }
.right-lg          { float: right; }

.f-left-lg { text-align: left; }
.f-center-lg { text-align: center; }
.f-right-lg { text-align: right; }

.w5-lg  { width: 5%; }
.h5-lg  { height: 5%; }
.w10-lg  { width: 10%; }
.h10-lg  { height: 10%; }
.w15-lg  { width: 15%; }
.h15-lg  { height: 15%; }
.w20-lg  { width: 20%; }
.h20-lg  { height: 20%; }
.w25-lg  { width: 25%; }
.h25-lg  { height: 25%; }
.w30-lg  { width: 30%; }
.h30-lg  { height: 30%; }
.w35-lg  { width: 35%; }
.h35-lg  { height: 35%; }
.w40-lg  { width: 40%; }
.h40-lg  { height: 40%; }
.w45-lg  { width: 45%; }
.h45-lg  { height: 45%; }
.w50-lg  { width: 50%; }
.h50-lg  { height: 50%; }
.w55-lg  { width: 55%; }
.h55-lg  { height: 55%; }
.w60-lg  { width: 60%; }
.h60-lg  { height: 60%; }
.w65-lg  { width: 65%; }
.h65-lg  { height: 65%; }
.w70-lg  { width: 70%; }
.h70-lg  { height: 70%; }
.w75-lg  { width: 75%; }
.h75-lg  { height: 75%; }
.w80-lg  { width: 80%; }
.h80-lg  { height: 80%; }
.w85-lg  { width: 85%; }
.h85-lg  { height: 85%; }
.w90-lg  { width: 90%; }
.h90-lg  { height: 90%; }
.w95-lg  { width: 95%; }
.h95-lg  { height: 95%; }
.w100-lg  { width: 100%; }
.h100-lg  { height: 100%; }
.h100s-lg      { height: 100vh; }
.w100s-lg      { width: 100vw; }

}

@media (min-width: 1200px) {
.f-col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.f-col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-xl-1 { grid-column: span 1; }
.f-col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-xl-2 { grid-column: span 2; }
.f-col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-xl-3 { grid-column: span 3; }
.f-col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-xl-4 { grid-column: span 4; }
.f-col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-xl-5 { grid-column: span 5; }
.f-col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-xl-6 { grid-column: span 6; }
.f-col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-xl-7 { grid-column: span 7; }
.f-col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-xl-8 { grid-column: span 8; }
.f-col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-xl-9 { grid-column: span 9; }
.f-col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-xl-10 { grid-column: span 10; }
.f-col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-xl-11 { grid-column: span 11; }
.f-col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-xl-12 { grid-column: span 12; }
.f-col-xl-auto { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: unset; }
.g-col-xl-auto { grid-column: unset; }
.g-col-xl-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-xl-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-xl-order-negative-1 { order: -1; }
.col-xl-order-0 { order: 0; }
.col-xl-order-1 { order: 1; }
.col-xl-order-2 { order: 2; }
.col-xl-order-3 { order: 3; }
.inline-xl         { display: inline; }
.inline-block-xl   { display: inline-block; }
.block-xl          { display: block; }
.inline-block-xl   { display: inline-block; }
.flex-xl           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid-xl           { display: grid; }
.none-xl           { display: none; }
.left-xl           { float: left; }
.right-xl          { float: right; }

.f-left-xl { text-align: left; }
.f-center-xl { text-align: center; }
.f-right-xl { text-align: right; }

.w5-xl  { width: 5%; }
.h5-xl  { height: 5%; }
.w10-xl  { width: 10%; }
.h10-xl  { height: 10%; }
.w15-xl  { width: 15%; }
.h15-xl  { height: 15%; }
.w20-xl  { width: 20%; }
.h20-xl  { height: 20%; }
.w25-xl  { width: 25%; }
.h25-xl  { height: 25%; }
.w30-xl  { width: 30%; }
.h30-xl  { height: 30%; }
.w35-xl  { width: 35%; }
.h35-xl  { height: 35%; }
.w40-xl  { width: 40%; }
.h40-xl  { height: 40%; }
.w45-xl  { width: 45%; }
.h45-xl  { height: 45%; }
.w50-xl  { width: 50%; }
.h50-xl  { height: 50%; }
.w55-xl  { width: 55%; }
.h55-xl  { height: 55%; }
.w60-xl  { width: 60%; }
.h60-xl  { height: 60%; }
.w65-xl  { width: 65%; }
.h65-xl  { height: 65%; }
.w70-xl  { width: 70%; }
.h70-xl  { height: 70%; }
.w75-xl  { width: 75%; }
.h75-xl  { height: 75%; }
.w80-xl  { width: 80%; }
.h80-xl  { height: 80%; }
.w85-xl  { width: 85%; }
.h85-xl  { height: 85%; }
.w90-xl  { width: 90%; }
.h90-xl  { height: 90%; }
.w95-xl  { width: 95%; }
.h95-xl  { height: 95%; }
.w100-xl  { width: 100%; }
.h100-xl  { height: 100%; }
.h100s-xl      { height: 100vh; }
.w100s-xl      { width: 100vw; }

}

@media (min-width: 1400px) {
.f-col-xx { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.f-col-xx-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.g-col-xx-1 { grid-column: span 1; }
.f-col-xx-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.g-col-xx-2 { grid-column: span 2; }
.f-col-xx-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.g-col-xx-3 { grid-column: span 3; }
.f-col-xx-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.g-col-xx-4 { grid-column: span 4; }
.f-col-xx-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.g-col-xx-5 { grid-column: span 5; }
.f-col-xx-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.g-col-xx-6 { grid-column: span 6; }
.f-col-xx-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.g-col-xx-7 { grid-column: span 7; }
.f-col-xx-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.g-col-xx-8 { grid-column: span 8; }
.f-col-xx-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.g-col-xx-9 { grid-column: span 9; }
.f-col-xx-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.g-col-xx-10 { grid-column: span 10; }
.f-col-xx-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.g-col-xx-11 { grid-column: span 11; }
.f-col-xx-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.g-col-xx-12 { grid-column: span 12; }
.f-col-xx-auto { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: unset; }
.g-col-xx-auto { grid-column: unset; }
.g-col-xx-13 { grid-column: span 13; } /* ToDo: custom-columing */
.g-col-xx-14 { grid-column: span 14; } /* ToDo: custom-columing */
.col-xx-order-negative-1 { order: -1; }
.col-xx-order-0 { order: 0; }
.col-xx-order-1 { order: 1; }
.col-xx-order-2 { order: 2; }
.col-xx-order-3 { order: 3; }
.inline-xx         { display: inline; }
.inline-block-xx   { display: inline-block; }
.block-xx          { display: block; }
.inline-block-xx   { display: inline-block; }
.flex-xx           {
    display: flex; display: -webkit-flex; display: -moz-webkit-flex; display: -ms-flexbox;
}
.grid-xx           { display: grid; }
.none-xx           { display: none; }
.left-xx           { float: left; }
.right-xx          { float: right; }

.f-left-xx { text-align: left; }
.f-center-xx { text-align: center; }
.f-right-xx { text-align: right; }

.w5-xx  { width: 5%; }
.h5-xx  { height: 5%; }
.w10-xx  { width: 10%; }
.h10-xx  { height: 10%; }
.w15-xx  { width: 15%; }
.h15-xx  { height: 15%; }
.w20-xx  { width: 20%; }
.h20-xx  { height: 20%; }
.w25-xx  { width: 25%; }
.h25-xx  { height: 25%; }
.w30-xx  { width: 30%; }
.h30-xx  { height: 30%; }
.w35-xx  { width: 35%; }
.h35-xx  { height: 35%; }
.w40-xx  { width: 40%; }
.h40-xx  { height: 40%; }
.w45-xx  { width: 45%; }
.h45-xx  { height: 45%; }
.w50-xx  { width: 50%; }
.h50-xx  { height: 50%; }
.w55-xx  { width: 55%; }
.h55-xx  { height: 55%; }
.w60-xx  { width: 60%; }
.h60-xx  { height: 60%; }
.w65-xx  { width: 65%; }
.h65-xx  { height: 65%; }
.w70-xx  { width: 70%; }
.h70-xx  { height: 70%; }
.w75-xx  { width: 75%; }
.h75-xx  { height: 75%; }
.w80-xx  { width: 80%; }
.h80-xx  { height: 80%; }
.w85-xx  { width: 85%; }
.h85-xx  { height: 85%; }
.w90-xx  { width: 90%; }
.h90-xx  { height: 90%; }
.w95-xx  { width: 95%; }
.h95-xx  { height: 95%; }
.w100-xx  { width: 100%; }
.h100-xx  { height: 100%; }
.h100s-xx      { height: 100vh; }
.w100s-xx      { width: 100vw; }

}




body {
    margin: 0px;
    padding: 0px;
}

.pointer, .pointer:hover { cursor: pointer; }

/* ToDo: generare set completo: self-start self-end flex-start flex-end */
.align-self { align-self: center; }
.align-content { align-content: center; }
.align-items { align-items: center; }
.align-self-start { align-self: start; }
.align-content-start { align-content: start; }
.align-items-start { align-items: start; }
.align-self-end { align-self: end; }
.align-content-end { align-content: end; }
.align-items-end { align-items: end; }

.justify-self { justify-self: center; }
.justify-content { justify-content: center; }
.justify-items { justify-items: center; }
.justify-self-start { justify-self: start; }
.justify-content-start { justify-content: start; }
.justify-items-start { justify-items: start; }
.justify-self-end { justify-self: end; }
.justify-content-end { justify-content: end; }
.justify-items-end { justify-items: end; }
.justify-content-space-between { justify-content: space-between; }
.justify-content-space-evenly { justify-content: space-evenly; }
.justify-content-space-around { justify-content: space-around; }

/* ToDo: generare tutto il set per flex (grow, basis ecc..) e rinominare tutto */
.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-row-reverse { flex-direction: row-reverse; }

/* ToDo: helper per .h100s { height: 100vh; } */
/* ToDo: helper per .h100m { min-height: 100%; } e .h100sm { min-height: 100vh; } */
/* ToDo: helper per max */
.hm100s { min-height: 100vh; }
.wmax100 { max-width: 100%; }
.hmax100 { max-height: 100%; }

/* ToDo: helper migliorat per transition */
.transition-300 { transition: all 300ms; }
.transition-new-300 { transition: color 300ms, background-color 300ms, transform 300ms; }

.boxed {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.square::after {
    content: "";
    padding-bottom: 100%;
}
.circle {
    border-radius: 50%;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*ul, ol {
    list-style-position: inside
}*/