.flex{ display: flex; }
.items-center{align-items: center;}
.items-start{align-items: flex-start;}
.items-end{align-items: flex-end;}
.items-stretch{align-items: stretch;}
.items-baseline{align-items: baseline;}
.self-start{align-self: flex-start;}
.self-stretch{align-self: stretch;}
.self-center{align-self: center;}
.self-end{align-self: flex-end;}
.justify-around{justify-content: space-around;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-evenly{justify-content: space-evenly;}
.justify-end{justify-content: flex-end};
.justify-self-end{justify-self: end;}
.justify-self-end-safe{justify-self: safe end;}
.flex-1{flex: 1;}
.flex-wrap{flex-wrap: wrap;}
.flex-row{flex-direction: row;}
.flex-col{flex-direction: column;}
.flex-row-reverse{flex-direction: row-reverse;}
.shrink-0{flex-shrink: 0;}

.grid{ display: grid; }
.grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.col-span-full{ grid-column: 1 / -1; }
.row-span-full{ grid-row: 1 / -1; }


.block{ display: block; }
.inline-block{ display: inline-block; }
.inline{ display: inline; }
.hidden{ display: none; }

.overflow-hidden{overflow: hidden;}

.fixed{position: fixed;}
.fixed-bottom{ left: 0; bottom: 0; }

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

.top-0{top: 0}
.left-0{left: 0}


.visible{ visibility: visible; }
.invisible{ visibility: hidden; }

.m-auto{ margin-inline-start: auto; margin-inline-end: auto; }
.ml-auto{margin-left: auto;}

.text-white{color: #fff;}
.text-b90303{color: #b90303}

.text-20{font-size: 20px;}
.text-16{font-size: 16px;}
.text-14{font-size: 14px;}

.text-center{text-align: center;}

.w-full{width: 100%;}
.h-full{height: 100%}
.min-h-full{height: 100vh;}

.opacity-0{opacity: 0;}

.gap-x-3{column-gap: 3px;}
.gap-x-10{column-gap: 10px;}
.gap-x-25{column-gap: 25px;}
.gap-x-18{gap: 18px;}
.gap-y-8{row-gap: 8px;}
.gap-y-10{row-gap: 10px;}
.gap-y-20{row-gap: 20px;}
.gap-15{gap: 15px;}
.gap-20{gap: 20px;}

.p-10{padding: 10px;}
.p-20{padding: 20px;}
.py-10{padding-top: 10px; padding-bottom: 10px;}
.py-15{padding-block: 15px;}
.py-20{padding-block: 20px;}
.px-16{padding-inline: 16px;}
.px-20{padding-inline: 20px;}

.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}

.hidden{ display: none; }

.line-clamp-1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}