.c-flex {
  display: flex;
  flex-direction: column
}

.r-flex {
  display: flex;
  flex-direction: row
}

.gcss {display: grid}
.just-cen {justify-content: center}
.just-bet {justify-content: space-between}
.just-end {justify-content: flex-end}
.f-wrap {flex-wrap: wrap}
.c-align {align-items: center}
.e-align {align-items: end !important}
.s-align {align-items: stretch}
.st-align {align-items: start}
.fs-align {align-items: flex-start}
.bl-align {align-items: baseline}
.pos-rel {position: relative}
.pos-abs {position: absolute}

.s-grid {grid-template-columns: subgrid}
.b-grid {grid-template-columns: repeat(12, 1fr)}
.grid-hcard {grid-template-columns: repeat(8, 1fr)}
.as1-grid { 
  > *:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 4}
  
  > *:nth-child(n+2) {grid-column: 2 / 3}
}
.cards-inl-2{grid-template-columns: repeat(2, 1fr)}
.cards-inl-3{grid-template-columns: repeat(auto-fit, minmax(31.91%, 1fr))}
.cards-inl-4{grid-template-columns: repeat(auto-fit, minmax(27ch,1fr) minmax(27ch,1fr))}

.row-inl-4{grid-template-rows: repeat(4, auto)}

.full-cont {grid-column: full !important}
.main-cont {grid-column: var(--cont-lyt) !important}
.col-left {grid-column: left}
.col-right {grid-column: right}
.col-right-full {grid-column: right / full}
.col-left-full {grid-column: full / left}

.col2 {grid-column: span 2}
.col4 {grid-column: span 4}
.col6 {grid-column: span 6}
.col8 {grid-column: span 8}
.col8-c {grid-column: 3/11}
.col12 {grid-column: span 12}

.row2{grid-row: span 2}

.col4-lst {grid-column: 8/13}
.col4-sb{grid-column: 9/13}
.lst-col3 {grid-column: 10/13}
.btn-in-3card {grid-column: 5/9}

.mxw-s {width: clamp(min(23.75em, 100%), 47.92vw, 22.5em)}
.mxw-m {width: clamp(min(23.75em, 100%), 47.92vw, 27em)}
.mxw-l {width: clamp(min(23.75em, 100%), 47.92vw, 28.5em)}

.minw-s{min-width: 20em}
.minh-s{min-height: 16.25em}
.flex-1{flex: 1}
.w-max{width: 100%}

.ovrf-c {overflow-x: clip}
.ovrf-h {overflow-x: hidden}

@media (width < 70.5em) {
.btn-in-3card {grid-column: 1/13}
}

@media (width < 40em) {
  [class*="col-"] {grid-column: var(--cont-lyt)}
  .gcss {  display: flex;flex-direction: column}
  .minw-s{min-width: auto}
}