.fml\:bold { font-family: var(--font-bold) !important; } 
.fml\:bold-v2 { font-family: "Lato Bold" !important; } 
.fml\:regular { font-family: var(--font-regular) !important; } 
.fml\:regular-v2 { font-family: "Lato Regular" !important; } 
.fml\:medium { font-family: var(--font-medium) !important; } 
.fml\:medium-italic { font-family: var(--font-medium-italic) !important; } 
.fml\:semi { font-family: var(--font-semi) !important; } 
.fml\:black { font-family: var(--font-black) !important; } 
.fml\:custom { font-family: var(--font-custom) !important; } 
.fml\:custom-v2 { font-family: var(--font-custom-v2) !important; } 


.clr-text\:main { color: var(--color-main); } 
.clr-text\:main-v2 { color: var(--color-main-v2); } 
.clr-text\:white { color: var(--color-white); } 
.clr-text\:title { color: var(--color-title); } 
.clr-text\:hover { color: var(--color-hover); } 
.clr-text\:active { color: var(--color-active); } 


.clr-hover\:white:hover { color: var(--color-white); } 
.clr-hover\:title:hover { color: var(--color-title); } 
.clr-hover\:hover:hover { color: var(--color-hover); } 
.clr-hover\:main-v2:hover { color: var(--color-main-v2); } 
.clr-hover\:main:hover { color: var(--color-main); } 

.bg-hover\:main:hover { background: var(--color-main); } 
.bg-hover\:main-v2:hover { background: var(--color-main-v2); } 
.bg-hover\:hover:hover { background: var(--color-hover); } 
.bg-hover\:hover:active { background: var(--color-active); } 



.bg-clr\:gradient { background: var(--color-gradient); } 
.bg-clr\:main { background: var(--color-main); } 
.bg-clr\:main-v2 { background: var(--color-main-v2); } 
.bg-clr\:black { background: #000; } 
.bg-clr\:white { background: var(--color-white); } 
.bg-clr\:transparent { background: transparent; } 



/* MARGIN */
.mt\:5 { margin-top: 5px; } 
.mt\:10 { margin-top: 10px; } 
.mt\:15 { margin-top: 15px; } 
.mt\:20 { margin-top: 20px; } 
.mt\:25 { margin-top: 25px; } 
.mt\:30 { margin-top: 30px; } 

.mr\:3 { margin-right: 3px; } 
.mr\:5 { margin-right: 5px; } 
.mr\:10 { margin-right: 10px; } 
.mr\:15 { margin-right: 15px; } 
.mr\:20 { margin-right: 20px; } 
.mr\:25 { margin-right: 25px; } 
.mr\:30 { margin-right: 30px; } 

.mb\:5 { margin-bottom: 5px; } 
.mb\:10 { margin-bottom: 10px; } 
.mb\:15 { margin-bottom: 15px; } 
.mb\:20 { margin-bottom: 20px; } 
.mb\:25 { margin-bottom: 25px; } 
.mb\:30 { margin-bottom: 30px; } 

.ml\:3 { margin-left: 3px; } 
.ml\:5 { margin-left: 5px; } 
.ml\:10 { margin-left: 10px; } 
.ml\:15 { margin-left: 15px; } 
.ml\:20 { margin-left: 20px; } 
.ml\:25 { margin-left: 25px; } 
.ml\:30 { margin-left: 30px; } 

/* PADDING */
.p\:5  { padding: 5px; }
.p\:10 { padding: 10px; }
.p\:15 { padding: 15px; }
.p\:20 { padding: 20px; }
.p\:25 { padding: 25px; }
.p\:30 { padding: 30px; }

.pt\:5 { padding-top: 5px; } 
.pt\:10 { padding-top: 10px; } 
.pt\:15 { padding-top: 15px; } 
.pt\:20 { padding-top: 20px; } 
.pt\:25 { padding-top: 25px; } 
.pt\:30 { padding-top: 30px; } 

.pr\:5 { padding-right: 5px; } 
.pr\:10 { padding-right: 10px; } 
.pr\:15 { padding-right: 15px; } 
.pr\:20 { padding-right: 20px; } 
.pr\:25 { padding-right: 25px; } 
.pr\:30 { padding-right: 30px; } 

.pb\:5 { padding-bottom: 5px; } 
.pb\:10 { padding-bottom: 10px; } 
.pb\:15 { padding-bottom: 15px; } 
.pb\:20 { padding-bottom: 20px; } 
.pb\:25 { padding-bottom: 25px; } 
.pb\:30 { padding-bottom: 30px; } 

.pl\:5 { padding-left: 5px; } 
.pl\:10 { padding-left: 10px; } 
.pl\:15 { padding-left: 15px; } 
.pl\:20 { padding-left: 20px; } 
.pl\:25 { padding-left: 25px; } 
.pl\:30 { padding-left: 30px; } 

/* FONT SIZE */
.fsz\:14 { font-size: 14px !important; } 
.fsz\:15 { font-size: 15px !important; } 
.fsz\:16 { font-size: 16px !important; } 
.fsz\:17 { font-size: 17px !important; } 
.fsz\:18 { font-size: 18px !important; } 
.fsz\:19 { font-size: 19px !important; } 
.fsz\:20 { font-size: 20px !important; } 
.fsz-resize\:24 { font-size: clamp(18px,3.5vw,24px); } 
.fsz-resize\:40 { font-size: clamp(20px,3.5vw,40px); } 
.fsz-resize\:55 { font-size: clamp(25px,3.5vw,55px); } 

.z-index\:1 { z-index: 1; }

/* BORDER RADIUS */
.rounded\:5  { border-radius: 5px; }
.rounded\:10 { border-radius: 10px; }
.rounded\:15 { border-radius: 15px; }
.rounded\:20 { border-radius: 20px; }
.rounded\:25 { border-radius: 25px; }
.rounded\:30 { border-radius: 30px; }
.rounded\:circle { border-radius: 50%; } 

.rounded-tl\:5  { border-top-left-radius: 5px; }
.rounded-tl\:10 { border-top-left-radius: 10px; }
.rounded-tl\:15 { border-top-left-radius: 15px; }
.rounded-tl\:20 { border-top-left-radius: 20px; }
.rounded-tl\:25 { border-top-left-radius: 25px; }
.rounded-tl\:30 { border-top-left-radius: 30px; }

.rounded-tr\:5  { border-top-right-radius: 5px; }
.rounded-tr\:10 { border-top-right-radius: 10px; }
.rounded-tr\:15 { border-top-right-radius: 15px; }
.rounded-tr\:20 { border-top-right-radius: 20px; }
.rounded-tr\:25 { border-top-right-radius: 25px; }
.rounded-tr\:30 { border-top-right-radius: 30px; }

.rounded-bl\:5  { border-bottom-left-radius: 5px; }
.rounded-bl\:10 { border-bottom-left-radius: 10px; }
.rounded-bl\:15 { border-bottom-left-radius: 15px; }
.rounded-bl\:20 { border-bottom-left-radius: 20px; }
.rounded-bl\:25 { border-bottom-left-radius: 25px; }
.rounded-bl\:30 { border-bottom-left-radius: 30px; }

.rounded-br\:5  { border-bottom-right-radius: 5px; }
.rounded-br\:10 { border-bottom-right-radius: 10px; }
.rounded-br\:15 { border-bottom-right-radius: 15px; }
.rounded-br\:20 { border-bottom-right-radius: 20px; }
.rounded-br\:25 { border-bottom-right-radius: 25px; }
.rounded-br\:30 { border-bottom-right-radius: 30px; }

.border\:1 { border-width: 1px; } 
.border-top\:1 { border-top-width: 1px; } 
.border-right\:1 { border-right-width: 1px; } 
.border-bottom\:1 { border-bottom-width: 1px; } 
.border-left\:1 { border-left-width: 1px; }

/* LINE HEIGHT */
.line-height\:normal { line-height: normal; } 
.line-height\:1 { line-height: 1; } 
.line-height\:1\.1 { line-height: 1.1; } 
.line-height\:1\.2 { line-height: 1.2; } 
.line-height\:1\.3 { line-height: 1.3; } 
.line-height\:1\.4 { line-height: 1.4; } 
.line-height\:1\.5 { line-height: 1.5; } 
.line-height\:1\.6 { line-height: 1.6; } 
.line-height\:1\.7 { line-height: 1.7; } 
.line-height\:1\.8 { line-height: 1.8; } 
.line-height\:1\.9 { line-height: 1.9; } 
.line-height\:2 { line-height: 2; } 

/* CLAMP TEXT */
.clamp-line\:1 { -webkit-line-clamp: 1; } 
.clamp-line\:2 { -webkit-line-clamp: 2; } 
.clamp-line\:3 { -webkit-line-clamp: 3; } 
.clamp-line\:4 { -webkit-line-clamp: 4; } 
.clamp-line\:5 { -webkit-line-clamp: 5; } 
.clamp-line\:6 { -webkit-line-clamp: 6; } 
.clamp-line\:7 { -webkit-line-clamp: 7; } 
.clamp-line\:8 { -webkit-line-clamp: 8; }